/* =============================================================================
   Primary styles
   Author: Simon Shahriveri | Propeller Communications
   ========================================================================== */

/*
  colour pallete
  --------------



/*
  Contents
  --------
  0 Non-semantic helper classes
  1 Typography
  2 Headings
  3 Layout Base Elements
  4 Navigation
  5 Layout
  6 Helpers



*/

/* ============================================================================
   0 - Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

@import url("enrichment.css");

::-moz-selection{ background: #bc427b; color:#fff; text-shadow: none; }
::selection { background:#bc427b; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #bc427b; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.clear:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clear { display: inline-block; }
/* start commented backslash hack \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* close commented backslash hack */

.cb{clear:both}



/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden!important; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

ul, ol {
  margin: 1em 0;
  padding: 0;
  padding-left: 20px;
}

.em {
  font-style: italic;
}


/*-----------------------------------------------------------------------------
--------------------------------1--------TYPOGRAPHY----------------------------
-------------------------------------------------------------------------------*/

@font-face {
    font-family: 'LucidaHand';
    src: url('../fonts/lucidahandwritingitalic.eot');
    src: url('../fonts/lucidahandwritingitalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lucidahandwritingitalic.woff') format('woff'),
         url('../fonts/lucidahandwritingitalic.ttf') format('truetype'),
         url('../fonts/lucidahandwritingitalic.svg#LucidaHand') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AmericanITC';
    src: url('../fonts/itcamericantypewritermedium.eot');
    src: url('../fonts/itcamericantypewritermedium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/itcamericantypewritermedium.woff') format('woff'),
         url('../fonts/itcamericantypewritermedium.ttf') format('truetype'),
         url('../fonts/itcamericantypewritermedium.svg#AmericanITC') format('svg');
    font-weight: normal;
    font-style: normal;

}




body{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#959595;
}


/* Paragraph sizes */

p {
    color: #959595;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    margin: 0 0 10px;
}

