/*@font-face {
  font-family: 'ModenaScript-Regular';
  src:  url('../fonts/web/ModenaScript-Regular.ttf')  format('truetype');
  font-style: normal;
}
*/
/*@import url("https://fonts.googleapis.com/css2?family=Ballet:wght@100;200;300;400;500;600;700;800;900&display=swap") ; 
#content p.subtitles{ font-family: "Ballet"; font-weight: 300; font-size: 46px;}*/

	
@media only screen and (min-width: 1120px)   {
 #header{z-index: 555;  }
	.fixedWidth1200 #top{width: 100%;}
	#headerFillColour{ position: fixed;} 
.headerFixed #headerFillColour ,  .transparentHeader.hasBanners.headerFixed #headerFillColour {background-color:var(--headerFillColour);  position: fixed; height: 64px;transition: all 0.1s}
	#headerFillColour{ }
#socialTop, .headerFixed #socialTop { position: fixed;top: var(--telTopPosition);  right: 25px; margin-top: 2px}
#telephoneNumber.right , .headerFixed #telephoneNumber { position: fixed;right: 122px;top: var(--telTopPosition);}
#telephoneNumber a{letter-spacing:0.95px  } 
 #logo{position: fixed; transition: all 0.5s}
	.headerFixed #logo {
top: 6px;
  height: 50px;
  left: 50%;
  margin-left: -150px;
  width: 300px; 
}
	.noBanners #contentWrapper {  padding-top: 100px;}
	
#pageBanner   {	max-width: 91.5vw; margin: 10px auto}
#paraGrid.twoPlusThree  , #paraGrid.twoPlusFour   {	max-width: 92vw; margin: 10px auto}
#paraGrid  span.bgImg{ padding-bottom: 68%  !important}
#paraGrid .textWrap h2{   font-weight: 500;text-transform: uppercase; letter-spacing: 2.2px  !important}
#paraGrid .textWrap h3{  }
#paraGrid.twoPlusThree li , #paraGrid.twoPlusFour li { border: 5px solid #fff} 
/*#paraGrid li:hover  .textWrap div{opacity: 0.7;transition:all  1.0s  !important;   }
#paraGrid li .textWrap div:hover {opacity: 1} */

.weddings #paraGrid .innerSection, .exclusive-hire #paraGrid .innerSection { padding: 80px 0;} 
.weddings #paraGrid  li.preLoad .bgImg, 
.weddings #paraGrid  li.preLoad:nth-child(even) .bgImg,
.exclusive-hire #paraGrid  li.preLoad .bgImg, 
.exclusive-hire #paraGrid  li.preLoad:nth-child(even) .bgImg{ border:  4px solid #fff; transform:rotate( 0deg); transition:  all 2.5s}
.weddings #paraGrid  .bgImg, .exclusive-hire #paraGrid  .bgImg   { border-radius: 2px; transform:rotate( 2deg);	border: 20px solid #fff; border-bottom-width: 60px}
.weddings #paraGrid  li:nth-child(even)  .bgImg , .exclusive-hire #paraGrid  li:nth-child(even)  .bgImg {   transform:rotate( -2deg);	}
 
#hamburger{display:block; cursor: pointer}
#hamburger{ height:30px; width:30px;position:fixed;top:22px;right:0px; left:  25px;z-index:500;transition:all 0.2s ease-in-out;}
#hamburger span{height:2px;width:30px;position:absolute;left:0px;display:block;  -webkit-transition:all 0.2s ease-in-out 100ms;transition:all 0.2s ease-in-out 100ms;}
#hamburger span , .noBanners #hamburger span{background:#fff}
.headerFixed #hamburger span{background:#fff } 
#hamburger.hamburgerOpen {transform:rotate(90deg); z-index: 99999}
#hamburger.hamburgerOpen span{background:#111;} 
#hamburger #bar1{top:2px} 
#hamburger #bar2{top:12px}
#hamburger #bar3{top:22px}
#hamburger.hamburgerOpen{}
#hamburger.hamburgerOpen #bar1{transform:rotate(45deg);top:12px;}
#hamburger.hamburgerOpen #bar2{opacity:0;}
#hamburger.hamburgerOpen #bar3{transform:rotate(-45deg);top:12px;} 

