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

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

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

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

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

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"], textarea {
  background: #FFFCDD;
  color: #A86E3D;
  border: none;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea:focus {
  background: #FFFEF4;
  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, #FFE89E 0%, #fae7a1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFE89E), color-stop(100%, #fae7a1));
  background: -webkit-linear-gradient(top, #FFE89E 0%, #fae7a1 100%);
  background: -o-linear-gradient(top, #FFE89E 0%, #fae7a1 100%);
  background: -ms-linear-gradient(top, #FFE89E 0%, #fae7a1 100%);
  background: linear-gradient(to bottom, #FFE89E 0%, #fae7a1 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: #FFFEF4;
  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: #FFF1D2 !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: #F98420;
}

.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: #F98420;
  color: #F98420;
  background: -moz-linear-gradient(top, #FFE89E 0%, #fae7a1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFE89E), color-stop(100%, #fae7a1));
  background: -webkit-linear-gradient(top, #FFE89E 0%, #fae7a1 100%);
  background: -o-linear-gradient(top, #FFE89E 0%, #fae7a1 100%);
  background: -ms-linear-gradient(top, #FFE89E 0%, #fae7a1 100%);
  background: linear-gradient(to bottom, #FFE89E 0%, #fae7a1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gold-gradient-from', endColorstr='$gold-gradient-to',GradientType=0 );
}

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

#booking input[type="text"] {
  background: #FFFEF4;
  color: #A86E3D;
  font-size: 16px;
  border: none;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
}

#booking button {
  background: none;
  box-shadow: none;
  color: #93876e;
}

#booking .bookbtn input {
  color: #F98420;
  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: #F98420;
  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 );
  opacity: 0.9;
}

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

#header h1 a {
  color: #F98420;
}

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

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

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

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

/*
============================================================================
Footer / Credits
============================================================================
*/
#footer-wrap {
  background: url(/wp-content/uploads/2014/09/backgroud.jpg) repeat left top;
  border-top: solid 1px #f3e0ba;
  /* box-shadow: 0 -5px 10px black; */
}

#credits-wrap {
background: url(/wp-content/uploads/2014/09/backgroud.jpg) repeat left top;
}

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

#credits a {
  color: #FFF1D2;
  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: #FFF1D2;
  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: #FFF1D2;
}

.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 );
  font-weight: 400;
}


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

.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, #FFE89E 0%, #fae7a1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFE89E), color-stop(100%, #fae7a1));
  background: -webkit-linear-gradient(top, #FFE89E 0%, #fae7a1 100%);
  background: -o-linear-gradient(top, #FFE89E 0%, #fae7a1 100%);
  background: -ms-linear-gradient(top, #FFE89E 0%, #fae7a1 100%);
  background: linear-gradient(to bottom, #FFE89E 0%, #fae7a1 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, #FFE89E 0%, #fae7a1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFE89E), color-stop(100%, #fae7a1));
  background: -webkit-linear-gradient(top, #FFE89E 0%, #fae7a1 100%);
  background: -o-linear-gradient(top, #FFE89E 0%, #fae7a1 100%);
  background: -ms-linear-gradient(top, #FFE89E 0%, #fae7a1 100%);
  background: linear-gradient(to bottom, #FFE89E 0%, #fae7a1 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);
  font-weight: 400;  
}

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

/* Footer styles for widgets */
.footer .widget-title {
  color: #F98420;
  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: #FFF1D2;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.footer .widget {
  color: #FFF1D2;
}

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

.footer .widget a {
  color: #FFF1D2;
  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: #FFF1D2;
}

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

.mob-title {
  color: #FFF1D2;
}

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

#booking-form .dk_theme_ci .dk_toggle {
  background: #FFFCDD;
  color: #A86E3D;
}

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

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

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

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

.b-form .dk_theme_ci .dk_options a {
  background: rgba(250, 250, 250, 0.9);
}
.crafty-social-button img {padding: 0px !important;
border: solid 0px #694c12 !important;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.5) !important;
}
/*Nhatonly*/
#commentform-170 .comment-form-author{
width: 40%;
}
#commentform-170 .comment-form-email{
width: 40%;
}
#submit-170{
height: 30px;
}
.saic-captcha {
padding-top: 10px;
}
.saic-wrapper .saic-wrap-form {
padding: 15px 15px 2px;
}
.saic-wrapper img{
border: solid 1px #DAA02D !important;

}
.saic-wrapper .saic-wrap-textarea{
padding-bottom: 0px;
}