@font-face {
	font-family: 'Champagne & Limousines';
	src: url('fonts/hinted-ChampagneLimousines.eot');
	src: local('Champagne & Limousines'), local('Champagne&Limousines'),
		url('fonts/hinted-ChampagneLimousines.eot?#iefix') format('embedded-opentype'),
		url('fonts/hinted-ChampagneLimousines.woff') format('woff'),
		url('fonts/hinted-ChampagneLimousines.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

:root { /* define colors */
	--gg-green: #82ad9a;		/* rgb (130,173,150) */
	--bg-green: rgba(130,173,153,0.25);
	--bg-pale: rgb(254, 255, 246);	/* #fefff6 */
	--font-dark: rgb(10, 10, 10);	/* #0a0a0a */
	--font-intro: #446054;			/* rgb (68, 96, 84) */
	--button-red: #b85c61;			/* rgb (184, 92, 97) */
}

html.fixed-hdr {
	scroll-padding-top: 215px; /* offset for links to #id anchors*/
}

body.home { margin-top: 0 !important; }

body { 
	margin-top: 150px;
	background: rgba(249,255,175,0.1); /* ? */
	font-family: 'Champagne & Limousines';
	font-size: 19px;
}

.row.expanded {
	max-width: none;
}
.form-group label {
	font-size: 1rem;
}

.radcontact label {
	font-size: 1rem;
	line-height: 1.3;
}

.radbook {
	padding: 0 25px;
	margin-bottom: 5px;
	accent-color: #82ad99;
}

.radbook label {
	font-size: 100%;
	padding: 10px 0 5px 10px;
/*	padding-left: 10px; */
	border-radius: 8px;
	line-height: 1;
}

.radbook label:hover {
	background-color: rgba(130,173,153,0.6);
}

.radbook label:focus-within {
	background-color: #82ad9a; 
	color: #fff; 
}

.radbook label.checked {
	background-color: #82ad9a; 
	color: #fff; 
}

/* as of Oct 23 - :has() doesn't work with firefox (by default) */
.radbook label:has(input[type="radio"]:checked) {
	background-color: #82ad9a; 
	color: #fff; 
}

.footertop {
	background: rgba(130,173,153,0.2);
	margin-top:25px;
	padding-top:25px;
	padding-bottom:20px;
	color: #fff;
	font-family: 'Champagne & Limousines'; 
	letter-spacing: 1px;
}
	
.footertop div {
	color:rgb(130,173,153);
}
	
.greattaste { text-align: left;}
.cafeawards { text-align: center;}
.tripadvisor { text-align: right;}

.headertext .grandpa {
	background: #82ad99; text-align:right; font-size:24px; line-height: 95px
}


.blocktext {
	/* background: rgba(78, 74, 74, 0.02); */
	background: rgba(130,173,153,0.25);
}

.blockalert {
	border: 2px solid #82ad9a;
	border-radius: 3px;
}


.nowtakingbookings {
	padding: 0;  
	background: rgba(130,173,153,0.25); 
	margin-bottom:0;
}

.nowtakingbookings .blocktext {
	text-align: center; 
	font-family: 'Champagne & Limousines'; 
	letter-spacing: 1px; 
	font-size: 18px; 
	background-color:transparent; 
	margin-bottom: 0 !important; 
	padding: 0;
}

.nowtakingbookings .btndescrip {
	margin: 9px 0 9px;
	line-height: 2 !important;
}

.textbutton {
	/* background: #b85c61; */ 
	background: var(--button-red);
	color: #fff; 
	padding: 8px 20px;
	border-radius: 3px;
}

.textbutton.green {
	/* background: #82ad9a; */
	background: var(--gg-green); 
}

.textbutton.outline {
	background: transparent;
	border: 1px solid var(--button-red);
	color: var(--button-red); 
	font-weight: bold;
}

.btndescrip.active {
    font-weight: bold;	
}

/*	.btndescrip a:hover, a:focus {
		 color: rgba(130,173,153,0.25);
	}
*/


span.active {    
	border-bottom: 2px solid;
    padding-bottom: 5px;
    font-weight: bold;
}


#menuToggle
{
  display: block;
  position: relative;
  padding-left: 15px;
  /* top:-15px; */
  padding-top: 7px;
  z-index: 1;
 
  user-select: none;
}

#menuToggle input
{
  display: block;
  width: 70px;
  height: 45px;
  position: absolute;
  top: -10px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none; /* touch and hold on iOS - is it needed any more? */
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu-sm
{
  position: absolute;
  /* width: 300px; */
  /* margin: -100px 0 0 -50px; */
  margin: -50px 0 0 -20px;
  /* padding: 50px;
  padding-top: 125px; */
  padding: 50px 15px 0 20px;
  
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu-sm li
{
  padding: 5px 0;
  font-size: 22px;
}

#menu-sm .li-grp-1st {
	border-top: 2px solid rgba(130,173,153,0.25);
}


/*

.date {
    font-family: 'Champagne & Limousines';
	transform: rotate(-90deg) translateX(100%);
	transform-origin: 100% 100%;    
	text-align: center;
    width: 100%;
    font-size: 32px;
    letter-spacing: 2px;
    margin: 5px 0;
    color: #82ad9a;
}
	
*/

.menubar {
	position: sticky;
	top: 95px;
	padding: 7px 0 0;  
	z-index: 998;	/* just below the header */
	background: rgb(254, 255, 246); 
	margin-bottom:0;
	border-bottom: 2px solid rgba(130,173,153,0.25); 
}

.menu-gg { 
	background-color: rgb(254, 255, 246);
	padding: 0 2px;
}

.menu-gg a {
/*	padding: 0 5px; */
}

.menu-item-grp {
	display: flex; 
	flex-wrap: nowrap; 
	align-items: flex-start;
	justify-content: space-around;
    border: 1px solid rgba(130,173,153,0.5);
    border-radius: 10px;
    min-height: 70px;
    margin: 0px 3px;
    padding: 0px 2px;
}

.menu-item {
}

#menu-footer {
	border-top: 2px solid rgba(130,173,153,0.25); 
	padding-top: 15px;
}

#menu-footer .gg-hide-small {
	display: none !important; }


.footer {
	background: rgb(130,173,153);
	border-top: rgba(255,255,255,0.5) double 6px;
	padding-top:25px;
	padding-bottom:20px;
	color: #fff;
	font-family: 'Champagne & Limousines'; 
	letter-spacing: 1px;
}	

.footer .brand {
	font-size: 24px;
	letter-spacing: 2px;
	margin-bottom:0;
}

.footer .social { text-align: left;}
.footer .social img, .hometextblock .social img { 
	max-height: 50px; 
	padding: 5px; 
	width: auto;
}

.footer .address {
	font-size: 18px;
	margin: 5px 0 10px 0;
/*	margin: 10px 0; */
}	

.footer .companyno {
	font-size: 14px;
	margin-bottom:0;
}	

/* .scoops div { margin-top:15px;} */

.scoops img:hover {
	width:110%;
	max-width:110%;
	overflow:visible;
	margin-left:-5%;
	padding-bottom: 0; 
	transition: all 0.4s;
}

.scoops img:hover+p { 
	font-style: italic; 
	font-weight: bold; 
	}

.scoops img { 
	padding-bottom: 22px;
	transition: all 0.4s 
	}

.scoops p {
	text-align: center;
/*	color: #82ad9a; */
	color: #628274;
	font-size: 18px;
	font-family: 'Champagne & Limousines';
	letter-spacing: 5px; 
	margin-top: -18px;
}

.mainbit {
	background: #fff;
	margin-top: 20px;
}

img.logo {
	filter: drop-shadow(0px 3px 4px rgba(0,0,0,0.3));
}

.logobig { margin-top: 150px; }

.show { display: block !important; }
.hide { display: none !important; }

header#img-header { 
	height: 80vh;  /* from apphome.css */
	min-height: 600px; /* stop banner text coverintg logo text */
}

#img-header {
	position: relative !important;
	background: url('../gfx/home.jpg') no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom:15px;	
}

/*	#img-header.smaller { display: none;} */

#js-header2, #js-header3 { display: none; }

#js-header2.smaller, #js-header3.smaller { display: block; }


.headertext { 
	font-family: 'Champagne & Limousines'; 
	color: #fff; 
	letter-spacing: 5px; 
	background: #82ad99;
	border-bottom: rgba(255,255,255,0.5) double 6px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.36);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.36);
}

.headertext {
	width: 100%;
	height: 95px;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: height 0.3s;
}

.hdr-bgnd {
	background: #82ad99; 
	font-size:36px; 
	line-height: 95px;
}

.hdr-bgnd-l {
	text-align:right; 
}

.hdr-bgnd-r {
	text-align:left; 
}

.hdr-fgnd {
	font-size:36px; 
	line-height: 72px;
}

/*
.home .hdr-hideable {
	height: 0;
	transition: height 0.6s;
}
*/

.hdr-hideable {
	max-height: 0;
	transition: max-height 0.6s;
}

/*
.home #fgnd-hdr {
	height: 0;
	transition: height 0.6s;
}
*/

.ht-show {
	max-height: 150px;
	transition: max-height 1s;
}

header, #js-header2 { 
	width: 100%;
	/* height: 150px; */
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: height 0.3s;
	}
		
