/* Cream/Red Colour Scheme */

/* Grey Background */
body { background: #f8f9ec; }
#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: #ff3e2c; }
.slider-caption p.dark-caption { background: rgba(28, 28, 28, 0.8); }
.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: #ff3e2c; }
.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: #ff3e2c; */ border-color: #1c1c1c; }

#slider .home-reservation-box, .dark-wrapper, .text-slider ul li, #footer, #lang_sel_footer, .booking-side, .booking-main, .step-icon, a.button0, .lightbox-title, .widget-reservation-box, #ui-datepicker-div { background: #1c1c1c !important; }
.title-block, .home-reservation-box input[type="submit"], .widget-reservation-box input[type="submit"], .booking-side input[type="submit"], #footer .nsu-submit, .step-icon-current { background: #ff3e2c !important; }
.home-reservation-box input[type="submit"]:hover, #footer .button1:hover, #footer .nsu-submit:hover, a.button0:hover { background: #fff !important; }
.home-reservation-box, .booking-side, .booking-main, #ui-datepicker-div, .widget-reservation-box { border-color: #ff3e2c !important; }

/* 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: #1c1c1c; }
/* .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: #1c1c1c; } */
/* .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: #ff3e2c; } */
.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: #ff3e2c; }
.slider-caption p.colour-caption { background: rgba(225, 73, 62, 0.8); }

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

.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: #1c1c1c; }

/* 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; } */
.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; }
.price-details .total-only, .room-price-widget .from, .room-price-widget .price-detail { color: #fff; }
/* 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: #1c1c1c !important; Old browsers background: -moz-linear-gradient(-45deg, #424242 0%, #424242 50%, #1c1c1c 50%, #1c1c1c 100%) !important; FF3.6+ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#424242), color-stop(50%,#424242), color-stop(51%,#1c1c1c), color-stop(100%,#1c1c1c)) !important; Chrome,Safari4+ background: -webkit-linear-gradient(-45deg, #424242 0%,#424242 50%,#1c1c1c 50%,#1c1c1c 100%) !important; Chrome10+,Safari5.1+ background: -o-linear-gradient(-45deg, #424242 0%,#424242 50%,#1c1c1c 50%,#1c1c1c 100%) !important; Opera 11.10+ background: -ms-linear-gradient(-45deg, #424242 0%,#424242 50%,#1c1c1c 50%,#1c1c1c 100%) !important; IE10+ background: linear-gradient(135deg, #424242 0%,#424242 50%,#1c1c1c 50%,#1c1c1c 100%) !important; W3C filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#1c1c1c',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: #ff3e2c !important; /* Old browsers */ background: -moz-linear-gradient(-45deg, #424242 0%, #424242 50%, #ff3e2c 50%, #ff3e2c 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#424242), color-stop(50%,#424242), color-stop(51%,#ff3e2c), color-stop(100%,#ff3e2c)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #424242 0%,#424242 50%,#ff3e2c 50%,#ff3e2c 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #424242 0%,#424242 50%,#ff3e2c 50%,#ff3e2c 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #424242 0%,#424242 50%,#ff3e2c 50%,#ff3e2c 100%) !important; /* IE10+ */ background: linear-gradient(135deg, #424242 0%,#424242 50%,#ff3e2c 50%,#ff3e2c 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#ff3e2c',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: #1c1c1c !important; /* Old browsers */ background: -moz-linear-gradient(-45deg, #292929 0%, #292929 50%, #1c1c1c 50%, #1c1c1c 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#292929), color-stop(50%,#292929), color-stop(51%,#1c1c1c), color-stop(100%,#1c1c1c)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #292929 0%,#292929 50%,#1c1c1c 50%,#1c1c1c 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #292929 0%,#292929 50%,#1c1c1c 50%,#1c1c1c 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #292929 0%,#292929 50%,#1c1c1c 50%,#1c1c1c 100%) !important; /* IE10+ */ background: linear-gradient(135deg, #292929 0%,#292929 50%,#1c1c1c 50%,#1c1c1c 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#1c1c1c',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: #1c1c1c !important; Old browsers background: -moz-linear-gradient(-45deg, #424242 0%, #424242 50%, #1c1c1c 50%, #1c1c1c 100%) !important; FF3.6+ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#424242), color-stop(50%,#424242), color-stop(51%,#1c1c1c), color-stop(100%,#1c1c1c)) !important; Chrome,Safari4+ background: -webkit-linear-gradient(-45deg, #424242 0%,#424242 50%,#1c1c1c 50%,#1c1c1c 100%) !important; Chrome10+,Safari5.1+ background: -o-linear-gradient(-45deg, #424242 0%,#424242 50%,#1c1c1c 50%,#1c1c1c 100%) !important; Opera 11.10+ background: -ms-linear-gradient(-45deg, #424242 0%,#424242 50%,#1c1c1c 50%,#1c1c1c 100%) !important; IE10+ background: linear-gradient(135deg, #1c1c1c 0%,#1c1c1c 50%,#424242 50%,#424242 100%) !important; W3C filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#424242',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: #ff3e2c !important; /* Old browsers */ background: -moz-linear-gradient(-45deg, #424242 0%, #424242 50%, #ff3e2c 50%, #ff3e2c 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#424242), color-stop(50%,#424242), color-stop(51%,#ff3e2c), color-stop(100%,#ff3e2c)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #424242 0%,#424242 50%,#ff3e2c 50%,#ff3e2c 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #424242 0%,#424242 50%,#ff3e2c 50%,#ff3e2c 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #424242 0%,#424242 50%,#ff3e2c 50%,#ff3e2c 100%) !important; /* IE10+ */ background: linear-gradient(135deg, #ff3e2c 0%,#ff3e2c 50%,#424242 50%,#424242 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3e2c', 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: #1c1c1c !important; /* Old browsers */ background: -moz-linear-gradient(-45deg, #292929 0%, #292929 50%, #1c1c1c 50%, #1c1c1c 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#292929), color-stop(50%,#292929), color-stop(51%,#1c1c1c), color-stop(100%,#1c1c1c)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #292929 0%,#292929 50%,#1c1c1c 50%,#1c1c1c 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #292929 0%,#292929 50%,#1c1c1c 50%,#1c1c1c 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #292929 0%,#292929 50%,#1c1c1c 50%,#1c1c1c 100%) !important; /* IE10+ */ background: linear-gradient(135deg, #1c1c1c 0%,#1c1c1c 50%,#292929 50%,#292929 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#292929',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */ }