/** ----------------------------------------------------------
 *
 * Contains the main layout of the page and the individual styles.
 * Acts as the main stylesheet for theme.
 *
 *		Include your notes or table of contents below....
 *		Include color hex's or values of your grid
 *
 *		1. OOCSS GRID
 *		2. MAIN LAYOUT
 *		3. HEADER
 *			- Brand
 *			- Search Form
 *		4. Navigation
 *			- Primary Navigation
 *			- tablet Navigation
 *			- Secondary Navigation
 *			- Secondary Nav 2-5 Levels deep
 *		5. Mixed
 *		6. Footer
 *		7. Page Specific Layout
 *			- Homepage
 *			- Search Results
 *		8. Device and Responsive Layout
 *			- Breakpoint 960px
 *			- Breakpoint 640px
 *				- Search Form
 *				- Main Content
 *		9. Print Styles
 *			- Simple Theme custom print styles
 *
 * @author Your Name <email@silverstripe.com>
 * ------------------------------------------------------- */

/* OOCSS Grid
* https://github.com/stubbornella/oocss/wiki/grids
*/
html{scroll-behavior: smooth;}
.line, /* line - Groups units on one horizontal line. Note: for mobile layout units may be stacked to avoid horizontal scrolling. */
.lastUnit {
	overflow:hidden;
	*overflow:visible;
	*zoom:1;
	padding:0 10px;
}
.unit { /* unit - Base class which divides a line into sections (columns). */
	float:left;
	padding:0 10px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box; /* box-sizing:border-box; creates a box-model where
	padding and border are NOT added onto the width - they are included in the width,
	so a 200px wide element with 20px padding will be 200px, NOT 240px wide */
}
.unitRightv { /* Use this class if you want to offset a column eg: |--content(.unit)--|--content(.unit)--|--no-content--|--no-content--|--content(.unitRighttv)--| */
	float:right;
}

.inc { /* unit - Base class which divides a line into sections (columns). */

	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box; /* box-sizing:border-box; creates a box-model where
	padding and border are NOT added onto the width - they are included in the width,
	so a 200px wide element with 20px padding will be 200px, NOT 240px wide */
}
.clearAll{clear:both;}
/* sizeXofY - Extends unit. Indicates the fractional width of the unit, for example size3of4 would take up three quarters, or 75%, of the horizontal space.
The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5 */
/* It is possible to add more columns if you wish you will just have to add the fractions that are missing eg: .size1of6 {width:16.66666%;} */