a, a:active {color:#8caea2; text-decoration:none;}
a:hover {color:#8caea2; text-decoration:underline;}

small {
  font-size: 10px; font-style: italic; margin: 10px 0 10px 0; color:#fff;
}

blockquote { 
}
blockquote span {float: right; font-weight: bold; }


.first{margin-left:0!important; padding-left:0!important;}
.last{margin-right:0!important; padding-right:0!important;}

ul.bullet{margin:0; padding:0;}
ul.bullet li { margin:5px 0; padding:0 0 0 15px; list-style:none; background:transparent url(../images/bullet.gif) no-repeat 0 3px;}
  .oldie ul.bullet li {background:transparent url(../images/bullet.gif) no-repeat 0 5px;}
ul.bullet li:hover { margin:5px 0; padding:0 0 0 15px; list-style:none; background:transparent url(../images/bullet.gif) no-repeat 0 -12px;}
  .oldie ul.bullet li:hover {background:transparent url(../images/bullet.gif) no-repeat 0 -10px;}



/*-----------------------------------------------------------------------------
--------------------------------2--------HEADINGS------------------------------
-------------------------------------------------------------------------------*/


h1 { font-size: 36px; font-family:LucidaHand, "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px 0; color: #fff; font-weight: normal; }

h2 { font-size: 30px; font-family:LucidaHand, "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px 0; color: #fff; font-weight: normal; }

h3 { font-size: 25px; font-family:LucidaHand, "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px 0; color: #fff; line-height:27px; font-weight: normal; }


h4 { font-size: 21px; font-family:AmericanITC, "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px 0; color: #fff; line-height:22px; font-weight: normal; }

h5 { font-size: 16px; font-family:AmericanITC, "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px 0; color: #fff; line-height:18px; font-weight: normal; }

h6 { font-size: 14px; font-family:AmericanITC, "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px 0; color: #fff; line-height:15px; font-weight: normal; }

  
/*-----------------------------------------------------------------------------
---------------------------3----LAYOUT BASE ELEMENTS----------------------------
-------------------------------------------------------------------------------*/
html {
  overflow-x:hidden;
}

body{
  margin: 0;
  padding: 0;
  background: #231f20 url(../images/bg/bg.gif) repeat-x scroll top left;
}


section {width:100%;}

header, footer, nav, article, section, aside {
  float:left;
  display:inline;
  position:relative;
}


/*-----------------------------------------------------------------------------
--------------------------------4--------NAVIGATION----------------------------
-------------------------------------------------------------------------------*/
nav{
  float:left;
  display:inline;
  width:220px;
  margin:0;
  position:relative;
}
  nav #nav-top {
    float:left;
    background: transparent url(../images/nav/nav-top.gif) no-repeat 0 0;
    display:inline;
    width:220px;
    height:15px;
    margin:0;
    position:relative;
	  overflow: hidden;
  }

    nav #nav-middle {
    background: transparent url(../images/nav/nav-middle.gif) repeat-y 0 0;
    display:inline;
    float:left;
    margin:0;
    position:relative;
    width:220px;
  }

    nav #nav-bottom {
    background: transparent url(../images/nav/nav-bottom.gif) no-repeat 0 0;
    display:inline;
    float:left;
    height:16px;
    margin:0;
    overflow: hidden;
    position:relative;
    width:220px;
  }

nav ul {
  display:inline;
  float:left;
  margin:10px 0 15px 25px;
  padding:0;
  width:180px;
}

nav ul li{
  display:inline;
  width:170px;
  float:left;
  margin:0;
  position:relative;
}

nav a{
  color:#e1e1e1;
  text-decoration:none;
  display:block;
  font-family:LucidaHand, "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform:none;
  font-size:17px;
  float:left;
  display:inline;
  position:relative;
  text-align:left;
  padding:7px 0 5px 5px;
  width:160px;
}
  nav a:hover, nav a.current {
    text-decoration:none;
    color:#fff;
    background: transparent url(../images/nav/selected.gif) no-repeat 0 0;
  }

/*------------- Sub Nav --------------*/

nav#subnav {
  float:left;
  display:inline;
  width:700px;
  margin:0 0 0 20px;
}
  #subnav ul {
	width:700px;
	margin:10px 0 0 0;
  }

   #subnav ul.subnav {
    margin: 0;
    }
    #subnav li {
      display:inline;
      float:left;
      margin:0 0 0 5px;
      position:relative;
	  width:auto;
	  height:30px;
	  background: transparent url(../images/nav/border-right.gif) no-repeat right center;
	  overflow: hidden;
    }
      #subnav li a {
        display:block;
        float:left;
		width:auto;
		height:20px;
        margin:0 5px 0 0;
        padding:5px 22px 10px 0;
        position:relative;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
        font-size:15px;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		background:transparent none repeat 0 0;
		color:#000;
		overflow: hidden;
      }
	  .ie6 #subnav li a {
	  	padding-right: 18px;
	  }
	  	 #subnav li a span {padding:10px 0 3px 18px; height:33px;}
	  
	  #subnav li a.selected, #subnav li a:hover {
	  	background: transparent url(../images/nav/subnav-right.gif) no-repeat right -2px;
	  }
	  	 #subnav li a.selected span, #subnav li a:hover span {
			background: transparent url(../images/nav/subnav-left.gif) no-repeat left 3px;
		  }
	  
	  #subnav .last {background:transparent none repeat 0 0;}



/*-----------------------------------------------------------------------------
------------------------------5----------LAYOUT--------------------------------
-------------------------------------------------------------------------------*/

