body {
	
	/* green background: #A7C7BB; */

	background: white;
	font-family: 'Roboto';
	font-size: 13pt;
	margin: 0;
	font-weight: normal;
	
}

/* style shortDesc */

.property-features-list {

	font-size: 10pt;
    list-style: none;
	font-weight: bold;
	color: #5e5e5e;
    padding-left: 0;
    margin: 1.5em 0;
}

.property-features-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    line-height: 1.4;
}

.property-features-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #4CAF50; 
    font-weight: bold;
    font-size: 18px;
}



address {
	
	font-size: 16pt;
	margin-bottom: 20px;
	
}

.paginationItem, .paginationItemLarge {
	
	margin: 0 4px;
	font-size: 12pt;
	cursor: pointer;
	text-decoration: none;
	color: #918D8D;
	font-weight: normal;	
	
}

a.paginationItem:hover, a.paginationItemLarge:hover {
	
	color: #3C3E4B;
	
}

.paginationItemLarge {
	
	font-size: 18pt;
	
}

/* fix blog headings */

article {
	
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	
}

h2.title a {
	
	display: block;
	padding: 0;
	margin: 0;
	
}


/* pretty pre */

pre {
	
	border: 1px solid #DBDBDB;
	border-radius: 4px;
	background: #EEEEEE;
	padding: 15px;
	width: 100%;
	font-family: arial;
	font-size: 13px;
	word-wrap: break-word;
	white-space: pre-wrap;
	text-align: left;
	margin: 20px auto;
	line-height: 22px;

}



/* add box sizing to everything */

*, *:before, *:after {
  box-sizing: border-box;
}

.bodyNoScroll {
	overflow: hidden;
}

.fa-heart {
	margin-right: 5px;
}

p {

	line-height: 2em;
	
}

.topText {
	
	margin-top: 20px;
	
	
}

.a3AccommName {
	
	font-weight: normal;
	background: linear-gradient(#137C84, #21959D);
	font-family: 'Anton', sans-serif;
	font-size: 24pt;
	text-shadow: -1px 1px #000000;
	margin: auto;
	border-radius: 5px;
	text-align: center;
	color: white;
	padding: 10px;
	border-radius: 0;
	margin-left: -30px;
	width: CALC(100% + 60px);
	margin-top: 10px;
	
}

.checkAvailabilityText {

	color: white;
	font-size: 20pt;
	width: 100%;
	text-align: center;
	font-family: 'Varela Round';
	padding: 7px;
	
}

/* favourite styling */

.favourites {
	
	font-size: 15px;
	color: #4285F4;
	width: 100%;
	text-align: right;
	padding-right: 20px;
	margin-top: 12px;
	font-weight: bold;
	cursor: pointer;
	

}

.favourites a:link, .favourites a:active, .favourites a:visited {
	
	font-weight: bold;
	text-decoration: underline;
	color: #3071db;

}

.favourites a:hover {
	
	color: #ed3636;

}

.mobileFavourites {
	
	display: none;
}

.bigHeader {
	
}

.innerLogo {

	text-align: center;
	
}

/* Header styling */

.numberContainer {

	max-width: 1200px;
	margin: 10px auto 10px auto;
	font-size: 25pt;
	color: #E2FBF2;
	display: flex;
	display: -webkit-flex; 
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0; 
	right: 10px;
	z-index: 20;
	
}

.headerRow1 {
	
	
		
}

.headerRow2 {
	
	margin-top: 6px;
		
}


.headerNumber {
	
	font-weight: bold;
	display: inline;
	margin-left: auto;
	font-family: 'Varela Round';
	font-size: 30px;
		
}

.headerFreeToCall {
	
	margin-left: 30px;
	font-size: 24px;
	
}

.cottageRef {
	
	font-size: 14pt;
	color: #5B5D6B;
	margin-top: 5px;
	
}

.availabilityHeaderContainer {
	
	background: white;
	text-align: center;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	
}

.availabilityHeaderContainerInner {
	
	display: flex;
	display: -webkit-flex; 
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 1200px;
	position: relative;
	margin: auto;
	
}

.logoSubText {
	
	color: white;
	margin-left: 10px;
	font-size: 20px;
	font-family: 'Caveat Brush', cursive;
	
}

.availabilityHeaderContainerInner img {
	
	max-width: 800px;
	
}



.aboutContactTop {
	
	display: flex;
	flex-direction: row;
	position: absolute;
	right: 10px;
	top: 0;
	
}

.aboutTop, .contactTop {
	
	padding: 14px 20px;
	background: #608c21;
	border-radius: 0 0 15px 15px;
	margin: 0 4px;
	color: white;
	
}


.mobileNumTop {
	
	z-index: 1010;
	position: relative;
	display: flex;
	-webkit-flex-direction: row; 
	background: #B6B6B6;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	width: 100%;
	text-align: center;
	align-items: center;
	-webkit-align-items: center; 
	justify-content: center;
	-webkit-justify-content: center;
	color: #3F414E;
	box-sizing: border-box;
	display: none;
	font-size: 18px;
	font-weight: bold;

}

.mobNum {
	font-weight: bold;
}

/* Left panel styling */


/* Left menu styling */

.leftMenuHeader {
	
	background: white;
	width: 100%;
	border-radius: 20px 20px 0 0;
	padding: 10px 20px;
	box-sizing: border-box;
	margin-bottom: 4px;
	background: #918d8d;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	
}

.leftMenuPanel {
	
	margin-bottom: 20px;
	background: white;
	width: 100%;
	/*height: 100%;*/
	border-radius: 0 0 20px 20px;
	padding: 15px;
	box-sizing: border-box;

}

.breadcrumbsContainer {
	
	
	width: 100%;
	background: #D9AD75;
	margin-bottom: 0;

	
}


.breadcrumbsContainerMobile {
	
	display: none;
	
}

.breadcrumbs { 
	
	max-width: 1200px;
	margin: auto;
	list-style: none; 
	overflow: hidden; 
	left: 0;
	
}

.breadcrumbs li { 
	
  float: left; 
  
}

.breadcrumbs li a, .breadcrumbs li div {
	
  color: white;
  text-decoration: none; 
  padding: 8px 0 7px 55px;
  background: brown; /* fallback color */
  background: #D9AD75; 
  position: relative; 
  display: block;
  float: left;
  font-weight: normal;
 
  
}

.breadcrumbs li a::after, .breadcrumbs li div::after { 
	
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid #D9AD75;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  left: 100%;
  z-index: 2; 
}

.breadcrumbs li a::before, .breadcrumbs li div::before { 

content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;       
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 1px;
  left: 100%;
  z-index: 1; 
  
}

.breadcrumbs li:first-child a, .breadcrumbs li:first-child div {
	
	padding-left: 30px;
  
}

.breadcrumbs li:nth-child(1) {
	
	 padding-left: 0;
	 margin-left: -50px;
}

.breadcrumbs li a:hover { 
  background: #6b7b8a; 
}
.breadcrumbs li a:hover:after { 
  border-left-color: #6b7b8a !important; 
}



/* Button Styling */


.readMoreButtonContainer {
	
	margin-top: 10px;
	width: 100%;
	text-align: right;
	
}

.readMoreButton {
	
	color: white;
	display: inline-block;
	font-size: 14px;
	padding: 8px 14px;
	border-radius: 10px;
	color: white;
	background: #FF8C1C;
	text-align: center;
	font-weight: bold;
	border: 0;

}

.readMoreButton:hover {

	background: #ff7811;
	cursor: pointer;
	
}


/* Link styling */

/* Default link styling */

a {
	color: #0075d6;
	font-weight: bold;
	text-decoration: none;
	transition: all 0s;
	
}

a:hover {
	
	color: #1655e0;
	text-decoration: underline;
	
}

li.contentMenuLI a {
	
	font-weight: normal;
	
}

a.topLinks:visited, a.topLinks:active, a.topLinks:active, a.topLinks:hover {
	text-decoration: none;
	
}



a.callCentreBox:visited, a.callCentreBox:active, a.callCentreBox:active, a.callCentreBox:hover {

	color: #F9EDD5;
	text-decoration: none;
	
}




.contactTop:hover, .aboutTop:hover {
	
	background: #849b1b;
	
}



/* back to top button styling */

/* clear stuff off i as font awesome uses it */

i {
	border: none;
	background: none;
}

.backToTop {
	
	position: fixed;
	bottom: 2em;
	right: 0px;
	text-decoration: none;
	border-radius: 10px 0 0 10px;
	color: #000000;
	background-color: rgba(235, 235, 235, 0.80);
	font-size: 20px;
	padding: .7em;
	box-shadow: -3px 3px 3px  rgba(0,0,0,.15);
	-moz-box-shadow: -3px 3px 3px  rgba(0,0,0,.15);
	-webkit-box-shadow: -3px 3px 3px  rgba(0,0,0,.15);
	display: none;
	z-index: 200;
	
	
}

.backToTop:hover {	
	/*background-color: rgba(135, 135, 135, 0.50);*/
}	





/* Main layout styling */

.mainContainer {
	
	max-width: 1200px;
	display: flex;
	display: -webkit-flex;
	margin: auto;
	margin-top: 18px;
	flex-direction: row;
	-webkit-flex-direction: row; 
	
}

.rightColFullWidth {
	
	width: 100%;
	
}


.rightColWhiteBG, .leftColInner, .rightColWhiteBGStay {
	
	width: 100%;
	background: white;
	border-radius: 25px;
	border: 3px solid #ccc;
	padding: 10px 30px 30px 30px;
	box-sizing: border-box;
	
}

.leftCol {
	
	width: 19%;
	margin-right: 20px;

		
}

.rightCol {
	
	width: 81%;
	
}

.lastUpdated {
	

	background: #FAEFD7;
	padding: 20px;
	font-size: 17px;
	width: calc(100% + 60px);
	margin-left: -30px;
	margin-top: 20px;
	margin-bottom: 20px;
	
	
}


/* Newsletter styling */

/* MailChimp Form Embed Code - Slim - 08/17/2011 */

#mc_embed_signup form {
	
	display: block;
	position: relative;
	text-align: left;
	padding: 10px 0 10px 3%;

}
#mc_embed_signup h2 {font-weight: bold; padding: 0; margin: 15px 0; font-size: 1.4em; }
 