#navMain , .navcentered #navMain , .navcentered #navMain ul , #navMain ul{width: auto; height: auto}
#navMain.navMainOpen ,.hasBanners.transparentHeader #navMain.navMainOpen { position: fixed;
transition:all 0.42s ease-in-out; background: #fff;height: auto; top: 0; padding:80px 80px 50px  0px;opacity: 0.89; z-index: 555
}
#navMain.navMainClose{ transition:all 0.54s ease-in-out;left:-100vw;top: -100vh;} 
#navMain.navMainOpen li { opacity: 1;}
#navMain.navMainClose li { opacity: 0;}

.navcentered #navMain ul li , #navMain ul li{clear: both;display:  block;margin:5px 0 }
.navcentered #navMain ul li a, #navMain ul li a { text-align:left;  display: block; width:100%;margin: 0;  padding-left: 40px}
#navMain ul li a:hover, .headerFixed #navMain a:hover{text-decoration: none; color: #000}

 
#bannerWrap li .readMore {  margin-top: 20px;}
#bannerWrap li .readMore strong::before, #bannerWrap li strong:hover::before{ display: none;opacity: 0; border: none}
 
#bannerWrap li p.readMore strong,#bannerWrap li p.readMore:hover strong{
  font-size: 1px; text-indent: -20000px;		height: 70px ; width:70px; background-image:url("../img/more-arrow-white.png") ; 
		background-size: 62px; background-position: 50% 50%; transition: all 0.23s; opacity: 1; border: none; background-repeat: no-repeat;	 
}
#bannerWrap li p.readMore strong:hover { 	background-size: 68px;}

#paraGrid.alternate li .bgImg{border-radius: 8px}
#paraGrid.offset li .bgImg, #paraGrid.offset li .textWrap { border-radius: 8px;}

.conservation-grazing #paraGrid{ padding:  0px 0 ; max-width: 100%  ; margin: 0 auto  0px auto}
 
.conservation-grazing #paraGrid.alternate li div.innerSection {  width: 1200px;max-width: 99vw}
/*.conservation-grazing #paraGrid .textWrap, .conservation-grazing  #paraGrid .bgImg { border-radius: 3px;}*/
.conservation-grazing #paraGrid.alternate li .imgWrap{ padding: 5% 2% 5% 2%;} 
.conservation-grazing  #paraGrid.alternate .textWrap h2{ font-size: 25px; font-family: "Playfair Display"; font-weight: 200}
/*.conservation-grazing  #paraGrid li::after{content: ""; display: block;width: 1110px; height: 5px; border-bottom: 2px solid #fff; margin: 0px auto; opacity: 0.7}*/ 
 
.contact-us #paraGrid {  margin: 30px auto 20px auto;width: 1180px;}
.contact-us #paraGrid li {width: 19.5%; float: left;min-height: 258px; margin: 0 0.5% 0 0;border: 1px solid #fff;background: #fff;  border-radius: 0px; border-right: 1px solid #e1e1e1} 
.contact-us #paraGrid li:last-child{ border: none}
.contact-us #paraGrid li img{display: none}
.contact-us #paraGrid li .textWrap{ padding: 5px 30px}
.contact-us #paraGrid.parallax li .textWrap div{width: 100%}
.contact-us #paraGrid.parallax .textWrap h2{
	color: #6E9591;
	font-family: "Cinzel";font-weight: 200;
	border-bottom: 2px solid #e1e1e1;
	font-size: 18px
}
.contact-us #paraGrid::after{content:" ";clear: both;height: 20px; display: block; width: 100%}


#paraGrid.offset li{ clear: both; min-height: 550px;}
#paraGrid.offset li .textWrap{opacity: 0.92}

#footerLeft,#footerLeft,#footerLeft{border: 0px solid red}

#footerLeft{ width: 15%; }
#footerSocial{width: 40%;  padding-left: 320px}
#navSub  { width:45%; }
#navSub ul{   float:left;  padding-left: 20px;}
#navSub ul:first-child{width:66%; padding-right: 38px;}
#navSub ul:last-child{width:34%; border-left:  2px solid #757575;}
#navSub ul li a{ margin: 3px 0; padding: 5px 0}
} /*scr*/