header.show-for-small-only { height: auto; }

header img.logo, #js-header2 img.logo {
	display: inline-block;
	height: 150px;
	/* line-height: 150px; */
	float: left;
	font-family: "Oswald", sans-serif;
	font-size: 60px;
	color: white;
	font-weight: 400;
	transition: all 0.6s;
}

/* all header nav styles will be ignored in large screens
   the nav is UNDERNEATH and NOT contained in the header */
   
header nav {
	display: inline-block;
	float: right;
}

header nav a {
	line-height: 150px;
	margin-left: 20px;
	color: #9fdbfc;
	font-weight: 700;
	font-size: 18px;
	transition: all 0.3s;
}
header nav a:hover {
	color: white;
}

/* .smaller class not applied/used anywhere */
header.smaller { /* not used? */
	height: 75px;
}
header.smaller .logo { /* not used? */
	width: 150px;
	height: 75px;
	line-height: 75px;
	font-size: 30px;
}
header.smaller nav a { /* not used? */
	line-height: 75px;
}

nav.slidein {
	text-align:left;
	display:block;
	justify-content:left;
	align-items:left;
	/* margin-bottom:0; */
}

nav {     
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-start; 
	width: 100%;
	margin-bottom: 17px;
}

nav.show-forsmall-only {
	height: 35px;
	padding-top: 5px;
}

#nav-big {
	align-items: stretch;
}

nav a {
	flex-grow: 1;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: space-around !important;
	align-content: stretch !important;
	font-size: 19px;
	font-family: 'Champagne & Limousines'; 
	color: #82ad99; 
	letter-spacing: 1px;
}


h1 {	font-size: 36px; line-height: 40px;	}
h2 {	font-size: 30px; line-height: 40px; }
h3 { font-size: 24px; line-height: 40px; }
h4 { font-size: 18px; line-height: 20px; }

h1 {	
	font-family: 'Champagne & Limousines';
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 8px;
	margin: 25px 0;
	color: #82ad9a;
}

h2 {	
	font-family: 'Champagne & Limousines';
	width: 100%;
/*	text-transform: uppercase; */
	letter-spacing: 2px;
	margin: 5px 0;
	color: #82ad9a;
}

h3 {	
	font-family: 'Champagne & Limousines';
	width: 100%;
/*	text-transform: uppercase; */
	letter-spacing: 2px;
	margin: 5px 0;
	color: #82ad9a;
}

h3 > p { margin-top:0;}

h3 + p { margin-top:0;}

a { color: #b9000a;}

header a, header a:hover, header a:focus  { 
	color: inherit; 
}

a:hover, a:focus {
color: #047342; }

/*
h1 span {
  display: inline-block;
  position: relative;  
}


 h1 span:before,
h1 span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #258faf;
  border-top: 1px solid #258faf;
  top: 8px;
  width: 300px;
}

h1 span:before {
  right: 100%;
  margin-right: 15px;
}

h1 span:after {
  left: 100%;
  margin-left: 15px;
}  */


.scoops h2 {	
	font-family: 'Champagne & Limousines';
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 8px;
	line-height: 1.1;
	margin: 25px 0;
	color: #82ad9a;
}

.scoops h2 span {
  display: inline-block;
  position: relative;  
}

.scoops h3 {
  display: inline-block;
  text-align: center;
  margin-bottom: 25px;
}

.scoops span.intro  {
	display:inline-block; 
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}


/*	this span style is mucking up the responsive behaviour on small screens
	  - effectively fixed width of 600 pixels
	  removing the width property makes it zero width, so hides it, 
	  so the whole before/after style has been been deleted (commented out)
	  Note that the similar H1 style above had already been deleted
	  probably for the same reason
	  
	.scoops h2 span:before,
	.scoops h2 span:after {
	  content: "";
	  position: absolute;
	  height: 5px;
	  border-bottom: 1px solid #258faf;
	  border-top: 1px solid #258faf;
	  top: 8px;
	  width: 300px;
	}
	
	.scoops h2 span:before {
	  right: 100%;
	  margin-right: 15px;
	}
	
	.scoops h2 span:after {
	  left: 100%;
	  margin-left: 15px;
	}
*/
	

/* suggested alternative
background is a full width bordered box
with text on top with a solid background
	h2 {
	   width: 100%; 
	   text-align: center; 
	   border-bottom: 1px solid #000; 
	   line-height: 0.1em;
	   margin: 10px 0 20px; 
	} 

	h2 span { 
		background:#fff; 
		padding:0 10px; 
	}

*/



p {	
	font-family: 'Champagne & Limousines';
	letter-spacing: 1px;
	font-size: 18px;
	margin: 18px 0;
	line-height:1.4 !important;
}

blockquote {	
	font-family: 'Champagne & Limousines';
	background: rgba(78, 74, 74, 0.1);
	letter-spacing: 1px;
	font-size: 18px;
	margin: 18px 0 18px 25px;
    padding: 30px 15px 30px 125px;
    line-height: 1.4 !important;
    background: url(../gfx/rick.jpg) no-repeat;
    background-size: contain;  	}

/* home */

.home h4 {
	font-size: 24px;
	line-height: 27px;
	font-family: 'Champagne & Limousines';
	letter-spacing: 1.5px;
}

.homelogoblock { text-align: center; }

.homelogoblock p span.ggname, p span.ggtagline { 
	font-family: 'Champagne & Limousines';
	color: #fff;
	text-align: center !important; 
	margin:0 !important;
	width: 100%;
	text-transform:uppercase;
	text-shadow: 0px 0px 15px rgba(150, 150, 150, 1);
 }

.homelogoblock p span.ggname {
	letter-spacing: 12px !important;
	font-size: 64px;
	margin:0 !important;
	line-height: 69px;
	border-top: 1px solid white;
	padding-top: 15px;
}

.homelogoblock p span.ggtagline {
	letter-spacing: 12px;
	font-size: 36px;
}


.homelogoblock p.ggbox {
	width:100%;
	text-align:center;
}

.homeblocks .home-not-scoop {
	padding-top: 12px;
}

.homeblocks img {
	border: 20px solid rgba(255,255,255,0);
	border-radius:50%;
	transition: all 0.3s;
}

.homeblocks .home-scp-img {
	border: 6px  solid rgba(255,255,255,0);
}

/* 
.homeblocks .home-scoop {
	border: 5px solid rgba(255,255,255,0); 
}
*/

.homeblocks img:hover {
	border: 14px solid rgba(255,255,255,0);
	transform: rotate(7deg);
	transition: all 0.3s;
}

.homeblocks .home-scp-img:hover {
	border: 0px solid rgba(255,255,255,0);
}

.hometext {
	/* background: rgba(78, 74, 74, 0.04); */
	background: rgba(130,173,153,0.25);
}
	
.hometextblock {
	padding:10px;
	background: rgba(130,173,153,0.25); 
	/* background: rgba(78, 74, 74, 0.04);*/
}

.hometextblock h2 { 
	text-align: center; 
	font-family: 'Champagne & Limousines';
	text-transform: uppercase; 
	letter-spacing: 2px; 
	color: #82ad9a;
	margin: 10px 0;
}

.hometextblock p { 
	font-family: 'Champagne & Limousines'; 
	font-size:18px; 
	letter-spacing:1px;
}

.hometextblock img, .homewholesaleblock img {
	width: 100%;
}

.hometextblk-col-outer {
	 padding: 5px;
}

.hometextrow-col-inner {
	height: 100%;
	margin: 0px;
	align-items: start;
}

.hometextblk-col-inner {
	padding: 0px;
}

.hometextcol-inner-inner {
	margin: 0px;
	align-items: start;
}

.hometextblock.hometextrow-col-inner {
	margin: 0px; 
	padding: 7px;
}

.hometextblock.hometextblk-col-inner {
	margin: 5px; 
}

.hometextblk-col-inner h2, .hometextrow-col-inner h2 {
	 text-transform: none;
	 margin: 10px 0;
}

.hometextblk-col-inner h3 {
	line-height: 28px;
}

.homewholesaleblock {
	padding:10px;
	margin: 0 !important;
	outline-offset: -7px;
	outline: 2px solid rgb(130,173,153);
}

.homewholesaleblock.hometextblk-col-inner {
	 padding-top: 10px; 
}

.homewholesaleblock h2 {
	text-align: center;
}

.homewholesaleblk-col-outer {
	 padding: 0 0 0px;
}

.homewholesaleblock .imgrow, .hometextblock .imgrow {
	margin: 0;
}


.intro {
	font-family: 'Champagne & Limousines';
	text-align: center;
	width: 100%;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 5px 0 10px;
	/* color: #82ad9a; */
	/* color: rgb(10, 10, 10); */
	color: #446054;
}

/* /home */

.plan-topcategory {
	margin: 25px 0 15px;
}

.plan-outer {
	border: 2px solid rgba(130, 173, 153, .12);
	margin-top: 10px;
}

.plan-inner {
	padding: 0 25px;
}

.plantitle {
	/* background: rgba(130, 173, 153, 0.25); */
	padding: 5px 7px 0;
}

.plansubtitlerow{
	margin: 0 auto !important; 
	width: 100%;	
}

.plansubtitlerow:hover{
	cursor: pointer;
}

.plansubtitle {
	background: rgba(130, 173, 153, 0.12);
}

.plansubtitle h3 {
	margin: 0; 
	font-size: 22px;
}

.plansubtitle h3:after {
  content: '\002B';
  /* color: white; */
  font-weight: bold; 
  float: right;
  margin-left: 5px;
}

.active h3:after {
  content: "\2212";
}

.planrow {
	/* margin: 25px auto; */
}

.plancol {
	padding: 0;
}

.planitemblock {
	/* background: rgba(130, 173, 153, 0.12); */
	padding: 7px 15px 15px;
}

.col-l {
	padding-right: 7px;
}

.col-r {
	padding-left: 7px;
}

.planitemblock .intro {
	text-align: left;
	/* color: #577367; */
	margin: 7px 0;
}

.planitemblock p {
	margin: 0;
}

.plandescrip p {
	margin: 7px 0;
}

div.aboutparlour {
	margin-bottom:25px; 
	margin-top: 25px;
}

.aboutparlour h2 {
	text-align: center;
}

.aboutparlour h3 {
	text-align: center;
}

.aboutparlour p {
	font-size: 19px; 
	text-align: center;
}
	
.panel-sq-small {
	padding: 10px 0 0;
	aspect-ratio: 1/1;
	padding: 7px;
	background-size: cover;
	background-clip: content-box;
}

.panel-sq-small-text {
	/* border: 1px solid rgb(130,173,153); */
	/* padding: 20px 20px 30px; */
	display: flex;
	align-items: center;
	text-align: center;
	background-color: rgb(254, 255, 246);
	outline-offset: -7px;
	outline: 1px solid rgb(130,173,153);
}

.panel-sq-small-text p {
	color: #82ad9a;
	font-size: 24px;
	font-style: italic;
	padding: 0 15px;
}

.panel-sideimg {
	background-size: cover;
	background-clip: content-box;
	padding: 7px;
	/* height: 300px; */ 
	height: auto; 
	aspect-ratio: 1.1;
}

.panel-img-colm-2wide {
	padding-right: 7px;
}

.panel-img-row-2wide {
	margin-top: -7px;
	margin-bottom: -7px;
}

.eventshire-page .h2 {
	text-align: center;
}

.wholesalerow {
	border: 2px solid rgb(130, 173, 153);
	margin-top: 10px;
	padding: 10px;
	margin-bottom: 20px;
}

.wholesalerow .sideimg {
	background-position: center ;
	background-size: cover;  
	padding: 190px 0;
}

.wholesalerow .panel-sq-small {
/*	padding: 0px; */
}

.wholesalerow .imgrow {
	margin: 6px -21px -5px;
}

.wholesalerow .imgcolumn {
	margin: -5px -21px -5px;
}

.wholesalerow h2 {
	text-align: center;
}

.overlayimg {
	background: rgba(57, 57, 57, .7);
	position: absolute;
	color: white;
	padding: 10px 15px;
	line-height: 1.8;
	margin: 30px;
	bottom: 0;
}

.overlayquote {
	font-style: italic;
	text-align: right;
}

.overlay-home {
	position: absolute; 
	background: rgba(57, 57, 57, 0.55);
	width: 100%;
	bottom: 0;
}

.overlay-home h1, .overlay-home .intro{
	color: white;
}

/*
div.creamofthecrop, div.kitchen, div.flavours { 
	height: 350px; margin-bottom: 25px; }
		
div.creamofthecrop {	background: url("../gfx/home-cows.jpg") no-repeat;	}
div.kitchen {	background: url("../gfx/home-kitchen.jpg") no-repeat right;	}
div.flavours {	background: url("../gfx/home-flavours.jpg") no-repeat;	}
	
div.creamofthecrop .paneltext , div.creamofthecrop .kitchen, div.flavours .paneltext {
	margin-top: 30px;
	margin-right: 30px;
	padding: 20px;
	background: rgba(0,0,0,0.5);
	color: #fff;
}

div.creamofthecrop  h2 , div.kitchen  h2 , div.flavours  h2 {	
	font-family: 'Champagne & Limousines';
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: white;
}
	
div.creamofthecrop .paneltext, div.kitchen .paneltext, div.flavours .paneltext {
	background: rgba(0,0,0,0.5);
	color: #fff;
}

div.creamofthecrop .paneltext {
	margin-top: 30px;
	margin-right: 30px;
	padding: 20px;
}

div.kitchen .paneltext {
	margin-top: 30px;
	margin-left: 30px;
	padding: 20px;
}




div.icecreamcart, div.icecreamtrailer, div.icecreamtrike {
	height: 350px; margin-bottom: 25px; }
		
div.icecreamcart {
	background: url("../gfx/hireus-icecreamcart.jpg") no-repeat right; }
div.icecreamtrailer {
	background: url("../gfx/hireus-icecreamtrailer.jpg") no-repeat right; }
div.icecreamtrike {	
	background: url("../gfx/hireus-icecreamtrike.jpg") no-repeat;	}
	
div.icecreamcart .paneltext , div.icecreamcart .icecreamtrailer, div.icecreamtrike .paneltext {
	margin-top: 30px;
	margin-right: 30px;
	padding: 20px;
	background: rgba(0,0,0,0.5);
	color: #fff;
}

div.icecreamcart  h2 , div.icecreamtrailer  h2 , div.icecreamtrike  h2 {	
	font-family: 'Champagne & Limousines';
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: white;
}
	
div.icecreamcart .paneltext, div.icecreamtrailer .paneltext, div.icecreamtrike .paneltext {
	background: rgba(0,0,0,0.5);
	color: #fff;
}

div.icecreamcart .paneltext {
	margin-top: 30px;
	margin-right: 30px;
	padding: 20px;
}

div.icecreamtrailer .paneltext {
	margin-top: 30px;
	margin-left: 30px;
	padding: 20px;
}
*/

	
.collection { margin: 0; }

.collection li {
	list-style: none;
	padding:10px;
	margin: 10px;
	background: #82ad9a;
	color: rgba(249,255,175,1);
}

	
	
@media all and (max-width: 660px) {
    header h1#logo {
        display: block;
        float: none;
        margin: 0 auto;
        height: 100px;
        line-height: 100px;
        text-align: center;
    }
    header nav {
        display: block;
        float: none;
        height: 50px;
        text-align: center;
        margin: 0 auto;
    }
    header nav a {
        line-height: 50px;
        margin: 0 10px;
    }
    header.smaller { /* notused? */
        height: 75px;
    }
    header.smaller h1#logo { /* not used? */
        height: 40px;
        line-height: 40px;
        font-size: 30px;
    }
    header.smaller nav { /* not used? */
        height: 35px;
    }
    header.smaller nav a { /* not used? */
        line-height: 35px;
    }
}
	
	
	
