/* RESET elements */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
html {}
body {line-height: 1;}
ol, ul {}
ul{list-style:outside square;}
ul > li {margin-left:20px;margin-bottom:6px;}
ul.not-bulleted {list-style:none;}
ul.not-bulleted > li {margin-left:0px;}
ul.atoz li button {-webkit-appearance:none;background:#999;color:#fff;font-size:100%;border:1px solid #333;padding:9px 6px;margin:4px auto;width:96%;height:auto;}
ol{list-style:outside decimal;}
ol > li {margin-left:20px;margin-bottom:6px;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {}

body {font-size:100%;font-family: "Helvetica Neue", HelveticaNeue, "Helvetica-Neue", Helvetica, Arial, sans-serif;color:#111;background:#fff;z-index:1;-webkit-overflow-scrolling:touch;}

body.iframeholder {width:100%;height:100%;overflow-y:hidden;z-index:1;-webkit-overflow-scrolling:touch;}

iframe {max-width:100%;-webkit-overflow-scrolling:touch;}
img {max-width:100%;height:auto;}
/* new for Nov 2020 - learndash video progression styling */
.ld-video {display:block;position:relative;clear:both;}
/* iframe control */
iframe.youtubefeed {display:block;float:none;width:260px !important;max-width:260px;height:150px !important;margin:0 auto;border:4px solid #cccccc;overflow:hidden;}

a {
  color: #364d0b;
  text-decoration: none;
}
a.starttop {display:none;}
p.enter {position:relative;display:block;padding:0px;margin:24px auto 36px auto;width:260px;height:50px;font-size:150%;color:#fff;text-align:center;text-decoration:none;background:#39cec5;border-radius:8px;box-shadow:inset 0 0 10px rgba(0,0,0,0.3);}
p.enter a {position:absolute;left:0;z-index:10;display:block;color:#fff;text-decoration:none;width:100%;height:100%;padding-top:6px;}

@-webkit-keyframes blow {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5); }
  50% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.2);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5); }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.0);
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.0);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5); } }

@keyframes blow {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5); }
  50% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.2);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5); }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.0);
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.0);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5); } }

