﻿/* [[[ Branding Overrides ]]] */
body { background-color: transparent; }
html { 
 background: #fff url(https://www.bookonthenet.net/west/RKEresStorage/Images/Portal/HotelNorthPole_bg.jpg);
}

form { margin: 0; }

.row { width: 960px; }

h1 { color: #000; font-weight: 600; }

#Footer { display: none; }
#Content 
{ 
  
  background-color: transparent; 
  margin-top: -1px; 
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin-bottom: 100px;
}

/* [[[ Search Page ]]] */
.reveal-modal .login_container a.create_account,
.eres_search .coupon_codes { color: #000; }

#step_content 
{
  background-color: #fff;
  
  padding: 0 15px 25px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 0px;
}

#style_container_outer {position: absolute; top: 190px; right: 70px; }
#style_container 
{ 
  border: 5px solid #FFF;
  height: 300px; 
  width: 400px; 
  background: url(https://www.bookonthenet.net/west/RKEresStorage/Images/Portal/HotelNorthPole_image.jpg) no-repeat 0 0;
  -webkit-box-shadow: 0 0 10px rgba(34, 190, 247, 0.3);
  -moz-box-shadow: 0 0 10px rgba(34, 190, 247, 0.3);
  box-shadow: 0 0 10px rgba(34, 190, 247, 0.3);
}


/* [[[ TA Nav Panel ]]] */

.nav_bar_panel { background-image: linear-gradient(#d28b51,#965927 80%,#965927)!important;}
.nav-bar > li > a:first-child { color: #fff; text-shadow: 1px 1px 1px rgba(149, 149, 149, 0.4); }
.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-image: linear-gradient(#d28b51,#965927 80%,#965927)!important;}

.pre_nav_bar { background-image: linear-gradient(#d28b51,#965927 80%,#965927)!important;}
.pre_nav_bar > h2 { color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); line-height: 1;}
.nav-bar > li.res_steps:hover { background: #d28b51; }
.nav-bar > li.res_steps:hover > a:first-child  { color: #fff; }
.nav-bar > li.res_steps.no-access:hover > a:first-child  { color: #fff; }
.nav-bar > li.res_steps.active,
.nav-bar > li.res_steps.active:hover { background: #d28b51; }

.ta_nav_bar > li > a,
#lblShowDetails {
	color:#DDDDDD;
}

#Content a.coupon_codes {
  color:#611613;
}

/* [[[ Reservation Resultlist Page ]]] */
.eres_resultlist .rate_cat_hdr { background: #965927; }
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: #fff; } 
.eres_resultlist .rates .lblRateName { font-size: 12px; }
.reveal-modal .gs_container h4 { color: #fff; }
.eres_resultlist .avail_grid_footer.columns,
.eres_resultlist .avail_grid .columns > .current_day_avail {background-color: #d28b51;}
.eres_resultlist .avail_grid .columns > .current_day_avail > span { color: rgba(255,255,255,1); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5), 0px 0px 0px rgba(255, 255, 255, 0.5);}
.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 #d28b51;
}
.arrow-up {
    border-bottom: 10px solid #d28b51;
}

.eres_resultlist .avail_grid_outer .arrow-right {
border-left: 10px solid #d28b51 !important;
}

.eres_resultlist .avail_grid_outer .arrow-left {
border-right: 10px solid #d28b51 !important;
}

.row.pnlRateDetails span,
.row.pnlRoomDetails span {
color: #000;
}

/* [[[ Special Promo ]]] */
.eres_resultlist .rates .lblSpecialRate { color: #E8B53E; }
.eres_resultlist .promo_corner { border-left-color: #E8B53E; }
.eres_resultlist .rate_category_wrapper.promo { border-color: #E8B53E; }

/* [[[ Guest Information ]]] */
.summary_panel span.summary_header,
.guest_reservation_info h2,
#lblCPSuccess { color: #000; }

.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: #000;
    /*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;
}

/* [[[ Reservation Complete ]]] */
#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: #000!important;
    font-weight: normal !important;
    /*text-shadow: 0px 1px 4px rgba(51, 51, 51, 0.4) !important;*/
}

.eres_resultlist .avail_grid .columns.shoulder_na > span {
    color: red !important;
}

/* [[[ Mobile Buttons ]]] */

.mobile_header, .nav_bar_mobile_title {
	background-image: linear-gradient(#d28b51,#965927 80%,#965927)!important;
}
.nav_bar_mobile_title > span.mobile_title {
	color:#fff;
}


/* [[[ Buttons ]]] */
#btnReservationFilter,
.button.alert,
.button.success {
    color: #fff;
    border: 1px solid #611613;
    background: #611613;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.4), 0px 1px 0px rgba(255,255,255, 0.2);
}

    #btnReservationFilter:hover,
    .button.alert:hover,
    .button.success:hover {
        border: 1px solid #611613;
        background: #4a0f0d;
		color:#fff;
    }
	.button.success:focus {
		box-shadow: 0 0 5px #611613, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	}
	
.button.tab_enabled {
	background:#611613 !important;
	color:#fff !important;
	border: 1px solid #611613;
}

	.button.tab_enabled:hover {
		background: #611613 !important;
		color:#fff !important;
		border: 1px solid #611613;
	}
	
.button.ms {
	background: #4a0f0d;
	color:#fff !important;
	border: 1px solid #611613;
}
	.button.ms:hover {
		background: #4a0f0d;
		color:#fff !important;
		border: 1px solid #611613;
	}
	
.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 .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:#fff !important;
}

div[id^="md"],
div[id^="md"] > div
{
	background:#fff url(https://www.bookonthenet.net/west/RKEresStorage/Images/Portal/HotelNorthPole_bg.jpg);
}

/*[[[Login]]]*/
.eres_guest .login_options {
	background:#d28b51;
}


.login_title h4 {
	color:#000!important;
}

.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;}