#container {
  width:960px;
  height:100%;
  margin:0 auto;
}

  header {
    width:940px;
    height:470px;
    float:left;
    display:inline;
	position: relative;
	margin:20px 0 0 0;
	padding:0 10px;
  }
    
    #head-left {
      float:left;
      display:inline;
	  position: relative;
      width:220px;
    }

  #main {
    width:940px;
    float:left;
    display:inline;
    padding:10px;
	margin:15px 0 0 0;
	/*margin:49px 0 0 0;*/
  }

    #main #leftcol {
      float:left;
      display:inline; 
      width:220px;
    }
		#leftcol .social, .hubbub {
			float:left;
			display:inline;
			width:220px;
			margin:15px 0;
			padding:20px 0 0 0;
			background:transparent url(../images/sep.gif) no-repeat top left;
		}

.hubbub img {
    width: 100%;
}
.hubbub {
	margin-bottom: 0;
}
			.social a {display:inline; height:29px; width:29px;}
		
		#leftcol address {
			color:#fff;
			font-size:12px;
			text-transform:uppercase;
			font-weight:bold;
			float:left;
			display:inline;
			width:180px;
		}
			#leftcol address a {color:#fff; text-decoration:none;}

    #main #centrecol {
      float:left;
      display:inline;
      width:445px;
      margin:0 0 0 20px; 
    }
		#centrecol article {width:445px;}

    #main #rightcol {
      float:right;
      display:inline; 
      width:240px;
    }
		#tip-of-month {
			float:left;
			display:inline;
			width:236px;
      margin-right:30px;
			background:#6f8986 none repeat 0 0;
			border:2px solid #403732;
      position:relative;
		}
     #tip-of-month p.tip {
      color:#fff;
      margin:0 10px;
      position:relative;
     }
    #tip-of-month p.tip img {
      width:100%;
      margin:5px 0 0 0;
    }
			#tip-of-month img, #tip-of-month table, #tip-of-month h4, #recipe-archive img {margin-left:7px;}
				#tip-of-month table {width:220px;}
				#tip-of-month .menu_category_cell, #tip-of-month .menu_content_cell {color:#fff;}
				#tip-of-month h4 {padding-top:10px; text-align:center; width:222px;}
					#tip-of-month h4 a {color:#fff; text-decoration:none;}
						#tip-of-month h4 a:hover {color:#fff; text-decoration:none;}
					#tip-of-month .menu_category_cell {font-size:16px; font-family: AmericanITC, "Trebuchet MS", Arial, Helvetica, sans-serif;}
		
		#rightcol #recipe-archive {
			float:left;
			display:inline;
			width:236px;
			background:#6f8986 none repeat 0 0;
			border:2px solid #403732;
			margin: 10px 0;
		}
			#recipe-archive p {
				color: #ffffff;
				font-size:16px;
				font-family: AmericanITC, "Trebuchet MS", Arial, Helvetica, sans-serif;
				margin: 10px 0 2px 7px;
			}
			#recipe-archive ul.recipe-list {
				color: #ffffff;
				display: inline;
				float: left;
				list-style-type: disc; list-style-position: inside;
				margin: 0 0 10px 7px;
				width: 220px;
			}
			#recipe-archive ul.recipe-list li {margin-bottom: 3px;}
      #recipe-archive ul.recipe-list li a {color: #ffffff;}
      .cooking-tips {
        display: flex;
        justify-content: center;
        width: 100%;
      }
      .btn {
        display: inline-block;
        width: 100%;
        margin-top: 30px;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding: 20px 0;
        background:#6f8986 none repeat 0 0;
        border:2px solid #403732;
        color: #fff;
        text-align: center
      }

      .cooking-tips a:hover {
        color: #fff;
        text-decoration: none;
      }

  footer {
    width:960px;
    float:left;
    display:inline;
	margin:0 0 5px 0;
  }
  	footer ul {
		float:left;
		display:inline;
		width:960px;
		padding:10px 0;
		border-top:1px solid #5c5a5a;
		border-bottom:1px solid #5c5a5a;	
	}
		footer ul li {
			color:#5c5a5a;
			font-size:25px;
			float:left;
			display:inline;
			text-transform:uppercase;
			margin:0;
			border-right:1px solid #5c5a5a;
			text-align:center;
			letter-spacing:2px;
		}
			li#organic {width:175px; text-align:left; margin: 0 0 0 18px; padding: 0 0 0 40px;}
			li#free-range {width:330px;}
			li#fed-meats {width:355px; border:0 none; text-align:right; padding: 0 20px 0 0;}
			
	.siteby {
		float:right;
		display:inline;
		width:110px;
		height:23px;
	}


