html, body {
			    height: 100%;
			    overflow-y: scroll !important;
				-webkit-overflow-scrolling: touch;
			   
					}
						html {
						overflow-y: hidden;
/* 						background: #8b4b0b; */
						}
						body {
			    overflow-y: scroll;
						}
body {background: #94d0f3;}
.site {
	  display: flex;
	  min-height: 100vh;
	  flex-direction: column;
	  background: #fdfdf2; color: #6d6b6b;
}
	.site-content {
	  flex: 1;
	}
.btnbar a:link {color: rgba(20, 80, 128, 1);} 	
		.btnbar a:visited {color: rgba(48, 75, 75, 0.5);} 	
		.btnbar a:hover {color: rgba(48, 75, 75, 0.1);} 	
		.btnbar a:active {color:#304b4b;}
		.btnbar a {text-shadow: 0px 1px 1px #f3f2f2;}
		
		
		.pushback {display: none !important;}
		
		h1 {font-family: 'Fjalla One', sans-serif;}
	    .bordered {border: 1px dotted #dbdbe8;}
	    .pusher {margin-top: 1em;}
	    .padder {padding: 1em;}
	    .smallpush {margin-top: 1em;}
	    .medpush {margin-top: 2em;}
	    .pushybase {margin-bottom: 2em;}
	    .basement {background: #edf4fb}
	    a:link {color: rgba(20, 80, 128, 0.5);} 	
		a:visited {color: rgba(48, 75, 75, 0.5);} 	
		a:hover {color: rgba(48, 75, 75, 0.9);} 	
		a:active {color:#304b4b;}
		.fader {opacity: 1}
		.fader:hover {opacity: .5}
		.dropdown {font-family: 'Kite One', sans-serif; font-size: 1.4em;}
		.globalnav li a {font-family: 'Catamaran', sans-serif; margin: 0em; padding:0; font-size: .7em}
		.testimonial h2 {font-family: 'Rock Salt', cursive; font-size: 1em;}
		

		.header {color: #f8f5f5; display:flex; margin-bottom: 2em; text-align: left;}
		.header1 {color: #f8f5f5; display:flex; margin-bottom: 0em; text-align: left;}
		.header a:link {color: #f8f5f5; }
		sup {color: #bf0d0d}
		.header sup {font-size: 50%;}
		.smallline li ul li {padding: 0em; margin-top: .2em; margin-bottom: .7em; line-height: .7em; }
		.navright {border-left: 1px solid #cbc2c2;}
		
		.secondhead {width:100%; background: rgba(0, 0, 0, 0.70); margin-top: 0; margin-bottom: 2em; color: #f48d11;}
		.secondhead a:link {color: #f48d11;}
		.secondhead a:visited {color: #f48d11;}
		.secondhead a:hover {color: #f48d11;}
		.secondhead a:active {color: #f48d11;}
		
		/* controls the content of the 'all hours'  window*/
		dt {font-weight: bold; text-align: left;}
		dd {text-align: left;margin: 0;padding: 0 0 1em 0;}
		

	
		.bio {font-family: 'Catamaran', sans-serif; font-size: 1.2em; color: #435043}
	    .bio h1 {text-align: left;}
	    .biolead {font-family: 'Kite One', sans-serif; font-size: 1.1em; color: #435043; background-color: rgba(120, 170, 130, 0.1); padding: .3em; margin-bottom: 1em; text-align: left;}
	    .thumbnail {margin-bottom: 2px;}
	    .gallery {font-size: .75em;}
	    .supertitle {font-size: .5em; color: rgba(67, 79, 67, 0.7); text-align: left;}
	    .subtitle {font-size: 1.2em; color: rgba(67, 79, 7, 0.7); text-align: left; font-family: 'Fjalla One', sans-serif;}
	    .newstitle {font-size: 1.2em; color: rgba(67, 79, 7, 0.7); text-align: left; font-family: 'Fjalla One', sans-serif;}
	    .firstcharacter {font-size:	3em; float: left; color: #903; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; }
	    .bigpoints ul {list-style-position:outside; margin-left: 1em; list-style-type: square;}
	    .tile {font-size: 1.2em; color: rgba(248, 249, 245, 0.7); text-align: center; font-family: 'Fjalla One', sans-serif; background-color: rgba(121, 133, 171, 0.8); padding: .5em; border: 1px dotted #fafafa;}
	    .tile:hover {font-size: 1.2em; color: rgba(67, 79, 7, 0.7); text-align: center; font-family: 'Fjalla One', sans-serif; background-color: rgba(121, 152, 171, 0.6); padding: .5em; border: 1px dotted #ffffff;}
	    .storytile {margin-bottom: 1.5em; padding 5em;}
	    .newsstory {background: -webkit-linear-gradient(rgba(117,161,237,0.87) 13.91%, rgba(169,175,217,0.84) 89.4%)}
	    .newsstory:hover {background: -webkit-linear-gradient(rgba(117,161,237,0.3) 13.91%, rgba(169,175,217,0.84) 50%)}
	    .label a:link {color: #ebeef4;}
	    .label a:visited {color: #ebeef4;}
	    .label a:hover {color: #ffffff;}
	    .label a:active {color: #ebeef4;}
	    .gallery .column {margin-bottom: 2em;}
	    .video-caption {margin-bottom: 2em; padding: 0px; line-height: normal; font-size: .8em;}
	    .flex-video {margin: 0; padding: 0;}
	    .tinier {font-family: "Pragati Narrow", sans-serif; font-size: .8em; color: black}
	    .wcptspace {margin-top: 1em;}
	    .eyeliner {background: rgba(228, 228, 228, 0.71)}
	    .five-caption {font-size: .8em; line-height: 1em; font-style: italic;}
	    .firstpublished {font-family: "Pragati Narrow", sans-serif; font-size: .7em; color:#585757 }
	    audio { width: 100%; display: block; }
	    
	    /* for the float over appointment alert*/
	    #mydiv {top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				position:fixed;
				background: rgba(175, 218, 230, 0.95);
				color: #ffffff;
				padding: 2em;
				border-bottom: currentcolor;
				text-align: center;
				z-index: 10001;
				}


			.bigbutton {color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); rgba(21, 181, 44, 0.75);
				}
 
				.fillup h2 {font-size: 12vw; line-height: 1em; }
				.fillup h3 {font-size: 8vw; line-height: 1em; }
				
		#advert-once {
				position:fixed;
				top: 0px;
				left: 0px;
				width: 100%;
/* 				display: inline-block; */
				background: #aba9a9;
				padding: 5px 5px 0;
				z-index: 99999;
				}

/*
			#advert-once {
				position: fixed;
				bottom: 5px;
				right: 5px;
				display: inline-block;
				background-color: #333;
				padding: 5px 5px 0;
				z-index: 99999;
				}
*/
				 
				#advert-once .advert-button {
				width: 10px;
				height: 10px;
				position: absolute;
				left: -3px;
				top: -3px;
				background-color: #ff4500;
				border-radius: 5px;
				cursor: pointer;
				}
				
				#reset-session, #refresh-page {
				display: block;
				width: 250px;
				text-align: center;
				font-family: 'Oswald', sans-serif;
				border-radius: 5px;
				border: none;
				padding: 2px 5px;
				cursor: pointer;
				background-color: #ddd;
				margin: 5px 0;
				}
				
				#reset-session:hover, #refresh-page:hover {
				background-color: #f96e5b;
				}


				#timeDiv, #allhours {font-family: 'Kite One', sans-serif; font-size: .75em; color: #66a7e3; text-align: center;}
				#allhoursopen {text-align: center}
				
	/* end of all of that related to the appointment alery and the opening hours and booking alert */
	    
		
	
	.superfoot {
	color: #222;
	margin-top: 2em;
	background: rgba(126, 165, 222, 1); width: 100%; color: #f7f7f7; padding: .5em 2em;}
	.superemphasis {
	color: #222;
	margin-top: 2em;
	background: rgba(86, 129, 194, .5); width: 100%; color: #f7f7f7; padding: .5em 2em;} 	 	

/*footer*/
#footer {
	width: 100%;
	color: #222;
	margin-top: 2em;
	background: rgba(126, 165, 222, 0.5); width: 100%; color: #f7f7f7; font-size: .75em; padding: .5em 2em;} 
	
#footer a  {
	text-decoration: none;
}
#footer a:link {
	color: #3c3b3b;
	text-decoration: none;
}
#footer a:visited {
	color: #3c3b3b;
	text-decoration: none;
}
#footer a:hover {
	color: #f7f7f7;
	text-decoration: none;
}
#footer a:active {
	color: #3c3b3b;
	text-decoration: none;
}
#footer li {list-style-type: none;}
.testimonial {font-family: 'Fjalla One', sans-serif; font-size: 1.5em; background: rgba(126, 165, 222, 0.1); padding: 1em;}
.testimonial-link {font-family: Arial, Helvetica, sans-serif}
.newstick {font-family: "Pragati Narrow", sans-serif; font-size: 1.5em; color: #aa3912;}
.newsticker {font-family: "Pragati Narrow", sans-serif; font-size: 2em; color: #6a2812;}
/*end footer content*/

/*media queries*/	    
/* Small only */
@media screen and (max-width: 39.9375em) {
	.bio {font-family: 'Catamaran', sans-serif; font-size: 1em; color: #435043}
	.storytile {font-size: .8em;}
	.firstcharacter {font-size:	2em; float: left; color: #903; line-height: 40px; padding-top: 4px; padding-right: 8px; padding-left: 3px; }
	.biolead {font-family: 'Kite One', sans-serif; font-size: .9em; color: #435043; background-color: rgba(120, 170, 130, 0.1); padding: .3em; margin-bottom: 1em; text-align: left;}
	 .subtitle {font-size: .9em; color: rgba(67, 79, 7, 0.7); text-align: left; font-family: 'Fjalla One', sans-serif;}
	 .eyeliner {font-size: .8em; line-height: normal; padding-bottom: .5em;}
}	

/* Buttons */
@media screen and (max-width: 39.9375em) {
  .button.small-only-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .button.medium-only-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }
@media screen and (max-width: 63.9375em) {
  .button.medium-down-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }
@media print, screen and (min-width: 40em) {
  .button.medium-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .button.large-only-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }
@media screen and (max-width: 74.9375em) {
  .button.large-down-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }
@media print, screen and (min-width: 64em) {
  .button.large-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {
	.pusher {margin-top: 12em;}
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	.pusher {margin-top: 7em;}
	.smallpush {margin-top: 4em;}
}

/* slide in for health emergency */
#notify {
		width:100%;
		height:auto;
/* 		background:rgba(114, 113, 149, 1);  */
		font-family: 'Catamaran', sans-serif;
		background: url('/img/c19-1.jpg') no-repeat bottom center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		}
		
		#notify a:link {color: rgba(65, 22, 7, 1);}
		#notify a:visited {color: rgba(65, 22, 7, 1);}
		#notify a:hover {color: rgba(65, 22, 7, .5);}
		#notify a:active {color: rgba(131, 96, 84, 1);}
		
		#notify h1{font-family: 'Fjalla One', sans-serif; font-size: 2.5vw;}
	   	#notify h2{font-family: 'Catamaran', sans-serif; font-size: 1.5vw;}
	   	#notify h3{font-family: 'Fjalla One', sans-serif; font-size: 1.3vw;}
	   	#notify h4{font-family: 'Fjalla One', sans-serif; font-size: 2vw;}
	   	button {font-family: 'Catamaran', sans-serif; font-size: 2vw; text-shadow: none;}
	   	.notfiypad {padding: 2em;}
	   	.reducer {font-size: .8em;}
	   	.brad {border-radius: 3px 3px 3px 3px;}
	   	.image-control {max-width: 75%}

	/* Small only */
@media screen and (max-width: 39.9375em) {
		
   		#notify h1{font-family: 'Fjalla One', sans-serif; font-size: 4vw;}
	   	#notify h2{font-family: 'Catamaran', sans-serif; font-size: 2.5vw;}
	   	#notify h3{font-family: 'Fjalla One', sans-serif; font-size: 3.2vw;}
	   	#notify h4{font-family: 'Fjalla One', sans-serif; font-size: 2vw;}
	   	#notify p{font-family: 'Catamaran', sans-serif; font-size: 3vw;}
	   	button {font-family: 'Catamaran', sans-serif; font-size: 2vw; text-shadow: none;}
	   	.notfiypad {padding-top: 3em; padding-left: 0; padding-right: 0;}
	   	.reducer {font-size: .7em;}
	   	.brad {border-radius: 3px 3px 3px 3px; font-size: .8em;}
	   	.image-control {max-width: 100%}

}	

/*! http://responsiveslides.com v1.55 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }