/* ------------------------ */
/*          ELEMENTS        */
/* ------------------------ */
body {font-family: "Century Gothic", "Apple Gothic", Verdana, sans-serif;}
h1,h2,h3,h4,h5,h6 {margin-bottom: 1rem !important; font-family:"Century Schoolbook", Georgia, "Times New Roman", Times, serif; }
h1,h2,h3,h4 {text-transform: uppercase;}
h1 {font-size:2em !important;}
h2 {font-size:1.8em; }
h3 {font-size:1.6em; }
h3.widget-title,h4 {font-size:1.4em; }
h5 {font-size:1.2em; }
a, a:hover {text-decoration: none !important;}
a {color:#8DA2A1;}
a:hover {color:#FFF;}

select option[disabled] {
    display: none;
}

table tbody, table tfoot, table thead, table tbody tr:nth-child(even) {background:transparent;}
table tbody td, table tbody th {padding:.25rem .625rem .25rem }
table tbody, table tfoot, table thead {border: none;}


/* ------------------------ */
/*        BACKGROUND		*/
/* ------------------------ */
#background-image {position:fixed; top:0; left:0; right:0; bottom:0; background-position: 50% 50%; background-size:cover; }
#content #inner-content {background:#8DA2A1; color:#FFF; padding: 1.5rem 0 2.5rem; }
#content #boxes {background:#8DA2A1; color:#FFF; padding: 1rem 0; }
.off-canvas {background:#465150; }


/* ------------------------ */
/*        TITLE				*/
/* ------------------------ */
#sitetitle .sitetitle-pad {padding:3rem 0 1rem;}
#sitetitle .columns {background:#8DA2A1; position:relative; }
#sitetitle .columns h2.sitetitle {display:inline-block;  font-size:2.8rem; color:#FFF; border-bottom: 1px solid rgba(255,255,255,0.25);
	padding:0 2.5rem; z-index: 101; position: relative;}
#sitetitle #logo {position:absolute; z-index: 100; top:20px; left:20px; width:15%;}
#sitetitle h2 a {color:#FFF;}
@media print, screen and (max-width: 39.9375em) {
	#sitetitle .columns h2.sitetitle {font-size:2rem;}
	#sitetitle #logo {display: none;}
}


/* ------------------------ */
/*			NAV				*/
/* ------------------------ */
.top-bar, .top-bar ul, .menu .active>a {background: transparent;}
#top-bar-menu {background: #8DA2A1; color:#FFF;}
#top-bar-menu ul {margin:0 125px;}
#top-bar-menu li {display: inline-block; border-left:1px solid rgba(255,255,255,0.15);}
#top-bar-menu li:first-child {border-left: none;}
#top-bar-menu li a {color:#FFF; font-family:"Century Schoolbook", Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-size:90%; }

#top-bar-menu .show-for-small-only {}
#top-bar-menu .show-for-small-only {float:none; position: absolute; right:20px; left:auto; top:15px; width:20px;}
#top-bar-menu .show-for-small-only span {display:block; width:20px; height:3px; background:#FFF; margin: 3px 0; }


/* ------------------------ */
/*        HEROES			*/
/* ------------------------ */
#heroes {position:relative; overflow:hidden;}
#heroes .hero {position: relative; background-position: 50% 50%; background-size: cover; width:100%; min-height:300px; max-height: 700px;}
#heroes .hero:before {display:block; content:""; width: 100%; padding-top:37.5%; }
#heroes.hero-short .hero:before {padding-top:25%;}
#heroes.hero-tall .hero:before {padding-top:50%;}

#heroes > div {overflow: hidden; height: 100%;}
#heroes.slick-initialized .hero {display: block !important;}


/* ------------------------ */
/*			CTA				*/
/* ------------------------ */
#cta .cta-pad {background:#465150; overflow:hidden; padding: 0.5rem 0;}
#cta .cta-pad a {color:#FFF; text-align: center; margin:0.5rem 0; border:1px solid #8DA2A1; padding: 10px; transition: all 0.25s;}
#cta .cta-pad a.minor {text-transform: none; background: #4F5C5A; }
#cta .cta-pad a:hover {border-color:#222; background: #222;}
#cta .cta-pad a.phone {font-size:140%; padding: 5px 0 6px;}

/* ------------------------ */
/*        CONTENT			*/
/* ------------------------ */
#content #main {padding-top: 0.5rem;}
#content #main p {margin:1.6rem 0; line-height: 1.6rem;}
#content #main p:first-of-type {margin-top: 0;}
#content #main img {background: #FFF; border-radius: 3px; border:5px solid #9BADAD; box-shadow: 0 1px 2px rgba(0,0,0,0.3); }
#content #main a {color:#FFF; border-bottom: 1px dotted #FFF;}
#content #main a:hover {border-bottom-style: solid;}


/* ------------------------ */
/*        GALLERY			*/
/* ------------------------ */
.gallery { margin: 0 -10px 18px; }
.gallery .gallery-item {
	float: left;
	margin: 0;
	text-align: center;
	width: 33%;
	box-sizing:border-box;
}
.gallery-columns-2 .gallery-item { width: 33.33%; }
.gallery-columns-3 .gallery-item { width: 33.33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery .gallery-item .gallery-icon {padding: 10px;}

.gallery .gallery-caption {
	color: #FFF; font-family:"Century Schoolbook", Georgia, "Times New Roman", Times, serif; text-transform: uppercase;
	text-align: left; font-size:90%; margin:5px 10px 15px; border-top:1px solid #FFF; padding-top: 0.5rem;;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

@media print, screen and (max-width: 39.9375em) {
	.gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item {width:100%;}
	.gallery-columns-4 .gallery-item { width: 50%; }
}


/* ------------------------ */
/*			BOXES			*/
/* ------------------------ */
#boxes .boxgraphic {background: #465150; color:#FFF; border:5px solid #9BADAD; box-shadow: 0 1px 2px rgba(0,0,0,0.3); border-radius: 3px;
	margin-bottom:1rem;}
#boxes .boxgraphic img {width:100%; background: #FFF;}
#boxes .content-pad {padding: 5px 65px; }
#boxes .boxtitle h3 {font-size:0.9em; padding-top: 0.5rem; border-top: 1px solid #FFF; }
#boxes .boxtitle h3 a {color:#FFF;}
#boxes .boxtitle h3 a:hover {text-decoration: underline;}


/* ------------------------ */
/*        WIDGETS			*/
/* ------------------------ */
.sidebar {font-size:90%;}
.sidebar .widget {margin-bottom: 1em !important; background: #465150; color:#FFF; border:5px solid #9BADAD; box-shadow: 0 1px 2px rgba(0,0,0,0.3); border-radius: 3px; }
.widget_pricesfrom {font-size:1.2em; line-height: 1.6em; text-align: center;   }
.widget_text {padding: 5px 4px 10px; }
.widget_text .widgettitle {color:#FFF; text-align: center;}
.widget_text ul {margin-bottom: 1rem;}
.widget_text ul li {border-top: 1px solid #8DA2A1; padding: 4px 0; text-align: center;}
.widget_text ul li:first-child {border-top:none;}
.widget .widget-pad {padding:0.65rem;}

.bookbutton {margin: 0 1em; text-align: center; padding: 5px; background: #8DA2A1; border-radius: 10px; color:#FFF; display:block; text-transform: uppercase;}



/* ------------------------ */
/*          MISC			*/
/* ------------------------ */
.flex-video {background: #465150; color:#FFF; border:5px solid #9BADAD; box-shadow: 0 1px 2px rgba(0,0,0,0.3); border-radius: 3px;}


/* ------------------------ */
/*          FOOTER			*/
/* ------------------------ */
.footer {margin-top: 0; font-size:95%; margin-bottom: 2rem; }

.footer .row.testimonials {background:#222222; color:#FFF; padding:1.5rem 0 1rem;   }
.footer .row.testimonials .commas-l {background: url("/a/img/commas-l.png") no-repeat top left;}
.footer .row.testimonials .commas-r {background: url("/a/img/commas-r.png") no-repeat bottom right;}
#pb_testimonial .content-pad {padding: 20px 130px;}

.footer .row.testimonials .author {text-align: right; color:#B0C3C2;}


.footer #menu-footer-menu {background:#465150; text-align: center; padding: 0.5rem; }
.footer #menu-footer-menu a {color:#CCC; padding: 0.5rem 1rem;}
.footer #menu-footer-menu a:hover {color:#FFF;}
.footer #menu-footer-menu li {border-left: 1px solid rgba(255,255,255,0.15); display: inline-block;}
.footer #menu-footer-menu li:first-child {border-left: none;}

.footer .row.contacts {background:#222222; color:#FFF; padding:1rem 0; font-size:90%;  }
.footer .row .columns { padding-bottom: 1rem; }
.footer ul.awards {margin: 0; vertical-align: top;}
.footer ul.awards li {display:inline-block; margin:0 10px 10px 0; border-radius: 5px; overflow: hidden; }
.footer ul.awards li img {display: block;}
.footer ul.awards li { box-shadow: 0 1px 6px #000; transition: all 0.3s;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.footer:hover ul.awards li {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.footer ul.awards li {font-size:2.3rem; min-width: 60px; height: 60px; border-radius: 5px; text-align: center; }
.footer .phone {font-size:1.5em;}




/* ------------------------ */
/*          BOOKING			*/
/* ------------------------ */
fieldset label, fieldset input, fieldset select {display:inline-block !important;}
fieldset label {width:25% !important; color:#FFF;}
fieldset input {width:60% !important;}
select#nights, select#pets, select#adults, select#children {width:auto;}

#datepicker {margin-top: 0;}
.key {text-align: center; margin-top: 0;}
.key span {display:inline-block; padding: 2px 15px; border-radius: 5px; margin: 0 3px; color:#222; }
.key .available {background:#9BD681;}
.key .unavailable {background:#E27545;}

.ui-datepicker td span, .ui-datepicker td a {padding: 3px; }
.ui-datepicker td {background-repeat:no-repeat; padding: 0; color:#222;}
.ui-datepicker .available {background-color: #9BD681;  }
.ui-datepicker .available a {font-weight: bold !important; color:#FFF;}
.ui-datepicker .notunavailable {background-color: #9BD681;}
.ui-datepicker .unavailable  {background-color: #E27545;}
.ui-datepicker .selected {background-color: #465150;}
.ui-datepicker .unavailable-start  {background-image: url("../images/booking-unavailable-start.png") ; background-position: bottom left;}
.ui-datepicker .unavailable-end  {background-image: url("../images/booking-unavailable-end.png"); background-position: top right;}
.ui-datepicker .unavailable-start.unavailable-end {background-image: none; background-color:#E27545; }
.ui-datepicker .available.available-start  {background-image: url("../images/booking-available-start.png"); background-position: bottom left;}
.ui-datepicker .available.unavailable-end.available-start  {background-image: url("../images/booking-unavailable-available.png"); background-position: bottom left;}
#datepicker {padding:0 2px 10px 2px; }
#datepicker .ui-datepicker-calendar {max-width: 250px;}
#datepicker .ui-datepicker-group {width:100%; padding-bottom: 10px; }
.ui-datepicker-group th {color:#FFF;}
#page-main .ui-datepicker-group a:hover {color: #FFF; border-bottom: none; }
#datepicker td, #datepicker th {width:14%; }
#datepicker th, #datepicker td a, #datepicker td span { text-align: center !important; height:27px;}
a.ui-state-active {background-image:url("../images/booking-selected-start.png") !important; color: #FFF !important;  background-position: bottom left; }
.ui-datepicker .selected-end a, .ui-datepicker .selected-end span {background-image:url("../images/booking-selected-end.png") !important;  background-position: top right; }
.ui-datepicker td {padding:0 !important;}

form p.error {color:#CC0000;}
form input.error {border-color:#CC0000; box-shadow: 0 0 5px #CC0000; }
form p.hidden {display:none;}

#pricedetails {font-size:1.5em; }
#pricedetails span { padding: 5px 10px; background:#465150; color:#FFF; border:none; border-radius: 10px; box-shadow: 1px 1px 5px #000;  }

#bookbutton {padding: 10px 20px; background:#465150; color:#FFF; border:none; border-radius: 10px; box-shadow: 1px 1px 5px #000; }
#bookbutton:active {box-shadow: none;}

#sb_primary .widget {margin-bottom: 1em !important; background: #465150; color:#FFF; border:5px solid #9BADAD; box-shadow: 0 1px 2px rgba(0,0,0,0.3); border-radius: 3px; }
.widget_pricesfrom {font-size:1.2em; line-height: 1.6em; text-align: center;   }
.widget_text {padding: 5px 4px 10px; }
.widget_text .widget-title {color:#FFF; text-align: center;}
.widget_text ul, .widget_text ul li {list-style: disc inside;}
.widget_text ul li {border-top: 1px solid #8DA2A1; padding: 4px 0; text-align: center;}
.widget_text ul li:first-child {border-top:none;}

.bookbutton {margin: 0 1em; text-align: center; padding: 5px; background: #8DA2A1; border-radius: 10px; color:#FFF; display:block; text-transform: uppercase;}
.bookbutton:hover {background: #222;}