/* Blue/Black Colour Scheme */

/* Grey Background */
body {
	background: #c9e7f1;
}

#background-wrapper {
	background: url(../../images/text_bg_light.png) no-repeat fixed center 120px;
}

#wrapper {
	box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.1);
}

/* Black Colour Elements */
#topbar,
#slider .home-reservation-box,
#slider-full .home-reservation-box,
#footer,
.mobile-menu-title,
.mobile-menu-inner,
.dark-wrapper .text-slider ul li,
.widget-reservation-box,
.dark-wrapper,
.booking-side,
.booking-main,
.price-details .deposit,
.price-details .total,
.price-details .total-only,
.price-details .full-payment,
#ui-datepicker-div,
.step-icon,
.lightbox-title,
#language-selection li li a,
.room-price-widget .from,
.room-price-widget .price-detail,
#lang_sel_footer {
	background: #1c1c1c;
}

.slider-caption p.dark-caption {
	background: rgba(28, 28, 28, 0.7);
}

.gmap-button,
.gmap-button:hover,
.gmap-button-hover,
.mobile-menu-button,
.contact_details_list .phone_list:before,
.contact_details_list .fax_list:before,
.contact_details_list .email_list:before,
.contact_details_list .address_list:before {
	background-color: #1c1c1c;
}

.contact_details_list_dark .phone_list:before,
.contact_details_list_dark .fax_list:before,
.contact_details_list_dark .email_list:before {
	background-color: #fff;
}

.ui-datepicker-calendar tbody tr td a,
#open_datepicker .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default,
.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable span {
	border-color: #1c1c1c;
}

/* Gold Colour Elements */
#navigation .current-menu-item,
#navigation .current_page_item,
#navigation li:hover,
blockquote,
.button1:hover,
.button4:hover,
.button5:hover,
.button2,
.wpcf7-submit,
#submit,
.button3,
.button6,
#footer .button1,
.ui-tabs .ui-tabs-nav li.ui-state-active,
.widget-reservation-box,
.booking-side,
.booking-main,
#slider .home-reservation-box,
#slider-full .home-reservation-box,
#ui-datepicker-div,
.pagination-wrapper .selected,
.pagination-wrapper a:hover,
.wp-pagenavi .current,
.wp-pagenavi a:hover,
.tagcloud a:hover,
.nsu-submit:hover,
#footer .nsu-submit {
	border-color: #40a5c3;
}

.title-block,
.button1:hover,
.button4:hover,
.button5:hover,
.button2,
.wpcf7-submit,
#submit,
.button3,
.button6,
#footer .button1,
.page-content table th,
.event-month,
.key-selected-icon,
.dark-notice,
.booking-main input[type="submit"],
.home-reservation-box input[type="submit"],
.widget-reservation-box input[type="submit"],
.booking-side input[type="submit"],
.ui-datepicker-calendar tbody tr td a.ui-state-hover,
.ui-datepicker-calendar .dp-highlight .ui-state-default,
.step-icon-current,
.pagination-wrapper .selected,
.pagination-wrapper a:hover,
.wp-pagenavi .current,
.wp-pagenavi a:hover,
.tagcloud a:hover,
a.button0,
.more-link,
.nsu-submit:hover,
#footer .nsu-submit {
	background: #40a5c3;
}

.slider-caption p.colour-caption {
	background: rgba(64, 165, 195, 0.7);
}

.page-content p a,
.page-content ol li a,
.page-content ul li a {
	color: #40a5c3;
}

.facebook-icon:hover,
.twitter-icon:hover,
.pinterest-icon:hover,
.gplus-icon:hover,
.linkedin-icon:hover,
.yelp-icon:hover,
.instagram-icon:hover,
.tripadvisor-icon:hover {
	background-color: #40a5c3;
}

/* Grey Text Elements */
.dark-wrapper .blog-entry-inner h4 span,
.dark-wrapper .event-entry-inner h4 span,
.booking-side ul li span,
.room-list-right .room-meta li span,
.room-price .price,
.price-breakdown-display span,
.dark-wrapper .testimonial-author,
.price-details .deposit,
.price-details .total,
.price-details .total-only,
.price-details .full-payment,
.contact_details_list_dark li strong,
.room-price-widget .from,
.room-price-widget .price-detail,
#footer .tweets li span,
#footer .tweets li a {
	color: #8b8b8b;
}

/* Grey Background Elements */
.key-available-icon,
.price-details .total-line,
.ui-datepicker-calendar tbody tr td a {
	background: #424242;
}

/* Grey Border Elements */
.dark-wrapper .blog-entry-inner h4 span,
.dark-wrapper .event-entry-inner h4 span,
.room-list-wrapper .room-item,
.price-breakdown-open,
.dark-wrapper .title-style1,
.space7,
.space8,
.booking-side ul li,
.price-details,
.ui-datepicker-calendar thead tr th,
#language-selection li li a,
.price-details .price-breakdown,
#open_datepicker .ui-datepicker-group-first,
.contact_details_list_dark li,
.room-price-widget,
.dark-wrapper .testimonial-wrapper,
#footer-bottom,
#lang_sel_footer {
	border-color: #424242;
}

/* Grey Text Elements */
#footer-bottom ul li span {
	color: #424242;
}

/* Grey Hover Background */
#language-selection li li a:hover {
	background: #2b2b2b;
}

/* Grey Datepicker Elements */
#open_datepicker .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default,
.key-unavailable-icon {
	background: #292929;
	color: #7b7b7b;
}

