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

}

form { margin: 0; }

.row { width: 960px; }

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

#Footer { display: none; }
#Content 
{ 
  
  background-color:#FFFBD2; 
  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: #FFFBD2;
  
  padding: 0px;
  -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: 190px; right: 70px; }
#style_container 
{ 
  border: 5px solid #FFF;
  width: 410px; 
  height: 310px; 
  background: url(https://www.bookonthenet.net/west/RKEresStorage/Images/Portal/FiresideinnPrem_image.jpg) no-repeat center center;
  background-size:cover;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}*/

.eres_guest .login_options {
	background:#FFFBD2;
}


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

.nav_bar_panel { background: #FFFBD2; border-radius: 0px; border-top:1px solid #2C5234; border-bottom:1px solid #2C5234; margin-bottom: 10px;}
.nav-bar > li > a:first-child { color: #2C5234; text-shadow: none; font-family: 'Playfair Display', serif !important; letter-spacing: 0px; font-size:14px;}
.nav-bar > li.res_steps.active > a:first-child { color: #2C5234; }
.nav-bar { margin: 0px; }
.nav-bar > li.res_steps.no-access:hover { background: #FFFBD2; }

.pre_nav_bar { background: #FFFBD2; }
.pre_nav_bar > h2 { color: #2C5234; text-shadow: none; line-height: 1; font-family: 'Playfair Display', serif !important; padding-right:10px; font-size:16px;}
.nav-bar > li.res_steps:hover { background: #FFFBD2; }
.nav-bar > li.res_steps:hover > a:first-child  { color: #2C5234; }
.nav-bar > li.res_steps.no-access:hover > a:first-child  { color: #2C5234; }
.nav-bar > li.res_steps.active,
.nav-bar > li.res_steps.active:hover { background: #FFFBD2; }

/*.reveal-modal .login_container a.create_account,
#Content a.coupon_codes,
#lblShowDetails {
	color:#6993c7;
	font-weight: bold;
}*/

.ta_nav_bar > li > a{ color:#2C5234; font-weight: bold; font-size:12px; text-decoration: none !important;}
.eres_search .coupon_codes { color: #2C5234; font-size:12px; }

/* [[[ Reservation Resultlist Page ]]] */
.eres_resultlist .rate_cat_hdr { background: #2C5234; }
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: #2C5234;}
.eres_resultlist .avail_grid .columns > .current_day_avail > span { color: #2C5234; text-shadow: none;}
.eres_resultlist .rate_cat_hdr .rate_cat_name {
    color: #fff;
	text-shadow: none;
}
.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 #2C5234 !important;
}

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


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

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

.eres_guest h5,
.search_controls > div > div > h5 {
    font-weight: bold !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    float: left !important;
    color: #2C5234;
    /*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;
	
}
/* [[[ Font Styles ]]] */
.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: #2C5234!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:#2C5234;
}


/* [[[ Mobile Buttons ]]] */
.mobile_header {
  border-top:1px solid #2C5234;
  border-bottom: 1px solid #2C5234;
}
.mobile_header, .nav_bar_mobile_title {
	background:#FFFBD2;
  border-radius: 0px;
}
.nav_bar_mobile_title > span.mobile_title {
	color:#2C5234;
}

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



/* [[[ Buttons ]]] */
#btnReservationFilter,
.button.alert,
.button.success {
    color: #2C5234 !important;
    border-top: 1px solid #2C5234;
    border-bottom: 1px solid #2C5234;
    border-left: none;
    border-right: none;
    background: #FFFBD2;
    text-shadow: none;
    box-shadow: none;
    border-radius:0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal !important;
    font-size: 10px !important;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 6px !important;
}

    #btnReservationFilter:hover,
    .button.alert:hover,
    .button.success:hover, 
    #btnReservationFilter:active,
    .button.alert:active,
    .button.success:active,  
    #btnReservationFilter:focus,
    .button.alert:focus,
    .button.success:focus {
		color: #2C5234 !important;
    border-top: 1px solid #2C5234;
    border-bottom: 1px solid #2C5234;
    background: #FFFBD2;
    box-shadow: none !important;
		
    }
/* [[[ Room Details Button ]]]*/
.divRoomDetailsCover a.small.radius.success.button {
    background: #2C5234 !important;
    border:1px solid #2C5234 !important;
	  color: #FFFBD2 !important;
    margin: 0px; 
    height:20px !important;
    padding:6px !important;
}

a#btnSearch2 {
  margin-bottom: 15px;
  background: #2C5234;
  font-size: 12px !important;
  color: #FFFBD2 !important;
  width:100%;
  font-weight: bold !important;
  letter-spacing: 2px;
}
@media only screen and (max-width: 820px) {
  #btnNext, a#btnRateDetail {
      margin-top: 20px;
  }
}
a#btnSearch {
    font-size: 12px !important;
    margin-top: 20px;
   letter-spacing: 2px !important;
   padding: 12px 6px !important;
}


.button.success:focus {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.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:#FFFBD2 !important;
}

div[id^="md"],
div[id^="md"] > div
{
	background:#FFFBD2;
}
/*Fixed text alignment for travel agent pop-up login*/
.ta_container p.title_description {
    padding: 0px !important;
    margin: 0px !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;}

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

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

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{
	border: 1px solid #F7EA48!important;
	background: #FFFBD2!important;
	color: #2C5234!important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active 
{
	border: 1px solid #2C5234!important;
	background: #2C5234!important;
	color: #fff!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;
}

.ui-widget-header .ui-icon, .ui-icon {
background: url(https://www.bookonthenet.net/east/RKEresStorage/Images/Portal/ui-icons_PeterAndPaulPrem.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;
}

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

.ui-datepicker-month, .ui-datepicker-year
{
	color: #2C5234!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 #2C5234;
}
/*---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 {
  color: #2C5234 !important;
  font-family: 'Playfair Display', serif !important;
  letter-spacing:-1px;
}

span.twelve.columns.lblRoomType {
  color: #2C5234 !important;
  font-family: 'Playfair Display', serif !important;
  letter-spacing:-1px;
}

/* [[[ Change Color of Room Details Bar ]]]*/
div.divRoomDetailsCover > div {
	background: #2C5234 !important;
  height:28px !important;
}

/* [[[ Change the Background Color of the Room Details ]]] */
.pnlOpen, .divRoomDetailsCover {
    background: transparent !important;
	background-color: transparent !important;
}

/* [[[ Header Styles ]]] */

.footer-heading {
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing: 1px;
  font-size: 13px;
  color: #2C5234;
  text-transform: uppercase;
}

.footer-text {
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing:1px;
  font-size: 13px; 
  color:#2C5234;
  text-transform:uppercase;
}

  .footer-text a, .footer-text a:hover {
    color: #2C5234;
  }




/*Changed border colors*/
#step_content > div.eres_resultlist > div.row.search_panel > div > div:nth-child(3), #step_content > div.eres_resultlist > div:nth-child(1) > div > div, #EresSearch > div:nth-child(1) > div > div, .eres_resultlist .rates, #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, #mdTALogin > div > div.twelve.columns > div:nth-child(1), #mdTALogin > div > div.twelve.columns > div:nth-child(4), #step_content > div.eres_complete > div:nth-child(1) > div > div {
    border-bottom-color: #2C5234 !important;
    box-shadow: none !important;
}

/*Changed padding so text lines up with border*/


@media only screen and (min-width: 821px) {
  
}
div#EresSearch {
    box-shadow: none;
    border-bottom: none;
}

#step_content > div.eres_resultlist > div:nth-child(5) > div {
    border-color:#2C5234!important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

/*Change spacing and alignment of the Modify/Groups/Travel links*/
@media only screen and (min-width: 821px) {
.ta_nav_bar > li {
  width:100px !important;
}
}
@media only screen and (max-width: 820px) {
.ta_nav_bar {
  float: none;
  text-align:center;
}
.ta_nav_bar > li {
  width:100px !important;
  float: none;
  display:inline-block;
}
}
@media only screen and (max-width: 380px) {
.ta_nav_bar > li {
  font-size:12px !important;
  float: left !important;
  width: 33.3% !important;
}
.ta_nav_bar {
  float: right;
}
}

/*Changed padding of title description*/
p.title_description {
    padding-left: 34px !important;
}
.eres_resultlist p.title_description {
    padding-left: 20px !important;
}

@media only screen and (max-width: 950px) {
  p.title_description, .eres_resultlist p.title_description {
    padding-left: 20px !important;
}
}
@media only screen and (max-width: 820px) {
  p.title_description, .eres_resultlist p.title_description {
    padding-left: 0px !important;
}
}

/*Changed padding for Travel Agent Links*/
div#pnlLogins {
    padding: 0px;
}

/*Changed Font Sizes*/
#Content .search_controls h5, .eres_resultlist .search_panel .coupon_labels, .eres_resultlist .search_panel span, label.coupon_labels, #step_content > div.eres_resultlist > div.row.search_panel span, #step_content > div.eres_resultlist > div.row.filter_panel span{
  font-size:13px !important;
}

p.title_description, div#pnlLogins, .eres_guest span {
  font-size:13px !important;
}

#pnlLoginOptions > div > div:nth-child(2) > div > p:nth-child(1) {
    font-size: 13px !important;
}

#Content h5 {
  font-size: 13px !important
}

/*Hide entire Social/Share Field*/
div#pnlSocial {
  display: none;
}

/*Hide Print Confirmation Button*/
.pnlEmailComplete a.small.success.button.ten {
  display: none;
}
/*Hides Travel Agent Link*/
#pnlLogins > ul > li:nth-child(3), a#lblTALogin {
  display: 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;

}

#divTitleMsg > div {
	border: none !important;
}

/* Change Unavailable Text / Availability Text*/

#divTitleMsg > div > h4:after {
  content:'Currently we do not have availability for your selected criteria. Is your trip flexible? Feel free to shift your dates and try again - or contact the hotel directly to inquire about availability. ';
  display:block;
  padding: 10px 0px 0px 0px;
  color:#2C5234;
  font-size: 14px;
}

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

#divTitleMsg ul:before {
  content:'Phone: 504.356.5200';
  color: #2C5234;
  display:block;
	text-align: center;
}
#divTitleMsg ul:after {
  content:'Email: info@hotelpeterandpaul.com';
  color: #2C5234;
  display:block;
	text-align: center;
}
#divTitleMsg ul li {
	display:none;
}

#divTitleMsg p{
  display:none;
}