<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/****** PLACE YOUR CUSTOM STYLES HERE ******/
p,li {
	font-size:16px;
}
.bg-light  {
	background-color: #efefef; padding: 2rem;}
nav.nav-centered .logo {
	margin:40px 0 0;
	max-height:60px;
}

h4 {
	letter-spacing:2px;
}

/* Booking Calendar Custom CSS */


.booked-legend {
 align: right;
 text-align: center;
 
  height: 25px;
  margin-right: 0.5rem;

}

.booked-legend .blbooked {

	color:#fff;
	background-color:#47b475;
}

.booked-legend  .blcheck-in {
	color:#000;
	background:linear-gradient(to left bottom,#47b475 50%,#fff 50%);
}

.booked-legend  .blcheck-out {
	color:#000;
	background:linear-gradient(to left bottom,#fff 50%,#47b475 50%);
}


.booked-legend .blholiday {
	color:red;
	font-weight:700;
}
.weekend-legend {
	width:20px;
	height:20px;
	margin-right:.5rem;
	border:5px solid blue;
}

.bookingtable {
	display:inline-table;
	min-width:150px;
	height:150px;
	width:150px;
	margin-left:15px;
	margin-bottom:15px;
	table-layout:fixed;
}

.bookingtable * {
	text-align:center;
	font-size:11px;
}

.bookingtable .month {
	text-align:center;
}

.bookingtable td {
	border-top:1px solid #ccc;
}

.bookingtable .booked {
	color:#fff;
	background-color:#47b475;
}

.bookingtable .check-in {
	color:#000;
	background:linear-gradient(to left bottom,#47b475 50%,#fff 50%);
}

.bookingtable .check-out {
	color:#000;
	background:linear-gradient(to left bottom,#fff 50%,#47b475 50%);
}

.bookingtable .weekend {
	font-weight:700;
}

.bookingtable .holiday {
	color:red;
	font-weight:700;
}

.map-holder {
	min-height: 712px;
	}

.main-container .freeform-row .freeform-column .freeform-errors &gt; li,
.main-container .freeform-row .freeform-column .ff-errors &gt; li {
    color: red;
    font-size: 13px;
    display: inline-block;
    margin-top: 0.2rem;
    font-weight: 600;
    text-transform: uppercase;
}


@media (max-width: 670px) {
	.avail-cal-title {
		display:none;
	}
}

.avail-title {
	margin-top:2rem;
}

.clr {
	margin-top:2rem;
	max-width:1000px;
}	
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
	.image-square &gt; .content {
		padding:0 5%;
	}
	h4 {
		font-size:18px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.summer-house {
		margin-top:40px;
	}
	
	h4 {
		font-size:20px;
	}
	
	.image-square &gt; .content {
		padding:0 5%;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	
}</pre></body></html>