/*
============================================================================
Global (h1..h6,lists,paragraphs,tables,links,form elements etc)
============================================================================
*/
/* Gradients */
body {
  background: #232323;
  color: #fbf4e5;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #eccd8e;
}

/* Text elements */
a:link, a:visited {
  color: #e5ba62;
}

a:hover, a:active {
  color: #dda637;
}

blockquote {
  border-left: solid 3px #eccd8e;
}

table {
  border: solid 1px #3d3d3d;
}

table th, table td {
  border: solid 1px #3d3d3d;
}

table th {
  background: #161616;
}

/* Forms */
input[type="text"], input[type="password"], input[type="date"], input[type="email"], textarea {
  background: #8F8063;
  color: #eccd8e;
  border: none;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea:focus {
  background: #eccd8e;
  color: #232323;
}

button, .button, input[type="button"], input[type="reset"], input[type="submit"] {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.3);
  background: #232323;
  color: #232323;
  background: -moz-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ceb991), color-stop(100%, #a68e5f));
  background: -webkit-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -o-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -ms-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: linear-gradient(to bottom, #ceb991 0%, #a68e5f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gold-gradient-from', endColorstr='$gold-gradient-to',GradientType=0 );
}

button:hover, button:focus, .button:hover, .button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
  color: #eccd8e;
  text-shadow: none;
}

::-webkit-input-placeholder {
  color: #333230;
}

:-moz-placeholder {
  color: #333230;
}

::-moz-placeholder {
  color: #333230;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #333230;
}

/* Media */
.overlay {
  color: #FFF !important;
}

/*
============================================================================
Global structural elements
============================================================================
*/
#main img, #sidebar img {
  border: solid 1px #694c12;
  background: #0a0a0a;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#main img:hover, #sidebar img:hover {
  border-color: #eccd8e;
}

.footer img {
  background: #232323;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/* Booking box / form */
#booking form {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border: solid 3px #af9769;
  background: #232323;
  color: #232323;
  background: -moz-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ceb991), color-stop(100%, #a68e5f));
  background: -webkit-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -o-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -ms-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: linear-gradient(to bottom, #ceb991 0%, #a68e5f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gold-gradient-from', endColorstr='$gold-gradient-to',GradientType=0 );
}

#booking label {
  color: #232323;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

#booking input[type="text"] {
  background: #232323;
  color: #eccd8e;
  border: none;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
}
#booking input[type="text"]::-webkit-input-placeholder { color:#eccd8e; } /*Google Chrome */
#booking input[type="text"]::-moz-placeholder { color:#eccd8e; } /* Firefox 19+ */
#booking input[type="text"]:-ms-input-placeholder { color:#eccd8e; } /* IE */
#booking input[type="text"]:-moz-placeholder { color:#eccd8e; }
#booking button {
  background: none;
  box-shadow: none;
  color: #93876e;
}

#booking .bookbtn input {
  color: #eccd8e;
  border: solid 2px #232323;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  background: #262626;
  /* Old browsers */
  background: -moz-linear-gradient(top, #262626 0%, #161616 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #161616));
  background: -webkit-linear-gradient(top, #262626 0%, #161616 100%);
  background: -o-linear-gradient(top, #262626 0%, #161616 100%);
  background: -ms-linear-gradient(top, #262626 0%, #161616 100%);
  background: linear-gradient(to bottom, #262626 0%, #161616 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$grey-gradient-from', endColorstr='$grey-gradient-to',GradientType=0 );
}

#booking .bookbtn input:hover {
  color: #eccd8e;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}

/*
============================================================================
Header (Logo etc)
============================================================================
*/
.header-group {
  border: solid 3px #2b2b2b;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background: #262626;
  /* Old browsers */
  background: -moz-linear-gradient(top, #262626 0%, #161616 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #161616));
  background: -webkit-linear-gradient(top, #262626 0%, #161616 100%);
  background: -o-linear-gradient(top, #262626 0%, #161616 100%);
  background: -ms-linear-gradient(top, #262626 0%, #161616 100%);
  background: linear-gradient(to bottom, #262626 0%, #161616 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$grey-gradient-from', endColorstr='$grey-gradient-to',GradientType=0 );
}

#header-trans {
  background: rgba(0, 0, 0, 0.6);
}

#header h1 a {
  color: #eccd8e;
}

/*
============================================================================
Navigation (for every navigational element in the theme)
============================================================================
*/
.nav li a {
  color: #eccd8e;
}

.nav li:hover > a {
  color: #e5ba62;
}

.nav li li a:hover {
  background: #232323;
  background: rgba(0, 0, 0, 0.8);
}

.nav ul {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
}

.nav .current-menu-item a {
  color: #fff;
}

/*
============================================================================
Pagination
============================================================================
*/
#paging a {
  border: solid 1px #eccd8e;
}

#paging span {
  background: #eccd8e;
  color: #232323;
}

/*
============================================================================
Footer / Credits
============================================================================
*/
#footer-wrap {
  background: #dfc99b;
  border-top: solid 1px #f3e0ba;
  box-shadow: 0 -5px 10px black;
}

#credits-wrap {
  background: #c9b07e;
}

#credits {
  color: #262626;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
}

#credits a {
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}

/*
============================================================================
Homepage specific styles
============================================================================
*/
/* Slider */
#slider:after {
  border: solid 2px rgba(0, 0, 0, 0.3);
}