.size1of1 {
	float:none;
}
.size1of2 {
	width:50%;
}
.size1of3 {
	width:33.33333%;
}
.size2of3 {
	width:66.66666%;
}
.size1of4 {
	width:25%;
}
.size3of4 {
	width:75%;
}
.size1of5 {
	width:20%;
}
.size2of5 {
	width:40%;
`}
.size3of5 {
	width:60%;
}
.size4of5 {
	width:80%;
}
.lastUnit { /* lastUnit - Extends unit. Applied to the last child of every line. */
	float:none;
	width:auto;
	_position:relative; /* Bug fix for IE6 - Internet Explorer 6 and below wouldn't fail on properties that were prefixed with non-alphanumeric characters.
	meaning that anything prefixed with _ wouldn't be picked up by any other browsers */
	_left:-3px;
	_margin-right:-3px;
}

.field.display-logic-hidden{display:none;}

/* BUTTON LINKS */	

p.buttons{text-align:center; padding:30px 0 0px 0; line-height:24px; text-transform:uppercase; font-size:15px;}
p.buttons a{color:#fff; border:solid 1px #fff; padding:20px 15px 15px 15px; font-family: 'Josefin Sans', sans-serif; font-weight:600;}
.buttonlinks {display:flex; margin:0 auto; column-gap: 20px; row-gap: 20px; justify-content: space-evenly; text-transform:uppercase; font-size:15px; flex-wrap: wrap;  } 
.buttonlink{display:block; height:40px;}
.buttonlink a{color:#866d4e; border:solid 1px #866d4e; padding:15px 20px 15px 20px; font-family: 'Josefin Sans', sans-serif; font-weight:600;}  
.blockmultiLinks{display:grid; column-gap: 20px; row-gap: 20px;  grid-template-columns:repeat(3, minmax(0, 3fr)); }
.blockmultiLinks.two{display:grid; column-gap: 20px; row-gap: 20px;  grid-template-columns:repeat(2, minmax(0, 2fr)); }
.blockmultiLinks .blockLink{display:block; text-align:center;}
.blockmultiLinks .blockLink h3{margin-bottom:20px;}
.blockmultiLinks .blockLink p{margin-top:30px;}
.blockmultiLinks .blockLink p a{color:#fff; border:solid 1px #fff; padding:20px 15px 15px 15px; font-family: 'Josefin Sans', sans-serif; font-weight:600; font-size:15px;}



/* MAIN LAYOUT */
body {
    margin: 0;
    background: #ededed;
    min-width: 240px;
    -webkit-text-size-adjust: none; /* The text size is not adjusted for Safari on iPhone */
}
	.ie7 body,
	.ie8 body {
	    min-width: 860px; /* media queries are not supported in ie7/8 without a polyfill */
	}
	.main {
	    background: #fff;
	    padding: 0;
		clear:both;

	}
	.inner {
	    max-width: 1400px;
	    margin: 0 auto;
	    padding: 0 60px;
	}
	.ie6 .inner {
	    width: 960px;
	}
	.content-container {
	    width:100%; /* makes content container full width when there is no sidebar */
	}
	
	.ltgrey{background-color:#F1F1F2;}


.dynamic__elements__embedded__elements__elementembeddedcode{background-color:#F1F1F2; position:relative; }
/* HEADER */
.header {
    background: #fff;
}
	.header .inner {
	    padding: 10px 30px;
	    position: relative;
	    
	}

	/* Brand */
	header .brand{padding-right:20px;}
	header .brand, header .brand:hover {
	    float: left;
	    color: #fff;
	    display: inline-block;
	}
	.header.mainHeaderNav .websiteWideUpdate{width:100%; text-align:center; padding:10px 5px; background:#866d4e; margin-bottom:30px;}
	.header.mainHeaderNav .websiteWideUpdate h3{color:#fff; font-size:15px; line-height:16px; }
	#scroll-text {
	  /* animation properties */
	  -moz-transform: translateX(50%);
	  -webkit-transform: translateX(50%);
	  transform: translateX(50%);
	  
	  -moz-animation: my-animation 30s linear infinite;
	  -webkit-animation: my-animation 30s linear infinite;
	  animation: my-animation 30s linear infinite;
	}

	/* for Firefox */
	@-moz-keyframes my-animation {
	  from { -moz-transform: translateX(50%); }
	  to { -moz-transform: translateX(-100%); }
	}

	/* for Chrome */
	@-webkit-keyframes my-animation {
	  from { -webkit-transform: translateX(50%); }
	  to { -webkit-transform: translateX(-100%); }
	}

	@keyframes my-animation {
	  from {
		-moz-transform: translateX(50%);
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	  }
	  to {
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}}

	.mainHeaderNav{width:100%; }
	.mainHeaderNav img.card-img-top{width:320px; max-width:80%; height:auto;}
	.float-panel.fixed{z-index:9999; background-color: rgba(255, 255, 255, 0.95); box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
	.mainHeaderNav.float-panel.fixed img.card-img-top{height:auto; width:220px; }
	.float-panel.fixed .primary{padding-top:20px;}
		.brand h1 {
		    margin: 0;
		    padding: 0;
		    font-size: 48px;
		    font-family: "HelveticaNeueLTPro-Bd", "Helvetica Neue LT Pro Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue LT Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		    color: #000;
		    font-weight: 600;
		    font-stretch: normal; /* default value. No font stretching */
		    line-height: 1em;
		}
		.brand p {
		    color: #000;
		    margin-bottom: 22px;
		}
		.imageWrap.element{position:relative;}
		.buttonMovie{ max-width:1200px; width:100%; margin:0 auto; bottom:0; z-index:98; position:relative;}
		.buttonMovieInner{position:absolute; bottom:-38px; right:0;}
		.buttonMovie h4{font-size:22px;}
		.buttonMovie h4 a{color:#fff; border:solid 1px #000; Background-color:#000; padding:10px 20px 5px 20px;}

/* NAVIGATION */

	/* Primary navigation */
	.header .inner .unit {
		position: relative; /* used to position the main navigation */
	}
	.primary{float:right; padding-top:50px;}

	#coolMenu{ /* IE6 needs this */ position:relative; list-style:none; display:block; height:56px; z-index: 9999;  }
	#coolMenu li { float: left; padding-bottom: 14px; margin: 0 5px;  position: relative; white-space: nowrap; /* forces text to never wrap onto a second line */
	}
	#coolMenu li a {color: #000; font-size: 18px; font-family: 'Cormorant', serif; padding: 6px 8px; font-weight: 500; display: block;	}

	#coolMenu #SubCool.fullMenu li{border-bottom:0;}
	#coolMenu #SubCool li{background-color:#F1F1F2; color:#000;}
	#coolMenu #SubCool li, #coolMenu #SubCool.fullMenu li a:hover{ color:#000;}	
	
	#coolMenu li{position:relative; display:inline-block; }
	#coolMenu li.submenu { transition: all 0s ease;}
		

	#coolMenu li ul li { 
		display: block; 
		line-height:22px;
		text-decoration: none; 
		border-bottom:solid 1px #866d4e;
		text-align:center;
		list-style: none;
		margin-right:0;
		float:none;
		width:200px;
		padding-bottom:5px;
		} 

	#coolMenu ul {     
		position: absolute;
		top:35px;
		right:0;
		width:200px;
		display: none; 
		z-index: 9999;
		float:none;
		} 
	
		#coolMenu ul li a {  
			color:#000;
			padding: 5px 10px;
			background-color:#F1F1F2;
			white-space:normal;

			} 
		
		#coolMenu li:hover ul {  
			transition-delay: 2s; 
			 -webkit-transition-delay: 2s; 	
			display: block; 
	
			
			} 	


/* TESTIMONIAL BLOCK */
.elementWrap.dynamic__elements__elements__elementtestimonials{padding:60px 0; background-color:#87916F; text-align:center; color:#fff!Important; margin-bottom:0;}
.elementWrap.dynamic__elements__elements__elementtestimonials h2{font-size:60px; line-height:60px; line-height: calc(22px + 2.8vw);
	font-size:calc(22px + 2.8vw);  color:#fff; margin-bottom:60px; margin-bottom: 4.2vw;}
.testimonialOutterBlock{display:grid; width:100%; grid-template-columns: auto auto auto; column-gap: 30px;}
.elementWrap.dynamic__elements__elements__elementtestimonials .inner{max-width:1400px; padding:0 60px; position:relative;}
.testimonial__quote{ font-size: 20px; font-size:calc(15px + 0.3vw); font-weight:400; line-height: 30px; line-height:calc(20px + 0.5vw); margin: 0 0 20px;}
.testimonial-holder-block-wrap{position:relative; width:100%;  padding:0 30px; overflow:hidden;}
.testimonialOutterWrap.Scroll{position:relative; padding:0 30px;}
.testimonialOutterBlockScroll{display:flex; flex-direction:row; overflow:hidden; }
.testimonial-holder{position: relative; flex-basis: 30%; margin: 0 20px 0 20px; flex: 0 0 30%; justify-content: center; align-items: stretch; width: 30%; line-height: 0;}
.testimonial-holder a.readmore{color: #fff; text-transform:uppercase }
.fancybox__container{--fancybox-bg:rgb(135,145,111,0.7)!Important; Background-color:rgb(135,145,111,0.7)!Important;}
#testimonial-prev{position:absolute; top:25%; left:0; font-size:32px; color:#ccc;}
#testimonial-next{position:absolute; top:25%; right:0; font-size:32px;color:#ccc;}


/* CONTENT BLOCKS */
.contentlinkslayout{padding:60px 0;}
/* PROMOS BLOCK */
.elementWrap.dynamic__elements__promos__elements__elementpromos{padding:60px 0; background-color:#F1F1F2; text-align:center; }
.element__promos__list{display:grid; width:100%; grid-template-columns: 48% 48%; column-gap: 4%; justify-self:center; justify-content:space-between; text-align:center; }
.promoBlock{display:block; width:450px; max-width:100%; justify-self:center; text-align:center; }
.promoBlockInner{width:100%; position:relative; overflow:hidden; transition: all 2s ease;}
.promoImage{width:450px; max-width:100%; max-height:300px; height:auto; position:relative; overflow:hidden;}
.promoBlock img, .card-body{width:100%; max-width:450px; padding:0 10px; transition: all 2s ease;}
.promoBlock h2.card-title{margin-top:30px;}
.promoBlock p{margin-bottom:18px;}
.promoBlock:hover .promoImage img{ transform: scale(1.1); transition: all 2s ease;}
.promoBlock a{color:#000;}
.promoBlock .arrowlink{padding:5px 0;}
.promoBlock .arrowlink img{width:56px}
.promoBlock .promoBlockInner:hover {background-color:#fff;}

/* ELEMENT CLASSES */

.content-element__content{padding:60px 0; text-align:center;}
.element .gridContentBox{display:grid; z-index:10;}
.element .imageCallOut { justify-self: center; width:70%; align-items:center; padding:20px; opacity:1; transition: all 4s ease;}
.element .animate .imageCallOut { justify-self: center; width:70%; align-items:center; padding:20px; opacity:0.4; transition: all 4s ease;}
.element .animation .imageCallOut { justify-self: center; width:80%; align-items:center; padding:20px; opacity:1; transition: all 4s ease; z-index:2}
.element .imageCallOut h1, .element .imageCallOut h2, .element .imageCallOut h3{color:#fff; text-align:center;}
.element .imageCallOut h1{border-bottom:none; padding-bottom:none;}
.element.imageWrapContainer.textinc{width:100%; display:grid; justify-self: center; align-items:center; position:relative; }
.element.imageWrap.textinc{width:100%; display:grid; justify-self: center; align-items:center; min-height:75%; height:75vh; background-size:cover; }

.element.imageWrapContainer .headerNews{width:100%; background-color:#866d4e; padding:10px; position:absolute; bottom:0; z-index:999; }
.element.imageWrapContainer .headerNews h3{color:#fff; font-size:1.2em; text-align:center;}
.element.imageWrap.animate.textinc{width:100%; display:grid; justify-self: center; align-items:center; min-height:65%; height:65vh }
.element.animate.animation.imageWrap.textinc{width:100%; display:grid; justify-self: center; align-items:center; min-height:75%; height:75vh; transition: all 4s ease; }

}
.element.imageWrap{width:100%; }
.element.imageWrap img{width:100%; }
.element.imageWrap img.widescreen{display:block; position:absolute; z-index:1; width:auto; min-width:100%; height:75vh; min-height:75%;}
.element .imageCallOut h2.headerLargeCallout, .element .imageCallOut h1.headerLargeCallout {font-size:60px; line-height:60px; font-size:calc(20px + 3.2vw);  line-height:calc(20px + 3.2vw); }
.element .imageCallOut h3.headerSmallCallout {font-size:24px; line-height:30px;}
.element.imageWrap img{width:100%; height:auto;}
.element.imageWrap img.ss-htmleditorfield-file{width:auto; max-width:40%; float:none;}

/* BROCHURE LAYOUT */
.content-container.brochurelayout { display: grid; grid-template-columns: 50% 50%; background-color:#866d4e; color:#fff; padding: 0px;
}
.content-container.brochurelayout.left { display: grid; grid-template-columns: 50% 50%; column-gap grid-template-rows: 100%; background-color:#87916F; color:#fff; padding: 0px;
}
 .content-container.brochurelayout .brochurelayoutImg{padding:0; background-size:cover; min-height:400px;}
.content-container.brochurelayout .brochurelayoutTxt{padding:60px 30px; max-width:600px; justify-self:center; text-align:center; }
.content-container.brochurelayout.animateb {opacity:0.6; transition: all 4s ease; }
.content-container.brochurelayout.animateb.animationb {opacity:1; transition: all 4s ease; }
.brochurelayoutTxt h3, .brochurelayoutTxt h2{color:#fff;}
.brochurelayoutTxt .brochurelink{}
.brochurelayoutTxt .brochurelink a{ color:#fff; border:solid 2px #fff; padding:5px 50px; text-transform:uppercase; border-radius: 25px;transition: 0.6s;  }
.brochurelayoutTxt .brochurelink a:hover{ color:#fff; border:solid 2px #fff; padding:5px 70px; text-transform:uppercase; border-radius: 25px;transition: 0.6s;  }
.dynamic__elements__embedded__elements__elementembeddedcode {background-color:#F1F1F2}
.dynamic__elements__embedded__elements__elementembeddedcode .footer .inner{padding:0px 30px 20px 30px;}
.dynamic__elements__embedded__elements__elementembeddedcode .socialLink .fa-brands{font-size:24px;}

.dynamic__elements__embedded__elements__elementembeddedcode.fullwidthMovie {background-color:#000; line-height:0;}
.dynamic__elements__embedded__elements__elementembeddedcode.fullwidthMovie p{ line-height:0;}
.dynamic__elements__embedded__elements__elementembeddedcode.fullwidthMovie .inner{padding:0; max-width:100%;}
.dynamic__elements__embedded__elements__elementembeddedcode.fullwidthMovie video{max-width:100%!Important; }
/* PACKAGE LAYOUT */
.content-container .packagelayout { display: grid; grid-template-columns: 50% 50%; background-color:#866d4e; color:#fff; padding: 0px;
}
.content-container .packagelayout.left { display: grid; grid-template-columns: 50% 50%; column-gap grid-template-rows: 100%; background-color:#87916F; color:#fff; padding: 0px;
}
.content-container .packagelayout .packageBlock{display:block;}
.content-container .packagelayout .packagelayoutImg{padding:0; background-size:cover; min-height:400px;}
.content-container .packagelayout .packagelayoutTxt{padding:60px 30px; max-width:600px; justify-self:center; text-align:center; }
.content-container .package.animateb {opacity:0.6; transition: all 4s ease; }
.content-container .packagelayout.animateb.animationb {opacity:1; transition: all 4s ease; }
.packagelayoutTxt h3, .packagelayoutTxt h2{color:#fff;}
.packagelayoutTxt .buttonlinks{margin-top:30px;}
.packagelayoutTxt .buttonlinks a{ color:#fff; border:solid 2px #fff;   }
.packagelayoutTxt .buttonlinks a:hover{ color:#fff; border:solid 2px #fff;  }
.packagelayoutTxt .BlockContent{display:none;}
.buttonlink.close{}
.buttonlink.readmore{}

/* VENUE LAYOUT */
.content-container .venuelayout { display: grid; grid-template-columns: 50% 50%; background-color:#866d4e; color:#fff; padding: 0px;
}

.content-container .venuelayout .venuelayoutImg{padding:0; background-size:cover; min-height:400px;}
.content-container .venuelayout .venuelayoutTxt{padding:60px 30px; max-width:600px; justify-self:center; text-align:center; }
.venuelayoutTxt h3, .venuelayoutTxt h2{color:#fff;}
.venuelayoutTxt h3{ font-size: 26px; font-size: calc(18px + 0.8vw); line-height: 36px;
    line-height: calc(22px + 0.8vw); margin-bottom: 10px;  margin-bottom: 0.8vw;
}
.venuelayoutTxt .buttonlinks{margin-top:20px; margin-bottom:20px; font-size:12px;}
.venuelayoutTxt .buttonlinks a{ color:#fff; border:solid 1px #fff; padding: 8px 10px 8px 10px;  }
.venuelayoutTxt .buttonlinks a:hover{ color:#fff; border:solid 1px #fff;  }
.venuelayoutTxt .BlockContent{display:none;}



/* ACTIVITY LAYOUT */
.content-container .activitylayout { display: grid; grid-template-columns: 50% 50%; background-color:#866d4e; color:#fff; padding: 0px;
}
.content-container .activitylayout.left { display: grid; grid-template-columns: 50% 50%; column-gap grid-template-rows: 100%; background-color:#87916F; color:#fff; padding: 0px;
}
.content-container .activitylayout .activityBlock{display:block;}
.content-container .activitylayout .activitylayoutImg{padding:0; background-size:cover; min-height:400px;}
.content-container .activitylayout .activitylayoutTxt{padding:60px 30px; max-width:600px; justify-self:center; text-align:center; }
.content-container .activity.animateb {opacity:0.6; transition: all 4s ease; }
.content-container .activitylayout.animateb.animationb {opacity:1; transition: all 4s ease; }
.activitylayoutTxt h3, .activitylayoutTxt h2{color:#fff;}
.activitylayoutTxt .buttonlinks{margin-top:30px;}
.activitylayoutTxt .buttonlinks a{ color:#fff; border:solid 2px #fff;   }
.activitylayoutTxt .buttonlinks a:hover{ color:#fff; border:solid 2px #fff;  }
.activitylayoutTxt .BlockContent{display:none;}
.buttonlink.close{}
.buttonlink.readmore{}

/* IMAGE GALLERY */
.dynamic__elements__gallery__elements__elementphotogallery .inner{max-width:1400px; padding:0 60px; position:relative;}
.photogallery-holder-block-wrap{position:relative; width:100%;  padding:0 30px; overflow:hidden;}
.element.dynamic__elements__gallery__elements__elementphotogallery{width:100%; position:relative; padding-bottom:60px;}
.photogallery-holder-block{display:flex; flex-direction:row; overflow:hidden; }
.photogallery-holder{position: relative; flex-basis: 60%; margin: 0 20px 0 20px; flex: 0 0 60%; justify-content: center; align-items: stretch; width: 60%; line-height: 0;}
.photogallery-holder img{width:100%;}
#gallery-prev{position:absolute; top:25%; left:0; font-size:32px; color:#ccc;}
#gallery-next{position:absolute; top:25%; right:0; font-size:32px;color:#ccc;}

.fullphotogallery-holder-block-wrap {padding:60px 0;}
.fullphotogalleryInner{display:grid; grid-template-columns: 25% 25% 25% 25%; width:100% }
.fullphotogalleryInner .photogallery-holder-full{width:100%; padding:5px 10px; line-height:0;}
.fullphotogalleryInner .photogallery-holder-full img{width:100%; }
/* TEXTBLOCK IMAGES */
.dynamic__elements__gallery__elements__elementphotogallery h2{text-align:center; margin-bottom:30px;}
.textcontentblock-images {position:relative; background-color:#F1F1F2; padding:60px 0;}
.textBlockwithImg{position:relative; display:grid; grid-template-columns: 40% auto; column-gap: 40px; row-gap: 20px; margin-bottom:30px; clear:both; }

.gridLayoutImgBlocks{position:relative; display:grid; grid-template-columns: 30% 30% 30%; justify-content: space-between; border-top:solid 1px #866d4e; margin:60px 0; padding:60px 0; clear:both; }
.gridLayoutImgBlocks .textBlockwithImg.Grid{display:block; word-wrap: break-word; text-align:center;}
.gridLayoutImgBlocks .textBlockwithImg.Grid h2{font-size:1.2em;}
.gridLayoutImgBlocks .textBlockwithImg.Grid img{max-width:100%;}
.textBlockImg img{width:100%;  }
.textBlockMedia {text-align:center; width:100%; background:#ccc;}
.textBlockText{width:100%; }
.blockmultiLinks.gold .blockLink p{text-align:left;}
.blockmultiLinks.gold .blockLink p a {  color: #866d4e;   border: solid 1px #866d4e;}

.textcontentblock-images .buttonlinks {display:flex; margin:0 auto; column-gap: 20px; row-gap: 20px; text-transform:uppercase; font-size:15px;  } 

/* EVENTS PAGE */
.event-list{padding:30px 0 60px 0;}
.eventImage{line-height:0;}
.eventImage{margin-bottom:30px;}
.EventPage h1{text-align:center;}
.EventPage .event__meta{text-align:center; padding:30px 0;} 
.eventsOutterWrap{display:grid; grid-template-columns: 33% 33% 33%; width:100%;}
.EventsPage .eventsOutterWrap{display:grid; grid-template-columns:50% 50%; width:100%;}
.eventsOutterWrap .news-events-list_item {display:block; width:100%; padding: 10px; text-align: center; }
.news-events-list_item {display:block; width:33%; padding: 10px; text-align: center; }
.EventsPage .news-events-list_item {width:100%; }
.EventsPage .news-events-list_item.ListStyle .news-events-inner{ margin-bottom:20px; }
.EventsPage .news-events-list_item.ListStyle{width:100%; float:none;}
.EventsPage .news-events-list_item.ListStyle .event-summary__header{width:33.33%; float:left; min-height:auto; height:auto;}
 .EventsPage .news-events-list_item.ListStyle .event-summary__content, .EventsPage .news-events-list_item.ListStyle .event-summary__footer{width:66.66%; float:right; min-height:auto; height:auto;}
.news-events-inner{padding:30px 10px 30px 10px;  position:relative; border:solid 1px #866d4e;}
.eventImage img{max-width:100%; }

.eventGallery{width:100%; display:grid; grid-template-columns: repeat(6, minmax(200px, 1fr));
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);}
.eventGallery div img{width:100%;}

.event-summary__header{min-height:160px;}
.event-summary__header, .event-summary__content, .event-summary__footer{padding:20px 20px 0 20px; }
.event-summary__content{ padding: 20px; min-height:200px}

.event-summary__header h3{font-family:cabinbold; font-size:24px; line-height:30px; color:#000; border-bottom:solid 1px #866d4e;}
.event-summary__header h3 a{font-family:cabinbold; font-size:24px; line-height:30px; color:#000;}

.event-summary__header p{font-size:18px; line-height:26px; margin-top:20px;}
.event-summary__header p.green{font-size:18px; line-height:26px;  margin-top:20px; color: #866d4e;}
.event-summary__content p{font-family:Cabin; font-weight:400;font-size:16px; line-height:24px; color:#000; }
.event-summary__footer a{color:#000;}

ul.pagination li {float:left; list-style-type: none; font-size:20px; margin:0 5px;}
ul.pagination li a {float:none; font-size:20px;}
ul.pagination li a:hover {text-decoration:underline; }
.pagination__item--prev{margin:0 5px;}
.lookLink{position:absolute; right:0; bottom:0; line-height:0;}

.eventCalendarLB{width:40%; float:left; padding:10px;}
.eventCalendarLB .calendar-widget, .event-calendar-controls{max-width:400px;}
.eventCalendarLB th a {color:#555555;}
.eventCalendarLB .calendar-widget-table tbody .today{color:#018896}
.eventCalendarLB .calendar-widget-table tbody .hasEvent {color:#885E82;}
.eventCalendarListInfo{width:60%; float:right; padding:10px;}
.eventCalendarListInfo ul{margin:0;}
.eventCalendarListInfo ul li.vevent{margin:0; list-style-type:none; padding:20px 0; border-bottom:1px solid #ccc;}

/* VOUCHERPAGE */
/* EVENTS PAGE */
.ticketSalesOutter{padding:60px 0;}
.voucherWrap{display:grid; grid-template-columns: 25% 25% 25% 25%; width:100%; padding:60px 0;}
.ticketSales{display:grid; grid-template-columns: 33% 33% 33%; width:100%; padding:0 0 60px 0;}
.voucherWrap .voucherBlock, .ticketSales .ticketOption {display:block; width:100%; padding: 10px; text-align: center; }
.voucherWrap .voucherBlock, .ticketSales .ticketOption form{text-align:center!Important;}
.ticketOptionOutter{padding:10px;}

.voucherWrap .voucherBlock  .voucherBlockInner, .ticketOption {

    position: relative;
    border: solid 1px #866d4e;
}
.voucherWrap .voucherBlockImage img{max-width:100%; }
.voucherWrap .voucherBlock .voucherBlockTextInner {
    padding: 30px 10px 30px 10px;
    position: relative;

}
.voucherWrap .voucherBlock .voucherBlockTextInner p.productsubTitle {  font-size:14px; font-weight:700;}
.voucherWrap .voucherBlock .voucherBlockTextInner p.noproductsubTitle {  font-size:14px; color:#fff;}

.voucherWrap .voucherBlock .voucherBlockBuyButton{
text-align:center;	
}
.voucherWrap .voucherBlock .voucherBlockBuyButton form, .ticketSales .ticketOption form{
width:80%; margin:0 auto;
}
.voucherWrap .voucherBlock .voucherBlockBuyButton form button, .ticketSales .ticketOption form button{
float:none;	padding:10px 20px;
}
.purchaseBlock{padding:30px; width:80%; border:solid 3px #866d4e; text-align:Center;margin: 60px auto;}
.productPageImg{display:block;}
.productPageImg img{max-width:100%;}
h2.productpageTitle{font-size:24px; line-height:32px}
.Product .price{font-size:24px; line-height:32px}
.Product form{width:95%; max-width:95%;}
#CustomAddProductForm_Form_Quantity_Holder{display:none;}
.Product form .textarea, .Product form .text{width:95%; max-width:95%;}
.eventTermsandConditions{padding:60px 0; Background-color:#87916F; color:#fff!Important; }
.eventTermsandConditions h1, .eventTermsandConditions h2, .eventTermsandConditions h3, .eventTermsandConditions h4, .eventTermsandConditions p, .eventTermsandConditions a, .eventTermsandConditions u {color:#fff!Important; }
.termsandconditionslink{max-width:80%; margin:0 auto; padding:30px; border:solid 4px #866d4e; text-align:center;}
.buttonbuyLink{text-align:Center; font-size:16px; padding-top:20px;}
.buttonbuyLink a{
    color: #fff;
    border: solid 1px #866d4e;
	background-color:#866d4e;
    padding: 15px 20px 14px 20px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
}
.cartWrap{padding:30px 0;}
.CheckoutPage{}
 .CartPage .typography table th {background-color:#866d4e; color:#fff; font-size:14px; text-transform:uppercase;border:#866d4e solid 1px;
	
}
.CartPage table td  {border:transparent solid 1px;}
.CartPage .btn-toolbar, .CartPage .buybuttonLink{text-align:right;}
.CheckoutPage .accordion-heading{padding:10px 10px; margin-bottom:10px; background-color:#866d4e; border-bottom:solid 1px #866d4e; color:#fff; width:95%}
.CheckoutPage .accordion-heading h3.accordion-toggle, .CheckoutPage .accordion-heading h3, .CheckoutPage .accordion-heading h3 a{ color:#fff; font-size:18px; line-height:18px; margin-bottom:0; text-transform:uppercase;}
.CartPage{}
.CartPage form{width:95%; max-width:95%; padding-bottom:30px;}

.CheckoutPage .accordion-body{width:95%; max-width:95%; padding-bottom:30px;}
form input.action{padding:10px;}
.CartPage .cartfooter{padding:20px 0; margin-bottom:30px;}
.CartPage .cartfooter.buybuttonLink a{    color: #fff;
    border: solid 1px #866d4e;
	background-color:#866d4e;
    padding: 15px 20px 14px 20px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
	font-size:16px;
	text-transform:uppercase;
}

/* CHECKOUT PAGE */
.CheckoutPage #Checkout form label.left{float:none;}
.CheckoutPage form, .CheckoutPage table{width:100%; max-width:100%; padding-bottom:30px;}
.CheckoutPage form{max-width:95%; width:95%;}
.CheckoutPage .main{padding-bottom:60px;}


/* ORDER COMPLETION PAGE */
.CheckInContent{padding:30px 0;}
.typography .CheckInContent p, .typography .CheckInContent ul li{font-size:16px; line-height:22px;}
.EventPage .content-container{text-align:center;}
.EventPage input[type="checkbox"]{vertical-align: middle;}
#booktickets, #bookinganchor{scroll-behavior: smooth;}
/* FORM LAYOUT */
.elementWrap.form{padding:60px 0; background: #F1F1F2; }
.elementWrap.form form{max-width:95%; width:95%; margin:0 auto;}
.elementWrap.form div.field{margin:0 0 15px;}
.elementWrap.form form input.text, .elementWrap.form form textarea, .elementWrap.form form .textajaxuniquetext, .elementWrap.form form select{max-width:100%; border:solid 1px #f1f1f2; -moz-box-sizing: border-box;     -webkit-box-sizing: border-box;    box-sizing: border-box;}
.elementWrap.form form input.text, .elementWrap.form form textarea, .elementWrap.form form .textajaxuniquetext, .elementWrap.form form select{ font-size: 18px;
    font-family: 'Cormorant', serif;  }
.elementWrap.form .date-alt .middleColumn{text-align:left;}
.elementWrap.form form .date-alt input{max-width:100%; margin:0 auto;}
.field.half	{float:left; width:49%;}
.field.half.right{float:right; width:49%;}
input.half.right, select.half.right{text-align:left;}
.field.wide	{float:none; clear:both;}
.elementWrap.form{text-align:Center;}

.elementWrap.form #uff{background-color:#fff; padding:30px 0; text-align:center;}
.elementWrap.form label, .elementWrap.form legend.left{font-size:16px; }
.elementWrap.form .userformsoptionset .odd, .elementWrap.form .userformsoptionset .even{display:inline-block; margin-right:20px;}
.elementWrap.form .userformsoptionset{text-align:left; margin-bottom:20px;}
.elementWrap.form .field .checkbox:not(.field), .elementWrap.form .field .radio:not(.field){margin-top:10px;}
.elementWrap.form input[type="submit"]{float:none;}

/* VOUCHER LAYOUT */
.voucherForm form{max-width:640px; width:100%; margin:0 auto;}
.voucherForm form field.half {width:47%; -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box; }
	
.voucherForm form input.text, .voucherForm form textarea, .voucherForm form .textajaxuniquetext, .voucherForm form select {-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box; max-width:100%}	
	
.voucherForm form .fullWidth input.text{width:100%; clear:both; max-width:100%;}
/* DOWNLOAD PAGE LAYOUT */
.DownloadPage .downloadFormBlock{padding:60px 0; background: #F1F1F2; }
/* CONTACT PAGE */
#tab-58, #tab-58 .main{background-color:#F1F1F2}
#tab-58 .list-element__container{background-color:#F1F1F2; display:grid; grid-template-columns:40% 60%; }
/* ACCORDIAN */
.elementWrap.dynamic__elements__accordion__elements__elementaccordion{background: #F1F1F2; padding:60px 0; font-family: 'Cormorant', serif;
}
.elementWrap.dynamic__elements__accordion__elements__elementaccordion .inner{padding:0 30px;}
.accordian p, .accordian li{font-family: 'Cormorant', serif;}
.accordion.Block {padding:30px 0;}
.accordian .ui-accordian-header-active{}
.accordian h3.ui-state-default.ui-accordion-header-active.ui-state-active{color:#fff; background:#866d4e; width:95%}

.accordian .ui-accordion-content.ui-corner-bottom.ui-helper-reset.ui-widget-content{height:auto!Important; padding:0.5em 0.8em}
.accordian .ui-accordion .ui-accordion-header{padding:0.5em 0.8em}
.accordian .ui-icon { position:absolute; right:10px; top:16px; width:20px; height:20px;}
.accordian .ui-state-active, .accordian .ui-widget-content .ui-state-active, .accordian .ui-widget-header .ui-state-active, .accordian a.ui-button:active, .accordian .ui-button:active, .ui-button.ui-state-active:hover{border: 1px solid #F1F1F2; background: #F1F1F2;}
.accordian .ui-state-default, .accordian .ui-widget-content .ui-state-default,.accordian .ui-widget-header .ui-state-default, .accordian .ui-button, html .accordian .ui-button.ui-state-disabled:hover, html .accordian .ui-button.ui-state-disabled:active{border:none; border-bottom: 1px solid #000; background: #F1F1F2;}

.accordian h3 span{margin-right:10px;}
/* DOWNLOAD PAGE */
.downloadtopcontent{padding:60px 0; text-align:center;}
/* MIXED */
header:after,
.main:after,
#Root:after,
.search-bar:after,
header .inner:after,
footer:after { /* clearfix */
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}
.search-bar form input.action,
.header .primary li a,
.footer a { /* adds color transition when links/inputs on hover */
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
.footer a.brand { color: #333; margin-left: 0; }
.footer a.brand:hover { color: #B80000; }
body h1 span.amp {
    font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia;
    font-style: italic;
}

.calendarBookWrap{
position:relative; padding-top:30px;	
}
.calendar_navBar {

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

}
.calendar_navPrev {
    background: none;
    border: none;
    color: inherit;
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    line-height: .9rem;
    cursor: pointer;
    position: absolute;
    top: 0;
	left:0;
}
.calendar_navPrev::before {

}

.calendar_navNext {
    background: none;
    border: none;
    color: inherit;
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    line-height: .9rem;
    cursor: pointer;
    position: absolute;
    top: 0;
	right:0;
}
.calendar_navNext::before {

}

.calendar {
  position: relative;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 5px 50px rgba(#000, 0.5);
  border-radius: 8px;
  overflow: hidden;
  width:49%; 
  float:left;
  margin-right:10px;
  border:solid 2px #866d4e;
  min-height:510px;
}

.calendar.rightm {
float:right;	
}

.calendar__picture {
  position: relative;
  height: 200px;
  padding: 20px;
  color: #fff;
  background: #262626 url("https://images.unsplash.com/photo-1516912481808-3406841bd33c?ixlib=rb-0.3.5&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=183f2924ba5a8429441804609b2d4f61") no-repeat center / cover;
  text-shadow: 0 2px 2px rgba(#000, 0.2);
  box-sizing: border-box;
  

}
.calendarDateBlock{width:100%; position:relative; text-align:center; background-color:#866d4e; padding:10px;}
.calendarDateBlock h4{font-size:16px; text-transform:uppercase; color:#fff;}
.calendarOutterWrap{padding:20px 0;}
.calendarInfo{padding:20px 0;}
.calendarInfoBlockOutter{width:100%; position:relative; padding:60px 10px; max-width:1400px; margin:0 auto; border-top:solid 2px #866d4e;}
.calendarInfoBlock{width:100%; display:inline-grid; grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); border-top: 0.5px solid #ccc;
  border-left: 0.5px solid #ccc; }
  
  .calendarInfoBlockCheckout{width:100%; display:inline-grid; grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); 
  text-align:Center; margin:60px 0; }
 .calendarInfoBlockCheckout .calendarCheckTitle{background-color:#866d4e; padding:10px 5px; color:#fff;}
  .calendarInfoBlockCheckout .calendarCheckTitle h4{ color:#fff; text-transform:uppercase; font-weight:400; font-size:16px;}
  .calendarInfoBlockCheckout .calendarGuests{display:block;  border-bottom: 0.5px solid #ccc; border-right: 0.5px solid #ccc; padding:0}
  .calendarInfoBlockCheckout .calendarCheckInForm{display:block; border-bottom: 0.5px solid #ccc; border-right: 0.5px solid #ccc; padding:0}
  .calendarInfoBlockCheckout .calendarCheckOutForm{display:block; border-bottom: 0.5px solid #ccc; border-right: 0.5px solid #ccc; padding:0}  
 .calendarInfoBlockCheckout .calendarInfoBlockIcon{float:left; padding-right:10px; color:#fff;}
 .keyMenu .keys{display:inline-grid; grid-template-columns: 50px 1fr 50px 1fr 50px 1fr 50px 1fr; width:100%; padding:20px 0; font-size:12px; text-transform:uppercase;}
 .keyMenu .keys .key_Block.checkIn{background-color:#866d4e; margin-right:10px;}
 .keyMenu .keys .key_Block.unavailable{background-color:#000; margin-right:10px;}
.calendarInfoBlockIcon{float:left; padding-right:10px; color:#866d4e;}
.calendarGuests{display:block;  border-bottom: 0.5px solid #ccc; border-right: 0.5px solid #ccc; padding:5px}
.calendarCheckInForm{display:block; border-bottom: 0.5px solid #ccc; border-right: 0.5px solid #ccc; padding:5px}
.calendarCheckOutForm{display:block; border-bottom: 0.5px solid #ccc; border-right: 0.5px solid #ccc; padding:5px}
.calendarInfoBlock .changeButton{text-transform:uppercase; font-size:11px;}
.calendar__date {
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(7, minmax(50px, 1fr));
  grid-gap: 10px;
  box-sizing: border-box;
}


.calendar__day {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-weight: 600;
  color: #262626;

}
  .calendar__day:nth-child(7) {

  }

.calendar__number {
  display: block;
  align-items: center;
  justify-content: center;
  min-height: 50px;
font-size:18px;	
text-align:center;
line-height:18px;
margin-bottom:0;
position:relative;

}
.calendar__number .calDateNo{color:#000; font-weight:700;}
.calendar__number .bookingText, .adminunitcalendar__number .bookingText{display:none; position:absolute; right:-20px; width:60px; font-size:12px; background-color:#fff; border:solid 1px #fff; padding:3px;}
h3.infoMessage{display:block; padding:5px; color:#fff; background-color:#c70000;z-index:999;}
.calendar__number:hover .bookingText, .adminunitcalendar__number:hover .bookingText{display:block; color:#fff; background-color:#c70000;z-index:999;}
.calendar__number .datePrice{
font-size:14px;	
}
.calendar__number .notavail{
font-size:10px;	
clear:left;
float:none;
}
.calendar__number.weekendrate{
font-weight: 700;
}

  .calendar__number:nth-child(7n) {
  
    
  }
 
  .calendar__number.--current {
    background-color: #866d4e;
    color: #fff !important;
    font-weight: 700;
    cursor: not-allowed;
  }
  
  
  .calendar__number:hover, .calendar__number.bookable:hover a, .calendar__number.checkOutOnly:hover a {
    background-color: #866d4e;
    color: #fff !important;
    font-weight: 700;
    cursor: pointer
  }
  
    .calendar__number.--past{
    background-color: #fff;
    color: #ccc !important;
    font-weight: normal;
    cursor: not-allowed;
  }
    .AccommodationVoucherBookPage .calendar__number.--past{
    background-color: #fff;
    color: #ccc !important;
    font-weight: normal;
    cursor: not-allowed;
	font-size:20px;
	line-height:20px;
  } 
    .AccommodationVoucherBookPage .calendar__number.--past .calDateNo, .AccommodationVoucherBookPage .calendar__number.unavailable .calDateNo {
	font-weight:400; color:#ccc;	
	} 
    .AccommodationVoucherBookPage .calendar__number {
	font-size:18px; line-height:24px;
	}
    .AccommodationVoucherBookPage .calendar__number:hover .checkInTick, .AccommodationVoucherBookPage .calendar__number:hover .calDateNo {
	color:#fff;
	} 	
	.checkInTick{font-weight:400; font-size:16px; color:#87916F; padding-top:5px;}
    .calendar__number.--current{   cursor: not-allowed; }   
      .calendar__number.unavailable{
    background-color: #fff;
    color: #ccc !important;
    font-weight: normal;
    cursor: not-allowed;
  } 
  .calendar__number.checkIn{
    background-color: #866d4e;
    color: #fff !important;
    font-weight: 700;
    cursor: pointer;
  } 
  .calendar__number.booked{
    background-color: #866d4e;
    color: #fff !important;
    font-weight: 700;
    cursor: pointer;
  }
  .extrasBooking{padding:30px 0;}  
  .extrasBooking h4{margin:30px 0;}
  .extrasBooking h4 a{padding:10px 20px;
    background-color: #866d4e; color: #fff; font-size: 16px; line-height:18px; text-transform:uppercase;  }
	  .extrasBooking h4 a{
    color: #fff;
}
  
.accommodationIconMenuOutter{margin:30px 0; padding:30px; background-color:#87916F; text-align:center; text-transform:uppercase; color:#fff;  }  
.accommodationIconMenuItem .icon{ padding:10px; font-weight:400; transition: all 0.8s ease-in-out; }
.accommodationIconMenuItem .icon h4{font-size: 14px; line-height: 14px; margin-bottom: 5px; font-weight:900; color:#fff; }
.accommodationIconMenuItem .fa-solid{ font-size:24px; line-height:24px; font-weight:400; transition: all 0.8s ease-in-out; padding-bottom:10px; }
.accommodationIconMenuItem{display:inline-block; width:200px; font-size:16px; font-weight:900; line-height:16px;}
.accommodationIconMenuOutter a{color:#fff;}
.accommodationIconMenuOutter a:hover {color:#866d4e; transition: all 0.8s ease-in-out; }
.accommodationIconMenuOutter a:hover .icon{background-color:#F1F1F2; border-radius: 10px; transition: all 0.8s ease-in-out; }
.accommodationIconMenuOutter a:hover .icon h4{color:#866d4e;}
.slideBoxesAccommdation .slideBox{height:0; overflow:hidden; transition: all 0.8s ease-in-out; opacity:0; padding: 0;}
.slideBoxesAccommdation .slideBox.viewSlide{height:auto; overflow:hidden; transition: all 0.8s ease-in-out; opacity:1; padding:30px 0 60px 0;}
.slideBoxesAccommdation .RatesExtras .typography h3{font-size: 22px; line-height: 30px; text-transform:uppercase; margin-bottom: 10px; text-transform:uppercase; color:#866d4e; font-weight:900; border-top:solid 1px #866d4e; padding-top:20px; padding-bottom:20px; margin-top:30px; }
.slideBoxesAccommdation .RatesExtras .typography h4{font-size: 18px; line-height: 25px; margin-bottom: 5px; font-weight:900 }
.slideBoxesAccommdation .RatesExtras .typography p{font-size: 20px; line-height: 30px;}
.AccommodationDateChange form, .adminBlockingForm form{width:90%; min-width:90% }
.AccommodationDateChange form .halfWidth, .adminBlockingForm form .halfWidth{width:45%; display:inline-block;}
.AccommodationDateChange form .fullWidth, .adminBlockingForm form .fullWidth{width:94%; min-width:94% }
.AccommodationDateChange form .date.halfWidth .middleColumn input, .AccommodationDateChange form .halfWidth .middleColumn input, .adminBlockingForm form .halfWidth .middleColumn input{width:100%;}
.AccommodationDateChange form label{text-transform:uppercase; font-size:11px; line-height:12px}
.foodBookingWrap{display:grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-column-gap:20px; }
.foodBooking, .extrasBlock{display:block; margin-bottom:20px;}
.foodBooking form{width:100%;}
.foodBooking form input[type="submit"]{background-color:red; color:#fff;}
.foodBooking h4{ background-color:#866d4e; color:#fff; padding:10px;}
.foodBooking h5{ background-color:#000; color:#fff; padding:10px;}
  .adminMember {
		padding:60px 0;
  }
.foodBooking .updateLink a  {color: #866d4e; background-color:#ededed; display: inline-block; padding: 5px 10px 5px 10px;
    margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; border: solid 1px #866d4e; font-family: 'Josefin Sans', sans-serif;
    font-weight: 600; margin-right: 10px; font-size:14px;}
	.addFoodOrder{margin:30px 0; padding:30px 0; border-top:solid 1px #866d4e }
 .adminMember #Form_BookingSearchForm {width:100%; max-width:100%; margin-right:10px; clear:both; height:70px; }
  .adminMember form label.left{float:left; margin-right:10px; font-weight:400;}
 .adminMember form .floatField{width:250px; float:left;  } 
 .adminMember #Form_BookingSearchForm fieldset{float:left;} 
 .admincalendar {
  position: relative;
  background-color: #fff;
  box-sizing: border-box;`
  margin:10px 0;
  border-top:solid 2px #866d4e;
  border-bottom:solid 2px #866d4e;
  overflow:visible;
} 
.UpcomingBookingsPage .dateAccommodationsBlock{display:grid; grid-template-columns:1fr 1fr 1fr 1fr}
.UpcomingBookingsPage .rowHeader{background-color:#866d4e; color:#fff;}
.UpcomingBookingsPage .rowHeader p{margin-bottom:0; padding:5px; font-size:15px; line-height:15px; text-transform:uppercase;}
.UpcomingBookingsPage .accWrap h4{margin-bottom:0; padding:5px; font-size:15px; line-height:15px; font-weight:700; text-transform:uppercase;}
.UpcomingBookingsPage .accWrap p{ font-size:18px; line-height:24px; }
.outterCalendar{display:grid; grid-template-columns:10px auto}
.unitCalendar{max-width:1200px; margin:0 auto;}
.AccommodationUnitPage .unitCalendar{max-width:100%; margin:0 auto;}
.admincalendarDateBlock{
	background-color:#866d4e;
	width:100%;
	padding:10px;
 }
 .admincalendarDateBlock h4{
	color:#fff;
 }
 .headerDate{
	display:block; clear:both; 
 }
.admincalendar__date {
  padding: 20px;
  display: flex;
  box-sizing: border-box;
    overflow: auto;
}
.adminCalendarGroupedView .admincalendar__date{
  padding: 0;
  height:70px;
  display: flex;
  box-sizing: border-box;
  overflow: visible;	
}
.adminCalendarGroupedView{
 overflow-x: scroll;	
 overflow-y: hidden;
}
.upcomingSpecialsOutter{padding:60px 0;}
.adminCalendarInfo{height:60px; font-size:13px; line-height:13px;}
.admincalendar__day {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-weight: 600;
  color: #262626;
  text-align:center;

}
.adminunitcalendar__day {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-weight: 600;
  color: #262626;
  text-align:center;

}
h4.adminbreadcrumb {padding:10px 0; font-size:12px; font-weight:900; text-transform:uppercase; border-bottom:solid 1px #866d4e; margin-bottom:30px;}
.admincalendar__number{min-width:110px; padding:0;border:solid 1px #ccc; text-align:center; display:block;  position:relative; display:grid; align-items: center; }
.admincalendar__number .adminCalendarInfo{font-size:20px; line-height:20px;font-weight:900;position: sticky; left:0;}
.admincalendar__number .adminCalendarInfo .smallCalDate{font-size:12px; line-height:12px; font-weight:400;}
.admincalendar__number.title{min-width:300px; padding:5px;border:solid 0.5px #ccc; text-align:center; display:block; background-color:#866d4e; color:#fff; position: sticky; left:0; z-index:99;}
.admincalendar__number.title .adminCalendarInfo h4{font-size:18px; line-height:22px; color:#fff; font-weight:700; }
.admincalendar__number.title .adminCalendarInfo h4 a{ background-color:#866d4e; color:#fff; padding:0 2px; font-size:11px; text-transform:uppercase; border-top:2px solid #fff; border-bottom:2px solid #fff; }
.admincalendar__number.title .adminCalendarInfo h4 a:hover{ color:#866d4e; background-color:#fff; border-top:2px solid #fff; border-bottom:2px solid #fff; }
.admincalendar__numberInner{min-width:100px; display:block;}
.admincalendar__numberInner{font-size:11px; }
.admincalendar__numberInner a{ color:#fff; }
.admincalendar__numberInner .amBooking, .admincalendar__numberInner .pmBooking{ display:block; position:absolute; top:0;font-size:9px; line-height:11px; padding:2px;}
.admincalendar__numberInner .amBooking{ left:0}
.admincalendar__numberInner .pmBooking{ right:0 }
.admincalendar__number .booking{width:100%; font-size:13px; line-height:20px; padding:5px 2px; overflow:hidden; height:62px;	}
.admincalendar__numberInner .specialP{font-size:9px; line-height:9px; padding:3px; position:absolute; bottom: 5px; right:5px; z-index:94; background-color:red; color:#fff;   border-radius: 10px;}
.admincalendar__numberInner .specialP .specialTitle{display:none; font-size:8px; line-height:12px; padding:5px;}
.admincalendar__numberInner .specialP:hover .specialTitle{display:block;}
.admincalendar__number .booking.Paid, .admincalendar__number .booking.ExternalBooking{background-color:#87916F; font-weight:400; }
.admincalendar__number .booking.ExternalBooking.AirBNB{background-color:#e51e54; font-weight:400; }
.admincalendar__number .booking.ExternalBooking.CurrentBooking{background-color:#000; font-weight:400; }
.admincalendar__number .bookedName{font-weight:900; font-size:15px; line-height:20px;}
.admincalendar__number .booking.AwaitingPayment{background-color:#ccc;}
.admincalendar__number .booking.Unavailable{background-color:#738299;}
.admincalendar__number h4.even{background-color:#866d4e; color:#000;}
.admincalendar__number h4.odd{background-color:#87916F; color:#000;}
.admincalendar__number h4 a{color:#fff;}

.adminunitcalendar__number{min-width:100px; padding:0; text-align:center; display:block; position:relative; }
.adminunitcalendar__number .booking{font-size:11px;}
.adminunitcalendar__number.Booked{min-width:100px; padding:0; text-align:center; display:block;  }
.adminunitcalendar__number.Booked .booking{background-color:#866d4e; color:#fff; font-size:11px;}
.adminunitcalendar__number.Booked .Paid{background-color:#866d4e; color:#fff; font-size:11px;}
.adminunitcalendar__number.Booked .Unavailable{background-color:red; color:#fff; font-size:11px;}
.adminunitcalendar__number.Booked .AwaitingPayment{background-color:#87916F; color:#fff; font-size:10px;}

.adminIconMenuOutter{margin:10px 0; padding:10px; background-color:#87916F; text-align:center; text-transform:uppercase; color:#fff;  }  
.adminIconMenuItem .icon{ padding:5px; font-weight:400; transition: all 0.8s ease-in-out; }
.adminIconMenuItem .icon h4{font-size: 16px; line-height: 16px; margin-bottom: 0px; font-weight:900; color:#fff; }
.adminIconMenuItem .fa-solid{ font-size:20px; line-height:20px; font-weight:400; transition: all 0.8s ease-in-out; padding-bottom:10px; }
.adminIconMenuItem{display:inline-block; width:200px; font-size:16px; font-weight:900; line-height:16px;}
.adminIconMenuOutter a{color:#fff;}
.adminIconMenuOutter a:hover {color:#866d4e; transition: all 0.8s ease-in-out; }
.adminIconMenuOutter a:hover .icon{background-color:#F1F1F2; border-radius: 10px; transition: all 0.8s ease-in-out; }
.adminIconMenuOutter a:hover .icon h4{color:#866d4e;}
.slideBoxesAdmin .slideBox{height:0; overflow:hidden; transition: all 0.8s ease-in-out; opacity:0; padding: 0;}
.slideBoxesAdmin .slideBox.viewSlide{height:auto; overflow:hidden; transition: all 0.8s ease-in-out; opacity:1; }
.slideBoxesAdmin .RatesExtras .typography h3{font-size: 22px; line-height: 30px; text-transform:uppercase; margin-bottom: 10px; text-transform:uppercase; color:#866d4e; font-weight:900; border-top:solid 1px #866d4e; padding-top:20px; padding-bottom:20px; margin-top:30px; }
.slideBoxesAccommdation .RatesExtras .typography h4{font-size: 18px; line-height: 25px; margin-bottom: 5px; font-weight:900 }
.slideBoxesAccommdation .RatesExtras .typography p{font-size: 20px; line-height: 30px;}
.accomodationUnitReportBlock{display:block; padding-bottom:30px; margin-bottom:30px; border-bottom:solid 1px #ededed }
.accommodationReportBlock h2{border-bottom:solid 1px #ededed; margin-bottom:30px; margin-top:30px;padding-bottom:10px; }
.accomodationUnitReportBlock h3{font-weight:700; }
.accommodationReportBlock{margin-bottom:60px;}
.accommodationReportBlock .unitStats{display:grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; padding:10px}
.accommodationReportBlock .unitStats .ReportTableTitle.Titles{font-weight:700; font-size:14px; text-transform:uppercase; writing-mode: vertical-rl}
.accommodationReportBlock .unitStats.Total{display:grid; background-color:#ededed; font-weight:700; padding:10px 30px }
.accommodationReportBlock .voucherInfoTable.Total{display:grid; background-color:#ededed; font-weight:700; padding:10px 30px }
.doubleOutterBlock{border-top:solid 3px #e51e54; border-bottom:solid 3px #e51e54; margin:30px 0; padding:30px;}
.doubleOutterBlock h4{font-size:16px; font-weight:900;}
.doubleOutterBlock p{font-size:14px; }
.doubleOutterBlock .amendLink{padding:5px 10px; background-color:#e51e54; color:#fff; font-size:14px; text-transform:uppercase;}
.doubleBookingBoxTitles{display:grid; grid-template-columns: 1fr 1fr ; padding:10px; }
.doubleBookingBox{display:grid; grid-template-columns: 1fr 1fr ; padding:10px; border-bottom:solid 1px #ededed }
.doubleBookingBox .dbleft p, .doubleBookingBox .dbright p{font-size:14px; line-height:16px; }
.voucherInfoTable{display:grid; grid-template-columns: 1fr 4fr 1fr 1fr 1fr ; padding:10px; border-bottom:solid 1px #ededed }
.BookingInformation.slideBox{padding:60px 30px; Background-color:#ededed;}
.additionBookingInformation{padding:20px 0; overflow:auto;}
.additionalOrders{padding:60px 0; Background-color:#fff; border-top:solid 3px #ededed }
.adminOrderTable{}
.deleteBookingForm{margin:40px 0; padding:10px 0; border-top:solid 1px red; background-color:red; border-bottom:solid 1px red; text-align:right;width:180px; float:right;}
.deleteBookingForm form{width:auto; min-width:auto; max-width:180px;}
.deleteBookingForm form input[type="submit"]{background-color:#fff; color:red; border:solid 1px #fff;}
.deleteDatesForm, .accommodationChangeForm{padding:30px 0; margin:30px 0; border-bottom:solid 1px #000; }
.sendEmail{border-top:solid 1px #866d4e; margin-top:30px; padding:30px 0; }
.adminOrderTable{margin-bottom:60px;}
.adminOrderTable .orderLine.Title{background-color:#866d4e; color:#fff; font-size:12px; font-weight:bold; }
.adminOrderTable .orderLine{display:grid; grid-template-columns: 10px 6fr 1fr 1fr 1fr; clear:both; border-bottom:solid 1px #ededed; padding:10px; }
.BookingInformation .actionButton{background-color:#000; color:#fff; padding:10px; margin-top:30px;}
.BookingInformation .actionButton a{ color:#fff; text-transform:uppercase;}
.specialPrice{padding:20px 0; border-bottom:solid 1px #866d4e; margin-bottom:20px; }
.specialPriceForm{padding-top:60px;}
.specialPriceForm form{max-width:800px; width:90%; }

.specialPriceForm form input.text, .specialPriceForm form textarea,.specialPriceForm form .textajaxuniquetext, .specialPriceForm form select {
	max-width:800px; width:90%
}
.accommodationcheckOutForm  {padding:60px; }
.confirmBookingForm{padding:30px 0;}
.confirmBookingForm form{width:100%; max-width:100%;}
.confirmBookingForm .checkbox.full{padding:10px; background-color:#866d4e; font-weight:900;}
.confirmBookingForm .checkbox.full input{padding:10px; margin-top:10px;}
.confirmBookingForm form label.right{color:#fff; font-size:15px; line-hight:15px; padding-left:10px; text-transform:uppercase;}
.confirmBookingForm .full{width:100%;}
.confirmBookingForm .description{clear:both;}
 .bookingTermsofStay{background-color:#F1F1F2; padding:20px; margin:60px 0;}
  .orderConfirmationButton .proceedafterTick {position:relative;}
 .orderConfirmationButton #checktoBook a{ background-color:#F1F1F2; border:solid 1px #fff; }
 .orderConfirmationButton .proceedafterTick .checkBook .agreeWarning{position:absolute; right:30px; top:0; font-size:12px; text-transform:uppercase; background-color:red; font-weight:900;color:#fff; padding:10px; display:none;}
  .orderConfirmationButton .proceedafterTick .checkBook:hover .agreeWarning{display:block;}
 .OrderConfirmationButton .agreeTick{padding:20px; margin-bottom:30px;}
.orderConfirmation .orderConfirmationButton #termsCheck{padding-bottom:20px;}
 .OrderConfirmationButton .agreeTick h4{padding:20px; margin-bottom:30px; }
 .proceedafterTick h4, .proceedafterTick h4{margin:20px 0; padding:20px 0;}
 .bookingTermsofStayinner{background-color:#ccc; padding:20px;}
.orderConfirmation .orderConfirmationButton{padding:20px 0;}
.orderConfirmation .orderConfirmationButton .agreeTick{padding:10px 0;}
.orderConfirmation .orderConfirmationButton h4.tickTerms{ line-height:18px}
.orderConfirmation .orderConfirmationButton h4{ text-align:right;  font-family: 'Josefin Sans', sans-serif; font-weight: 600;}
.orderConfirmation .orderConfirmationButton a{ color: #fff;border: solid 1px #866d4e; background-color:#866d4e; padding: 15px 20px 15px 20px; }
.extraProductsBlock{width:100%; display:inline-grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));text-align:Center; margin:60px 0; } 
 
.extraProductsBlockFood{width:100%; display:inline-grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); text-align:Center; margin:60px 0; }
.extraProductsBlockFood img{max-width:100%;}
.addToBooking{padding:30px 0 30px 0;}
.extraProductsBlock .productItem {position:relative;display:block; padding:10px; font-size:15px; line-height:15px; padding-bottom:50px;}
.extraProductsBlock .productItem .extraProductContent{min-height:80px; }
.extraProductsBlock .productItem .add, .extraProductsBlockFood .productItem .add{padding:10px 5px; background-color:#866d4e; width:100%; color:#fff; font-size:14px; }
.extraProductsBlock .productItem .add a, .extraProductsBlockFood .productItem .add a{color:#fff; text-transform:uppercase;  }
.extraProductsBlock .productItem img{width:100%;}
.extraProductsBlock .productItem .price, .extraProductsBlockFood .productItem .price{padding:10px 0; }
.BookingFoodPackage #Product{padding:60px 0;}
.BookingFoodPackage .checkbox{padding:20px 0; border-bottom:solid 1px #000;}
.BookingFoodPackage .checkbox label{font-size:16px;}
.BookingFoodPackage form{min-width:90%;}
.BookingFoodPackage form h2{font-size:20px; line-height:24px;}
.NotesForm form, .NotesForm form textarea{max-width:98%; width:100%;}
.NotesForm{padding:20px 0 30px 0; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; margin-top:40px; margin-bottom:30px; }
.bookingNote{padding:5px 0; border-bottom:solid 1px #ccc; margin-bottom:5px;}

/* CONTACT PAGE */
.dnadesign__elementaluserforms__model__elementform{ padding:60px 0; text-align:left;}
.list-element__container{display:grid; grid-template-columns:50% 50%;}
.list-element__container.videolayout{display:grid; grid-column-gap:60px; grid-template-columns:auto 324px; text-align:center!Important;}
.list-element__container.videolayout .inner{padding:0;}
.list-element__container.videolayout .videoblock{padding:60px 0; background-color:#fff;}
.list-element__container.videolayout .videoblock video{border:solid 1px #fff; background-color:#fff;}
.contactWrapGrid{display:grid; grid-template-columns:50% 50%;}
.contentText{  padding:30px; }

.BookingAdminPage table.infotable th{background-color:#866d4e; color:#fff;}
.BookingAdminPage td, .BookingAdminPage table.infotable tr th {
    padding: 5px;
    color: #fff;
    border: 1px solid #866d4e;
}
.BookingAdminPage table.infotable td.product.title, table.infotable td.product.title{font-size:12px!important; color:#000!important;}
/* FOOTER */
.footer {
	max-width:100%;
    font-size: 16px;
    line-height: 32px;
	text-align:center;
	
}
	.footer a {
	 	color:#000;   
	}
	.footer a:hover {
	    	color:#866d4e;
	}
	.footer .inner{padding: 20px 184px;}
	.footerLeft{position:absolute; left:0; padding-left:30px;}
	.footer .primary,
	.footer .primary ul {
	    display: inline;
	    margin: 0;
	    padding: 0;
		float:none;
	}
	.footerLeft img{width:200px; height:auto;}
	.footer p{font-size:16px; line-height:20px; margin-bottom:20px;  }
		.footer .primary li {
		    display: inline;
		}
	.ie6 .footer .primary li,
	.ie7 .footer .primary li { /* this is a bugfix for ie6/7 */
	    display: inline;
	    zoom: 1;
	    margin-right: 10px;
	}
	.footer .primary li:after { /* adds '/' to separate the footer navigation items */
	    padding: 0 3px 0 5px;
	    content: '/';
	    color: #999;
	}
	.footer .primary li:last-child:after {
	    content: ''; /* makes sure last nav item doesn't have a '/' following it */
	}
	.footer .primary .nav-open-button {
	    display: none; /* the footer includes the primary nav include - this makes sure the nav open close button doesn't show up */
	}
	.socialLink{padding:20px 0;}
	.socialLink .fa-brands{display:inline; padding:10px; font-size:20px; color:#866d4e}
/* PAGE SPECIFIC LAYOUT */

	/* Homepage */
		/* currently no Hompage specific styles - feel free to add your own */

	/* Search Results */
	.typography .searchResults h1 {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	.searchResults p.searchQuery {
	    margin-bottom: 10px;
	    font-size: 15px;
	    font-weight: bold;
	}
	.searchResults ul#SearchResults {
	    padding: 0;
	    border-bottom: 1px solid #e5e5e5;
	    margin:0;
	}
		.searchResults ul#SearchResults li {
		    border-top: 1px solid #e5e5e5;
		    padding: 20px 0;
		    list-style-type: none;
		}
		.searchResults ul#SearchResults p {
		    margin-bottom: 10px;
		}
		.searchResults #PageNumbers a {
		    padding: 0 5px;
		}
		.searchResults #PageNumbers .pagination {
		   	border-bottom: 1px solid #e5e5e5;
		    padding: 20px 0;
		    display:table; /* displays the pagination as a table so that elements stay inline and the middle column adjusts its size to accomodate and the right arrow stays to the right */
		    width:100%;
		}
		.searchResults #PageNumbers .pagination span{
			display:table-cell; /* each element in the pagination div displays as a table cell */
		}
		.searchResults #PageNumbers p {
		    text-align: center;
		    padding:20px 0;
		}
		.searchResults #PageNumbers .next,
		.searchResults #PageNumbers .prev {
		    font-size: 14px;
		    padding: 0 20px;
		    display:table-cell; /* each element in the pagination div displays as a table cell */
		    vertical-align: middle;
		    border-bottom:0 !important;
		}
		.searchResults #PageNumbers .next {
		    margin-left: 15px;
		}
		.searchResults #PageNumbers .prev {
		    margin-right: 15px;
		}

/* DEVICE & RESPONSIVE LAYOUT */
.header .nav-open-button {
    display: none; /* removes the nav toggle button for desktop site */
}
#media-query-trigger {
    /* instead of detecting the width of the window in simple/javascript/script.js it detects the visibility of this element (which is set using media queries)
    instead to trigger the hiding/showing of nav and search in mobile mode */
    display: none;
    visibility: hidden;
}
/* BREAKPOINT 1600px */

@media only screen and (min-width: 1600px) {
.typography  p { font-size: 22px; line-height: 30px; }	
.typography h2 { font-size: 32px; line-height: 36px;}
.element .imageCallOut h2.headerLargeCallout { font-size: 60px; line-height: 60px;}
.elementWrap.dynamic__elements__elements__elementtestimonials h2{margin-bottom:30px; font-size:60px; line-height:60px;}
}

@media only screen and (max-width: 1400px) {
.UpcomingBookingsPage .dateAccommodationsBlock{display:grid; grid-template-columns:1fr 1fr }
.UpcomingBookingsPage .accWrap{padding:20px 5px 30px; margin-bottom:30px; border-bottom:solid 1px #ccc;}	
}


/* BREAKPOINT 960px */

@media only screen and (max-width: 960px) {
	.header .primary ul {
	    margin-left: -12px;
	    -webkit-padding-start: 0px; /* removes default webkit padding on ul items */
	}
	.UpcomingBookingsPage .dateAccommodationsBlock{display:grid; grid-template-columns:1fr; }
	.element.imageWrap img.widescreen{display:none;}
	.element.imageWrap.textinc{min-height:80%; height: 60vh;}
	.testimonialOutterBlock{display:grid; width:100%; grid-template-columns: auto; column-gap: 20px; row-gap: 20px;}
	.testimonial{border-bottom:1px solid #fff; padding-bottom:30px;}
	.photogallery-holder{position: relative; flex-basis: 45%; margin: 0 20px 0 20px; flex: 0 0 45%; justify-content: center; align-items: stretch; width: 46%; line-height: 0;}	
	.testimonial-holder{position: relative; flex-basis: 45%; margin: 0 20px 0 20px; flex: 0 0 45%; justify-content: center; align-items: stretch; width: 45%; line-height: 0;}	
	.textBlockwithImg{position:relative; display:grid; grid-template-columns: 50% auto; column-gap: 40px; row-gap: 20px; }
	.content-container.brochurelayout, .contactWrapGrid {	display: grid; grid-template-columns: 100%; grid-template-rows: auto; 	}
	.textBlockwithImg{position:relative; display:grid; grid-template-columns: 100%; column-gap: 40px; row-gap: 30px; text-align:center!Important; }	
	.textBlockwithImg img{max-width:450px;}
	.gridLayoutImgBlocks { grid-template-columns: 45% 45%;}
	.textcontentblock-images .buttonlinks { display: flex; margin: 0 auto; column-gap: 20px; row-gap: 30px;  justify-content: center; }	
	.field.half, .field.half.right	{float:none; width:98%;}
	.fullphotogalleryInner{ grid-template-columns: 33.33% 33.33% 33.33%;  }
	.footerLeft{position:relative; float:left; padding-left:0;}
	.footer .inner{padding:30px;} 	
	.voucherWrap, .ticketSales { grid-template-columns: 50% 50%; row-gap:30px;}
	.EventsPage .eventsOutterWrap  { grid-template-columns: 100%; row-gap:30px;}
	.calendar {
  position: relative;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 5px 50px rgba(#000, 0.5);
  border-radius: 8px;
  overflow: hidden;
  width:100%; 
  float:none;
  margin-bottom:30px;
  margin-right:0;
  border:solid 2px #866d4e;
  min-height:510px;
}

}
/* BREAKPOINT 820px */

@media only screen and (max-width: 800px) {
	
.element__promos__list{grid-template-columns: 100%; row-gap:30px;}
.list-element__container.videolayout{ grid-column-gap:0; grid-template-columns:100%; text-align:center;}
.element__promos__list img{max-width:450px; margin-bottom:30px;}
.content-container .activitylayout, .content-container .packagelayout, .content-container .venuelayout { grid-template-columns: 100%;}
.content-container .activitylayout.left, .content-container .packagelayout.left { grid-template-columns: 100%; }
.content-container .packagelayout.right, .content-container .activitylayout.right{display:flex; flex-direction: column-reverse;}
.content-container .activitylayoutTxt.right, .content-container .packagelayoutTxt.right{width:100%; max-width:100% }
#tab-58 .list-element__container{display:block; text-align:center!Important; }
.footerLeft{position:relative; float:none;}
}

/* BREAKPOINT 640px */

/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 720px) {
	body {   max-width: 720px;
	}	
	#media-query-trigger {
	    visibility: visible;
	}
.UpcomingBookingsPage .dateAccommodationsBlock{display:grid; grid-template-columns:1fr; }
	/* Navigation*/

	.tablet-nav .header .brand {
	    float: none;
	    display: inline-block;
	    margin-left: 22px;
	    margin-bottom: 0;
	}
		.brand h1 {
		    font-size: 40px;
		}
		.brand h1 {
		    padding-right: 100px; /* padding stops .brand text from overlapping the search and nav buttons */
		}
	.inner, .dynamic__elements__gallery__elements__elementphotogallery .inner	 {  max-width: 1400px;  margin: 0 auto; padding: 0 30px;
	}	
.dynamic__elements__gallery__elements__elementphotogallery .inner	
		.primary{float:none; width:100%; width:100%; padding-top:15px; padding-bottom:0;}
	.tablet-nav .header {
	    padding: 0px;
	}
		.tablet-nav .header .inner {
		    padding: 20px 0 0 0;
		    min-height: 0;
		}
		.tablet-nav .header .primary .nav-open-button { /* styling and positioning of the nav toggle button */
		    z-index: 100;
		    width: 20px;
		    height: 20px;
		    position: absolute;
		    right: 20px;
		    top: 35px;
		    display: block;
		    cursor: pointer;
		    font-size: 20px;
		    color: #866d4e;
		}
		#coolMenu {
		    z-index: 10;
		    position: relative;
		    display: none; /* initially hiding the navigation */
		    float: none;
		    margin: 0;
		    padding: 0;
		    white-space: normal;
		    width: 100%;
			background-color:#fff;
			height:auto;
			text-align:center;
		}
			#coolMenu li {
			width: 100%;
			margin: 0;
			padding: 0;
			background-color:#fff;				
			float: none;
			border-bottom:solid 1px #866d4e;
			/* displays list items vertically */

			}
			#coolMenu #SubCool {
		    z-index: 10;
		    position: relative;
			top:0;
		    display: none; /* initially hiding the navigation */
		    float: none;
		    margin: 0;
		    padding: 0;
		    white-space: normal;
		    width: 100%;

						}		
			#coolMenu li.submenu:hover #SubCool {
		    z-index: 10;
		    position: relative;
		    display: block; /* initially hiding the navigation */
						}								
			#coolMenu #SubCool li {	width:100%;}					
						
			.element.imageWrapContainer.textinc, .element.animate.animation.imageWrap.textinc {min-height:50vh; height:50vh;}		
			.element.imageWrap.textinc, .element.imageWrap.animate.textinc{min-height:50%; height: 50vh;}

	.photogallery-holder{position: relative; flex-basis: 90%; margin: 0 20px 0 20px; flex: 0 0 90%; justify-content: center; align-items: stretch; width: 46%; line-height: 0;}	
	.testimonial-holder{position: relative; flex-basis: 90%; margin: 0 20px 0 20px; flex: 0 0 90%; justify-content: center; align-items: stretch; width: 46%; line-height: 0;}
	
	/* Main Content */
	.main {
	     /* decrease padding so that more content can fit on screen */
	}
		.fullphotogalleryInner{ grid-template-columns: 50% 50%;  }
		.voucherWrap, .ticketSales { grid-template-columns: 100%; row-gap:30px;}
			.EventsPage .news-events-list_item{width:100%; float:none;}
	.HomePage .news-events-list_item{width:100%; float:none;}
	.EventsPage .eventsOutterWrap{display:block; width:100%;}
	.event-summary__content{ min-height:auto; height:auto}
	.event-summary__header{ min-height:auto; height:auto}
	.EventsPage .news-events-list_item.ListStyle .event-summary__header{width:100%; float:none; }
 .EventsPage .news-events-list_item.ListStyle .event-summary__content, .EventsPage .news-events-list_item.ListStyle .event-summary__footer{width:100%; float:none; min-height:auto; height:auto;}
 .eventsOutterWrap{grid-template-columns: 100%;}
 .gridLayoutImgBlocks { grid-template-columns: 100%;}
.textBlockwithImg.Grid img {   width: 80%;}

}

/* BREAKPOINT 520px */

@media only screen and (max-width: 520px) {
	
.element .imageCallOut h2.headerLargeCallout, .element .imageCallOut h1.headerLargeCallout{margin-bottom:10px;}
.fullphotogalleryInner{ grid-template-columns: 100%;  }	
.typography  p { font-size: 22px; font-weight:400; line-height: 30px;  margin: 0 0 30px;}
.typography h2 { font-size: 32px; line-height: 32px;  margin: 0 0 40px;}
.element .imageCallOut h2.headerLargeCallout {font-size:38px; line-height:38px; margin-bottom:0; }
 .inner, .dynamic__elements__gallery__elements__elementphotogallery .inner { padding: 0 20px;
    }
.calendarInfoBlockOutter{padding:40px 0;}
.calendar__number{font-size:13px;}
.calendar__date{padding:8px; grid-template-columns: repeat(7, minmax(40px, 1fr));  grid-gap: 10px;}
.calendar__day{font-size:15px}
.content-container.brochurelayout.left{display:block;}
.keyMenu .keys {font-size:9px; line-height:14px; grid-template-columns: 50px 1fr 50px 1fr 50px 1fr;}	
.admincalendar__number.title{width:80px; min-width:80px;}
/* Print Styles */

/* Based on HTML5 boilerplate print styles */
@media print {
	* {
	    background: transparent !important;
	    color: black !important;
	    box-shadow: none !important;
	    text-shadow: none !important;
	    filter: none !important;
	    -ms-filter: none !important;
	}
	a,
	a:visited {
	    text-decoration: underline
	}
	a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

	thead {
	    display: table-header-group
	}
	tr,
	img {
	    page-break-inside: avoid
	}
	img {
	    max-width: 100% !important
	}
	pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    /* Simple theme custom print styles */
	.header,
	.footer,
    .nav-open-button,
    .search-bar,
    .search-dropdown-icon,
    nav.primary {
	    display: none;
	}
}