.side {
	rotate: -90deg;
}
	
	


/* -- ResDiary Panel -- */

#rd-widget-root #logodiv {  }

#rd-widget-root div[data-bind="with: booking"] { width: 100%; }

#rd-widget-root div[data-bind="if: showBookingSummary"] { width:70%; }


.row.full {
	width: 100%;
	max-width:100%;
}

/* "parallax" bg img in div */
.full.bg {
	background: linear-gradient( #22222236, #222222c4 );
	background-position: center bottom;
	background-size: cover; 
	background-attachment: fixed;  
	padding: 150px 0;
}

/* -- Responsive Overrides -- */

/* iPad - including landscape */
@supports (-webkit-touch-callout: none) {
	header#img-header, .full.bg { 
		background-attachment: scroll !important; 
	}
}

/* small */
@media screen and (max-width: 39.9375em) {
	html.fixed-hdr {
		scroll-padding-top: 170px; /* anchor offset */
	}

	body {
		margin-top: 95px;
	}

	nav {
		padding-top: 10px;
		margin-bottom: 10px;
	}

	.parlourheader, .full.bg, header#img-header { 
		background-attachment: scroll !important; 
	}

	.hdr-bgnd {
		font-size: 26px;
	}

	.hdr-bgnd-l {
		text-align:left;
	}
	
	#hdr-bg-l {
		padding-left: 12px;
	}
	
	.hdr-bgnd-r {
		text-align:right; 
	}

	#hdr-bg-r {
		padding-right: 12px;
	}

	#hdr-logo {
		height: 100px;
	}
}

/* Medium and up */
@media screen and (min-width: 40em) {
	.home .buttonbar-top .nowtakingbookings {
		display: none; /* ie. only visible on small */
	}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.parlourheader, .full.bg { 
		background-attachment: initial !important; 
	}
}

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

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}