.slide-badge {
  background: rgba(0, 0, 0, 0.6);
  border: solid 3px transparent;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.slide-badge h2 {
  color: #fff;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.7);
}

.slide-badge p {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
}

/* Home newsletter */
.hn {
  border-top: solid 1px #4b4230;
  border-bottom: solid 1px #4b4230;
}

.hn h3 span {
  background: #232323;
}

/*
============================================================================
Pages generic styles
============================================================================
*/
.hero-content h2 {
  background: rgba(0, 0, 0, 0.6);
  border: solid 3px transparent;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  color: #fff;
}

.btn-book {
  color: #c5ab7b;
  text-shadow: 1px 1px #000;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

/*
============================================================================
Room page
============================================================================
*/
.room-price {
  color: #999;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border: solid 1px #2b2b2b;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background: #262626;
  /* Old browsers */
  background: -moz-linear-gradient(top, #262626 0%, #161616 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #161616));
  background: -webkit-linear-gradient(top, #262626 0%, #161616 100%);
  background: -o-linear-gradient(top, #262626 0%, #161616 100%);
  background: -ms-linear-gradient(top, #262626 0%, #161616 100%);
  background: linear-gradient(to bottom, #262626 0%, #161616 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$grey-gradient-from', endColorstr='$grey-gradient-to',GradientType=0 );
}

.room-price span {
  color: #eccd8e;
}

.room-offer {
  color: rgba(255, 255, 255, 0.3);
}

.footer .room-offer {
  color: white;
}

#room-amenities {
  color: #232323;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  border: solid 3px #af9769;
  background: #232323;
  color: #232323;
  background: -moz-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ceb991), color-stop(100%, #a68e5f));
  background: -webkit-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -o-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -ms-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: linear-gradient(to bottom, #ceb991 0%, #a68e5f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gold-gradient-from', endColorstr='$gold-gradient-to',GradientType=0 );
}

#room-amenities h3 {
  color: #232323;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
}

#room-amenities li i {
  color: #7b6333;
}

/*
============================================================================
Blog page
============================================================================
*/
.comments-no a {
  color: #232323;
  background: #232323;
  color: #232323;
  background: -moz-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ceb991), color-stop(100%, #a68e5f));
  background: -webkit-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -o-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: -ms-linear-gradient(top, #ceb991 0%, #a68e5f 100%);
  background: linear-gradient(to bottom, #ceb991 0%, #a68e5f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gold-gradient-from', endColorstr='$gold-gradient-to',GradientType=0 );
}

/*
============================================================================
Widgets
============================================================================
*/
.widget-title {
  border-bottom: solid 1px #0a0a0a;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05);
}

.widget ul li {
  border-bottom: 1px dashed #303030;
}

/* Footer styles for widgets */
.footer .widget-title {
  color: #232323;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.footer .widget .widget-title a {
  color: #232323;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.footer .widget {
  color: #232323;
}

.footer .widget ul li {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}

.footer .widget a {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

/* Widget Calendar */
#wp-calendar caption {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
}

#wp-calendar thead th {
  background: rgba(0, 0, 0, 0.1);
}

#wp-calendar td {
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

#wp-calendar tbody td:hover {
  background: rgba(0, 0, 0, 0.1);
}

/* Widget Book */
.widget_ci_book_room_widget {
  border-top: solid 1px #4b4230;
  border-bottom: solid 1px #4b4230;
}

/*
============================================================================
Mobile menu
============================================================================
*/
#mobile-bar {
  background: #232323;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.menu-trigger, .menu-trigger:focus {
  background: none;
  color: #3d3d3d;
}

.menu-trigger:hover {
  opacity: 0.95;
  color: #fff;
}

.menu-trigger:active {
  opacity: 1;
}

.mob-title {
  color: #fff;
}

/*
============================================================================
CSSIgniter Dropckick styles
============================================================================
*/
.dk_theme_ci .dk_toggle {
  background: #232323;
  color: #eccd8e;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
}

#booking-form .dk_theme_ci .dk_toggle {
  background: #8F8063;
  color: #eccd8e;
}

.dk_theme_ci.dk_open .dk_toggle {
  color: #eccd8e;
}

.dk_theme_ci .dk_options {
  border: solid 2px #eccd8e;
}

.dk_theme_ci .dk_options li {
  border-bottom: 1px solid #0a0a0a;
}

.dk_theme_ci .dk_options li:last-child {
  border-bottom: none;
}

.dk_theme_ci .dk_options a {
  background: #232323;
  color: #eccd8e;
}

.dk_theme_ci .dk_options a:hover {
  background: #eccd8e;
  color: #232323 !important;
}

.b-form .dk_theme_ci .dk_options a {
  background: rgba(250, 250, 250, 0.9);
}