p.enter a {color:#fff;display:inline-block;width:100%;height:100%;}

a#toppickslink:focus {}

h1, h2, h3, h4, h5, h6 {font-weight:300;}
h1{font-size:180%;margin-bottom:6px;}
h2{font-size:150%;margin-bottom:6px;}
h3{font-size:140%;margin-top:8px;color:#2db2e0;}
h4{font-size:130%;color:#2db2e0;}
h5{font-size:120%;}
h6{font-size:110%;}

h3.instruction {color:#f00 !important;}

p {margin:1em auto;}

sup {font-size:75%;line-height:0;position:relative;top:-0.5em;vertical-align:baseline;}

/* --------------------------------

BMH added content styling elements

-------------------------------- */

hr {margin:10px auto;width:80%;max-width:600px;height:1px;border:0;background:none;background-color:#fff;background-image:linear-gradient(to right, rgba(128, 128, 128, 0), rgba(128, 128, 128, 0.5), rgba(128, 128, 128, 0)) !important;border:none !important;}
hr.hr2 {display:none;}

a p{margin:0 auto;}

h1, h2 {text-align:center;}

.versions ul li {list-style:square outside;margin-left: 18px;}
.lowlit {opacity:0.6;}
.emphasis {color:#a1a61a;font-weight:500;font-size:110%;}
.framed {border:5px solid rgba(0,0,0,0.8);box-shadow: 0 0 0 7px rgba(0,0,0,0.2);}

/* start styles for opening splashscreen - overrides below for fullscreen v stand alone */
body.splashscreen .footer {height:1px;padding:0 !important;}
body.splashscreen .framed {border:5px solid rgba(0,0,0,0.8);box-shadow:0 0 0 2px rgba(255,255,255,0.6);}

/* splash screen (index.html) elements */
.splash-image {margin-bottom:10%;}
body.splashscreen h2 {text-align:center;}
body.splashscreen h3 {text-align:center;font-size:125%;}
body.splashscreen h4 {text-align:center;}

.clearboth {clear:both;}
.floatleft  {float:left;}
.alignleft, imagealignleftwraptext {float:left;}
img.alignleft {clear:both;float:none;margin:12px auto;display:inherit;}
img.imagealignleftwraptext, img.imagealignrightwraptext {clear:both;float:none;margin:12px auto;vertical-align:top;display:inherit;}
img.alignnone, img.alignright, img.aligncenter {clear:both;float:none;margin:12px auto;vertical-align:top;display:inherit;}
.floatright {float:right;}
strong {font-weight:bold !important;}

h3.app-course-intro {text-align:center;font-size:100%;color:#2db2e0;}
div.version-number {height:auto;padding:10px 0 10px 0;font-size:90%;text-align:center;color:#2DB2E0;}

div.content-wrapper {padding-top:20px;}

/* Feb 2019 start.html page styling elements */
div.decoration {height:75px;width:100%;margin-top:12px;padding:0;background:url(../_resources/decoration.png) no-repeat center 55%;background-size:130%;opacity:0.9;box-shadow:inset 0 0 6px 2px rgba(0,0,0,0.6);}
body.splashscreen div.decoration {height:75px;width:100%;margin-top:12px;padding:0;background:url(../_resources/decoration.png) no-repeat center 55%;background-size:130%;opacity:0.9;box-shadow:inset 0 0 6px 2px rgba(0,0,0,0.6);}

p.start-menu {text-align:center;margin-top:12px;}

.main-button, .first-button {display:block;width:80%;max-width:260px;margin:auto;padding:19px 6px 16px 6px;font-size:135%;color:#2db2e0;text-decoration:none;text-align:center;background:rgba(57,206,197,0.1);box-shadow:2px 2px 1px 1px rgba(0,0,0,0.25); border:1px solid rgba(0,0,0,0.25);border-radius:15px;}

h3.opening-statement {margin:12px auto;text-align:center;font-weight:300;font-size:26px;color:#2db2e0;}
h3.opening-question {text-align:center;font-size:26px;margin:10px auto;padding:6px 12px;color:#e6001a;font-weight:normal;font-style:italic;}

div.clearwatermark h2 {text-align:left;font-size:120%;}

.clearwatermarkrounded::after {content:"";clear:both;display:table;}

/* ALPHABET CHARACTER ICONS */
/* NOTE an extra 15px has been taken OFF the min-height as the text has moved up - any more and the graphic starts to be cropped */
div.characteraicon {clear:both;min-height:77px;min-width:45px;padding-top:30px;padding-left:80px;background:url(../_resources/character-A-icon.png) 0 0 no-repeat;}
div.characteraicon p {font-size:150% !important;margin:0 0 1.0rem;line-height:1.2;font-weight:bold;color:#005ca9;}
div.characterbicon {clear:both;min-height:77px;min-width:45px;padding-top:30px;padding-left:80px;background:url(../_resources/character-B-icon.png) 0 0 no-repeat;}
div.characterbicon p {font-size:150% !important;margin:0 0 1.0rem;line-height:1.2;font-weight:bold;color:#005ca9;}
div.charactercicon {clear:both;min-height:77px;min-width:45px;padding-top:30px;padding-left:80px;background:url(../_resources/character-C-icon.png) 0 0 no-repeat;}
div.charactercicon p {font-size:150% !important;margin:0 0 1.0rem;line-height:1.2;font-weight:bold;color:#005ca9;}
div.characterdicon {clear:both;min-height:77px;min-width:45px;padding-top:30px;padding-left:80px;background:url(../_resources/character-D-icon.png) 0 0 no-repeat;}
div.characterdicon p {font-size:150% !important;margin:0 0 1.0rem;line-height:1.2;font-weight:bold;color:#005ca9;}
div.charactereicon {clear:both;min-height:77px;min-width:45px;padding-top:30px;padding-left:80px;background:url(../_resources/character-E-icon.png) 0 0 no-repeat;}
div.charactereicon p {font-size:150% !important;margin:0 0 1.0rem;line-height:1.2;font-weight:bold;color:#005ca9;}
div.characteriicon {clear:both;min-height:77px;min-width:45px;padding-top:30px;padding-left:80px;background:url(../_resources/character-I-icon.png) 0 0 no-repeat;}
div.characteriicon p {font-size:150% !important;margin:0 0 1.0rem;line-height:1.2;font-weight:bold;color:#005ca9;}
div.characterpicon {clear:both;min-height:77px;min-width:45px;padding-top:30px;padding-left:80px;background:url(../_resources/character-P-icon.png) 0 0 no-repeat;}
div.characterpicon p {font-size:150% !important;margin:0 0 1.0rem;line-height:1.2;font-weight:bold;color:#005ca9;}
div.characterqicon {clear:both;min-height:77px;min-width:45px;padding-top:30px;padding-left:80px;background:url(../_resources/character-Q-icon.png) 0 0 no-repeat;}
div.characterqicon p {font-size:150% !important;margin:0 0 1.0rem;line-height:1.2;font-weight:bold;color:#005ca9;}
div.characterricon {clear:both;min-height:77px;min-width:45px;padding-top:30px;padding-left:80px;background:url(../_resources/character-R-icon.png) 0 0 no-repeat;}
div.characterricon p {font-size:150% !important;margin:0 0 1.0rem;line-height:1.2;font-weight:bold;color:#005ca9;}
div.charactersicon {clear:both;min-height:77px;min-width:45px;padding-top:30px;padding-left:80px;background:url(../_resources/character-S-icon.png) 0 0 no-repeat;}
div.charactersicon p {font-size:150% !important;margin:0 0 1.0rem;line-height:1.2;font-weight:bold;color:#005ca9;}

.wp-caption {padding:4px;}
.wp-caption-text {font-size:90%;}

/* show or hide the audio player in the app - add display:none if not wanted */
/* audio embeds need to be updated to point to audio in elearnhere with full URL, or copied across if absolutely necessary */
/* Not sure how to style this as it's not using the script that runs the course player - see https://stackoverflow.com/questions/4126708/is-it-possible-to-style-html5-audio-tag for SOME guidance */
audio {}
audio.wp-audio-shortcode::-webkit-media-controls-play-button {}

/* stops the topic progress dots showing in the app */
div.learndash_topic_dots {display:none;}

/* stops self-check quizzes showing in the app - NOTE not necessarily the header for it though as this is added in the text !! */
div.learndash_quizzes {display:none;}

/* stops the back to lesson button link showing in the app */
div#learndash_back_to_lesson {display:none;}

/* stops the post meta details about the author and date showing in the app */
footer.entry-meta {display:none;}

/* stylises the previous and next buttons at the bottom of the screen - note we are not using a fixed position as a) iPhones object, b) the course itself doesn't work that way, and c) it makes the block copy and paste easier for future build and edits */
p#learndash_next_prev_link {/*position:fixed;bottom:0;left:0;*/width:100%;max-width:700px;height:60px;padding:10px 0 0px 0;margin:0 auto;text-align:center;background-image: url(../_resources/footer-bg.png),-moz-linear-gradient(bottom, rgba(255,255,255,1.0), rgba(255,255,255,1.0), rgba(255,255,255,0.0));background-image: url(../_resources/footer-bg.png), -ms-linear-gradient(bottom, rgba(255,255,255,1.0), rgba(255,255,255,1.0), rgba(255,255,255,0.0));background-image: url(../_resources/footer-bg.png),-webkit-linear-gradient(bottom, rgba(255,255,255,1.0), rgba(255,255,255,1.0), rgba(255,255,255,0.0));background-image: url(../_resources/footer-bg.png),-o-linear-gradient(bottom, rgba(255,255,255,1.0), rgba(255,255,255,1.0), rgba(255,255,255,0.0));background-image: url(../_resources/footer-bg.png),linear-gradient(bottom, rgba(255,255,255,1.0), rgba(255,255,255,1.0), rgba(255,255,255,0.0));background-repeat:no-repeat;background-position:center bottom;background-size:contain;box-shadow:none;z-index:99;transition: transform 0.3s;}
	/* hides the spindly text arrows in the buttons */
	span.meta-nav {display:none;}

p#learndash_next_prev_link a:link.prev-link, p#learndash_next_prev_link a:visited.prev-link {display:inline-block;text-align:center;padding:6px 12px;color:#fff;background:#2db2e0;float:left;}
p#learndash_next_prev_link a:link.next-link, p#learndash_next_prev_link a:visited.next-link {display:inline-block;text-align:center;padding:6px 12px;color:#fff;background:#2db2e0;float:right;}

/* SPECIFIC elements to manage interactive First Aid Kit */
div.explanation-column {text-align:center;}
div.explanation-column img, div.explanation-column p {clear:both;float:none;margin:auto;}
/*div.explanation-column img.imagealignleftwraptext {clear:both !important;float:none !important;margin:auto !important;}*/
div.explanation-column hr {clear:both;float:none;margin:12px auto 24px auto;}


@media only screen and (min-width: 361px) {
body.splashscreen div.decoration {position:absolute;bottom:19px;}
div.decoration {position:absolute;bottom:20px;opacity:0.70;}

}

@media only screen and (min-width: 768px) {
body.splashscreen div.decoration {height:100px;background-size:110%;}
div.decoration {height:100px;background-size:110%;}

img.alignleft {clear:none;float:left;margin:12px 24px 12px 0;}
img.alignright {clear:none;float:right;margin:12px 0 12px 24px;}
img.imagealignleftwraptext {clear:none;float:left;margin:12px 24px 12px 0;vertical-align:top;}
img.alignnone.size-thumbnail {display:inline-block;clear:none;margin-left:10px;margin-right:10px;}

/* iframe control */
iframe.youtubefeed {display:block;float:none;width:450px !important;max-width:450px;height:260px !important;margin:0 auto;border:6px solid #cccccc;overflow:hidden;}

}

@media screen and (min-width:960px) {

}

@media only screen and (min-width: 1280px) {
div.advert-border {width:100%;text-align:center;padding-top:18px;padding-bottom:24px;}
body.splashscreen div.decoration {position:unset;}
div.decoration {position:unset;}

}

/* FORMS and form elements */

	/* Prevent iOS styling form elements */
textarea,input.text,input[type="text"],input[type="button"],input[type="submit"],input.cf-checkbox {-webkit-appearance: none;border-radius: 0;}

.formcontainer {max-width:820px;margin:auto;}
.onlineform {width:auto;height:auto;min-height:40px;margin:0 auto 10px auto;padding:5px 0 10px 55px;font-size:110%;background-image:url(../_resources/form-icon.png);background-position:0 0;background-repeat:no-repeat;}
.byphone {width:auto;height:auto;min-height:40px;margin:10px 0;padding:5px 0 10px 55px;font-size:120%;line-height:1.4 !important;background-image:url(../_resources/phone-icon.png);background-position:0 0;background-repeat:no-repeat;}
.byphone a {text-decoration:none;color:#fff;font-size:120%;}

input.cf-text, textarea.cf-textarea, select.cf-select {float:none;width:98%;min-width:260px;max-width:800px;height:auto;margin:0 auto 10px auto;padding:4px;font-size:110%;color:#111;background: none repeat scroll 0 0 #fff;border-top:2px solid #969696;border-right:2px solid #e6e6e6;border-bottom:2px solid #e6e6e6;border-left:2px solid #969696;}
input.cf-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#a0a0a0;font-size:80%;}

input.cf-text::-moz-placeholder { /* Firefox 19+ */color:#a0a0a0;font-size:80%;}
input.cf-text:-ms-input-placeholder { /* IE 10+ */color:#a0a0a0;font-size:80%;}
input.cf-text:-moz-placeholder { /* Firefox 18- */color:#a0a0a0;font-size:80%;}
textarea.cf-textarea {min-height:100px;}
input.cf-checkbox {width:30px;height:30px;padding:4px;font-size:110%;color:#111;background: none repeat scroll 0 0 #fff;border-top:2px solid #969696;border-right:2px solid #e6e6e6;border-bottom:2px solid #e6e6e6;border-left:2px solid #969696;}
input.cf-checkbox:checked {background: url(../_resources/green-tick.png) no-repeat scroll 2px 2px #fff;background-size:25px 25px;}
.explanation {font-style:italic;font-size:90%;}
.smallprint {font-size:90%;}

	/* styles form submit and clear buttons */
input.formsubmit {-webkit-appearance:none;display:inline-block;padding:10px 12px;color:#fff;text-decoration:none;background:#b1b626;z-index:199;border:none;border-radius:10px;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.45);}
input.formclear {-webkit-appearance:none;display:inline-block;margin-left:20px;padding:10px 12px;color:#fff;text-decoration:none;background:#f00;z-index:199;border:none;border-radius:10px;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.45);}

/* Styling for contact page as form has been depreciated as not working with sw.js - july 2019 */
button.website-link {-webkit-appearance:none;display:block;padding:10px 12px;margin:12px auto;color:#fff;font-size:100%;font-weight:normal;text-decoration:none;background:#39cec5;z-index:199;border:none;border-radius:10px;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.45);cursor:pointer;}
a.mailto-link {display:inline-block;color:#39cec5;font-weight:bold;text-decoration:none;}
@media only screen and (min-width: 412px) {
a.mailto-link {font-size:100%;}
}
a.tel-link {display:inline-block;color:#39cec5;font-weight:bold;text-decoration:none;}


/* FOR offline.js */
span#status{display:inline;clear:both;width:90%;max-width:200px;margin:15px auto;text-align:left;padding:10px 10px 10px 66px;font-size:120%;color:rgba(64,255,64,0.9);text-shadow:1px 1px 1px rgba(0,0,0,0.2);font-weight:normal;background:#000a11 url(../_resources/online-status-anim.gif) left center no-repeat;background-size:67px 30px;border: none;border-radius:0;box-shadow:inset 0 0 2px 6px rgba(245,238,220,0.8);}
span#status.offline{background:#000a11 url(../_resources/offline-status-anim.gif) left center no-repeat;background-size:67px 30px;color:rgba(255,64,32,0.9);text-shadow:1px 1px 1px rgba(0,0,0,0.2);}
span#status::before {content:"Connection: ";color:#f6f6f6;font-size:90%;font-weight:normal;display:inline;}

/* cachemonitor style */
.cachemonitor {text-align:center;}

/* chserve chameleonsettings.css override */
#chbmhbannerarea {width:94%;margin:0 auto 10px auto;padding:15px 2.5%;background-color:#f6f6f6;background-image: -moz-linear-gradient(top, #e6e6e6, #f6f6f6);background-image: -ms-linear-gradient(top, #e6e6e6, #f6f6f6);background-image:-webkit-linear-gradient(top, #e6e6e6, #f6f6f6);background-image: -o-linear-gradient(top, #e6e6e6, #f6f6f6);border:none;border-radius:20px;box-shadow:inset 0px 0px 12px 3px rgba(0, 0, 0, 0.3);text-align:center;}
.chbmhwrap {width:100%;}
.chcsssubmitbutton, a.chcsssubmitbutton:link, a.chcsssubmitbutton:visited, .chcssdiagnosticsbutton, a.chcssdiagnosticsbutton:link, a.chcssdiagnosticsbutton:visited {display:block;width:70%;max-width:260px;height:48px;margin:auto;padding:10px 10px 4px 10px;text-align:center;text-transform:none;text-decoration:none;font-size:100%;color:#fff;text-shadow:1px 1px 2px #000;border:3px solid #fff;background:#44bbdd;border-radius:12px;box-shadow:inset 0 0 5px 2px rgba(0,0,0,0.2);z-index:100;}

/* For NOTIFICATIONS using jQuery fadetoggle on homescreen */
section#chameleon {width:100%;height:155px;padding-top:4px;text-align:center;position:fixed;bottom:-55px;right:0;left:0;background:none /*url(../_resources/grab-area.png) center top no-repeat*/;z-index:222;}
section#chameleon.closed {position:fixed;bottom:-110px !important;right:0;left:0;transition:all 0.5s ease;background:#f00;box-shadow:0 0 10px 2px rgba(0,0,0,0.3);z-index:300;}
section#chameleon.open {/*bottom:-50px !important;*/position:fixed;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.8);transition:all 0.5s ease;}
div.grab-open {display:block;height:48px;margin:0 auto;cursor:pointer;}
section#chameleon.closed div.grab-open{background:#f00 url(../_resources/grab-area-open.png) no-repeat center 5px;transition:all 0.5s ease;/*added styles */position:absolute;bottom:105px;left:0;right:0;z-index:99;}

.bookmarkbutton {display:block;position:relative;top:300px;width:80%;max-width:298px;height:230px;margin:auto;padding: 15px 10px 0 10px;text-align:center;text-transform:none;text-decoration:none;font-size:100%;color:#fff;text-shadow:1px 1px 2px #000;border:1px solid #f00;background:#f00;background-size:90% 100%;box-shadow:0 0 10px 2px rgba(0,0,0,0.3);cursor:pointer;z-index:100;transition:all 0.5s ease;}
section#chameleon.open div.grab-open{background:url(../_resources/grab-area-close.png) no-repeat center 22px;/*box-shadow:0 0 10px 2px rgba(0,0,0,0.3);*/transition:all 0.5s ease;/* added styles */position:absolute;top:485px;left:0;right:0;z-index:223;}
section#chameleon.open div.grab-open .continue-without {text-shadow:none;font-size:90%;color:rgba(255,255,255,0.6);transition:all 0.5s ease;}
section#chameleon.closed div.grab-open .continue-without {text-shadow:none;font-size:90%;color:rgba(255,255,255,0.0);transition:all 0.5s ease;}

@media only screen and (min-width: 1280px) {
.bookmarkbutton {top:325px;}
section#chameleon.open div.grab-open{position:absolute;top:505px;}
}
.bookmarkbutton .click-here {display:block;width:200px;padding:8px 16px;margin:8px auto;color:#900;font-size:120%;text-transform:uppercase;background:#fff;text-shadow:none;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,0.8);cursor:pointer;}
.bookmarkbutton .continue-without {position:absolute;left:0;right:0;display:block;clear:both;bottom:46px;text-shadow:none;font-size:90%;color:rgba(255,255,255,0.6);}

.actionbutton {display:inline-block;width:232px;padding:6px 12px;color:#fff;font-size:120%;text-decoration:none;background:#2db2e0;}
.linkbutton {display:inline-block;width:auto;padding:4px 10px;color:#fff;font-size:100%;text-decoration:none;background:#2db2e0;}
.switchbutton {display:inline-block;min-width:232px;width:auto;padding:6px 12px;color:#fff;font-size:120%;text-decoration:none;background:#2db2e0;}
p.overlay a.actionbutton {position:relative;display:inline-block;font-size:80%;z-index:5;font-weight:normal;}
.inline {display:inline-block;width:auto;padding:3px 12px;}

.iphone-share-icon {display:inline-block;width:24px;height:24px;vertical-align:text-bottom;background: url(../_resources/iphone-share-icon.png) no-repeat center;}
.iphone-add-to-homescreen-icon {display:inline-block;width:30px;height:30px;vertical-align:text-top;background: url(../_resources/iphone-add-to-homescreen-icon.png) no-repeat center;}
.android-menu-icon {display:inline-block;width:18px;height:18px;vertical-align:text-bottom;background: url(../_resources/android-menu-icon.png) no-repeat center;background-size:18px;}

@media only screen and (max-width: 1279px) {
	.section-decoration {position:relative;width:100%;height:60px;box-shadow:none;}
	.with-shadow {position:absolute;width:100%;height:100%;box-shadow:inset 0 0 10px rgba(0,0,0,0.9);z-index:4;}
	p.overlay {position:absolute;bottom:0px;display:block;width:100%;height:100%;padding-top:15px;margin:0;color:#2DB2E0;font-size:160%;font-weight:300;text-align:center;background:rgba(255,255,255,0.8);}

}
@media only screen and (min-width: 1280px) {
	.section-decoration {position:relative;width:100%;height:60px;box-shadow:none;}
	p.overlay {position:absolute;bottom:0px;display:block;width:100%;height:100%;padding-top:15px;margin:0;color:#2DB2E0;font-size:160%;font-weight:300;text-align:center;background:rgba(255,255,255,0.8);}

}

/* manages the basics of our bookmark callout - additional device-specific controls in chameleon css */
.callout {display:none;width:200px;min-height:45px;margin:4px 1% 4px 1%;padding:11px 15px 11px 8px;text-align:center;text-transform:none;font-size:80%;font-weight:400;line-height:1.2;color:#000;text-shadow:1px 1px 2px #fff;border-radius:6px;border: 2px solid #ff0;background-color:#ff0;background-image:url(../_resources/callout-close-icon.png);background-repeat:no-repeat;background-position: right 7px top 7px;box-shadow:0 0 30px 15px rgba(0,0,0,0.4);z-index:100;}
.callout:before {content:"";width:0px;height:0px;border:0.8em solid transparent;position:absolute;}
.callout.arrowtop::before {left:45%;top:-21px;border-bottom:10px solid #ff0;}
.callout.arrowbottom::before {left:45%;bottom:-22px;border-top:10px solid #ff0;}
.callout.left::before {left:12%;}
.callout.right::before {left:88%;}

@media only screen and (min-width: 1280px) {
h1, h2 {}

/* splash screen (index.html) elements */
.splash-image {margin-bottom:10%;}

}

/* -------------------------------- 

Main Components 

-------------------------------- */
header {position:fixed;z-index:3;height:70px;padding-top:15px;width:100%;top:0;left:0;background-color:#46586c;box-shadow:0 2px 2px rgba(0,0,0,0.3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;/* Force Hardware Acceleration */-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}

header.entry-header {position:relative;height:auto;padding-top:0;line-height:1.2;background:none;box-shadow:none;}

header.nav-is-visible {-webkit-transform: translateX(-260px);-moz-transform: translateX(-260px);-ms-transform: translateX(-260px);-o-transform: translateX(-260px);transform: translateX(-260px);}
header::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;content: 'mobile';}
  
@media only screen and (min-width: 1280px) {
  header {height:80px;padding-top:5px;}
  header.nav-is-visible {-webkit-transform: translateX(-300px);-moz-transform: translateX(-300px);-ms-transform: translateX(-300px);-o-transform: translateX(-300px);transform: translateX(-300px);  }
  
}

body.full-feed {margin-bottom:70px;}
body.full-feed div.content-wrapper {padding-top:0;}
body.full-feed header {padding-top:6px;}
div.geodir_thumbnail {height:240px !important;}
div.geodir_get_directions {display:none;/*clear:none;display:inline-block;float:right;position:relative;top:-26px;right:6px;*/}
div.geodir_memberstatus {display:none;}

@media only screen and (min-width: 768px) {

/* March 2018 start page styling elements */
.main-button, .first-button {padding-top:21px !important;padding-bottom:18px !important;}
p.start-menu {text-align:center;margin-top:24px;margin-bottom:36px;}

/* Styling for DinnerData.co.uk venue listing scrape */
body.full-feed {margin:auto;}
div.geodir_thumbnail {height:205px !important;width:45% !important;float:right;}

}
@media only screen and (min-width: 1280px) {
/* March 2018 start page styling elements */
.main-button, .first-button {padding-top:15px !important;padding-bottom:12px !important;}
p.start-menu {text-align:center;margin-top:48px;margin-bottom:6vh;}

/* Styling for DinnerData.co.uk venue listing scrape */
body.full-feed {margin:0 auto 70px auto;}
div.geodir_thumbnail {width:45% !important;float:right;}

}

footer.nav-is-visible {-webkit-transform: translateX(-260px);-moz-transform: translateX(-260px);-ms-transform: translateX(-260px);-o-transform: translateX(-260px);transform: translateX(-260px);}
footer nav.cd-main-nav-wrapper {display:none;}
footer::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: 'mobile';
}

/* END BMH addition for footer */

.cd-logo {display:inline-block;height:70px;margin-left:15px;margin-top:-12px;/* remove jump on iOS devices - when we fire the navigation */
  -webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
  /* Adding cursor:pointer to link to see if it helps with iPhone focus */
.cd-logo a {cursor:pointer}
.cd-logo img {display:block;height:70px;}


@media only screen and (min-width: 1280px) {
  .cd-logo {position:absolute;height:90px;margin-left:20px;z-index:2;}
  .cd-logo img {height:90px;padding-top:10px;}
  
}

  /* Adding cursor:pointer to link to see if it helps with iPhone focus */
.cd-nav-trigger {display:block;position:absolute;right:0;top:0;height:100%;width:50px;/* hide text */overflow:hidden;white-space:nowrap;color:transparent;cursor:pointer;}
.cd-nav-trigger span {
  /* hamburger icon created in CSS */
  position:absolute;height:2px;width:20px;top:50%;margin-top:-1px;left:50%;margin-left:-10px;-webkit-transition:background-color 0.3s 0.3s;-moz-transition:background-color 0.3s 0.3s;transition: background-color 0.3s 0.3s;background-color:#ffffff;}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* upper and lower lines of the menu icon */
  content:'';position:absolute;width:100%;height:100%;background-color:#ffffff;
  /* Force Hardware Acceleration */
  -webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0.3s 0.3s;-moz-transition:-moz-transform 0.3s 0.3s;transition:transform 0.3s 0.3s;}
.cd-nav-trigger span::before {-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px);}
.cd-nav-trigger span::after {-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-ms-transform:translateY(6px);-o-transform:translateY(6px);transform:translateY(6px);}
.nav-is-visible .cd-nav-trigger span {background-color:rgba(255, 255, 255, 0);}
.nav-is-visible .cd-nav-trigger span::before {-webkit-transform:translateY(0) rotate(-45deg);-moz-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);-o-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg);}
.nav-is-visible .cd-nav-trigger span::after {-webkit-transform:translateY(0) rotate(45deg);-moz-transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg);-o-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);}

.cd-main-nav {position:fixed;z-index:1;top:0;right:0;width:260px;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch;visibility:hidden;background:#fff; -webkit-transition:visibility 0s 0.3s;-moz-transition:visibility 0s 0.3s;transition:visibility 0s 0.3s;}
/* NOTE left padding reduced from 2em to 1em as individual icons removed - see app.dinnerdata.co.uk for details */ 
.cd-main-nav a, .cd-main-nav button {display:block;font-size: 1.2rem;padding: .9em 2em .9em 0.8em;border-top:1px solid rgba(255,255,255,0.15);border-bottom:1px solid rgba(102,102,102,0.3);color:#2db2e0;-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;-moz-transition:-moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;text-shadow:none;}
.cd-main-nav a div.appmenu {color:#808080;}

/* overrides the ul li use of square bullets and the margins used above - circa line 24 */
ul.cd-main-nav > li {list-style:none;margin-left:0;margin-bottom:0;}
ul.cd-main-nav li ul > li {list-style:none;margin-left:0;margin-bottom:0;}
ul.cd-main-nav li ul li button.side-menu div.submenu {font-size:0.9em;padding-left:20px;}

@media only screen and (min-width: 1280px) {
.cd-main-nav {width:300px;}

}

	/* BMH subsidiary styles for menu items MOBILE DISPLAY ONLY --- */

	ul.cd-main-nav {}
	ul.cd-main-nav li {background:#fff;}
/* side menu individual styling removed - see app.dinnerdata.co.uk for details */

	/* additional styling to allow for buttons (not <a href...>) on side menu to open links in new window, so not fullscreen / standalone. ALSO USED for opening links in the iframe */
	.cd-main-nav button.side-menu {display:block;-webkit-appearance:none;width:100%;height:100%;padding:.8em 2em .8em .8em;color:#2db2e0;text-align:left;font-size:1.2rem;text-decoration:none;cursor:pointer;background:none;border:none;border-bottom: 1px solid rgba(102,102,102,0.3);}
	.cd-main-nav button.side-menu div.submenu{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2db2e0;font-size:1.2rem;}
	.cd-main-nav button.side-menu div.topicmenu{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#39cec5;font-size:1.0rem;}
	.cd-main-nav button.side-menu div.topicmenu:before{content:'..';}
	.cd-main-nav button.side-menu div.coursemenu{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2db2e0;font-size:1.2rem;}
	/* linked to above, styles topics submenu buttons to open submenu */
	.cd-main-nav button.side-menu div.appmenu{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#808080;font-size:1.2rem;}
	
	
/* BMH addition for adding fading element to bottom of nav list to encourage scrolling */
ul.cd-main-nav.nav-is-visible {/*padding-bottom:50px;*/}
.cd-main-nav.nav-is-visible:after {content:' ';position:fixed;bottom:0;right:0;height:85px;width:260px;background-image:linear-gradient(to bottom, rgba(255,255,255,0.0),rgba(255,255,255,0.2),rgba(255, 255, 255, 0.6),rgba(255, 255, 255, 0.9),rgba(255, 255, 255, 1.0));z-index:1998;}
@media only screen and (min-width: 1280px) {
.cd-main-nav.nav-is-visible:after {width:300px;}

}

		/* Additional element to jump to bottom of menu */
	li#menuend {display:block;height:90vh;background:#fff;}


	/* END BMH subsidiary styles for menu items MOBILE DISPLAY ONLY */
	

.cd-main-nav li ul {position:absolute;top:0;left:0;width:100%;height:100vh;background:#fff;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;-webkit-transform: translateX(260px);-moz-transform: translateX(260px);-ms-transform: translateX(260px);-o-transform: translateX(260px);transform: translateX(260px);}
.cd-main-nav.nav-is-visible {visibility:visible;-webkit-transition:visibility 0s 0s;-moz-transition:visibility 0s 0s;transition:visibility 0s 0s;}
.cd-main-nav.moves-out > li > a, .cd-main-nav.moves-out > li > button {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}
.cd-main-nav.moves-out > li > ul {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.cd-main-nav .cd-subnav-trigger, .cd-main-nav .go-back a {position:relative;color:#39cec5;font-size:1.1rem;}
.cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .cd-subnav-trigger::after, .cd-main-nav .go-back a::before, .cd-main-nav .go-back a::after {/* arrow icon in CSS */content: '';position: absolute;top: 50%;margin-top: -1px;display: inline-block;height: 2px;width: 10px;background: #39cec5;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .go-back a::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.cd-main-nav .cd-subnav-trigger::after, .cd-main-nav .go-back a::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .cd-subnav-trigger::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}
.cd-main-nav .go-back a {
  padding-left: 2em;
}
.cd-main-nav .go-back a::before, .cd-main-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}
.cd-main-nav .placeholder {
  /* never visible or clickable- it is used to take up the same space as the .cd-subnav-trigger */
  display: none;
}


.cd-main-content::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;content:'mobile';}
  
.cd-main-content {position:absolute;top:0;padding-top:70px;z-index:2;min-height:100vh;width:100%;/*padding-top:50px;padding-bottom:25px;*/background-color:#fff;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;border-bottom:5vh solid transparent;box-shadow:0 0 20px rgba(0,0,0,0.5);-webkit-overflow-scrolling:touch;}

body.iframeholder .cd-main-content {position:absolute;top:0;padding-top:70px;z-index:2;min-height: calc(100vh - 70px);height: calc(100vh - 1px);width:100%;/*padding-top:50px;padding-bottom:25px;*/background-color:#fff;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;border-bottom:5vh solid transparent;box-shadow:0 0 20px rgba(0,0,0,0.5);-webkit-overflow-scrolling:touch;/*overflow-y:hidden;*/}

body.splashscreen .cd-main-content {background-color:#fff;border-bottom:1px solid transparent;box-shadow:0 0 20px rgba(0,0,0,0.5);}

@media only screen and (min-width: 1280px) {
.cd-main-content {padding-top:80px;}
body.iframeholder .cd-main-content {padding-top:80px;}
}

.cd-main-content.nav-is-visible {-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px);}
.site {width:94%;height:auto;margin:0 auto 40px auto;padding:20px 10px;line-height:1.4;}
body.splashscreen .site {width:94%;height:auto;margin:0 auto 10px auto;padding:20px 10px;line-height:1.4;}
.slimline {margin-bottom:0;padding-top:5px;padding-bottom:5px;}
/* widemargin used to bring content into central column for larger screens */
.widemargin {}


	/* mainbutton style for <button> elements as opposed to <a> */
button.mainbutton {display:inline-block;margin:6px auto;width:272px;padding:13px 12px 12px 12px;color:#a1a61a;font-size:130%;text-decoration:none;background:#fff;border-radius:0px;}
button.refresh-button {padding-left:42px;background:#fff url(../_resources/refresh-mainbutton.png) no-repeat 4px 11px;background-size:32px;}

	/* Whatsapp claim with receipt */
.whatsapp-chat {}
p.whatsapp-chat {display:block;position:relative;line-height:1;height:98px;width:220px;text-align:center;background:url(../_resources/whatsapp-chat.png) center top no-repeat;background-size:contain;}
p.whatsapp-chat a {position:absolute;left:0;bottom:0;width:100%;height:120px;padding-top:95px;color:#61a61a;font-weight:normal;}


/* IFRAME feed style */
div.iframeouter {background:#fff;}

/* 2 items below have had height changed from 79vh to calculated height since we have elected to remove the footer */
/* NOTE iframefeeder has been introduced since 2021 when experimenting with bringing eBook content in from the appfeeder.elearnhere.co.uk (2023 appfeeder.elearnhere.uk) wordpress site, and extra controls needed for iphone - handled in chameleon iphone loader.css */
.iframefeed, .iframefeeder {position:relative;width:100%;height:calc(100vh - 70px);}
@media only screen and (min-width: 1280px) {
.iframefeed, .iframefeeder {position:relative;width:100%;height:calc(100vh - 80px);}

}

/* specific styling for Venue Stamp Card simple system --- */
	.iframeoutervsc {position:relative;width:96%;max-width:400px;margin:0 auto;/*padding:8px;border:1px solid #666;box-shadow:0 0 4px 1px rgba(0,0,0,0.4);background:#fff;*/border-radius:0px;}
	.iframemask {position:absolute;top:0;right:0;bottom:0;left:0;padding-top:36px;padding-left:18px;z-index:99;background:none;border-bottom:1px solid #999;}
	.iframefeedvsc {position:relative;width:100%;height:270px;margin:0 auto;}
	
		/* Stamp card unlock form elements */
form.vsc-unlock-form {max-width:615px;margin:auto;text-align:center;}
form.vsc-unlock-form input#code {margin-top:10px;margin-bottom:10px;display:inline-block;height:45px;width:60%;margin-right:5%;max-width:400px;font-size:150%;text-align:center;border:1px solid #a1a61a;box-shadow:inset 0 0 2px rgba(0,0,0,0.4);}
input#code::-webkit-input-placeholder, input#pass::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#a1a61a;padding-left:4px;font-size:85%;}
input#code::-moz-placeholder, input#pass::-moz-placeholder { /* Firefox 19+ */color:#a1a61a;padding-left:4px;font-size:85%;}
input#code:-ms-input-placeholder, input#pass:-ms-input-placeholder { /* IE 10+ */color:#a1a61a;padding-left:4px;font-size:85%;}
input#code:-moz-placeholder, input#pass:-moz-placeholder { /* Firefox 18- */color:#a1a61a;padding-left:4px;font-size:85%;}
form.vsc-unlock-form input[type='submit'] {margin-top:9px;margin-bottom:10px;display:inline-block;width:28%;height:44px;background:#a1a61a;color:#fff;font-size:130%;text-align:center;border:1px solid #a1a61a;}
	
	form.vsc-form input[type=text]#stamp-card-title {-webkit-appearance:none;display:block;vertical-align:top;padding:0 !important;width:90%;height:35px;margin:0 5% 0 5% !important;text-align:center;color:#333;font-size:135% !important;border:none !important;}
	
	form.vsc-form input[type=text]#stamp-card-details {-webkit-appearance:none;display:block;vertical-align:top;padding:0 !important;width:90%;height:35px;margin:-15px 5% 0 5% !important;text-align:center;color:#333;font-size:100% !important;border:none !important;}
	
	form.vsc-form input[type=checkbox] {-webkit-appearance:none;position:relative;width:60px;height:60px;margin:6px 12px;background:#f6f6f6;border:2px solid #999;border-radius:60px;outline:none;}

	form.vsc-form input[type=checkbox]#Stamp_1:after {position:absolute;top:13px;left:20px;content:'1';color:#999;font-size:28px;}
	form.vsc-form input[type=checkbox]#Stamp_2:after {position:absolute;top:13px;left:20px;content:'2';color:#999;font-size:28px;}
	form.vsc-form input[type=checkbox]#Stamp_3:after {position:absolute;top:13px;left:20px;content:'3';color:#999;font-size:28px;}
	form.vsc-form input[type=checkbox]#Stamp_4:after {position:absolute;top:13px;left:19px;content:'4';color:#999;font-size:28px;}
	form.vsc-form input[type=checkbox]#Stamp_5:after {position:absolute;top:13px;left:19px;content:'5';color:#999;font-size:28px;}
	form.vsc-form input[type=checkbox]#Stamp_6:after {position:absolute;top:13px;left:19px;content:'6';color:#999;font-size:28px;}
	form.vsc-form input[type=checkbox]#Stamp_7:after {position:absolute;top:13px;left:20px;content:'7';color:#999;font-size:28px;}
	form.vsc-form input[type=checkbox]#Stamp_8:after {position:absolute;top:13px;left:20px;content:'8';color:#999;font-size:28px;}
	form.vsc-form input[type=checkbox]#Stamp_9:after {position:absolute;top:13px;left:20px;content:'9';color:#999;font-size:28px;}
	form.vsc-form input[type=checkbox]:checked, form.vsc-form input[type=checkbox]#Stamp_1:checked {background:#616612 url(../_resources/dd-stamp-white.png) center no-repeat;outline:none;}
	form.vsc-form input[type=checkbox]#Stamp_1:checked:after, form.vsc-form input[type=checkbox]#Stamp_2:checked:after, form.vsc-form input[type=checkbox]#Stamp_3:checked:after, form.vsc-form input[type=checkbox]#Stamp_4:checked:after, form.vsc-form input[type=checkbox]#Stamp_5:checked:after, form.vsc-form input[type=checkbox]#Stamp_6:checked:after, form.vsc-form input[type=checkbox]#Stamp_7:checked:after, form.vsc-form input[type=checkbox]#Stamp_8:checked:after, form.vsc-form input[type=checkbox]#Stamp_9:checked:after {display:none;}
	button#save {-webkit-appearance:none;display:inline-block;padding:6px 9px;color:#fff;font-size:110%;background:#e6001a;border:none;}
	button#saved {-webkit-appearance:none;display:inline-block;padding:6px 9px;color:#fff;font-size:110%;color:#fff;background:#2db2e0;border:none;}
	form.vsc-form input[type=submit] {-webkit-appearance:none;display:inline-block;float:right;padding:6px 9px;margin-right:20px;margin-top:0;color:#fff;font-size:110%;color:#fff;background:#2db2e0;border:none;}
	
	/* blink redirecting text and enter button on index page */
	.blink_me {animation: blinker 1.5s alternate infinite;}

	@keyframes blinker {
		0% {opacity: 0.5;}
		50% {opacity: 1;}
		100% {opacity: 1;}
	}
	
	/* END specific styling for Venue Stamp Card simple system */

/* Ensure enough space at bottom of iframe pages to see all content */
.app-iframe-height-adjuster {position:fixed;left:0px;bottom:0px;height:50px;width:100%;margin:0 auto 0 auto;display:block;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 1.0));z-index:199;}
.fixed-back-button {display:inline-block;padding:10px 12px;position:fixed;left:8px;bottom:8px;color:#fff;text-decoration:none;background:#b1b626;z-index:200;border-radius:10px;box-shadow:2px 2px 1px 1px rgba(0,0,0,0.45);}
.fixed-back-button:before {content:' < ';font-weight:bold;}

.blue-question {font-size:130%;color:#28b;}

/* DEC 2017 additions to control new splash screen and browser vs standalone fullscreen mode */
p.app-message-icon {width:98%;max-width:320px;height:160px;background: url(../_resources/message-icon.gif) center no-repeat;}
p.app-message-icon a {width:100%;height:100%;display:block;}

@media only screen and (min-width: 1280px) {
  .cd-main-content.nav-is-visible {-webkit-transform:translateX(-300px);-moz-transform:translateX(-300px);-ms-transform:translateX(-300px);-o-transform:translateX(-300px);transform:translateX(-300px);}
  .cd-main-nav li ul {position:absolute;top:0;left:0;width:100%;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;-webkit-transform: translateX(300px);-moz-transform: translateX(300px);-ms-transform: translateX(300px);-o-transform: translateX(300px);transform: translateX(300px);}
  .site {width:89%;height:auto;margin:0 5.5% 20px 5.5%;padding:20px 0;line-height:1.4;}
  .slimline {margin-bottom:0;padding-top:5px;padding-bottom:5px;}
.slimline h2 {margin-top:10px;margin-bottom:0;}
/* widemargin used to bring content into central column for larger screens */
.widemargin {max-width:960px;margin:0 auto;}
  
}
/*--- START NO JS ELEMENTS ------------------------------------------------------*/
.no-js .cd-nav-trigger, .no-js .cd-subnav-trigger {display:none;}
.no-js header {position:relative;height:auto;}
.no-js .cd-logo img {margin-bottom:14px;}

.no-js .cd-main-nav {position:static;width:100%;height:auto;visibility:visible;overflow:visible;}
.no-js .cd-main-nav li {display:inline-block;}
.no-js .cd-main-nav li:last-child {display:block;}
.no-js .cd-main-nav .go-back {display:none;}
.no-js .cd-main-nav li ul {position:static;width:100%;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
@media only screen and (min-width: 1280px) {
  .no-js .cd-main-nav {height:80px;}
  .no-js .cd-main-nav li ul {position:absolute;top:80px;}
  .no-js .cd-main-nav li ul li {-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);  -o-transform:translateY(0);transform:translateY(0);opacity:1;}
  .no-js .cd-main-nav li ul li:last-child {display:none;}
  
}

.no-js .cd-main-content {padding-top:0;}

@media only screen and (min-width: 1280px) {
  .no-js .cd-main-content {padding-top:80px;margin-bottom:-60px;}
}
/*--- END NO JS ELEMENTS --------------------------------------------------------*/

/*--- START MAX WIDTH ELEMENTS - Last level controls (in descending order) ------*/
@media only screen and (max-width: 725px) {
body.splashscreen p {margin:0.3em auto;}
body.splashscreen p.enter {margin:24px auto 36px auto;}
p.app-icon img {width:150px;height:150px;}


}

/* Maximum width of 360 pixels. */
@media only screen and (max-width: 360px) {
div.decoration {/*height:80px;position:relative;bottom:15px;*/}

body.splashscreen div.content-wrapper {padding-top:3vh;}
body.splashscreen h2 {font-size:180%;}
body.splashscreen h3 {font-size:120%;}
body.splashscreen h4 {font-size:115%;}
div.decoration {/*height:70px;position:relative;*/}

}

/* Maximum width of 320 pixels. */
@media only screen and (max-width: 320px) {
.startbutton {display:block;width:66%;height:50px;margin:12px auto;padding:10px 12px 8px 40px;}

p.app-icon img {width:113px;height:113px;}

body.splashscreen div.content-wrapper {padding-top:2vh;}
body.splashscreen h2 {font-size:180%;}
body.splashscreen h3 {font-size:115%;}
body.splashscreen h4 {font-size:110%;}

p.overlay {font-size:140%;}

h3.opening-statement {margin:6px auto;font-size:24px;}
h3.opening-question {font-size:24px;}
.main-button, .first-button, .full-button {padding-top:14px !important;padding-bottom:12px !important;}
.search-button {background:#fff url(../_resources/search-mainbutton.png) no-repeat 7px 6px;}
.hidefrom320 {display:none;}

/* Stamp card unlock form elements */
form.vsc-unlock-form input#code, form.vsc-unlock-form input[type='submit'] {font-size:120%;}
form.vsc-form input[type=text]#stamp-card-title {font-size:120% !important;}
form.vsc-form input[type=text]#stamp-card-details {font-size:100% !important;}

}
/*--- END MAX WIDTH ELEMENTS - Last level controls (in descending order) --------*/

/*--- START MIN WIDTH ELEMENTS - Last level controls (in ascending order) -------*/
/* Minimum width of 533 pixels. */
@media only screen and (min-width: 533px) {
/* splash screen (index.html) elements */
.splash-image {margin-bottom:10%;}

}

/* Minimum width of 765 pixels. */
@media only screen and (min-width: 765px) {
	
/* search console styling */
.top-picks-button {width:320px;padding-right:46px;text-align:center;}
button#fullsearch {width:320px;padding-right:46px;text-align:center;}
button#geosearch {width:320px;padding-right:46px;text-align:center;}

}


@media only screen and (min-width: 1600px) {
	.section-decoration {}

}


/* Hides content in fullscreen view */
@media all and (display-mode: fullscreen) {
section#chameleon {display:none;}/* this is used in browser mode only, so hidden here */
body.splashscreen .cd-main-content {/*padding-top:50px;background-position:center bottom 1px;*/}
body.splashscreen header {/*height:60px;*/}
p.enter::after {-webkit-animation: 2.0s blow 0s linear infinite;animation: 2.0s blow 0s linear infinite;position:absolute;content:'';width:260px;height:50px;left:0;top:0px;margin:0 auto;border-radius:8px;z-index:0;}
.fixed-favourite-button {display:inline-block;padding:10px 12px;position:fixed;right:8px;bottom:8px;width:72px;height:36px;text-decoration:none;background:#eeffcc url(../_resources/favourite-icon.png) no-repeat center;z-index:200;border:1px solid rgba(0,0,0,0.25);box-shadow:2px 2px 1px 1px rgba(0,0,0,0.45);}
#favourite-message {display:none;}

}
/* Hides content in Android standalone view (fullscreen fallback). Not sure which mode iOS devices use, but Android stipulates standalone in manifest.json, as it provides for visible navigation unlike fullscreen */
@media all and (display-mode: standalone) {
section#chameleon {display:none;}/* this is used in browser mode only, so hidden here */
body.splashscreen .cd-main-content {/*padding-top:50px;background-position:center bottom 1px;*/}
body.splashscreen header {/*height:60px;*/}
p.enter::after {-webkit-animation: 2.0s blow 0s linear infinite;animation: 2.0s blow 0s linear infinite;position:absolute;content:'';width:260px;height:50px;left:0;top:0px;margin:0 auto;border-radius:8px;z-index:0;}
.fixed-favourite-button {display:inline-block;padding:10px 12px;position:fixed;right:8px;bottom:8px;width:72px;height:36px;text-decoration:none;background:#eeffcc url(../_resources/favourite-icon.png) no-repeat center;z-index:200;border:1px solid rgba(0,0,0,0.25);box-shadow:2px 2px 1px 1px rgba(0,0,0,0.45);}
#favourite-message {display:none;}


}