#mc_embed_signup input { border: 1px solid #ababab; -webkit-appearance: none; }
#mc_embed_signup input[type=checkbox]{ -webkit-appearance: checkbox; }
#mc_embed_signup input[type=radio]{ -webkit-appearance: radio; }
#mc_embed_signup input:focus { border-color: #799877; }
 
#mc_embed_signup .button {
	
	display: block;
	background-color: #FF8C1C;
	padding: 0;
	margin: 0 auto;
	border: 0 none;
	border-radius: 8px;
	color: #fff; 
	cursor: pointer;
	font-size: 14px;
	width: 100%;
	max-width: 100%;
	width: 400px;
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	
}

#mc_embed_signup .button:hover {

	background-color: #ff7811;

}

#mc_embed_signup .button:active {

top: 2px;
border-bottom-width: 1px;

}



#mc_embed_signup label {

	display: block;
	font-size: 13px;
	padding-bottom: 7px;
	color: white;
	font-weight: normal;

}

#mc_embed_signup input.email {
	
	display: block;
	padding: 14px 4px;
	box-sizing: border-box;
	margin: 0 4% 10px 0;
	text-indent: 5px;
	color: #818181;
	font-size: 1.0em;
	background: #f3f3f3;
	width: calc(100% - 4px);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	outline: none;
	border: 0;
  
}