.contact-us #paraGrid.parallax li .textWrap a{color: #006699}
.contact-us #paraGrid.parallax li .textWrap a:hover{text-decoration: underline}

@media only screen and (max-width: 1120px)   {
.weddings #paraGrid.mobTextBelow li .textWrap li{list-style: none; padding:4px 0}
#paraGrid .textWrap,#paraGrid *{ text-align:left;} 
	.subtitles{ line-height: 40px; margin-top: 10px;}
	#content  ul li{	background-position: left 8px; }
	#paraGrid ul{width: 100%; padding-left: 0px; padding-right: 0px;}
		#paraGrid ul li{ margin-top: 0px; margin-bottom: 0px; }
} /* mb*/

.subtitles , #content p.subtitles , #content *.subtitles{ margin-top: 6px;}
#breadcrumb{ display: none} 

 #content  ul li ,	#paraGrid.alternate li .textWrap li, #paraGrid.alternateRounded li .textWrap li {
	display: list-item;  list-style: none; margin-left: 8px; padding-left: 16.5px;background-image: url("../img/bullet-hollow.png?v=2025"); background-position: left 6.5px; background-size: 11px  ;
	}
	 

#bannerWrap li .readMore strong{ border-radius: 99px;}
#bannerWrap li .readMore strong:hover{border: 1px solid #111; transition:  all 0.3s}
#bannerWrap li .readMore strong:hover::before{  background: #111;opacity: 1; transition:  all 0.4s}

.weddings #paraGrid.alternate .textWrap h2{ font-size: 40px; font-family: "Playfair Display"; font-weight: 200}

.weddings  #paraGrid a.moreLink, .weddings #paraGrid.alternate a.moreLink,
.weddings  #paraGrid a.moreLink:hover, .weddings #paraGrid.alternate a.moreLink:hover,
.exclusive-hire   #paraGrid a.moreLink, .exclusive-hire  #paraGrid.alternate a.moreLink,
.exclusive-hire   #paraGrid a.moreLink:hover, .exclusive-hire  #paraGrid.alternate a.moreLink:hover{
	background: none;
	background-position: 0% 50%;
	text-indent: -20000px;
	display: block;
	height: 75px;
	width: 75px;
	background-image: url("../img/more-arrow-white.png"); 
	opacity: 1;
	border: none;
	background-repeat: no-repeat;
	transition: all 0.5s;
	background-size: 65px 65px;
}
.weddings  #paraGrid a.moreLink:hover, .weddings #paraGrid.alternate a.moreLink:hover,
.exclusive-hire  #paraGrid a.moreLink:hover, .exclusive-hire #paraGrid.alternate a.moreLink:hover { background-image:url("../img/more-arrow-black.png") ;background-size: 75px 75px;}

#bookViewingSection{clear: both;	background-color: #E8E1D8;	padding: 60px  0px;	margin:  16px auto 16px auto;	position: relative}
.about #bookViewingSection{	margin:  1px auto;}
.conservation-grazing #bookViewingSection{	margin:  1px auto;}
#bookViewingSection span{position: absolute;left: 0; width: 100%;height: 1px; background:  #fff; }
#bookViewingSection span#borderSpanT{  top: 5px;}
#bookViewingSection span#borderSpanB{  bottom:  5px}
#bookViewingSection p{ }
#bookViewingSection *{ color: #444; text-align: center; }
#bookViewingSection p {max-width: 800px;	margin: 10px auto; text-align: center;font-size: 19px;}

a.moreButtonWhite{background-position: 50% 100%; text-indent: -20000px; display: inline-block; height: 90px ; width:80px; background-image:url("../img/more-arrow-white.png") ; background-size: contain; transition: all 0.3s; opacity: 0.7}
a.moreButtonWhite:hover{opacity: 1} 
#navSub ul li a{ text-transform: none}

#footerTel a:hover, #footerEmail a:hover, #footerBrochure a:hover{text-decoration: underline}
#footerBrochure a{ background-image: url(../img/pdf.png) ; padding-left: 20px; background-size: 13px; background-position: 0 50%;}

#subFooter * { font-family: "Poppins" ;font-size: 12.3px;opacity: 0.6}



@media only screen and (min-width: 680px), (orientation: landscape) {
  #paraGrid ul li {    width:100%;  }
}