.dp-half-begin a {
    background: #424242  !important; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #424242 0%, #424242 50%, #292929 50%, #292929 100%)  !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#424242), color-stop(50%,#424242), color-stop(51%,#292929), color-stop(100%,#292929))  !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #424242 0%,#424242 50%,#292929 50%,#292929 100%)  !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #424242 0%,#424242 50%,#292929 50%,#292929 100%)  !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #424242 0%,#424242 50%,#292929 50%,#292929 100%)  !important; /* IE10+ */
    background: linear-gradient(135deg, #424242 0%,#424242 50%,#292929 50%,#292929 100%)  !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#292929',GradientType=1 )  !important; /* IE6-9 fallback on horizontal gradient */
}

.dp-half-end a {
    background: #424242  !important; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #292929 0%, #292929 50%, #424242 50%, #424242 100%)  !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#292929), color-stop(50%,#292929), color-stop(51%,#424242), color-stop(100%,#424242))  !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #292929 0%,#292929 50%,#424242 50%,#424242 100%)  !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #292929 0%,#292929 50%,#424242 50%,#424242 100%)  !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #292929 0%,#292929 50%,#424242 50%,#424242 100%)  !important; /* IE10+ */
    background: linear-gradient(135deg, #292929 0%,#292929 50%,#424242 50%,#424242 100%)  !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#424242',GradientType=1 )  !important; /* IE6-9 fallback on horizontal gradient */
}

.dp-highlight-begin a,
.ui-datepicker-calendar tbody tr td a.ui-state-hover,
.dp-flip .ui-datepicker-calendar tbody tr td.dp-highlight-begin a.ui-state-hover { /* light/highlight */
    background: #40a5c3  !important; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #424242 0%, #424242 50%, #40a5c3 50%, #40a5c3 100%)  !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#424242), color-stop(50%,#424242), color-stop(51%,#40a5c3), color-stop(100%,#40a5c3))  !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #424242 0%,#424242 50%,#40a5c3 50%,#40a5c3 100%)  !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #424242 0%,#424242 50%,#40a5c3 50%,#40a5c3 100%)  !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #424242 0%,#424242 50%,#40a5c3 50%,#40a5c3 100%)  !important; /* IE10+ */
    background: linear-gradient(135deg, #424242 0%,#424242 50%,#40a5c3 50%,#40a5c3 100%)  !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#40a5c3',GradientType=1 )  !important; /* IE6-9 fallback on horizontal gradient */
}

.dp-highlight-begin-blocked a,
.ui-datepicker-calendar tbody tr td.dp-half-end a.ui-state-hover,
.ui-datepicker-calendar tbody tr td.dp-highlight-begin-blocked a.ui-state-hover,
.dp-flip .ui-datepicker-calendar tbody tr td.dp-highlight-begin-blocked a.ui-state-hover,
.dp-flip .ui-datepicker-calendar tbody tr td.dp-half-end a.ui-state-hover { /* dark/highlight */
    background: #40a5c3  !important; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #292929 0%, #292929 50%, #40a5c3 50%, #40a5c3 100%)  !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#292929), color-stop(50%,#292929), color-stop(51%,#40a5c3), color-stop(100%,#40a5c3))  !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #292929 0%,#292929 50%,#40a5c3 50%,#40a5c3 100%)  !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #292929 0%,#292929 50%,#40a5c3 50%,#40a5c3 100%)  !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #292929 0%,#292929 50%,#40a5c3 50%,#40a5c3 100%)  !important; /* IE10+ */
    background: linear-gradient(135deg, #292929 0%,#292929 50%,#40a5c3 50%,#40a5c3 100%)  !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#40a5c3',GradientType=1 )  !important; /* IE6-9 fallback on horizontal gradient */
}

.dp-highlight-end a,
.ui-datepicker-calendar tbody tr td.dp-highlight-end a.ui-state-hover,
.dp-flip .ui-datepicker-calendar tbody tr td a.ui-state-hover { /* highlight/light */
	background: #40a5c3  !important; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #424242 0%, #424242 50%, #40a5c3 50%, #40a5c3 100%)  !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#424242), color-stop(50%,#424242), color-stop(51%,#40a5c3), color-stop(100%,#40a5c3))  !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #424242 0%,#424242 50%,#40a5c3 50%,#40a5c3 100%)  !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #424242 0%,#424242 50%,#40a5c3 50%,#40a5c3 100%)  !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #424242 0%,#424242 50%,#40a5c3 50%,#40a5c3 100%)  !important; /* IE10+ */
    background: linear-gradient(135deg, #40a5c3 0%,#40a5c3 50%,#424242 50%,#424242 100%)  !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a5c3', endColorstr='#424242',GradientType=1 )  !important; /* IE6-9 fallback on horizontal gradient */
}

.dp-highlight-end-blocked a,
.ui-datepicker-calendar tbody tr td.dp-half-begin a.ui-state-hover,
.ui-datepicker-calendar tbody tr td.dp-highlight-end-blocked a.ui-state-hover { /* highlight/dark */
   background: #40a5c3  !important; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #292929 0%, #292929 50%, #40a5c3 50%, #40a5c3 100%)  !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#292929), color-stop(50%,#292929), color-stop(51%,#40a5c3), color-stop(100%,#40a5c3))  !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #292929 0%,#292929 50%,#40a5c3 50%,#40a5c3 100%)  !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #292929 0%,#292929 50%,#40a5c3 50%,#40a5c3 100%)  !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #292929 0%,#292929 50%,#40a5c3 50%,#40a5c3 100%)  !important; /* IE10+ */
    background: linear-gradient(135deg, #40a5c3 0%,#40a5c3 50%,#292929 50%,#292929 100%)  !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a5c3', endColorstr='#292929',GradientType=1 )  !important; /* IE6-9 fallback on horizontal gradient */
}