/*Testimonials Page*/

dl {
	background: transparent url(../images/sep2.gif) no-repeat bottom center;
	float:left;
	display:block;
	width:445px;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
}
	dt {
		width:445px;
		text-align:left;
		float:left;
		display:block;
		margin:0;
		padding:0;
	}
	dd {
		width:445px;
		text-align:right;
		float:left;
		display:block;
		font-style:italic;
		color:#8caea2;
		margin:10px 0 0 0;
		padding:0;
	}

/*Xmas Opening Times*/

#xmastimes h4 {
  background: #231f20 url(../images/bg/snowflake.jpg) left top no-repeat;
  padding:13px 0 0 75px;
  height:54px;
  color:#bd1717;
  cursor:pointer;
}

.xmaslink, .xmaslink:hover {
  display:inline-block;
  background: #231f20 url(../images/bg/snowflake.jpg) left top no-repeat;
  padding:17px 0 0 75px;
  height:51px;
  color:#bd1717;
  cursor:pointer;
  margin:15px 0 0 0;
}

#xmastimes dl {
  background: transparent url(../images/sep2.gif) no-repeat bottom center;
  float:left;
  display:block;
  width:235px;
  margin:0 0 20px 0;
  padding:0 0 10px 0;
}
  #xmastimes dt {
    width:160px;
    margin:0 0 5px 0;
  }
  #xmastimes dd {
    width:75px;
    margin:0 0 5px 0;

  }

/*Contact*/

#map {
	float:left;
	display:inline;
	width:300px;
	height:355px;
	margin:0 20px 20px 0;
	position:relative;
	border:2px solid #8CAEA2;
	
}
#map iframe {
	width:300px;
	height:355px;
}
#map1 {
  float:left;
  display:inline;
  width:300px;
  height:355px;
  margin:0 20px 20px 0;
  position:relative;
  border:2px solid #8CAEA2;
}

	#feature blockquote h3 a, #feature blockquote h3 a:hover {
		font-size: 20px; font-family:LucidaHand, "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px 0; color: #ffffff; line-height:27px; font-weight: normal; text-decoration: none;
	}

  /*Gallery*/

  .gallery li {
    padding:0;
    margin:5px;
    overflow:hidden;
    width:70px;
    height:70px;
    float:left;
  }
  .gallery li img, .gallery li a {
    padding:0 !important;
    margin:0 !important;
  }

  .gallery iframe {
    position: absolute;
    left:0px;
    top:120px;
    width:436px;
    height:315px;
    z-index: 999;
  }

  #recipe-img {
    margin: 5px 0 10px 0;
  }

  #christmas-opening-hours {
    margin: 10px 0;
    display: block;
    overflow: hidden;
    width: 271px;
    height: 108px;
  }


/* Location Page */

.location {
  width: 700px !important;
  margin-right: 10px;
}

.location.border {
  border-top:1px solid #8CAEA2;
  border-bottom:1px solid #8CAEA2;
  padding:20px 0 0 0;
  margin-bottom:20px;
}

#centralbottom {
  padding-left:240px;
}


/*-----------------------------------------------------------------------------
------------------------------5----------HELPERS-------------------------------
-------------------------------------------------------------------------------*/

.mb40 { margin-bottom: 40px; }


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


.red-card {
    width: 100%;
}

.christmas-snow {
  position: relative;
  height: 100vh;
}