.clear {
	
	width: 100%;
	max-width: 100%;
	
}




/* Link styling */

A.phoneNumberLink:link, A.phoneNumberLink:visited, A.phoneNumberLink:active, A.phoneNumberLink:hover {
	
	/*color: #FAEFD7;*/	
	text-decoration: none;

	
	
}

.cottageCount {

	color: #A9A2AD;
}

.destinationsUL {

	font-size: 12pt;

}

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}



/* Loading overlay */



#overlay {
	
	display: flex;
	align-items: center;
	justify-content: center;
	opacity:    0.5; 
	background: #fff; 
	width:      100%;
	height:     100%; 
	z-index:    3000;
	top:        0; 
	left:       0; 
	position:   fixed;
	visibility: hidden;
	
}

#loadingText {

	display: flex;
	align-items: center;
	justify-content: center;
	width:      100%;
	height:     100%; 
	z-index:    3100;
	position:   fixed;
	visibility: hidden;
	
}


/* Tick style */

/* List styling */

.uniqueSellingPoint, .uniqueSellingPoint ul {
	
	margin-top: 0;
	padding-left: 1.8em;
	list-style-type: none;
	font-size: 13pt;
	
}

.uniqueSellingPoint li:before {
	
	position: absolute;
	margin-left: -1.3em;
	font-weight: bold;
	
}

.uniqueSellingPoint li:before {
	content: "\2713";
	color: #68b70e;
}


/* Footer Styling */

.footer {
	
	width: 100%;
	padding: 30px;
	background: linear-gradient(#137C84, #21959D);
	margin-top: 40px;
	box-sizing: border-box;
	
}

.footer li {

	margin-top: 10px;
	
}

.footer i {
	
	color: white;
	
}

.footerSocials {
	
	display: flex;
	justify-content: left;
	align-items: center;
	margin-bottom: 30px;
	margin-top: 30px;
	
}

.footerSocials a {
	
	margin-right: 20px;
	
	
}

.footerSocials i {
	
	font-size: 30pt;
	margin: 0;
	
	
}


.footerInner {

	max-width: 1200px;
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	margin: auto;
	
}

.copyright {
	
	color: #ffffff;
	margin: 40px 0;
	background: #21959D;
	padding: 20px;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	font-size: 14pt;
	
}





.footerItem {

	width: 25%;
	margin: 20px;
	color: white;
	
}

.footerHeader {
	
	font-size: 	20px;
	font-weight: bold;
	color: #C1C1C1;
	margin-bottom: 10px;
	
}

ul.footer {

	color: white;
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
	
}

.fa-facebook, .fa-instagram {
	
	font-size: 50px;
	color: white;
	margin: 10px;
}

a.footerLink:link, a.footerLink:visited, a.footerLink:active {
	
	text-decoration: none;
	font-weight: bold;
	color: white;
	
}

a.footerLink:hover {
	
	color: #9dce75;
	
}

select.availBoxSelect {	
	font-weight: normal;
}	


/*
##########################################

Media Queries

##########################################
*/


@media only screen and (max-width: 1200px) {

	.mainContainer, .headerContainer {
	
		margin: 10px;
		
	}

}




@media only screen and (max-width: 1000px) {
	
	.numberContainer {

		flex-direction: column;
	
	}
	
}


@media only screen and (max-width: 900px) {
	
	.a3AccommName {
		
		font-size: 19pt;
		padding: 8px;
		border-radius: 0;
		margin-left: -30px;
		width: CALC(100% + 60px);
		margin-top: -10px;
		
	}
		
	.navBarContainer {
		display: none;
	}

	.body {
		display: none;
	}

	.newCalBox:nth-child(1) {
		
		background: red;
		width: 100%;
		
	}
	
	.newCalBox:nth-child(2) {
		background: red;
		width: 25%;
	}
	
	.newCalBox:nth-child(4) {
		background: red;
		width: 25%;
	}
	
	.newCalBox:nth-child(5) {
		background: red;
		width: 25%;
	}
	

	
	.breadcrumbsContainer {
		
		/*font-size: 8pt;*/
		
	}



	
}




.availabilityMessage {
	
	padding: 20px;
	margin-top: 20px;
	background: #e3f2ed;
	border: 1px solid #918d8d;
	
}

.foundNum {
	
	font-family: 'Anton', sans-serif;
	font-size: 20pt;
	font-weight: bold;
	color: #025E66;
	margin: auto;
	
}


.sortByBox {
	
	padding: 0;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-justify-content: center;
	margin: auto;
	
}

.sortBy1, .sortBy2, .sortBy3 {
	
	text-align: center;
	padding: 0;
	width: 33%;
	
}

.sortBy3 {
	text-align: right;
}

.sortBy3 select.availBoxSelect {
	width: 70%;
	margin-right: 0;
}



select.sortBySelect {
	
	border-radius: 4px;
	/*display: block;*/
	padding: 10px 40px 10px 13px !important;
	max-width: 100%;
	height: auto !important;
	border: 0;
	border: 1px solid #6b9b88;
	background: url('down-arrow.png');
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) 50%;
	/*background-color: #DFDFDF;*/
	color: black;
	font-size: 14px;
	line-height: 16px !important;
	appearance: none;
	/* this is must */ -webkit-appearance: none;
	-moz-appearance: none;
	
} 

