/*RESET*/
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;
}
strong { font-weight: bold }
em { font-style:italic; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background:#FFF;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* { box-sizing: border-box; }

.wrapper { width: 100%; max-width:980px; padding: 0; margin:20px auto 30px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0.5px rgba(0,0,0,0.3);  }
.wrapper img { display: block; max-width: 100% }
.clear { clear:both; }
.img-float-right { float: right; margin: 0 0 10px 10px }
h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; color: #565B3B; }
h1 { font-size: 1.7em; font-weight: bold; margin-bottom: 20px; line-height:1.2em;}
h2.site-title { text-indent: -9999px; line-height: 0; margin: 0; }
.intro h2 { text-align: center; font-size: 14px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px }
span.cursive { display: none; }
span.nb { font-weight:bold; color:red }
h1, h2 { font-size: 1.5em; margin:0px 0 15px; }
h3 { font-size: 1.1em; margin: 15px 0 0; }
h4 { font-size: 1.0em; }
#logo { width: 100%; max-width: 300px; float:left; box-sizing:border-box; margin-left:25px}
#logo img { width: 100%; max-width: 250px; margin: 25px; }

.large-text { font-size: 1.4em; color: #7d2f2a; font-weight:bold; }

.full-width { width: 100%!important; padding: 0; max-width:none!important; background:#A3AD72; height:inherit; position:relative}

a { font-weight: bold; text-decoration: none; color: #7F7E50; font-family:Montserrat, Arial, Helvetica, sans-serif }
a:hover { color: #565B3B }

section { width:100%; margin: auto; overflow:hidden; line-height: 1.5em;box-sizing:border-box; padding: 30px 0 30px 30px;}
section.intro { padding-right: 30px}
/*section:nth-last-of-type(1) { 
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}*/
section.establishmentsWrap  {padding: 0 !important}
section.establishmentsWrap h1, section.establishmentsWrap h2  { padding: 30px 0 0 30px;}
.filterContainer { padding: 0 0 0 30px;}
section.establishment { margin-bottom: 30px; overflow:hidden }
section.info { margin: 15px 0 0; padding-right: 30px}
section.info img { border: 10px solid #E2DDC9; -webkit-box-shadow: 0px 0px 5px 0px rgba(170,170,170,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(170,170,170,1);
box-shadow: 0px 0px 5px 0px rgba(170,170,170,1); }
img.left { margin: 6px 20px 10px 0; float:left; }
p.left { float:left }
img.right { margin: 6px 0 10px 20px; float:right; }
p.right { float:right }
.infoLeftCol { float:left; width:40%; margin: 15px 0 0; padding-right: 20px }
.infoLeftCol img { margin: 15px 0 100px !important; }
.infoLeftCol img.botanical { margin: 0px 0 20px !important; }
.infoRightCol { float: right; width: 60%; padding: 0 0 30px 0; }
.infoRightCol h2 { margin: 20px 0 }
.infoRightCol h3 { margin: 15px 0 0 }
.infoRightCol ul { padding-bottom: 15px; border-bottom: 1px solid #C6C4AD }
.infoRightCol ul:last-of-type { border: none; padding-bottom: 0 }
.infoBlocks { width: 100%; padding: 20px 0; float: left; border-bottom: 1px solid #C6C4AD}
.infoBlocks h3 { margin: 0 0 20px 0}
.infoBlocks:last-of-type { border: none }
ul.list { list-style: disc; margin: 10px 0 20px 40px; }
ul.list li { padding-left: 10px }
.divider { border-bottom: 1px solid #C6C4AD; height: 1px; width: 100%; margin-bottom: 20px }
aside { width:100%; max-width:1050px; margin: auto; line-height: 1.5em; padding: 40px 0; box-sizing:border-box; }
.main { box-sizing:border-box; width: 68%; float:left; }
.thanks { text-align: center; }
.thanks img { display: block; margin: 40px auto 20px; }
.sitemap a:hover { background:none!important; }
.sitemap > li { margin: 10px 0 }
.sitemap > li > a { display: block }
.sidebar { box-sizing:border-box; width: 30%; float:right; padding-left: 25px; /*min-height: 650px;*/ }
.sidebar h3 { font-size: 1.2em; margin-top: 15px; }
.breadcrumbs { font-size: 0.7em; float:right; font-family: Arial, sans-serif; margin:12px 25px 0 0; }
.quotes-block { box-sizing:border-box; width: 100%; float: left; position: relative; margin:0;}
.aside-block-1 { box-sizing:border-box; width: 47%; float: left; position: relative}
.aside-block-2 { box-sizing:border-box; width: 47%; float: right; }
.dropcap { float: left; color: #993b35; font-size: 70px; line-height: 58px; padding: 4px 8px 0 0; font-family: Georgia, serif; }
.red { color: #993b35; font-weight: bold;}
.p1 { text-align:center; font-size: 14px; margin-bottom: 5px }
p { color: #141414; font-size:13px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px 0}
ul { color: #141414; font-size:13px; font-family: Arial, Helvetica, sans-serif;}

img.float-right { float: right; margin: 0 0 20px 20px; box-shadow: 0px 0px 5px #aaa; padding: 5px; background: #FFF; }
img.float-left { float: left; margin: 0 20px 40px 0; box-shadow: 0px 0px 5px #aaa; padding: 5px; background: #FFF; }

table.restaurantGuide { width: 100%; border: 0; font-family:Arial, Helvetica, sans-serif; font-size: 13px; margin: 20px 0}
table.restaurantGuide th { text-align: left; font-family: Montserrat, Arial, sans-serif; font-size: 16px; color: #565B3B; border-bottom: 2px solid #7F7E50 }
table.restaurantGuide td { padding: 10px 0; border-bottom: 1px solid #E2DDC9;}

.logo-block { text-align:center; height:inherit; width: 90%; margin: 0 auto }
.logo-block p { font-size: 11px; line-height: 20px }
.logo-block img { border: none !important }
.logo-block a { font-size: 12px; line-height: 20px }
.logo-block ul li { display: inline; box-sizing:border-box;  }
.logo-block ul li img { vertical-align:middle; border: 1px solid #ccc; padding: 5px; margin:10px auto; background: #FFF; max-width: 100%}

footer { text-align: center; font-size:small; height:inherit; overflow:hidden; background: #bfa48f ; font-family:Arial, Helvetica, sans-serif }
.copyright_info { padding: 30px 25px; color: #FFF; line-height: 1.5em; }
.copyright_info a { color: #565B3B; }
.copyright_info a:hover { color:#FFF; text-decoration:underline;}

.attribution { font-weight: bold; font-style:normal; color: #141414; font-size:0.7em; font-family:Arial, sans-serif; text-transform:uppercase;}

/*ESTABLISHMENTS*/
.grid {
  margin: 0 0 20px 0;
}
.grid:after {
  /* Or @extend clearfix */
  content: "";
  display: table;
  clear: both;
}

[class*='col-'] {
  float: left;
  padding-right: 15px;
}
.grid [class*='col-']:last-of-type {
  padding-right: 0;
}

.col-2-3 {
  width: 66.66%;
}

.col-1-3 {
  width: 33.33%;
  padding-top: 15px
}

.col-1-2 {
  width: 50%;
}

.col-1-4 {
  width: 25%;
}

.col-1-8 {
  width: 12.5%;
}

/* Opt-in outside padding */
.grid-pad {
  padding: 0 0 20px 15px;
}
.grid-pad [class*='col-']:last-of-type {
  padding-right: 15px;
}
section.establishmentsWrap { background: #E2DDC9; float: left}
section.establishmentsWrap h3 { display:inline-block }
.filter { -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background: #FFF; padding: 5px 10px; border: none; font-family: 'Montserrat', sans-serif; color: #7F7E50; }
.filter:hover { color: #565B3B; cursor: pointer }
.active { background: #7F7E50; color: #FFF !important; }
.module {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; background:#FFF; height: 350px; position: relative; }
.module h4 {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    color: white;
    padding: 20px;
    position: relative;
    text-shadow: 1px 1px 5px #000;
    z-index: 2;
	position: absolute;
	width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.module img {
    -webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    transition: opacity 0.3s ease 0s;
    width: 100%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.module img:hover { opacity: 0.85; }
.module:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(76,64,40,0.3);-moz-box-shadow: 0px 0px 10px 0px rgba(76,64,40,0.3);box-shadow: 0px 0px 10px 0px rgba(76,64,40,0.3);}
#Container .mix{ display: none; }
.module ul { line-height: 22px; padding: 20px; min-height: 148px }
li.tel { background:url(../img/phone.png) no-repeat 0 50%/17px ; padding: 0 0 0 30px }
li.fax { background:url(../img/fax.png) no-repeat 0 50%/17px ; padding: 0 0 0 30px }
li.cell { background:url(../img/cell.png) no-repeat 0 50%/17px ; padding: 0 0 0 30px }
li.www { background:url(../img/website.png) no-repeat 0 50%/17px ; padding: 0 0 0 30px }
li.email { background:url(../img/email.png) no-repeat 0 50%/17px ; padding: 0 0 0 30px }
li.gps { /*background:url(../img/telephone93.png) no-repeat 0 50%/20px ; padding: 0 0 0 30px*/ }

/*Establishment*/
/*Gallery*/
.establishmentGallery { width: 50%; float: left; padding-right:30px }
.establishmentRightCol { width: 50%; float: right; padding-right:30px}
.establishmentInfo { clear:both}
.establishmentInfo ul span { color: #565B3B; font-weight:bold }
.contactIcons { float:right; clear:left }
.contactIcons a { width:45px; height: 45px; display:inline-block;}
.website { background:url(../img/web58.png) no-repeat scroll 0 2px/30px; }
.email { background:url(../img/opened4.png) no-repeat scroll 0 0/30px;}
.map { background:url(../img/map-pointer2.png) no-repeat scroll 0 0/30px;  }
.enquiry { border: 2px double #E2DDC9; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color: #FFF; font-weight: normal; font-size:12px; padding: 10px; width: 150px !important; background:url(../img/chat130.png) #7F7E50 no-repeat scroll 95% 50%/30px; float: right; width: 150px !important;  }
.enquiry:hover { color: #FFF; background-color: #565B3B  }
/**************/
/**Mobile CSS**/
/**************/
.show-hide-nav { display: none; }
@media all and (max-width: 1000px) 
{
.wrapper { margin-top: 0; overflow: hidden  }
	
#logo { width:100%; max-width: none; margin: 0; padding:25px 25px 0 25px; box-sizing:border-box }
#logo img { display:block; margin:auto; width:100%;  }
#info { width:100%; max-width:none;  }
.main { box-sizing: border-box; float: none; width: 100%; }
.sidebar { box-sizing: border-box; float: none; width: 100%; padding-left:0; }
.iframeWrapper {
  position: relative;
  padding-bottom: 56.25%;
  margin-top:20px;
  height: 0;
  opacity: 0.7;
  width:100%;
}
.map-overlay {
    cursor: zoom-in;
    margin-top: 20px;
    max-height: none;
    max-width: none;
    opacity: 0.1;
    position: absolute;
    width: 92%;
    z-index: 3;
    padding-bottom: 52%;
	height:auto;
}

.filter { margin-top: 5px }
}

@media all and (max-width: 800px)  {
.col-1-3 { width: 50% }
.module { min-height: 381px }
}
@media all and (max-width: 550px)  {
.col-1-3 { float: none; max-width: 400px !important; width: 100%; display: block !important; margin: auto !important }
.module { height: 100%; min-height: 381px }
span.cursive{ display: block; font-family: 'Alex Brush', cursive; letter-spacing: 0px; text-transform: none; display: block; font-size: 50px; line-height: 40px; font-weight:normal !important }
section { padding: 20px }
#map_wrapper { padding: 0 !important }
.breadcrumbs { float: none; font-size: 0.7em; margin: 12px auto; text-align: center; }
img.left, img.right { float: none; margin: 10px auto 20px;}
}
@media all and (max-width: 450px)  {
	.infoLeftCol { display: none; }
	.infoRightCol { float: none; width: 100% }
	p { font-size: 105%; line-height: 1.5em; color: #555 }
	.p1 { font-size: 105%; line-height: 1.6em }
	
}
@media all 
and (min-width : 370px) 
and (max-width : 500px) {
	#accommodation-enquiry td { display: block; text-align:left!important; }
	input#guests, input#children, input#child-ages {
    margin-left: 10px;
    width: 20%;
}
.formError { width:auto; left: 50% !important; }
.map-overlay {
    cursor: zoom-in;
    margin-top: 20px;
    max-height: none;
    max-width: none;
    opacity: 0.1;
    position: absolute;
    width: 84%;
    z-index: 3;
    padding-bottom: 47%;
	height:auto;
}
}
@media only screen 
and (min-width : 0px) 
and (max-width : 369px) {
	#accommodation-enquiry td { display: block; text-align:left!important; }
	input[type="text"], textarea#message, #datepicker-arrival, #datepicker-departure {
		width: 75%	
	}
	input#guests, input#children, input#child-ages {
    margin-left: 10px;
    width: 20%;
}
.formError { width:auto; left: 50% !important; }
.map-overlay {
    cursor: zoom-in;
    margin-top: 20px;
    max-height: none;
    max-width: none;
    opacity: 0.1;
    position: absolute;
    width: 77%;
    z-index: 3;
    padding-bottom: 44%;
	height:auto;
}
}

/******************/
/**End Mobile CSS**/
/******************/