/* [[[ Branding Overrides ]]] */
body { background-color: transparent; font-family: 'Lato', sans-serif !important;}
html { 
 background: #FCFBF5;

}

form { margin: 0; }

.row { width: 960px; }

h1 { color: #000; font-weight: 600; }

#Footer { display: none; }
#Content 
{ 
  
  background-color:#FCFBF5; 
  margin-top: 0px; 
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0px;
  padding-bottom:0px;
  
}

/* [[[ Search Page ]]] */

#step_content 
{
  background-color: #FCFBF5;
  
  padding: 0 15px 25px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

#style_container_outer {position: absolute; top: 200px; right: 70px; }
#style_container 
{ 
  border: none;
  width: 410px; 
  height: 310px; 
  background: url(https://www.bookonthenet.net/west/RKEresStorage/Images/Portal/RoughleyPrem_image2.png) no-repeat center center;
  background-size:cover;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/*.eres_guest .login_options {
	background:#c1b59c;
}
*/

/* [[[ TA Nav Panel ]]] */

.nav_bar_panel { background: #eeece1;}
.nav-bar > li > a:first-child { color: #000000; text-shadow: none; }
.nav-bar > li.res_steps.active > a:first-child { color: #fff; }
.nav-bar { margin-top: 5px; }
.nav-bar > li.res_steps.no-access:hover { background: #eeece1; }

.pre_nav_bar { background: #ddcda2; }
.pre_nav_bar > h2 { color: #000000; text-shadow: none; line-height: 1;}
.nav-bar > li.res_steps:hover { background: #605a42; }
.nav-bar > li.res_steps:hover > a:first-child  { color: #fff; }
.nav-bar > li.res_steps.no-access:hover > a:first-child  { color: #000000; }
.nav-bar > li.res_steps.active,
.nav-bar > li.res_steps.active:hover { background: #605a42; }

.ta_nav_bar > li > a,
#Content a.coupon_codes,
#lblShowDetails {
	color:#605A42;
}

.reveal-modal .login_container a.create_account,
.eres_search .coupon_codes { color: #605A42; }

/* [[[ Reservation Resultlist Page ]]] */
.eres_resultlist .rate_cat_hdr { background: #605A42; }
p,
.eres_resultlist .search_panel span,
.eres_resultlist .rates .rates_detail_row .btnShowRateDetail,
.eres_resultlist .rates .rates_detail_row .btnHideRateDetail,
.eres_resultlist .rates .lblRoomType,
.eres_resultlist .rates .lblAverageRate { color: #666; } 
.eres_resultlist .rates .lblRateName { font-size: 12px; }
.reveal-modal .gs_container h4 { color: #000; }
.eres_resultlist .avail_grid_footer.columns,
.eres_resultlist .avail_grid .columns > .current_day_avail {background-color: #35291F;}
.eres_resultlist .avail_grid .columns > .current_day_avail > span { color: rgba(255,255,255,1); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);}
.eres_resultlist .rate_cat_hdr .rate_cat_name {
    color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.arrow-down {
    border-top: 10px solid #fff;
}
.arrow-up {
    border-bottom: 10px solid #fff;
}

.eres_resultlist .avail_grid_outer .arrow-right {
border-left: 10px solid #35291F !important;
}

.eres_resultlist .avail_grid_outer .arrow-left {
border-right: 10px solid #35291F !important;
}


/* [[[ Special Promo ]]] */
.eres_resultlist .rates .lblSpecialRate { color: #A52A2A; }
.eres_resultlist .promo_corner { border-left-color: #A52A2A; }
.eres_resultlist .rate_category_wrapper.promo { border-color: #A52A2A; background:transparent;}

/* [[[ Guest Information ]]] */
.summary_panel span.summary_header,
.guest_reservation_info h2,
#lblCPSuccess { color: #1E1E1E; }

.eres_guest h5,
.search_controls > div > div > h5 {
    font-weight: bold !important;
    font-size: 1em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    float: left !important;
    color: #1E1E1E;
    /*text-shadow: 0px -1px 1px rgba(0,0,0,0.4), 0px 1px 0px rgba(255,255,255,0.5);*/
}
 
.ta_container > div:nth-child(1) > div:nth-child(4) > div:nth-child(1),
#pnlCCInfo > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1),
.eres_guest > div:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    width: 100% !important;
}
/*Text Colors */
.eres_resultlist .search_panel .coupon_labels {
	font-weight:bold;
}

.eres_resultlist .search_panel span {
	font-weight:bold;
	
}
/* [[[ Reservation Complete ]]] */
.row.login_title,
li,
h4,
#btnCreateAccount,
#btnForgotPassword,
.result_descriptions,
.result_descriptions,
#lblPropertyCurrency,
#lblPropertyCurrencyLabel,
#hlPolicy,
.rrd_tab > a,
.eres_guest h1,
.eres_guest h4,
.eres_guest h5,
.eres_guest span,
div[id^='md'] h1,
div[id^='md'] h5,
div[id^='md'] h4,
div[id^='md'] p,
div[id^='md'] span,
.ta_container h1,
.ta_container p,
.ta_container h5,
#filter_selections span,
#lblShowDetails,
#Content h1,
#Content h5,
#Content p,
#Content div.row .eres_resultlist .search_panel .coupon_labels,
.eres_resultlist h1,
.eres_resultlist .title_description,
.eres_resultlist .search_panel span,
.eres_resultlist .rates .lblSpecialRate,
.eres_resultlist .rates .rates_detail_row .btnShowRateDetail,
.eres_resultlist .rates .rates_detail_row .btnHideRateDetail,
.eres_resultlist .rates .lblAverageRate,
.eres_resultlist .rates span.lblRoomType,
.eres_resultlist .rates span.lblDiscountRate,
.eres_resultlist .rates span.lblRateName,
.eres_resultlist .search_panel .coupon_labels,
.avail_grid_outer .avail_grid .avail_grid_inner .shoulder span,
#ShowDetails_3_16_R > div > div.row.rrd_tab_container > div:nth-child(1) > a,
.reveal-modal .filter_container h4 {
    color: #1E1E1E!important;
    font-weight: normal;
    /*text-shadow: 0px 1px 4px rgba(51, 51, 51, 0.4) !important;*/
}

.eres_resultlist .avail_grid .columns.shoulder_na > span {
    color: red !important;
}

/* [[[ Modify/Cancel/Groups Text - note - Groups keeps content_steps background while Modify uses content background  ]]] */
span, h2 {
	color:#1E1E1E;
}


/* [[[ Mobile Buttons ]]] */

.mobile_header, .nav_bar_mobile_title {
	background:#DDCDA2;
}
.nav_bar_mobile_title > span.mobile_title {
	color:#000;
}

.arrow-left {
	border-right: 10px solid #000;
}

/* [[[ Buttons ]]] */
#btnReservationFilter,
.button.alert,
.button.success {
    color: #fff !important;
    border: 1px solid #000;
    background: #000;
    text-shadow: none;
	box-shadow: none;
	border-radius: 0px;
	text-transform: uppercase;
}

    #btnReservationFilter:hover,
    .button.alert:hover,
    .button.success:hover {
		color:#fff !important; 
		border: 1px solid #605A42;
		background: #605A42;
		
    }
/* [[[ Room Details Button ]]]*/
.divRoomDetailsCover a.small.radius.success.button {
    background: #605A42 !important;
    border:1px solid #605A42 !important;
	  color: #fff !important;
	    padding: 8px;
}

.button.success:focus {
-webkit-box-shadow: none;
-moz-box-shadow:none;
box-shadow: none;
}

.button.disabled.success:hover,
.button.disabled.success {
    border-color: rgba(180, 180, 180, 0.8);
    background-color: rgba(180, 180, 180, 0.8);
}

/* [[[ Pop-up Windows ]]] */
.reveal-modal .cancel_container, .reveal-modal .guest_change_pwd_container, .reveal-modal .guest_container, .reveal-modal .gs_container, .reveal-modal .login_container, .reveal-modal .filter_container, .reveal-modal .expiry_container, .reveal-modal .message_container, .reveal-modal .ta_container, .reveal-modal .gp_container, .reveal-modal .ratedetail_container, .reveal-modal .abandonment_container, .reveal-modal .guest_container {
	background:#FCFBF5 !important;
}

div[id^="md"],
div[id^="md"] > div
{
	background:#fff;
}
.eres_guest h5,
.search_controls > div > div > h5
{
	font-weight: bold !important; 
	font-size: 1em !important; 
	white-space: nowrap !important; 
	overflow: hidden !important; 
}
.eres_guest > div:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1),
#pnlCCInfo > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1),
.ta_container > div:nth-child(1) > div:nth-child(4) > div:nth-child(1){width: 100%!important;}

/*------------Calendar-----------------*/

.ui-widget-header {
	border: 1px solid #605a42!important;
	background: #605a42!important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{
	border: 1px solid #f0f0f0!important;
	background: #d2d0d0!important;
	color: #000!important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active 
{
	border: 1px solid #DDCDA2!important;
	background: #DDCDA2!important;
	color: #000!important;
}

.ui-widget-content {
border: 1px solid #dddddd!important;
background: #fff!important;
color: #000!important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{
border: 1px solid #fff!important;
background: #fff url(images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x!important;
color: #000!important;
}

table.ui-datepicker-calendar  > thead > tr > th > span
{
	color:  #000!important;
}

.ui-datepicker-month, .ui-datepicker-year
{
	color: #000!important;
}

a.ui-datepicker-prev.ui-corner-all:hover, a.ui-datepicker-next.ui-corner-all:hover{
	background-image: none;
	background:none;
	outline:none;
	border:1px solid #000;
}

.ui-widget-header .ui-icon, .ui-icon {
    background: url(https://www.bookonthenet.net/east/RKEresStorage/Images/Portal/ui-icons_white.png) !important;
}

.ui-datepicker .ui-datepicker-next span {
    background-position-x: -48px !important;
    background-position-y: -192px !important;
}
.ui-datepicker .ui-datepicker-prev span{
    background-position-x:-80px !important;
    background-position-y:-192px !important;
}


/*---Drop Down Text Color--- */
form.custom div.custom.dropdown ul li, form.custom div.custom.dropdown ul li.selected {
	color:#000 !important;
}

/*---Heading and Room Title Text Color--- */
#Content h1, p.title_description {
  color: #000 !important;
	font-weight: bold !important;
}

span.twelve.columns.lblRoomType {
  color: #000 !important;
	font-weight: bold;
}

/*---Change Color of Room Details Bar---*/
div.divRoomDetailsCover > div {
	background: #DDCDA2 !important;
}
/* [[[ Change the Background Color of the Room Details ]]] */
.pnlOpen, .divRoomDetailsCover {
    background: transparent !important;
	background-color: transparent !important;
}
.row .rate_category_wrapper {
    background: #fff;
}
/* [[[ Change the padding of Room Details ]]] */
.twelve.columns.pnlDetailsContainer {
    padding-left: 0px;
}
/*Added 'Under 12' message to the children drop down*/
.dChildren h5:after, span#lblChildren:after {
   content: '12 and under';
   display:block;
 }
@media only screen and (max-width: 820px) {
  .dChildren h5:after {
      content: ' 12 and under';
      display: inline;
  }
}

/*Added message for phone number form*/
#contact_details > div:nth-child(1) > div:nth-child(4):after {
    content: '*Please use a phone number you will be traveling with';
    margin-left: 15px;
    color: #1E1E1E!important;
    font-weight: bold;
    font-size:13px;
}

/*Added text for COVID to Search, Rates, and Unavailability

#EresSearch > div:nth-child(1) > div > div > div.ten.columns.mobile-four.end > p {
  margin: 10px 0px;
}

#EresSearch > div:nth-child(1) > div > div > div.ten.columns.mobile-four.end > p:after {
  content: '- For the months of July and August, please contact us directly to book your stay; 760-367-3238 or reservations@campbellhouse29palms.com. Thank you! Stay healthy and safe!';
}

#step_content > div.eres_resultlist > div:nth-child(5) > div > ul:after {
  content: 'For the months of July and August, please contact us directly to book your stay; 760-367-3238 or reservations@campbellhouse29palms.com. Thank you! Stay healthy and safe!';
  font-style: italic;
  color:#1E1E1E;
  
}*/
#step_content > div.eres_resultlist > div:nth-child(5) > div > p {
  display: none !important;
}

#step_content > div.eres_resultlist > div:nth-child(5) > div {
  border: 1px solid #1E1E1E !important;
  box-shadow:none !important;
}

/* [[[ Changed box shadow for unavailable rate page ]]] */
#step_content > div.eres_resultlist > div:nth-child(5) > div {
  box-shadow: none !important;
}
#divTitleMsg > div {
    box-shadow: none !important;
	border-radius: 0px;
}

/* Change Unavailable Text / Availability Text*/

#divTitleMsg > div > h4:after {
  content:'If you don’t find what you are looking for, give us a call at 760-367-3238 and we would be happy to help.';
  display:block;
  padding:10px 0px 0px 0px;
  color:#1E1E1E;
  font-size: 14px;
  letter-spacing:normal;
  font-family: Georgia !important;
}

#divTitleMsg > div > h5 {
display: none;
}

#divTitleMsg ul:before {
  content:'You might also take a look at our sister property, 29palmsinn.com';
  color: #1E1E1E;
  font-family: Georgia !important;
  display:block;
  font-size:14px;
  letter-spacing: 0;
  padding-bottom:10px;

}
#divTitleMsg ul:after {
  content:'Thank you!';
  color: #1E1E1E;
  display:block;
  font-family: Georgia !important;
  font-size:14px;
  letter-spacing: 0;
}

#divTitleMsg ul li {
	display: none;
}

#divTitleMsg p{
 display:none;
}

/*Border Bottom Color Change*/
#step_content > div.eres_resultlist > div:nth-child(1) > div > div, #EresSearch > div:nth-child(1) > div > div, .eres_search, #step_content > div.eres_resultlist > div.row.search_panel > div > div:nth-child(3), #step_content > div.eres_guest > div:nth-child(1) > div > div, #ReservationReviewContent > div.row.res_total, #step_content > div.eres_guest > div.row.contact_details_header > div > div, #pnlCCInfo > div:nth-child(1) > div > div, #step_content > div.eres_guest > div:nth-child(7) > div > div {
    border-bottom: 1px solid #AA7856 !important;
    box-shadow: none;
}

/*Header Styles*/
.header-contact, .header-contact a {
	color:#605A42;
	font-size:13px;
}

.header-contact a:hover {
	color:#605A42;
	font-size:13px;
	text-decoration: underline;
}