/* for IE and Edge */

select.sortBySelect::-ms-expand {
	
	display: none; 
	
}

select.sortBySelect:disabled::-ms-expand {

	background: pink;
	
}


.headerRow2 {

	margin: 0;
	margin-bottom: 10px;
	
}



	

@media only screen and (max-width: 1200px) {
	
	.sortByRight select.availBoxSelect {
		margin: auto;
	}
	
	.foundNum {
	

		font-size: 18pt;
		
	}


}







@media only screen and (max-width: 850px) {
	
	.sortByRight select.availBoxSelect {
		width: 90%;
	}
	


	.mobileNumTop {
		display: block;
	}
	
	.bigHeader {
		display: none;
	}

	.burgerNav {
		display: block;
	}
	
	.navBarContainer {
		display: none;
	}
	
	.sortBy3 select.availBoxSelect {
		
		display: block;
		margin: auto;
		width: 100%;
		
	}
	

	
	
}


@media only screen and (max-width: 700px) {
	
	.sortByBox {
		
		flex-direction: column;
		-webkit-flex-direction: column;
		
	}

	.sortBy1 {
		
		width: 100%;
		
	}
	
	.sortBy3 select.availBoxSelect {
		
		width: 100%;

	}
	
	
	.foundNum {

		font-size: 20pt;
	
	}
	
	.breadcrumbsContainer {
		
		font-size: 10pt;
		
	}




}



@media only screen and (max-width: 600px) {
	
	.sortBy3 {
		
		width: 80%;

	}
	
	.foundNum {
		
		font-size: 15pt;
		margin: 10px auto 0 auto;
		
	}

	.uniqueSellingPoint, .uniqueSellingPoint ul {
		
		margin-top: 0;
		padding-left: 1.5em;
		list-style-type: none;
		font-size: 14pt;
		font-weight: bold;
		
	}

	.mainContainer {
		
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse; 
		
	}
	
	.leftCol {
		
		width: 100%;	
		margin-bottom: 10px;
		margin-top: 10px;
		margin: 0;
		display: none;

		
	}
	
	.rightCol {
		
		width: 100%;
		clear: both;
		display: block;
		margin: 0;
		
	}
	
	/* Burger menu */

	.orion-menu {
		
		display: block;
		margin-top: 5px;
		
		
	}
	
	.headerContainer {
		
		/*border: 1px solid black;*/
		margin: 0;

	}
	
	.headerNumber, .headerFreeToCall {
	
		width: 50%;
		/*border: 1px solid black;*/
		text-align: center;
		
	}
	
	.availabilityHeaderContainer {
		
		padding: 5px;
		text-align: center;
		/*border: 1px solid black;*/
		
	}
	
	.availabilityHeader2 {
		
		/*border: 1px solid black;*/
		text-align: center;
		width: 80%;
		
	}
	
	.checkAvailabilityText {

		padding: 0;
		font-size: 19pt;
		margin-top: 10px;
	}

	.favourites {
		
		border: 1px solid #d1d1d1;
		padding: 8px;
		border-radius: 12px;
		width: 80%;
		text-align: center;
		margin: 0 auto 14px auto;
	}

	.mobileFavourites {
		
		display: block;

	}
	
	.desktopFavourites {
		display: none;
	}
	
	
	.footer {
	
		margin-top: 0;
		
	}

	
	.footerItem {
		width: 100%;
		margin: 20px 0;
	}
	
	.footerInner {
		
		flex-direction: column;
		-webkit-flex-direction: column;
		
	}


	.pageMobile {
	
		background: white;
		padding: 5px;
		box-sizing: border-box;
		box-shadow: -4px 4px 4px  rgba(0,0,0,0.2);
		-moz-box-shadow: -4px 4px 4px  rgba(0,0,0,0.2);
		-webkit-box-shadow: -4px 4px 4px  rgba(0,0,0,0.2);
		border-radius: 30px;
		
	}
	
	.paginationItem {
		
		font-size: 20px;
		
	}

	.availabilityMessage {
		
		background: white; 
		border-radius: 20px;

	}


	
	.headerContainer {
		border: 10px solid red;
	}
	


	.sbDropDown {
		width: 100%;
	}

	.rightColWhiteBG {
		
		background: none;
		padding: 0;
		border: none;
		
	}

	.newCalBox {
		
		min-width: 33%;
		
	}
	

	.sortBy1 {
		font-size: 20px;
		
	}

	.newCalBox {
		
		min-width: 50%;
		
	}
	
	.uniqueSellingPoint, .uniqueSellingPoint ul {
		
		margin-top: 0;
		padding-left: 1.8em;
		list-style-type: none;
		
	}
	

	
	
	.a3AccommName {
		
		font-size: 18pt;
		width: CALC(100%);
		margin-left: -30px;
		border-radius: 0;

	}

	
	.property-features-list {

		margin: 0 !important;
		padding: 0 !important;
		
		
	}

	.property-features-list li {

		margin-top: 0 !important;
		padding-top: 0 !important;
		margin-bottom: 10px !important;
		padding-bottom: 0 !important;
		line-height: 20px !important;

		
	}
		
	
}






/* Disable wireframe */

 .sbText, .sbDropDown {

	border: none;
	
}




@media only screen and (max-width: 450px) {

	/* mobile breadcrumbs */
	
	.breadcrumbsContainer {
		
		display: none;
		
	}
	
	.breadcrumbsContainerMobile {
		
		font-size: 10pt;
		/*display: block;*/
		background: white;
		width: 100%;
		padding: 6px;
		line-height: 1.7em;
		
		
	}
	
	.breadcrumbsContainerMobile .fa-caret-right {
		margin: 0 10px;
	}
	
	.breadcrumbsContainerMobile a {
		white-space: nowrap;
	}

}




@media only screen and (max-width: 400px) {


	.uniqueSellingPoint, .uniqueSellingPoint ul {
		
		padding-top: 30px;
		font-size: 12pt;

		
	}
	
}



@media only screen and (max-width: 300px) {


	.mobileNumTop {
		font-size: 11pt;
	}
	
}