/******************************************/
/*********** Master *******************/
/******************************************/
/* Font Lato internal */
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: local('Lato Light'), local('Lato-Light'), url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 300;
src: local('Lato Light'), local('Lato-Light'), url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/rZPI2gHXi8zxUjnybc2ZQFKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
src: local('Lato Black'), local('Lato-Black'), url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/t85RP2zhSdDjt5PhsT_SnlKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
src: local('Lato Black'), local('Lato-Black'), url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/fonts/Lato/lEjOv129Q3iN1tuqWOeRBgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Roboto */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/Roboto-Thin.ttf") format("truetype");
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/Roboto-Black.ttf") format("truetype");
}
@font-face {
font-family: 'Roboto-Condensed';
font-style: normal;
font-weight: 400;
src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/RobotoCondensed-Regular.ttf") format("truetype");
}
@font-face {
font-family: 'Roboto-Condensed';
font-style: normal;
font-weight: 700;
src: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/RobotoCondensed-Bold.ttf") format("truetype");
}
@font-face {
font-family: 'SohneBreit';
src: url(//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/soehne-breit-web-kraftig.woff2) format("woff2");
font-display: swap;
}
@font-face {
font-family: 'SohneBreit';
font-weight: 700;
src: url(//media.travsrv.com/appSkins/90874/v6/themes/standard/fonts/soehne-breit-web-fett.woff2) format("woff2");
font-display: swap;
}
/*************************/
/* Individual Properties */
/*************************/
:root {
--gradient-color: #800060;
}
/*************************/
/* Keystone Variables */
/*************************/
:root {
--color-white-white: #ffffff;
--color-black-black: #000000;
--color-black-100: #36382e;
--color-black-75: #62645F;
--color-black-60: #868882;
--color-black-30: #c3c3c0;
--color-black-15: #e1e1e0;
--color-black-5: #f5f5f5;
--color-brand-1: #F2BA00;
--color-brand-2: #FCCB2A;
--color-brand-3: #236180;
--color-brand-4: #2D7295;
--color-brand-5: #C4E5FF;
--color-brand-6: #3b871c;
--color-blue: #428bca;
--color-red-red: #FF0000;
--color-red: #d32f2f;
--color-primary: var(--color-brand-1);
--color-primary-hover: var(--color-brand-2);
--color-secondary: var(--color-brand-3);
--color-secondary-hover: var(--color-brand-4);
--banner-keystone-card-bg: var(--color-black-100);
--button-secondary-fill-bg: var(--color-secondary);
--input-fg: var(--color-black-100);
--pagination-active-bg: var(--color-black-100);
--search-bar-fg: var(--color-black-100);
--search-bar-separator: var(--color-black-30);
--sticky-bar-title: var(--color-black-100);
--star-rating-active-bg: var(--color-secondary);
--star-rating-bg: var(--color-black-15);
--star-rating-gap: 4px;
--star-rating-active-border: var(--color-secondary);
--star-rating-border: var(--color-black-15);
}
/*****************************************************/
/********************** Defaults *********************/
/*****************************************************/
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
:before, :after {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
display: table;
content: " "
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
clear: both
}
body {
background: var(--color-white-white) none 0 0 repeat;
margin: 0;
font-size: 16px !important;
line-height: 1.7em;
overflow-x: hidden;
-webkit-text-size-adjust: none;
font-family: 'Roboto', sans-serif;
font-weight: 400;
color: var(--color-black-100);
}
/* This is to prevent the white flash that occurs due to https://www.rci.com/content/dam/panorama/docs/en_us/at.js injection */
body#theBody {
opacity: 1 !important;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
img {
vertical-align: middle;
}
a, a:hover, a:active {
outline: none;
}
a, a:link {
color: var(--color-secondary);
text-decoration: none;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
a:hover, a:focus {
color: var(--color-secondary-hover);
text-decoration: none;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
b, strong {
font-weight: 700;
}
h4, .h4 {
font-size: 18px;
font-weight: 500;
margin-top: 10px;
margin-bottom: 10px;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: var(--color-white-white);
border: 1px solid var(--color-black-30);
-webkit-transition: border 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
transition: border 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
-o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
}
input {
color: var(--input-fg);
border: 1px solid var(--color-black-30);
border-radius: 0;
font-size: 16px;
text-indent: 5px;
width: 100%;
height: 40px;
font-weight: 500;
}
.IE input[type=checkbox] {
border: none;
}
.Required label:after {
content: "*";
margin: 0 0 0 2px;
color: var(--color-red);
font-size: 18px;
line-height: 1;
position: relative;
top: 2px;
}
.FieldError, .CheckOutForm .HasError select {
border: 1px solid var(--color-red-red) !important;
}
.ErrorList {
font-size: 16px;
background-color: var(--color-white-white);
border: 2px solid var(--color-red-red);
}
.CheckOutForm .ErrorList {
padding: 16px;
}
.NoRetry {
position: fixed;
z-index: 99;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .65);
border: none;
font-size: 1.2rem;
line-height: 1.7;
}
.note {
color: var(--color-black-75);
font-size: 14px;
font-weight: 400;
}
#theBookingPage .NoRetry h1 {
font-size: 2rem;
color: var(--color-black-black);
font-weight: bold;
line-height: 1;
margin: 0 0 1.2rem;
}
.NoRetry div:nth-child(1) {
text-align: center;
max-width: 1170px;
margin: 5% auto 0;
background-color: var(--color-white-white);
padding: 2rem !important;
}
.NoRetry h1 {
margin: 0 auto 10px;
}
.NoRetry li {
background-color: var(--color-white-white);
list-style: none !important;
}
.NoRetry p {
margin: 0;
}
.NoRetry a {
text-decoration: underline;
}
.NoRetry .resCommands {
margin: 1.5rem 0 0;
}
.NoRetry .resCommands a {
text-transform: capitalize;
padding: 1.5rem 1.75rem;
display: inline-block;
background-color: var(--color-black-15);
margin: 0 .25rem;
border-radius: .5rem;
border: 1px solid #ddd;
text-decoration: none;
}
.NoRetry .resCommands a:hover {
background-color: var(--color-black-15);
}
.NoRetry .resCommands a:first-child {
background-color: var(--color-secondary);
border: 1px solid var(--color-secondary);
color: var(--color-white-white);
}
.NoRetry .resCommands a:first-child:hover {
background-color: var(--color-secondary);
border: 1px solid var(--color-secondary-hover);
}
.NoRetry .resCommands div {
margin: 1rem 0 0;
font-size: .9rem;
text-transform: uppercase;
font-weight: 700;
}
@media only screen and (max-width: 600px) {
.NoRetry .resCommands a {
display: block;
margin: .5rem 0;
}
}
.checkbox {
display: inline;
height: 14px;
min-height: 17px;
width: 14px;
}
select {
background-color: var(--color-white-white);
border: 1px solid var(--color-black-30);
font-size: 16px;
height: 34px;
color: var(--color-black-100);
cursor: pointer;
}
.arnHide {
display: none !important;
}
.submit {
border: medium none;
color: var(--color-white-white);
font-size: 16px;
height: 52px;
-webkit-transition: background 0.2s linear 0s;
-o-transition: background 0.2s linear 0s;
transition: background 0.2s linear 0s;
width: 228px;
border-radius: 4px;
font-weight: 700;
}
.ds-primary {
background-color: var(--color-primary);
color: var(--color-black-100);
}
.ds-primary:hover {
background-color: var(--color-primary-hover);
}
.ds-secondary {
background-color: var(--color-secondary);
color: var(--color-white-white);
}
.ds-secondary:hover {
background-color: var(--color-secondary-hover);
}
.ds-primary,
.ds-secondary {
transition: all 0.3s ease-out 0s;
}
div#overlay {
filter: alpha(opacity=75) !important;
-moz-opacity: 0.75 !important;
opacity: 0.75 !important;
}
#ajaxStatus {
background-color: var(--color-white-white);
position: fixed;
width: 75px;
height: 65px;
left: 50%;
margin: 0 0 0 -50px;
top: 0;
border: 1px solid var(--color-black-30);
z-index: 100;
text-align: center;
padding: 5px 0 0;
font-size: 0;
}
#ajaxStatus img {
display: none;
width: 50px;
margin: -24px 0 0 11px;
}
#ajaxStatus img.loadingAnimation {
display: block;
}
div.autocomplete {
top: auto !important;
left: auto !important;
}
.HasError input {
border: 1px solid var(--color-red-red);
}
.errors {
border: 1px solid var(--color-red-red);
background-color: var(--color-white-white);
padding: 5px 10px;
}
.CheckOutForm .ErrorList .errors {
border: none;
}
.errors li, .HasError label {
color: var(--color-black-100);
list-style: none;
}
.hasMessages .messages, .ArnSubPage .messages {
color: var(--color-brand-6);
border: 1px solid var(--color-brand-6);
background-color: #ccffcc;
list-style: none;
}
.WBSupportForm .useCancelFormWarning {
background-color: var(--color-red-red);
color: var(--color-white-white) !important;
font-weight: 700;
text-align: center;
padding: 5px;
font-size: 1.2em;
}
.WBSupportForm .useCancelFormWarning a {
color: var(--color-white-white);
text-decoration: underline;
}
.close {
cursor: pointer;
}
.isTestModeBanner {
position: fixed;
z-index: 9999;
top: 0;
left: 50%;
width: 280px;
text-align: center;
background-color: brown;
color: var(--color-white-white);
font-size: 14px;
line-height: 1;
padding: 3px 0 5px;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
margin: 0 0 0 -140px;
border-radius: 0 0 10px 10px;
}
.stick .isTestModeBanner {
font-size: 13px;
padding: 3px 0;
}
@media only screen and (max-width: 800px) {
body {
background-color: var(--color-white-white);
}
.isTestModeBanner {
position: static;
width: 100%;
margin: 0;
border-radius: 0;
}
}
/* **************************************************** What is this stuff? ***************************************** */
/* Cancellations Page that shows guest receipt */
.informMessage.WBConfirmedBookingMessage {
font-size: 16px;
line-height: 1.7em;
}
.informMessage.WBConfirmedBookingMessage strong {
font-weight: 700;
}
.WBConfirmedBooking {
margin: 0 auto;
padding: 0 10px;
max-width: 1280px;
}
body.WBConfirmedBooking {
margin: 150px auto 0;
padding: 0;
max-width: 100%;
}
.WBConfirmedBookingContainer h1 {
background-color: var(--color-black-15);
font-size: 20px;
margin: 0;
padding: 20px 0;
text-align: center;
}
.WBConfirmedBookingContainer h2 {
font-size: 20px !important;
line-height: 1.7em;
font-weight: 700;
}
.WBConfirmedBookingContainer h3 {
font-size: 16px !important;
line-height: 1.7em;
}
.WBConfirmedBookingContainer h4 {
font-size: 15px !important;
line-height: 1.7em;
}
.informMessage.WBConfirmedBookingMessage .cancelMessageContainer {
background-color: var(--color-red-red);
color: var(--color-white-white);
display: block;
padding: 20px;
margin: 0;
text-align: center;
}
.informMessage.WBConfirmedBookingMessage .message {
display: block;
font-size: 25px;
line-height: 1.7em;
margin: 0 auto;
max-width: 1380px;
}
.WBConfirmedBookingContainer .dialog-buttons, .informMessage.WBConfirmedBookingMessage .dialog-buttons {
border-top: 1px solid var(--color-black-60);
margin: 50px auto;
max-width: 1280px;
padding: 50px 0 0;
text-align: center;
}
.WBConfirmedBookingContainer blockquote {
border-left: none;
}
.informMessage.WBConfirmedBookingMessage .submit {
background-color: var(--color-red);
border: medium none;
color: var(--color-white-white);
font-size: 20px;
padding: 15px 25px;
width: auto;
height: auto;
}
@media screen and (max-width: 1380px) {
.informMessage.WBConfirmedBookingMessage .message {
max-width: 1380px;
}
}
@media screen and (max-width: 800px) {
.informMessage.WBConfirmedBookingMessage .message {
padding: 20px 0;
}
}
@media screen and (max-width: 800px) {
.WBConfirmedBooking {
padding: 10px !important;
}
.informMessage.WBConfirmedBookingMessage .message {
font-size: 20px;
}
.informMessage.WBConfirmedBookingMessage .submit {
display: block;
margin: 0 auto;
min-height: 56px;
width: 75%;
}
.mobile .WBConfirmedBooking th, .mobile .WBConfirmedBooking td {
padding: 7px 5px 0 0;
}
.mobile .WBConfirmedBooking th {
font-weight: 700;
}
}
/* Low rate Guarantee Form Two */
.WBRateGuaranteeForm2Container .fileUploadView input {
width: auto;
border: none;
text-indent: 0;
}
/* Logout Button */
#commands form {
display: inline-block;
padding: 10px;
}
#commands form .logoutCommand.submit {
background-color: transparent;
padding: 0;
height: auto;
width: auto;
font-size: 12px;
cursor: pointer;
margin: 0 auto !important;
border: none;
color: var(--color-black-60);
font-weight: 300;
}
/* Push Page */
.ArnPushPage {
background-color: rgba(50, 50, 50, .5);
height: 100%;
position: fixed;
width: 100%;
z-index: 9999;
top: 0;
left: 0;
}
.ArnPushPageContent {
background-color: var(--color-white-white);
border-radius: 0;
left: 50%;
margin-left: -250px;
position: fixed;
top: 0;
width: 500px;
z-index: 10000;
padding: 50px;
}
.puishimg, .ArnVendorNumber {
display: none;
}
.pushContainer {
margin: 25px auto 0;
font-size: 24px;
padding: 10px 20px;
}
.RootBody .pushContainer {
display: none !important;
text-align: center;
}
.pushContainer div {
padding: 20px;
}
.pushContainer img {
width: 100px;
height: 100px;
position: absolute;
left: 50%;
}
.RootBody .pushContainer img {
top: 94px;
}
.throbber, .throbber::after {
border-radius: 50%;
width: 11em;
height: 11em;
}
.throbber {
margin: 0 auto;
border-top: .3em solid rgba(0, 0, 0, .2);
border-right: .3em solid rgba(0, 0, 0, .2);
border-bottom: .3em solid rgba(0, 0, 0, .2);
border-left: .3em solid var(--color-black-100);
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#searching {
position: absolute;
width: 100%;
height: 0;
left: 0;
top: 0;
padding: 0;
text-align: center;
z-index: 9990;
background-color: var(--color-black-black);
}
#searching:after {
content: "";
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(50, 50, 50, .5);
z-index: 9;
}
.searchingWrapper {
position: fixed;
background-color: var(--color-white-white);
padding: 25px 0;
border: 1px solid var(--color-black-30);
display: block;
left: 50%;
margin: 0 0 0 -250px;
height: 342px;
z-index: 9992;
top: 0;
width: 500px;
border-radius: 0;
-webkit-box-shadow: 0 6px 5px 1px rgba(0, 0, 0, .2);
box-shadow: 0 6px 5px 1px rgba(0, 0, 0, .2);
}
@media (max-width:800px) {
.searchingWrapper {
padding: 25px;
}
}
@media (max-width:500px) {
.searchingWrapper {
border: none;
left: 0;
margin: 0;
top: 0;
width: 100%;
border-radius: 0;
-webkit-box-shadow: 0 6px 5px 1px var(--color-black-black);
box-shadow: 0 6px 5px 1px var(--color-black-black);
}
}
.searchingContainer div.image {
width: 170px;
height: 200px;
margin: -195px auto 15px;
background-image: url("/appSkins/64/v6/themes/global/skins/brownstone/images/hotels-ani.gif");
background-position: center;
background-size: 300px;
background-repeat: no-repeat;
}
.searchingContainer span {
font-size: 20px;
font-weight: 500;
color: var(--color-black-100);
}
#searching .submit {
background-color: var(--color-secondary);
margin: 15px 0 0;
position: relative;
z-index: 10;
}
#searching .submit:hover {
background-color: var(--color-secondary-hover);
}
#searching .searchingImage, #searching h2 {
display: none !important;
}
#searching img {
display: none;
}
#searching .pushContainer img {
display: block;
}
.throbberContainer {
background-color: var(--color-black-5);
width: 100%;
max-width: 530px;
margin: 0 auto;
border: 1px solid var(--color-black-30);
border-radius: 0;
padding: 50px;
}
.throbberContainer {
background-color: transparent;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none;
padding: 0;
}
.throbberContainer span, .throbberContainer div {
display: none !important;
}
.ArnPushPageContent .pushContainer {
display: none;
text-align: center;
}
.pushContainer img {
top: 139px;
margin: 0 0 0 -50px;
}
.ArnPushPageContent img {
top: 96px;
}
.throbberContainer img {
top: 139px;
}
@media screen and (max-width: 800px) {
.pushContainer {
font-size: 18px;
padding: 10px 0;
}
.ArnPushPageContent {
margin-left: -39%;
width: 78%;
max-width: 90%;
border-radius: 0;
}
.throbberContainer .submit {
width: 100%;
}
}
/* Date Picker */
.yui3-skin-sam .yui3-calendar-content {
color: var(--color-black-100) !important;
}
.yui3-skin-sam .yui3-calendar-day:hover {
background-color: var(--color-black-30) !important;
color: var(--color-black-100) !important;
}
.yui3-skin-sam .yui3-calendar-day-selected, .yui3-skin-sam .yui3-calendar-day-selected:hover {
background-color: #0072ce !important;
color: var(--color-white-white) !important;
}
@media screen and (max-width: 800px) {
.yui3-u-1-2, .yui3-u-12-24 {
display: block !important;
}
.yui3-skin-sam .yui3-calendar-header-label {
font-size: 12px;
}
}
/* Lite Picker */
:root {
--litepicker-day-width: 36px;
}
.litepicker {
color: var(--color-black-100);
font-family: Roboto;
}
.litepicker .container__months {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.litepicker .container__months.columns-2 {
width: calc((var(--litepicker-month-width) * 2) + 80px);
}
.litepicker .container__months.columns-2 .month-item {
padding: 20px;
}
.litepicker .container__months .month-item-header div>.month-item-name,
.litepicker .container__months .month-item-header div>.month-item-year {
color: var(--color-black-100);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
letter-spacing: 1px;
text-transform: uppercase;
}
.litepicker .container__months .month-item-weekdays-row>div {
color: var(--color-black-100);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.litepicker .container__days .day-item {
color: var(--color-black-100);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date {
color: var(--color-black-100);
background-color: var(--color-brand-5);
background-image: none !important;
}
.litepicker .container__days .day-item.is-in-range {
color: var(--color-black-100);
background-color: var(--color-brand-5);
}
@media screen and (max-width: 800px) {
.litepicker .container__months {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.litepicker .container__months.columns-2 {
width: calc(var(--litepicker-month-width) + 10px);
}
.litepicker .container__months.columns-2 .month-item {
padding: 5px;
}
}
.offcanvas {
display: none;
}
.offcanvas.in {
display: block;
}
@media (max-width: 1000px) {
#AdminControlsContainer {
background-color: var(--color-black-100);
height: auto;
}
}
@media (max-width: 800px) {
.adminContainer .adminMobile span {
background-image: url("/appSkins/64/v6/themes/global/skins/brownstone/images/icons/user-icon.png");
display: inline-block;
background-repeat: no-repeat;
font-size: 0;
background-position: center;
border-radius: 50%;
background-size: 8px auto;
height: 18px;
width: 18px;
vertical-align: middle;
}
.MemberAuthenticated .arn_username {
font-size: 13px;
vertical-align: middle;
color: var(--color-white-white);
}
}
#AdminControlsContainer {
position: relative;
z-index: 1;
display: none;
}
.SinglePropDetail {
margin: 150px 0 0;
}
@media only screen and (max-width: 1000px) {
.members {
font-size: 15px;
margin: 2px 0 0 5px;
border-left: none;
padding: 0 0 0 5px;
}
}
@media only screen and (max-width: 800px) {
.sortContainer span {
background-color: var(--color-black-60);
cursor: auto;
background-size: 10px auto;
height: 20px;
width: 20px;
}
.adminMobile {
display: inline-block;
width: 20px;
margin: 0 5px;
}
.languageContainer {
background-color: transparent;
padding: 0;
position: static;
width: auto;
float: right;
}
}
/* Hide These */
.SinglePropDetail .languageContainer, .CheckOutForm .languageContainer, .ConfirmationForm .languageContainer,
.SinglePropDetail .enterpriseHeader .languageContainer, .CheckOutForm .enterpriseHeader .languageContainer, .ConfirmationForm .enterpriseHeader .languageContainer {
display: none;
}
/*****************************************/
/******* Member Not Authenticated ********/
/*****************************************/
.AccessDeniedPage #nav li, .AccessDeniedPage .enterpriseHeader .links a, .AccessDeniedPage .links form,
.MemberNotAuthenticated #nav li {
display: none;
}
@media only screen and (max-width: 800px) {
.AccessDeniedPage .languageContainer, .MemberNotAuthenticated .languageContainer {
background-color: var(--color-black-100);
float: none;
text-align: right;
}
}
.WBLoginForm #accountRight,
.RegistrationPage #accountRight {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: table-cell;
width: 64%;
height: 1000px;
min-height: 1000px;
vertical-align: top;
}
/*****************************************/
/*********** Registration Page ***********/
/*****************************************/
.registrationText h2 {
color: var(--color-black-60);
margin: 0 0 30px 0;
font-size: 20px;
font-weight: 300;
line-height: 1.5;
}
.WBValidatedRegistrationFormContainer.ArnSubPage fieldset {
border: none;
border-top: 1px solid var(--color-black-30);
margin: 20px 0 0;
padding: 15px 0 0;
}
.WBValidatedRegistrationFormContainer.ArnSubPage .WBValidatedRegistrationFormFields fieldset div {
margin: 0 0 10px;
}
.WBValidatedRegistrationFormContainer.ArnSubPage fieldset legend {
display: none;
}
.WBValidatedRegistrationFormContainer.ArnSubPage input {
width: 100%;
}
.loginLink {
display: block;
text-align: center;
}
/*****************************************/
/************** PayWall Page *************/
/*****************************************/
.purchaseMembership {
width: 100%;
display: table;
}
.registrationPaywall .SSForm {
display: table-cell;
vertical-align: middle;
background-color: var(--color-white-white);
max-width: 55%;
width: 55%;
padding: 5rem 0 0 0;
}
.registrationPaywall .SSFormBody form {
margin: 0 auto;
padding: 1.5rem 0;
width: 70%;
max-width: 600px;
}
.registrationPaywall .SSForm .titleContent {
text-align: left;
}
.registrationPaywall .SSForm .SSFormBody table {
width: 100%;
}
.registrationPaywall .SSForm .SSFormBody table td {
padding: 0 15px 5px 15px;
}
.registrationPaywall .SSForm .SSFormBody table.FormTable label {
display: inline-block !important;
position: relative;
top: 25px;
padding: 5px 15px;
font-size: .8rem;
color: rgba(0, 0, 0, .5);
z-index: 1;
margin: 0;
}
.registrationPaywall h1 {
text-transform: uppercase;
font-size: 24px;
line-height: 40px;
font-weight: 500;
letter-spacing: 3px;
text-align: center !important;
width: 100%;
margin: 0 0 1rem 0;
}
.registrationPaywall .SSForm .SSFormBody table.FormTable label.subTitle {
margin: 0 0 18px;
font-size: 1.1rem;
color: initial;
text-align: center;
padding: 0;
display: block !important;
position: static;
}
.registrationPaywall .shortLine {
height: 4px;
width: 50px;
display: block;
background-color: var(--color-primary);
margin: 15px auto 10px;
}
.registrationPaywall #thePromoCodeAjax p {
display: block;
text-align: center;
font-family: Lora;
font-size: 18px;
line-height: 32px;
}
.registrationPaywall .promoCodeContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.registrationPaywall .promoCodeContainer label {
width: 100%;
}
.registrationPaywall .promoCodeContainer input {
width: 75%;
}
.registrationPaywall .promoCodeContainer input.submit {
width: 24%;
margin: 0 0 0 1%;
height: 55px;
background-color: var(--color-white-white);
border: 2px solid #868686;
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
}
.registrationPaywall .promoCodeContainer input.submit:hover {
background-color: var(--color-black-15);
}
.registrationPaywall #thePromoCodeAjax h5 {
color: mediumseagreen;
font-size: 14px;
font-weight: 700;
margin: .5rem 0 0;
}
.registrationPaywall .SSForm .SSFormBody table.FormTable .membership label {
position: static;
padding: 5px;
font-size: 1rem;
color: inherit;
}
.registrationPaywall .FieldRadioGroup div.membership label:first-child {
width: 59%;
}
.registrationPaywall .FieldRadioGroup div.membership label:last-child {
width: 41%;
}
.registrationPaywall .FieldRadioGroup {
border: 1px solid #ddd;
margin: 20px 0;
padding: 15px 10px;
border-radius: .25rem;
}
.registrationPaywall .FieldRadioGroup.checked {
border: 1px solid #4493fe;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
}
.registrationPaywall .FieldRadioGroup input {
width: auto;
height: auto;
float: left;
margin: 10px 8px 0;
}
.registrationPaywall .FieldRadioGroup div.membership {
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.registrationPaywall .FieldRadioGroup div.membership label {
width: 35%;
margin: 0;
text-align: center;
}
.registrationPaywall .FieldRadioGroup div.membership label:first-child {
width: 50%;
text-align: left;
}
.registrationPaywall .FieldRadioGroup.checked div.membership label:first-child {
font-weight: 700;
}
.registrationPaywall .FieldRadioGroup div.membership label:last-child {
width: 50%;
text-align: right;
}
.registrationPaywall .SSForm #theCreditCardNumberAjax div {
padding: 15px 0 0;
}
.registrationPaywall .SSForm #theCreditCardNumberAjax h1 {
display: none;
}
.registrationPaywall .SSForm #theCreditCardNumberAjax h3 {
display: inline-block;
}
.registrationPaywall #ccImages {
background-image: url("//media.travsrv.com/appSkins/67733/v6/themes/standard/images/credit-cards.png");
height: 27px;
width: 250px;
background-repeat: no-repeat;
background-size: 250px;
float: right;
}
.registrationPaywall .confirmTermsContainer {
padding: 15px;
}
.registrationPaywall .SSForm .terms {
line-height: 1.7em;
}
.registrationPaywall .SSForm .terms a {
text-decoration: underline;
}
.registrationPaywall .SSForm .terms a:hover {
color: var(--color-black-black);
}
.registrationPaywall .SSForm .confirmationWarning {
float: left;
margin: 0;
}
.registrationPaywall .SSForm .confirmationWarning input.checkbox {
width: 18px;
height: 18px;
margin: 0 5px 0 0;
position: relative;
top: 3px;
}
.WBPurchaseMembershipActions.FormActions {
padding: 15px;
}
.registrationPaywall #accountRight {
position: relative;
vertical-align: top;
}
.registrationPaywall .page div.sectionContainer .content .half {
width: 70%;
margin: 0 auto;
text-align: center;
max-width: 500px;
}
.registrationPaywall .numberList span:first-child {
margin: 0 2rem 0 0;
background-color: transparent;
padding: 0;
}
.registrationPaywall .page div.sectionContainer .content .half .planExtra {
text-align: left;
}
.registrationPaywall .page div.sectionContainer .content .half h3 {
margin: 0 0 20px;
}
.registrationPaywall .page div.sectionContainer .content .half .box,
.registrationPaywall #accountRight .membership {
border: 1px solid var(--color-black-black);
border-radius: .25rem;
background-color: var(--color-white-white);
padding: 0;
}
.registrationPaywall .page div.sectionContainer .content .half .box div,
.registrationPaywall .page div.sectionContainer .content .half .box h3 {
margin: 0;
padding: 15px 0;
}
.registrationPaywall #accountRight .membership div {
padding: 15px;
}
.registrationPaywall #accountRight .membership div:first-child {
font-family: Lora_bold;
font-size: 18px;
}
.registrationPaywall .page div.sectionContainer .content .half .box .price span,
.registrationPaywall #accountRight .membership div:nth-child(2) {
background-color: var(--color-black-5);
font-size: 50px;
display: block;
text-align: center;
font-weight: 700;
}
.registrationPaywall .disclaimer {
position: absolute;
bottom: 0;
max-width: 500px;
width: 70%;
margin: 0 0 0 -250px;
left: 50%;
padding: 1.25rem;
}
@media only screen and (max-width: 1024px) {
.registrationPaywall .SSFormBody form {
width: 85%;
}
}
@media only screen and (max-width: 1000px) {
.registrationPaywall .SSForm, .registrationPaywall #accountRight {
max-width: 100%;
width: 100%;
display: block;
padding: 1px 0 0;
}
}
@media only screen and (max-width: 800px) {
.registrationPaywall .page div.sectionContainer .content .half {
max-width: 100%;
}
.registrationPaywall .numberList span:first-child {
width: 100%;
height: 67px;
}
.registrationPaywall .disclaimer {
position: static;
max-width: 500px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.registrationPaywall div#accountRight {
height: auto;
}
}
@media only screen and (max-width: 650px) {
.registrationPaywall .SSFormBody form {
width: 100%;
}
.registrationPaywall .SSForm .SSFormBody table.RowFive td {
padding: 0 15px 5px 15px;
width: 100%;
display: block;
}
.registrationPaywall .promoCodeContainer input {
width: 100%;
}
.registrationPaywall .promoCodeContainer input.submit {
width: 100%;
margin: 5px 0 0 0;
}
.registrationPaywall #ccImages {
float: none;
margin: 0 0 10px 0;
}
.registrationPaywall .SSFormBody {
width: 100%;
padding: 1.5rem 1rem;
}
.registrationPaywall .page div.sectionContainer .content .half {
width: 100%;
}
}
@media only screen and (max-width: 350px) {
.registrationPaywall .SSForm .SSFormBody table td {
padding: 0;
display: block;
width: 100%;
}
.registrationPaywall .SSForm .SSFormBody table.RowFive td {
padding: 0;
}
.registrationPaywall .confirmTermsContainer {
padding: 15px 0;
}
}
/*****************************************/
/************** Login Page ***************/
/*****************************************/
.WBLoginForm {
background-attachment: scroll;
background-position: center -100px;
background-repeat: no-repeat;
background-size: contain;
}
.WBLoginFormContainer.ArnSubPage, .WBForgotPasswordFormContainer.ArnSubPage, .WBForgotPasswordFormInform {
background-color: rgba(1, 1, 1, .6);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%;
overflow: scroll;
z-index: 9;
margin: 0;
}
.WBLoginFormContainer.ArnSubPage, .WBValidatedRegistrationFormContainer.ArnSubPage {
display: table;
background-color: transparent;
position: static;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%;
overflow: scroll;
margin: 0;
}
.WBLoginFormContainer.ArnSubPage .SSFormBody, .WBForgotPasswordFormContainer.ArnSubPage .SSFormBody {
background-color: var(--color-white-white);
max-width: 500px;
padding: 50px;
margin: 5% auto;
}
.WBForgotPasswordFormInform .message, .WBForgotPasswordFormInform form {
background-color: var(--color-white-white);
font-size: 18px;
max-width: 500px;
padding: 50px 50px 0;
margin: 5% auto 0;
display: block;
text-align: center;
}
.WBForgotPasswordFormInform form {
padding: 25px 50px 50px;
margin: 0 auto;
}
.WBForgotPasswordFormInform .warning, .WBChangePasswordFormInform .warning {
display: none;
}
.WBChangePasswordForm #lightbox, .WBChangePasswordFormInform #lightbox {
background-color: var(--color-white-white);
max-width: 415px;
width: 100%;
padding: 25px;
}
.WBChangePasswordForm #lightbox .window-close a, .WBChangePasswordFormInform #lightbox .window-close a {
position: absolute;
top: 5px;
right: 15px;
color: var(--color-black-black);
font-size: 25px;
font-weight: 300;
}
.WBChangePasswordForm #lightbox .message, .WBChangePasswordFormInform #lightbox .message {
font-size: 1.2em;
}
.WBChangePasswordForm #lightbox .passwordInputView {
margin: 5px 0 0;
}
.WBChangePasswordForm #lightbox .submit, .WBChangePasswordFormInform #lightbox .submit {
margin: 10px 0 0;
width: 100%;
cursor: pointer;
}
.WBLoginFormContainer.ArnSubPage .SSFormBody, .WBValidatedRegistrationFormContainer.ArnSubPage .SSFormBody {
background-color: var(--color-white-white);
padding: 100px 50px 50px;
max-width: 35%;
display: table-cell;
vertical-align: top;
width: 50%;
}
.WBLoginFormContainer.ArnSubPage .SSFormBody form, .WBValidatedRegistrationFormContainer.ArnSubPage .SSFormBody form {
max-width: 400px;
margin: 0 auto;
}
.WBLoginFormContainer.ArnSubPage #theWBLoginForm h1 {
text-align: left;
}
.WBLoginFormContainer.ArnSubPage #theWBLoginForm h2 {
text-align: left;
color: var(--color-black-60);
margin: 0 0 30px 0;
font-size: 20px;
font-weight: 300;
}
.WBLoginFormContainer.ArnSubPage #theWBLoginForm label {
margin: 8px 0 0;
color: var(--color-black-60);
}
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField {
height: 50px;
padding: 15px 0;
text-indent: 0;
font-weight: 700;
letter-spacing: 1px;
border-bottom: 1px solid var(--color-black-30);
border-top: none;
border-left: none;
border-right: none;
}
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField, .WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField:focus {
background-color: transparent;
}
.WBLoginFormContainer.ArnSubPage #theWBLoginForm div.empty label {
margin: 8px 0 0;
position: relative;
top: 38px;
font-size: 18px;
color: var(--color-black-60);
font-weight: 300;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.WBLoginFormContainer.ArnSubPage #theWBLoginForm div.focused label {
top: 0;
font-size: 16px;
}
.WBLoginFormContainer.ArnSubPage #theWBLoginForm div.checkboxView label {
position: static;
font-size: initial;
font-weight: initial;
color: initial;
}
.WBLoginFormContainer.ArnSubPage #theWBLoginForm #theRememberMeAjax {
margin: 15px 0;
}
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField.checkbox {
width: 20px;
height: auto;
margin: 5px 0 0;
}
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .FormActions {
text-align: center;
}
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .submit {
height: 50px;
width: 100%;
margin: 0 0 15px 0;
}
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .FormActions a {
color: var(--color-black-100);
font-weight: 700;
font-size: .9em;
}
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .loginDivider {
margin: 0 5px;
font-size: 14px;
color: var(--color-black-100);
font-weight: 600;
}
.RootBody #accountRight {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: table-cell;
width: 64%;
height: 100%;
min-height: 1000px;
vertical-align: top;
}
.WBLoginForm .ArnSupportLinks.ArnSupportBottom {
margin: 0;
}
.WBLoginFormContainer .errors, .WBValidatedRegistrationFormContainer .errors {
max-width: 400px;
margin: 0 auto;
}
@media only screen and (max-width: 1000px) {
.WBLoginFormContainer.ArnSubPage, .WBValidatedRegistrationFormContainer.ArnSubPage {
padding: 100px 30px 30px;
}
.WBLoginFormContainer.ArnSubPage .SSFormBody form, .WBValidatedRegistrationFormContainer.ArnSubPage .SSFormBody form {
max-width: 100%;
margin: 0 auto 0;
}
.WBLoginFormContainer.ArnSubPage .SSFormBody, .WBValidatedRegistrationFormContainer.ArnSubPage .SSFormBody {
padding: 0;
max-width: 100%;
width: 100%;
}
.RootBody #accountRight {
display: none;
}
.WBLoginFormContainer .errors, .WBValidatedRegistrationFormContainer .errors {
max-width: 100%;
margin: 0 0 15px 0;
}
}
@media only screen and (max-width: 800px) {
.WBLoginFormContainer.ArnSubPage, .WBValidatedRegistrationFormContainer.ArnSubPage {
padding: 30px;
}
}
/*****************************************/
/*********** Forgot Password *************/
/*****************************************/
.WBForgotPasswordForm {
background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/tower/images/bg/52.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.WBForgotPasswordForm .ArnSupportLinks.ArnSupportBottom {
margin: 60% 0 0;
}
/*****************************************/
/************** Root Page ****************/
/*****************************************/
.RootBody {
background-attachment: scroll !important;
background-position: center -100px !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.RootBody .reserveHotel {
font-size: 50px;
margin: 0;
padding: 0;
line-height: 1;
color: inherit;
font-weight: 700;
text-transform: capitalize;
display: inline-block;
}
.RootPage .modifySearch {
background-color: transparent;
color: inherit;
padding: 0;
margin: 5px 0 0;
display: none;
}
.RootBody .searchLeft {
margin: 0 auto;
width: 36%;
display: table-cell;
padding: 150px 0;
}
.RootBody.WK .ArnSearchContainerMainTable .yui3-skin-sam tbody {
display: initial;
}
.RootBody #searchForm {
padding: 0 15px;
}
@media screen and (max-width: 1665px) {
.RootBody .reserveHotel {
font-size: 45px;
}
}
@media screen and (max-width: 1400px) {
.RootBody .searchLeft {
padding: 205px 0;
}
}
@media only screen and (max-width: 800px) {
.RootBody {
background-size: auto 550px !important;
background-position: left top !important;
}
.RootBody .searchLeft {
padding: 50px 0;
}
}
/* Root Page Search Form */
.RootBody .ArnLeftSearchContainer form {
width: 60%;
margin: 0 auto;
}
.RootBody input {
height: 50px;
font-size: 18px;
border: none;
}
.RootPage .ArnQuadSearchContainer.ArnPrimarySearchContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
max-width: 1280px;
margin: 0 auto;
-webkit-box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, .15);
box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, .15);
padding: 15px;
border-radius: 50px;
max-height: 78px;
background-color: var(--color-white-white);
}
.RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer {
display: block;
border-bottom: none;
border-right: 1px solid var(--color-black-30);
margin: 0;
}
.RootPage .ArnAcdParent {
margin: 10px 0 0;
}
.RootPage .ArnPrimarySearchContainer .ArnPlacesSearchContainer {
width: 100%;
}
.RootPage .ArnPrimarySearchContainer .ArnCheckInContainer,
.RootPage .ArnPrimarySearchContainer .ArnCheckOutContainer {
min-width: 160px;
padding: 0 0 0 10px;
}
.RootPage .ArnSearchHolderBoth {
margin: 0;
min-width: 270px;
font-weight: 700;
}
.internationalLanguage.RootBody .ArnSearchHolderBoth {
min-width: 290px;
}
.internationalLanguage.in_ID.RootBody .ArnSearchHolderBoth {
min-width: 345px;
}
.pac-item-query {
font-size: 16px;
}
.pac-item {
font-size: 14px;
color: var(--color-black-60);
border-top: none;
}
.pac-item-query {
font-size: 16px;
}
.pac-item {
padding: 4px 4px;
font-size: 14px;
}
.pac-item:first-child {
padding: 12px 4px 4px;
}
.pac-matched {
font-weight: 400;
}
.RootPage #pac-input {
background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/icons/icon-11.svg");
text-indent: 23px;
background-position: 0 13px;
background-repeat: no-repeat;
background-size: 22px auto;
}
.RootPage #city, .RootPage .ArnCheckInDate, .RootPage .ArnCheckOutDate {
text-indent: 29px;
background-position: 0 13px;
background-repeat: no-repeat;
background-size: 22px auto;
}
.RootPage .ArnCheckInDate, .RootPage .ArnCheckOutDate {
background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/icons/calendar.svg");
}
.RootTypePlaces .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnHotelNameContainer {
display: none;
}
.RootBody .ArnPrimarySearchOuterContainer .yui3-skin-sam a {
display: inline;
}
.RootBody .ArnPrimarySearchOuterContainer .submit {
width: 140px;
font-size: 16px;
border-radius: 50px;
text-indent: 0;
}
/* testing big fonts */
.RootPage .ArnStayTable {
font-size: 18px;
}
@media screen and (max-width: 2100px) {
.RootBody .ArnLeftSearchContainer form {
width: 75%;
}
}
@media screen and (max-width: 1665px) {
.RootBody .ArnLeftSearchContainer form {
width: 80%;
}
}
@media screen and (max-width: 1400px) {
.RootBody .ArnLeftSearchContainer form {
width: 85%;
}
}
@media screen and (max-width: 1350px) {
.arrowContainer {
display: none;
}
}
@media only screen and (max-width: 800px) {
.RootPage .ArnQuadSearchContainer.ArnPrimarySearchContainer {
background-color: var(--color-white-white);
max-height: initial;
padding: 15px 25px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.RootBody .ArnPlacesSearchContainer {
width: 100%;
margin: 0 0 10px;
}
.RootBody .ArnPlacesSearchContainer input {
width: 88%;
}
#arnGeoButton {
background-color: rgba(0, 0, 0, .4);
background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/images/current.png");
background-position: center;
background-repeat: no-repeat;
background-size: 28px;
font-size: 0;
color: transparent;
vertical-align: top;
display: inline-block;
width: 34px;
height: 34px;
border-radius: 50%;
margin: 5px 0 0;
}
.RootPage .ArnCheckInContainer, .RootPage .ArnCheckOutContainer {
width: 100%;
margin: 0 0 10px;
}
.RootPage .ArnSearchHolderBoth {
width: 100%;
margin: 0 0 3px;
}
.RootPage .ArnAcdParent {
margin: 0;
}
.RootBody .ArnPrimarySearchOuterContainer .submit {
width: 100%;
margin: 30px 0 0;
}
}
@media only screen and (max-width: 375px) {
.RootBody .ArnPlacesSearchContainer input {
width: 86%;
}
}
/* Adults Kids Selector */
.ArnSearchHolderBoth {
min-width: 230px;
height: 35px;
background-color: var(--color-white-white);
border: none;
position: relative;
}
.internationalLanguage.in_ID.SearchHotels .ArnSearchHolderBoth {
min-width: 265px;
}
.ArnStayTable {
width: 100%;
height: 55px;
text-align: left;
display: block;
cursor: pointer;
position: relative;
padding: 2px 0 2px 5px;
}
.ArnAcdChild {
position: absolute;
left: 0;
top: 55px;
background-color: var(--color-white-white);
padding: 24px;
z-index: 2;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
border-radius: 8px;
min-width: 278px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
max-height: 435px;
overflow-x: hidden;
overflow-y: auto;
}
.SinglePropDetail .ArnAcdChild {
top: 194px;
}
.WBRoomsAdultsChildrenKeystone .ArnAcdContainer {
border-bottom: 1px solid var(--color-black-30);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0;
}
.WBRoomsAdultsChildrenKeystone .ArnAcdChildrenContainer {
border-bottom: none;
}
.WBRoomsAdultsChildrenKeystone .ArnAcdContainer input {
text-align: center;
text-indent: 0;
width: 32px;
height: initial !important;
padding: 0;
margin: 0;
border: none !important;
color: var(--color-black-100);
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
vertical-align: super;
}
.WBRoomsAdultsChildrenKeystone .ArnAcdContainer span {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
color: var(--color-black-100);
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
}
.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div a svg {
margin: 5px 0 0;
}
.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div a svg path {
fill: var(--color-black-100) !important;
}
.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div a.disabled svg path {
fill: var(--color-black-60) !important;
}
.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div.ArnAcdChildAges {
margin: 0;
padding: 0;
}
.ArnAcdChild .ArnAcdSelect {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.ArnAcdChildAges .ArnAcdSpan {
font-weight: initial;
}
.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div.ArnAcdChildAges {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 100%;
}
.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div.childAge {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin: 5px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.WBRoomsAdultsChildrenKeystone .ArnAcdContainer div.ArnAcdChildAges span {
font-weight: 300;
width: 50%;
white-space: normal;
text-align: left;
}
.ArnAcdChildAges .ArnAcdChildAgesSelect {
width: 66px;
border-color: var(--color-black-15);
border-radius: 20px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
padding: 5px 10px;
}
.ArnAcdChildAges .ArnAcdChildAgesSelect:focus {
outline: 5px auto;
outline-color: -webkit-focus-ring-color;
outline-offset: -2px;
}
.searchOptionsControls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
}
.searchOptionsControls button.submit {
font-family: "Roboto-Condensed";
padding: 10px 32px;
text-transform: uppercase !important;
height: initial !important;
border-radius: 24px;
letter-spacing: 1px;
}
.searchOptionsControls button.submit:focus {
outline: 5px auto;
outline-color: -webkit-focus-ring-color;
outline-offset: -2px;
}
.searchOptionsControls button.clearSearchOptions.submit {
width: auto;
-webkit-box-flex: 0;
-ms-flex: none;
flex: 1;
border: 2px solid var(--color-secondary) !important;
background-color: transparent;
cursor: pointer;
color: var(--color-secondary);
}
.searchOptionsControls button.clearSearchOptions.submit:hover {
background-color: var(--color-secondary);
color: var(--color-white-white);
}
.searchOptionsControls button.doneSearchOptions.submit {
width: auto;
-webkit-box-flex: 0;
-ms-flex: none;
flex: 1;
background-color: var(--color-primary);
cursor: pointer;
color: var(--color-black-100);
}
.searchOptionsControls button.doneSearchOptions.submit:hover {
background-color: var(--color-primary-hover);
}
@media only screen and (max-width: 800px) {
.ArnAcdChild {
padding: 24px;
min-width: 300px;
}
}
.GroupHoldForm .ArnAcdParent {
max-width: 386px;
border: 1px solid var(--color-black-30);
margin: 0 0 15px 0;
}
.GroupHoldForm .ArnAcdChild {
max-width: 386px;
}
/* Right Side Root Search Page */
.RootBody #accountRight {
height: 1000px;
min-height: 1000px;
}
@media screen and (max-width: 1400px) {
.RootBody #accountRight {
height: 780px;
min-height: 780px;
}
}
/* Featured Properties */
.featuredContainer {
background-color: var(--color-white-white);
padding: 60px 15px;
text-align: center;
margin: 100px 0 0;
}
.featuredContainer h1 {
font-size: 18px;
font-weight: 700;
margin: 0 0 5px;
color: var(--color-black-100);
text-align: left;
width: 100%;
}
.featuredPropertiesContainerContent h2 {
display: none;
}
.featuredPropertiesContainerContent .featuredProperty h2 {
display: block;
}
.featuredPropertiesContainerContent .text {
max-width: 1280px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 12px;
}
.featuredProperty h2 {
display: block;
font-weight: 300;
padding: 15px 15px 0;
line-height: 1.4em;
margin: 0 auto 10px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.featuredProperty h3 {
padding: 0 15px 15px;
margin: 0;
text-align: center;
font-size: 12px;
font-weight: normal;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.featuredProperty img {
background-color: var(--color-black-60);
height: 300px;
width: 100%;
border-radius: 8px 8px 0 0;
}
.featuredProperty .featuredPrice {
display: block;
margin: 0 auto;
padding: 15px 0;
}
.featuredProperty .featuredPrice p {
color: var(--color-black-75);
font-size: 25px;
margin: 0;
}
.featuredProperty .tripAdvisorContainer {
padding: 20px 0 0;
background-color: transparent;
border-top: 1px solid #ddd;
border-bottom: none;
}
.featuredProperty .tripAdvisorContainer img {
background-color: transparent;
display: block;
height: 20px;
margin: 0 auto 14px;
width: auto;
}
.featuredProperty .tripAdvisor {
background-color: var(--color-black-30);
color: var(--color-white-white);
display: inline-block;
margin: 0 auto 20px;
font-size: 28px;
padding: 10px 20px 12px;
border-radius: 0;
}
a.featuredProperty {
background-color: rgba(255, 255, 255, 1);
display: inline-block;
margin: 20px 3px;
width: 29.8%;
font-size: 16px;
color: var(--color-black-75);
text-align: center;
position: relative;
vertical-align: top;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 8px;
}
a.featuredProperty:last-child {
display: none;
}
.maxDiscount {
background-color: rgba(0, 0, 0, 0.03);
color: var(--color-black-75);
font-size: 16px;
padding: 10px 20px;
position: static;
border: 1px solid #ddd;
margin: 6px 0 0;
display: block;
width: auto;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
@media only screen and (max-width: 800px) {
.featuredContainer {
padding: 15px 0;
}
.featuredContainer h1 {
font-size: 22px;
font-weight: 500;
margin: 0;
text-align: left;
padding: 15px;
}
a.featuredProperty {
width: 90%;
}
}
/* Featured Destinations */
.featuredDestinationsContainerContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.featuredDestinationsContainer .featuredDestination {
background-color: dodgerblue;
border-right: 8px solid var(--color-black-black);
border-left: 8px solid var(--color-black-black);
background-size: auto 125%;
background-position: center;
width: 25%;
text-align: center;
position: relative;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.featuredDestinationsContainer .featuredDestination:hover {
background-size: auto 130%;
}
.featuredDestinationsContainer .destinationIncentiveLink {
display: block;
padding: 20px 0;
background-color: rgba(1, 1, 1, 0.35);
color: var(--color-white-white);
font-size: 18px;
font-weight: lighter;
position: absolute;
bottom: 0;
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.featuredDestinationsContainer .featuredDestination:hover .destinationIncentiveLink {
background-color: #67b2d9;
}
.featuredDestinationsContainer .destinationSavings {
display: table-cell;
height: 100%;
left: 0;
position: absolute;
top: 0;
vertical-align: middle;
width: 100%;
}
.featuredDestinationsContainer .averageNightlyLabel {
font-size: 15px;
}
.featuredDestinationsContainer .averageNightlyRate {
display: inline;
}
.featuredDestinationsContainer .savingsLink {
background-color: rgba(1, 1, 1, 0.4);
color: var(--color-white-white);
display: block;
font-size: 30px;
line-height: 1.1em;
font-weight: lighter;
height: 100%;
outline: medium none blue;
padding: 24% 0;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.featuredDestinationsContainer .savingsLink span {
border: 2px solid var(--color-white-white);
display: block;
font-size: 14px;
margin: 15px auto 0;
padding: 2px;
width: 45%;
}
.featuredDestinationsContainer .savingsLink span.averagePercenteOff {
border: medium none;
font-size: 16px;
margin: 0;
padding: 0;
width: 100%;
}
.featuredDestinationsContainer .destinationThumb img {
width: 100%;
height: 100%;
}
@media only screen and (max-width: 1900px) {
.featuredDestinationsContainer .savingsLink {
padding: 8% 0 0;
}
}
@media only screen and (max-width: 1450px) {
.featuredDestinationsContainer .savingsLink {
font-size: 24px;
}
.featuredDestinationsContainer .savingsLink span {
width: 60%;
}
}
@media only screen and (max-width: 1370px) {
.featuredDestinationsContainer .savingsLink {
padding: 2% 15% 0;
}
}
@media only screen and (max-width: 1300px) {
.featuredDestinationsContainer .featuredDestination {
width: 50%;
border-bottom: 15px solid var(--color-black-black);
}
.featuredDestinationsContainer .savingsLink {
padding: 20% 15% 0;
font-size: 30px;
}
}
@media only screen and (max-width: 800px) {
.featuredDestinationsContainer .featuredDestination {
width: 100%;
border-bottom: 8px solid var(--color-black-black);
}
.featuredDestinationsContainer .savingsLink {
padding: 8% 0;
font-size: 25px;
}
.featuredDestinationsContainer .savingsLink span {
width: 50%;
}
}
.RootBody {
background-color: var(--color-black-5);
}
.RootBody #accountRight {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
width: 80%;
min-height: initial;
margin: 100px auto 75px;
height: 40vh;
border-radius: 50px;
position: relative;
z-index: -1;
}
.RootBody #accountRight::after {
position: absolute;
content: "";
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.40)));
background-image: -o-linear-gradient(rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);
background-image: linear-gradient(rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50px;
}
.ArnSearchHotelsImg {
text-align: center;
color: var(--color-white-white);
}
.RootBody .ArnSearchHeader,
.RootBody .ArnSearchTitle {
/* TODO check important, is it necessary? */
display: block !important;
text-align: center;
color: var(--color-white-white);
font-size: 50px;
margin: 0 0 25px;
line-height: 1em;
}
.RootBody .ArnSearchContainerMainTable {
width: 100%;
margin: -193px auto 0;
}
.RootBody .ArnSearchContainerMainDiv {
background-color: transparent;
padding: 0;
display: block;
width: 100%;
}
.RootPage .ArnSearch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0;
flex: 1 0;
}
@media only screen and (max-width: 1600px) {
.RootPage #accountRight {
width: 98%;
}
}
@media only screen and (max-width: 1000px) {
.RootBody .ArnSearch .ArnSearchHolderBoth,
.internationalLanguage.in_ID.RootBody .ArnSearchHolderBoth {
min-width: 110px;
width: initial;
}
.RootPage .ArnPrimarySearchContainer .ArnPlacesSearchContainer {
width: 100%;
}
.RootPage .ArnPrimarySearchContainer .ArnCheckInContainer,
.RootPage .ArnPrimarySearchContainer .ArnCheckOutContainer {
min-width: 140px;
}
}
@media only screen and (max-width: 800px) {
.RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer {
border-right: none !important;
}
.RootPage .ArnSearch {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: repeat(4, 1fr);
width: 100%;
}
.RootPage .ArnPrimarySearchContainer .ArnPlacesSearchContainer {
-ms-grid-column: 1;
-ms-grid-column-span: 4;
grid-column: 1/5;
border-bottom: 1px solid var(--color-black-30);
margin: 0 0 20px 0;
}
.RootPage .ArnPrimarySearchContainer .ArnCheckInContainer {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3;
}
.RootPage .ArnPrimarySearchContainer .ArnCheckOutContainer {
-ms-grid-column: 3;
-ms-grid-column-span: 2;
grid-column: 3/5;
}
.RootBody .ArnSearch .ArnSearchHolderBoth {
border-top: 1px solid var(--color-black-30);
-ms-grid-column: 1;
-ms-grid-column-span: 4;
grid-column: 1/5;
padding: 15px 0 30px;
}
}
@media only screen and (max-width: 500px) {
.RootBody {
position: relative;
}
.RootBody #accountRight {
width: 100%;
border-radius: 0;
margin: 0;
height: 780px;
}
.RootBody #accountRight::after {
border-radius: 0;
}
.RootBody .ArnSearchContainerMainDiv {
background-color: transparent;
padding: 0;
display: block;
width: 100%;
position: absolute;
top: 360px;
}
.featuredContainer {
margin: 0 !important;
padding: 60px 15px !important;
}
a.featuredProperty {
width: 100% !important;
}
.RootBody #theSubmitButton {
width: 100%;
margin: 20px 0 0;
}
.RootBody .ArnAcdChild {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 20;
}
.RootBody .ArnAcdClose {
display: block;
text-align: right;
padding: 0 10px 15px 0;
}
.RootBody .ArnSearch .ArnSearchHolderBoth,
.internationalLanguage.in_ID.RootBody .ArnSearchHolderBoth {
min-width: 100%;
}
}
/* About Section */
.aboutContainer {
margin: 0;
padding: 120px 0 150px;
width: 100%;
background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/tower/images/bg/54.jpg");
background-color: var(--color-black-15);
background-position: center;
background-attachment: scroll;
background-size: cover;
position: relative;
border-top: 15px solid var(--color-black-black);
display: none;
}
.aboutContainer:after {
content: "";
background-color: rgba(0, 0, 0, .82);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.aboutContainer .instructionBoxTitle {
font-size: 32px;
line-height: 1.4em;
margin: 0 0 60px;
color: var(--color-white-white);
font-weight: 100;
}
.aboutContainer .aboutContent {
margin: 0 auto;
position: relative;
text-align: center;
padding: 20px 0;
max-width: 1280px;
z-index: 1;
}
.aboutContainer .instructionBoxTitle {
color: var(--color-white-white);
font-weight: 100;
}
.aboutContainer .instructionBox {
font-weight: lighter;
width: 33%;
vertical-align: top;
display: inline-block;
font-size: 20px;
color: var(--color-white-white);
line-height: 1.7;
text-align: left;
background-color: rgba(0, 0, 0, .35);
min-height: 256px;
padding: 0 20px;
}
.aboutContainer .instructionBox h3 {
font-size: 40px;
display: inline-block;
font-weight: 300;
margin: 0;
}
.aboutContainer .stepOne, .aboutContainer .stepTwo, .aboutContainer .stepThree {
border-right: 4px solid #67b2d9;
border-radius: 30%;
color: #67b2d9;
display: inline-block;
font-size: 43px;
padding: 18px 0 10px 0;
width: 50px;
border-left: none;
border-top: none;
border-bottom: none;
margin: 0 15px 0 0;
}
@media only screen and (max-width: 1100px) {
.aboutContainer .instructionBox {
width: 100%;
}
}
@media only screen and (max-width: 800px) {
.aboutContainer {
padding: 15px 0;
}
.aboutContainer .instructionBoxTitle {
font-weight: 500;
font-size: 22px;
text-align: left;
padding: 0 15px;
margin: 0 0 15px;
}
.aboutContainer .instructionBox {
width: 100%;
}
}
/* Popular Destinations */
.popularDestinationsLandingContainer {
background-color: var(--color-black-black);
padding: 80px 0 90px;
}
.popularDestinationsLandingContainer .popularDestinationsContainer {
font-size: 32px;
font-weight: lighter;
margin: 30px 0 40px;
text-align: center;
}
.popularDestinationsLandingContainer .popularDestinationsContainer .title {
color: var(--color-white-white);
}
.popularDestinationsLandingContainer .popularCities {
margin: 0 auto;
padding: 0;
text-align: center;
width: 90%;
}
.popularDestinationsLandingContainer .popularCities li {
display: inline-block;
margin: 0 0 15px 15px;
border: none;
border-radius: 50px;
background-color: rgba(255, 255, 255, .2);
}
.popularDestinationsLandingContainer .popularCities li:hover {
background-color: rgba(255, 255, 255, .4);
}
.popularDestinationsLandingContainer .popularCities a:link, .popularDestinationsLandingContainer .popularCities a:active, .popularDestinationsLandingContainer .popularCities a:visited {
color: var(--color-white-white) !important;
display: inline-block;
font-size: 20px;
font-weight: lighter;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
padding: 10px 30px;
background-color: transparent;
}
.popularDestinationsLandingContainer .popularCities a:hover {
text-decoration: none;
background-color: rgba(255, 255, 255, .2);
border-radius: inherit;
}
@media only screen and (max-width: 800px) {
.popularDestinationsLandingContainer {
padding: 15px 0;
}
.popularDestinationsLandingContainer .popularDestinationsContainer .title {
font-size: 22px;
font-weight: 500;
}
.popularDestinationsLandingContainer .popularCities li {
display: inline-block;
margin: 0 0 15px;
width: 80%;
}
.popularDestinationsLandingContainer .popularCities a:link, .popularDestinationsLandingContainer .popularCities a:active, .popularDestinationsLandingContainer .popularCities a:visited {
font-size: 18px;
display: block;
}
}
/* hide these */
.WBSearchPlaces .ArnPrimarySearchOuterContainer a, .RootBody .ArnPrimarySearchOuterContainer a, .RootBody .ArnPrimarySearchOuterContainer .ArnIndividualSearchContainer span, .RootBody .ArnSecondarySearchOuterContainer, .RootBody .ArnNoResults,
.RootBody .ArnIndividualSearchContainer label, .RootBody .ArnIndividualSearchContainer br, .RootBody .ArnPrimarySearchOuterContainer p {
display: none;
}
/* ? */
.SinglePropDetail.WBPropertyDetailViewKeystone .roomThumbs {
display: none;
}
a.ArnGoCitySearch:hover, a.ArnGoAddressSearch:hover, a.ArnGoLandmarkSearch:hover, a.ArnGoAirportSearch:hover, a.selectedTab {
background-color: var(--color-secondary);
color: var(--color-white-white);
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchOuterContainer {
font-size: 14px;
padding: 15px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchOuterContainer p,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchOuterContainer br {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .reserveHotel,
.SearchHotels.SearchMode-WBHotelListKeystone .modifySearch {
padding: 20px 15px;
font-size: 18px;
font-weight: bold;
color: var(--color-black-75);
text-align: left;
line-height: 1em;
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer.ArnRateFiltersContainer {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer {
background-color: transparent;
display: inline-block;
vertical-align: top;
padding: 20px 0 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer select {
width: 100%;
border-radius: 20px;
padding: 5px 15px;
height: 40px;
white-space: nowrap;
text-overflow: ellipsis;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer .filterSectionLabel {
width: 100%;
font-weight: 700;
cursor: pointer;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer input.checkbox {
height: 20px;
width: 20px;
min-width: 20px;
cursor: pointer;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer .ArnSearchField div input,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer .ArnSearchField div span {
vertical-align: middle;
display: inline-block;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer .ArnSearchField div>span,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer .ArnSearchField div>label {
vertical-align: middle;
margin-left: 10px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer .ArnSearchField div span br {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone.IE .ArnLeftSearchContainer {
padding: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer a {
cursor: text !important;
color: inherit;
}
@media screen and (max-width: 800px) {
.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
margin: 0;
width: 100%;
max-width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader .ArnSecondarySearchOuterContainerTop {
height: 100%;
position: fixed;
width: 100%;
top: 0;
left: 0;
background-color: var(--color-white-white);
padding: 50px 20px;
overflow: scroll;
z-index: 9999;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer {
padding: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer {
position: relative;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer .yui3-skin-sam .yui3-calendar-content {
right: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader .ArnSecondarySearchOuterContainerTop .ArnIndividualSearchContainer {
font-size: 16px;
border-top: 1px solid var(--color-black-30);
border-bottom: 1px solid var(--color-black-30);
margin: -1px 0 0;
padding: 15px 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader .ArnSecondarySearchOuterContainerTop a {
text-transform: capitalize;
font-size: 16px;
display: block;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainerTop span.close {
color: var(--color-red-red);
position: absolute;
top: 10px;
right: 20px;
font-size: 20px;
font-weight: 300;
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader .ArnSecondarySearchOuterContainerTop .submit {
height: 50px;
position: fixed;
left: 0;
margin: 0 0 0 0 !important;
bottom: 0;
width: 100%;
}
}
/* Search Results Row */
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPagerContainer {
margin-top: 0;
margin-bottom: 0;
color: var(--color-black-75);
font-family: 'Lato', sans-serif;
height: auto;
text-align: center;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPagerResult h3 {
font-size: 16px;
margin: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .bottomPager .ArnPagerResult h3 {
margin: 16px 0;
}
/* Sort Control */
.sortingMobile {
display: inline-block;
}
.ArnSortContainer a.ArnSortByRebateAmount, .ArnSortContainer a.ArnSortByVacationRental, #arnToggleMapDiv, .ArnSortContainer a.ArnSortByClass {
display: none !important;
}
@media only screen and (min-width: 800px) {
.ArnSortContainer a.active {
background-color: var(--color-black-5);
}
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb {
background-color: var(--color-black-75);
position: relative;
min-height: 200px;
overflow: hidden;
border-radius: 10px 0 0 10px;
/* Bryan New Test */
height: 250px;
min-width: 300px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb:before {
position: absolute;
content: "";
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.80)), color-stop(35.00%, rgba(0, 0, 0, 0.00)), color-stop(64.59%, rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.60)));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 35.00%, rgba(0, 0, 0, 0.00) 64.59%, rgba(0, 0, 0, 0.60) 100%);
background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 35.00%, rgba(0, 0, 0, 0.00) 64.59%, rgba(0, 0, 0, 0.60) 100%);
top: 0;
left: 0;
width: 100%;
height: 100%;
/* Bryan New Test */
display: none;
/**/
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb:after {
position: absolute;
content: "....";
color: var(--color-white-white);
width: 100%;
height: 0;
left: 0;
bottom: 40px;
text-align: center;
font-size: 35px;
letter-spacing: 6px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnImageLink img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 1/1;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImageButtons {
position: absolute;
width: 100%;
height: 0;
top: 43%;
padding: 0 8px;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
/* Bryan New Test */
.keystoneCarousel-container.hideOverlayUntilHover i {
opacity: 1 !important;
visibility: visible;
}
.keystoneCarousel-container i {
height: 35px;
width: 28px;
background: rgba(255, 255, 255, 0.0) !important;
}
.keystoneCarousel-container i svg {
margin: 0 0 0;
width: 38px;
height: 38px;
}
.keystoneCarousel-container i svg path {
fill: var(--color-white-white) !important;
stroke: transparent !important;
}
.keystoneCarousel-container>.slideStatusBar {
left: 8px;
}
/**/
.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty:hover .ArnPropImageButtons {
opacity: 1;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty .ArnPropImageButtons svg {
margin: 0 auto;
height: 35px;
width: 35px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty .ArnPropImageButtons svg path {
fill: var(--color-black-100);
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImagePrevious,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImageNext {
width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImagePrevious svg path,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImageNext svg path {
fill: var(--color-white-white) !important;
stroke: transparent !important;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImageButtons span {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImagePrevious {
float: left;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImageNext {
float: right;
}
/* Expedia Review Updates */
.ArnTripAdvisorDetails.HasReviews .defaultRatingImg {
margin: 0 3px 0 0;
/* display: inline-block; CX-1754 */
height: 16px;
}
.ratingCount {
display: none !important;
}
/**/
.ArnTripAdvisorDetails.HasReviews .reviewCount {
position: static;
display: inline-block;
width: auto;
}
.ArnTripAdvisorDetails .reviewCount a {
display: block;
color: var(--color-black-100);
}
.ArnTripAdvisorDetails .reviewCount a .reviewCountLabel {
display: inline !important;
margin: 0 0 0 3px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .searchingRates {
font-size: 18px;
}
/**/
.SearchHotels.SearchMode-WBHotelListKeystone .searchingRates .searchingAnimate {
background-image: url("/appSkins/64/v6/themes/global/skins/brownstone/images/Searching_Hotels.gif");
background-repeat: no-repeat;
width: 47px;
height: 30px;
display: inline-block;
position: relative;
top: 20px;
left: 5px;
}
.OnSale .mainRate .yourRateContainer, .OnSale .yourRateContainer {
font-size: 24px;
display: none;
color: var(--color-red);
}
.roomCount {
line-height: 1;
width: auto;
display: block;
text-align: left;
position: relative;
color: var(--color-red);
font-weight: 700;
margin: 4px 0 7px;
font-size: 14px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPages {
margin: 32px 0 10px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPages a {
padding: 5px 10px;
border: none;
font-family: "Roboto";
color: var(--color-black-100);
cursor: pointer;
font-size: 14px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPages span {
border-radius: 0;
font-size: 14px;
padding: 0 10px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPages span.active {
border: 1px solid var(--pagination-active-bg);
border-radius: 50%;
background-color: var(--pagination-active-bg);
color: var(--color-white-white);
padding: 5px 10px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPagerResult {
margin: 0 0 32px;
}
.originalRateContainer, .memberSavingsPercent, .saveWrap, .eliteRateContainer {
display: none;
}
/* Drop Down View */
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentButtonContainer div {
background-color: transparent !important;
display: table-cell;
width: 1%;
text-align: center;
padding: 15px 0;
border-top: 1px solid var(--color-black-30);
border-bottom: 1px solid var(--color-black-30);
cursor: pointer;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentButtonContainer div.active, .SearchHotels.SearchMode-WBHotelListKeystone .ArnContentButtonContainer div:hover {
background-color: var(--color-secondary) !important;
color: var(--color-white-white);
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentButtonContainer a {
background-color: transparent;
float: right;
padding: 5px 15px;
color: var(--color-red-red);
font-size: 20px;
margin: 10px 0 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentButtonContainer div.closeContainer {
display: block;
width: initial;
padding: 0;
border: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentButtonContainer div.closeContainer:hover {
background-color: transparent;
color: var(--color-red-red);
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer {
padding: 15px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .rateRow {
margin: 5px 0;
padding: 15px 0;
border-top: 1px solid var(--color-black-30);
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer h3 {
font-size: 16px;
margin-top: 0;
font-weight: 500;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnRateList {
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .rateRow h2 {
display: block !important;
font-size: 18px;
letter-spacing: 1px;
margin: 0;
padding: 0 0 5px;
color: var(--color-black-black);
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer a.bookRoom {
background: var(--color-secondary) none repeat scroll 0 0;
color: var(--color-white-white);
display: inline-block;
padding: 5px 15px;
margin: 0 0 5px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnNightlyRate strong {
display: block;
color: var(--color-black-black);
font-size: 26px;
margin: 5px 0 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .roomCount {
margin: 10px 0 0;
text-align: right;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnAmenityContainer td {
width: 50%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer ul {
margin: 0;
padding: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer ul li {
list-style: inside;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnPhotoContainer .thumbScroller {
position: static !important;
padding: 0 !important;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnPhotoContainer .thumbScroller a {
position: static !important;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnPhotoContainer .thumbScroller a.previous {
float: left;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnPhotoContainer .thumbScroller a.next {
float: right;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnPhotoContainer td {
display: block;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .ArnPhotoContainer td img {
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentContainer .PropertyImages .imageDisclaimer {
font-size: 14px;
}
/* Hide These */
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContentButtonContainer a img, .toalPerWeek {
display: none;
}
@media screen and (max-width: 1000px) {
.ArnPropAddress {
line-height: 1.4;
}
}
@media screen and (max-width: 800px) {
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPagerResult h3 {
font-size: 14px;
text-align: center;
}
}
/* No Avail */
.PropLimitedAvail {
position: relative;
}
.PropLimitedAvail {
background-color: var(--color-black-5);
}
.PropLimitedAvail .ArnPropThumb img {
opacity: .4;
}
.PropLimitedAvail .ArnAvailability {
border: 1px solid var(--color-red-red);
bottom: 27px;
right: 15px;
color: var(--color-red-red);
padding: 5px 10px;
max-width: 175px;
line-height: 1.4;
}
.propertyList .ArnAvailability {
display: none !important;
}
/* Timeouts */
.ArnTimeout a {
font-size: 16px;
font-weight: normal;
text-decoration: underline;
cursor: pointer;
}
.throbberContainer {
margin: -1px auto 0;
}
.throbberContainer img {
top: 96px;
}
/******************************************************************************/
/**************************** Searching Annimation ****************************/
/******************************************************************************/
/* Feature */
/* Configured with configRatePollingAnimation() */
@-webkit-keyframes placeHolderShimmer {
0% {
background-position: -468px 0
}
100% {
background-position: 468px 0
}
}
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0
}
100% {
background-position: 468px 0
}
}
.animated-background .ArnPropAddress,
.animated-background .ArnPropClass,
.animated-background .distanceLabel,
.animated-background .ArnImageLink,
.animated-background .ArnTripAdvisorDetails,
.animated-background span[itemprop="name"],
.animated-background .ArnIconContainer,
.animated-background .fullStayTotal,
.animated-background .ratingText .ratingValue,
.animated-background .ratingText .ratingDescription,
.animated-background .averageNightly {
font-size: 0 !important;
display: inline-block;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: placeHolderShimmer;
animation-name: placeHolderShimmer;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background: #f6f7f8;
background: -webkit-gradient(linear, left top, right top, color-stop(8%, var(--color-black-15)), color-stop(18%, #dddddd), color-stop(33%, var(--color-black-15)));
background: -o-linear-gradient(left, var(--color-black-15) 8%, #dddddd 18%, var(--color-black-15) 33%);
background: linear-gradient(to right, var(--color-black-15) 8%, #dddddd 18%, var(--color-black-15) 33%);
background-size: 800px 104px;
position: relative;
border-radius: 8px;
}
.animated-background .roomCount,
.animated-background .fullStayTotal span,
.animated-background .ArnIconContainer svg,
.animated-background .ArnPropThumb::after,
.animated-background .ArnTripAdvisorDetails .ratingCount,
.animated-background .ArnRateCell .searchingAnimate,
.animated-background .searchingRates,
.animated-background .percentSavings,
.animated-background .ArnLimitedAvail,
.animated-background .originalRateAmount,
.animated-background .ArnPropClass svg,
.animated-background .originalPrice,
.animated-background .labelAvgNightly,
.animated-background .ArnIconContainer .on,
.animated-background .memberSavings,
.animated-background .ArnPropAddress,
.animated-background .ArnTripAdvisorDetails.HasReviews .defaultRatingImg,
.animated-background .reviewCount,
.animated-background .ArnIconContainer img.On,
.animated-background .matchLabel {
display: none !important;
}
.animated-background .averageNightly {
width: 70%
}
.animated-background .fullStayTotal {
width: 70%;
margin: 10px 0 0;
height: 50px;
}
.animated-background .ArnIconContainer {
width: 100%;
height: 50px;
}
.animated-background .ArnImageLink {
height: 100%;
border-radius: 0;
width: 100%;
}
.animated-background span[itemprop="name"] {
width: 70%;
}
.animated-background .ArnImageLink img {
opacity: 0;
}
.animated-background .ArnTripAdvisorDetails {
width: 50%;
}
/******************************************************************************/
/************************* End Searching Annimation ****************************/
/******************************************************************************/
/* Right Side Map Section */
.ArnPropertyMap {
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
.ArnPropertyMap>div {
height: 100% !important;
}
.leaflet-top {
position: static !important;
}
.leaflet-bar {
position: absolute !important;
right: 20px !important;
top: 80px !important;
}
.arn-leaflet-reset-button {
position: absolute !important;
right: auto !important;
top: 80px !important;
left: 50% !important;
width: 100px !important;
margin: 0 0 0 -50px !important;
background-color: var(--color-red);
;
cursor: pointer !important;
height: auto !important;
display: none !important;
padding: 8px 14px !important;
}
.arn-leaflet-search2-button {
position: absolute !important;
right: auto !important;
top: 80px !important;
left: 50% !important;
-webkit-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
color: var(--color-secondary) !important;
font-size: 12px !important;
font-family: "Roboto-Condensed" !important;
font-weight: 700 !important;
background-color: var(--color-white-white) !important;
cursor: pointer !important;
height: auto !important;
padding: 8px 16px !important;
border-radius: 50px !important;
border: 2px solid var(--color-secondary) !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
}
.arnMapMarker {
font-size: 14px !important;
background-color: var(--color-white-white) !important;
border: 2px solid var(--color-black-30) !important;
border-radius: 20px !important;
color: var(--color-black-100) !important;
padding: 6px 13px !important;
font-weight: 700 !important;
}
.arnMapMarker.highlight {
background-color: blanchedalmond !important;
}
.arnMapMarker:hover, .arnMapMarker:focus {
/* Bryan New Test */
background-color: blanchedalmond !important;
border: 1px solid #d7d7d7;
/**/
}
.arnMapMarkerTriangle {
display: none !important;
}
.arnMapMarker.highlight {
z-index: 9999 !important;
}
.arnMapMarker.highlight .arnMapMarkerTriangle {
z-index: 9990 !important;
}
.leaflet-touch .leaflet-bar a {
color: var(--color-secondary) !important;
}
/* Popup Property Details on Map */
.arnMapPopup .arnClosePopupButton {
position: absolute;
top: 8px;
right: 0;
font-size: 18px;
color: var(--color-black-60);
font-weight: 300;
cursor: pointer;
padding: 4px 12px;
z-index: 1;
display: none;
}
.arnMapPopup .arnClosePopupButton svg {
width: 25px;
}
.arnMapPopup .arnClosePopupButton svg path {
fill: var(--color-black-30) !important;
stroke: var(--color-black-30) !important;
}
.arnMapPopup .imageContainer {
height: 200px;
overflow: hidden;
position: relative;
border-radius: 8px 8px 0 0;
}
.arnMapPopup .imageContainer::before {
position: absolute;
content: "";
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.80)), color-stop(35.00%, rgba(0, 0, 0, 0.00)), color-stop(64.59%, rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.60)));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 35.00%, rgba(0, 0, 0, 0.00) 64.59%, rgba(0, 0, 0, 0.60) 100%);
background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 35.00%, rgba(0, 0, 0, 0.00) 64.59%, rgba(0, 0, 0, 0.60) 100%);
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
.arnMapPopup .imageContainer::after {
position: absolute;
content: "....";
color: var(--color-white-white);
width: 100%;
height: 0;
left: 0;
text-align: center;
font-size: 35px;
letter-spacing: 6px;
bottom: 82px;
}
.arnMapPopup .imageContainer img {
margin: -50px 0 0;
width: -webkit-fill-available;
height: 250px;
}
.arnMapPopup .discountPercent {
background-color: var(--color-red-red);
font-size: 18px;
padding: 5px 12px 5px 10px;
position: absolute;
top: 18px;
left: 0;
color: var(--color-white-white);
border-radius: 0 20px 20px 0;
}
.arnMapPopup .prev {
position: absolute;
left: 10px;
top: 80px;
z-index: 100;
width: 30px;
height: 30px;
border: none;
border-radius: 50%;
cursor: pointer;
}
.arnMapPopup .next {
position: absolute;
right: 10px;
top: 80px;
z-index: 100;
width: 30px;
height: 30px;
border: none;
border-radius: 50%;
cursor: pointer;
}
.arnMapPopup .prev svg {
margin: 5px 2px;
}
.arnMapPopup .next svg {
margin: 5px;
}
.arnMapPopup svg {
width: 33px;
height: 33px;
}
.arnMapPopup svg path {
fill: var(--color-white-white) !important;
stroke: transparent !important;
}
.arnMapPopup:hover .next, .arnMapPopup:hover .prev {
display: block;
}
.arnMapPopup .prev:focus, .arnMapPopup .next:focus {
border: none;
outline: none;
}
.arnMapPopup .pricing label {
display: none;
}
.arnMapPopup .pricing {
position: absolute;
top: 162px;
right: 0;
background-color: var(--color-black-75);
width: initial;
font-size: 20px;
padding: 5px 10px;
}
.arnMapPopup .pricing label {
display: none;
}
.arnMapPopup .rebate, .arnMapPopup .discount {
display: none;
}
.arnMapPopup .original,
.arnMapPopup .rate {
display: inline-block;
}
.arnMapPopup .original {
font-size: 18px;
text-decoration: line-through;
color: var(--color-black-60);
margin: 0 3px 0 0;
}
.arnMapPopup .rate {
color: var(--color-white-white);
}
.arnMapPopup .rebate {
display: none;
}
.arnMapPopup .original,
.arnMapPopup .rate {
display: inline-block;
}
.arnMapPopup .original {
font-size: 18px;
text-decoration: line-through;
color: var(--color-black-60);
margin: 0 3px 0 0;
display: none;
}
.arnMapPopup .rate {
color: var(--color-white-white);
font-size: 16px;
font-weight: 700;
}
.arnMapPopup .original, .arnMapPopup .rate {
display: inline-block;
}
.arnMapPopup .original {
font-size: 18px;
text-decoration: line-through;
color: var(--color-black-60);
margin: 0 3px 0 0;
}
.arnMapPopup h1 {
font-size: 20px;
margin: 0;
padding: 10px;
color: var(--color-black-100);
text-align: center;
}
.arnMapPopup .ArnTripAdvisorDetails {
padding: 10px 10px;
background-color: var(--color-black-5);
text-align: center;
}
.arnMapPopup .ArnTripAdvisorDetails .reviewCount {
position: static;
}
.arnMapPopup .discount {
position: absolute;
top: 10px;
left: 10px;
padding: 2px 10px;
background-color: var(--color-primary);
font-size: 12px;
color: var(--color-black-100);
font-weight: 700;
letter-spacing: 1px;
font-family: "Roboto-Condensed";
border-radius: 4px;
}
.arnMapPopup .ArnTripAdvisorDetails {
min-height: initial;
margin: 0;
}
.arnMapPopup .arnMapPopupSubContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 16px 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1000px) {
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSearchContainerMainTable {
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .filters {
border-right: 1px solid var(--color-black-30);
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader a.refineLink {
text-align: center;
z-index: 9;
width: 100%;
display: inline-block;
padding: 20px 0;
border: 10px solid whitesmoke;
}
.SearchHotels.SearchMode-WBHotelListKeystone .filters .advancedIcon {
display: inline-block;
margin: 0 5px 0 0;
}
.subHeader a.refineLink span {
color: var(--color-black-black);
font-size: 14px;
text-align: center;
}
.subHeader a.refineLink .summary.details {
margin: 5px 0 10px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .summary.citySearched {
text-transform: none;
font-size: 18px;
font-weight: 700;
}
.SearchHotels.SearchMode-WBHotelListKeystone .modifySearchButton {
background-color: var(--color-secondary);
color: var(--color-white-white);
display: inline-block;
padding: 10px 20px;
line-height: 1em;
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader #searchForm {
left: 0;
width: 100%;
position: fixed;
z-index: 999;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPages span.active {
padding: 0 10px;
}
}
@media screen and (max-width: 1000px) {
.arnHideWhenMobile {
display: none !important;
}
.arnMapPopup .arnClosePopupButton {
display: block;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightListContainer {
margin: 0;
max-width: 100%;
width: 100%;
}
.ArnSortContainer a.ArnSortByRebateAmount, .ArnSortContainer a.ArnSortByVacationRental, .ArnSortBy, #arnToggleMapDiv {
display: none !important;
}
.arnHideWhenMobile {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyMap {
width: 100%;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
height: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyMap .arnMapCloseButton {
display: block !important;
top: 8px;
right: 10px;
position: absolute;
z-index: 1000;
color: var(--color-white-white);
padding: 8px;
background-color: var(--color-white-white);
font-size: 0;
line-height: 1em;
font-weight: 300;
cursor: pointer;
border-radius: 4px;
border: 1px solid #C7C6C8;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyMap .arnMapCloseButton svg path {
fill: var(--color-secondary);
}
.arn-leaflet-search2-button {
top: 0;
}
.leaflet-control-zoom {
left: 20px;
top: 0 !important;
}
.leaflet-touch .leaflet-bar {
border: none;
margin-left: 0;
}
.arn-leaflet-reset-button {
display: block !important;
background-color: var(--color-white-white);
color: var(--color-secondary);
border-radius: 50px;
border: 2px solid var(--color-secondary) !important;
top: 10px !important;
font-family: "Roboto-Condensed";
font-weight: 700;
left: 51% !important;
}
}
/* Hide Sold out Properties on Map */
.arnMapMarker.noPrice {
display: none !important;
}
/* Hide These */
.SearchHotels.SearchMode-WBHotelListKeystone .reserveHotel,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnGoAddressSearch,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSearchHeader,
.SearchHotels.SearchMode-WBHotelListKeystone a.ArnGoAdvancedSearch,
.ArnSupportLinks.ArnSupportTop,
.SearchHotels.SearchMode-WBHotelListKeystone .topPager .ArnPages,
.SearchHotels.SearchMode-WBHotelListKeystone .sortingControl,
.sortControl,
.SearchHotels.SearchMode-WBHotelListKeystone .exactLocationMatch,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropNumber,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropPopularity,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropType,
.SearchHotels.SearchMode-WBHotelListKeystone .detailsOrNearbyLabel,
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader a.refineLink img,
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader .translateMe {
display: none;
}
/*****************************************/
/************* Weekly Rentals ************/
/*****************************************/
/* Root Search */
.RootTypeDestination input {
font-size: 16px;
}
.RootTypeDestination select {
height: 48px;
font-weight: 700;
width: 100%;
text-indent: 1px;
-o-text-overflow: '';
text-overflow: '';
border: none;
}
.RootTypeDestination .RootPage .ArnCheckInContainer {
padding: 0;
}
.RootTypeDestination .ArnDestinationContainer {
width: 41%;
}
.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer {
border-right: none;
margin: 0 .5% 0 0;
}
.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnCheckInContainer {
border-bottom: 1px solid var(--color-black-30);
}
.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnDestinationContainer {
width: 100%;
border-left: none;
border-bottom: 1px solid var(--color-black-30);
}
.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnRoomsContainer,
.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnSleepsContainer {
min-width: 15%;
border-bottom: 1px solid var(--color-black-30);
display: none;
}
.RootTypeDestination .RootPage .ArnWithinContainer, .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnMinStayContainer,
.RootTypeDestination .ArnRightListContainer, .RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnHotelNameContainer {
display: none;
}
.RootBody.RootTypeDestination #CurrenciesContainer .ArnSearchField select {
font-weight: 500;
border: 1px solid var(--color-black-30);
width: 225px;
}
/* Hide These */
.RootTypeDestination .popularDestinationsLandingContainer, .RootTypeDestination .popularCities {
display: none;
}
@media screen and (max-width: 800px) {
.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnDestinationContainer {
width: 100%;
margin: 8px 0 0;
}
.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnRoomsContainer, .RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnSleepsContainer {
min-width: 100%;
margin: 8px 0 0;
}
.RootTypeDestination .RootPage #theSubmitButton {
margin: 8px 0 auto;
}
}
/* search Results */
.SearchHotels.SearchMode-WBHotelListKeystone a.ArnGoCitySearch, .SearchHotels.SearchMode-WBHotelListKeystone a.ArnGoAddressSearch, .SearchHotels.SearchMode-WBHotelListKeystone a.ArnGoLandmarkSearch, .SearchHotels.SearchMode-WBHotelListKeystone a.ArnGoAirportSearch {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .ArnCheckInContainer {
margin: 0;
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .ArnRoomsContainer, .SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .ArnSleepsContainer {
width: 50%;
display: inline-block;
}
.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .ArnRoomsContainer {
margin: 0 2% 0 0;
width: 48%;
}
@media screen and (max-width: 800px) {
.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .ArnContentContainer {
padding: 15px 0;
}
}
/* Requested Week */
.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .requestedWeek {
background-color: mintcream;
border: 5px solid var(--color-brand-6);
position: relative;
padding: 15px;
}
.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .requestedWeek h2 {
color: var(--color-brand-6);
font-size: 22px;
font-weight: 500;
}
.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .exactMatch {
background-color: var(--color-brand-6);
bottom: -5px;
color: var(--color-white-white);
left: -5px;
padding: 5px 10px;
position: absolute;
}
@media screen and (max-width: 800px) {
.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .requestedWeek h2 {
font-size: 19px;
}
.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .requestedWeek {
padding: 15px 15px 30px;
}
}
/*****************************************/
/********* Resorts Listing Page **********/
/*****************************************/
.SearchDestination #WithinContainer {
position: relative;
}
.SearchDestination #WithinContainer span {
position: absolute;
font-size: 12px;
left: 12px;
top: 1px;
font-weight: 300;
display: none;
}
.SearchDestination #WithinContainer select {
height: 55px;
min-width: 85px;
padding: 12px 5px 0;
font-size: 14px;
font-weight: 700;
}
.SearchDestination #DestinationContainer {
position: relative;
width: 100%;
}
.SearchDestination #DestinationContainer span {
position: absolute;
font-size: 12px;
left: 12px;
top: 1px;
font-weight: 300;
}
.SearchDestination #RoomsContainer {
position: relative;
margin: 0;
width: 100%;
max-width: 150px;
}
.SearchDestination #RoomsContainer span {
position: absolute;
font-size: 12px;
left: 12px;
top: 1px;
font-weight: 300;
display: none;
}
.SearchDestination #RoomsContainer select {
height: 55px;
max-width: 150px;
width: 100%;
padding: 12px 5px 0;
font-size: 14px;
font-weight: 700;
}
.SearchDestination #SleepsContainer {
position: relative;
width: 35%;
max-width: 70px;
margin-right: 10px;
}
.SearchDestination #SleepsContainer span {
position: absolute;
font-size: 12px;
left: 12px;
top: 1px;
font-weight: 300;
}
.SearchDestination #SleepsContainer select {
height: 55px;
padding: 12px 5px 0;
font-size: 14px;
font-weight: 700;
}
@media screen and (max-width: 800px) {
.SearchDestination #DestinationContainer {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination #CheckInContainer {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-right: 0;
width: initial;
}
.SearchDestination #WithinContainer {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.SearchDestination #RoomsContainer {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.SearchDestination #SleepsContainer {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .ArnLeftSearchContainer .submit {
margin-top: 10px;
}
.SearchHotels.SearchMode-WBHotelListKeystone.SearchDestination .ArnQuadSearchContainer.ArnPrimarySearchContainer .ArnSearch {
gap: 10px;
}
}
/* USD Other Price when using a non USD Currency */
.OriginalPrice.USD {
display: none;
}
/* Hide These */
.SinglePropDetail .reserveHotel, .SinglePropDetail .SimpleSearch .rowOne td.SearchActions, .SinglePropDetail .SimpleSearch .searchDates, .SinglePropDetail .ArnProperty>legend,
.SinglePropDetail .ArnProperty .ArnPropThumb, .SinglePropDetail .ArnPhotoContainer td:last-child, .SinglePropDetail .ArnRateTableHeader th.RoomTypeHeader, .reportProblemLink, .SinglePropDetail .PropertyImages legend,
.SinglePropDetail .ArnPropPopularity, .SinglePropDetail .ArnPropType {
display: none;
}
@media screen and (max-width: 800px) {
.SinglePropDetail a.refineLink {
border-top: 1px solid var(--color-black-30);
border-bottom: 4px solid var(--color-secondary);
display: block;
padding: 15px 0;
text-align: center;
}
.SinglePropDetail .ArnSubPage {
margin: 0 auto;
padding: 0;
}
.SinglePropDetail .ArnLeftListContainer {
display: block;
width: 100%;
margin: 0;
}
.SinglePropDetail .ArnRightListContainer {
width: 100%;
display: block;
border: none;
}
.SinglePropDetail .ArnProperty .ArnPropName a.ArnPropNameLink {
font-size: 20px;
display: block;
}
.SinglePropDetail .ArnProperty .ArnPropName .ArnRateCell {
position: static;
}
.SinglePropDetail .ArnProperty .percentSavings {
width: 94px;
position: static;
margin: -45px 0 0 auto;
}
.SinglePropDetail .ArnProperty .ArnNightlyRate .percentSavings {
margin: 0;
}
.SinglePropDetail a.showRoomsLink {
color: var(--color-white-white);
text-decoration: none;
width: 64%;
background-color: var(--color-secondary);
padding: 10px;
text-align: center;
margin: 10px auto 0;
}
.SinglePropDetail .ArnRightListContainer legend {
padding: 15px;
font-weight: 700;
position: static;
font-size: 16px;
}
.SinglePropDetail .PropertyLinks li a {
background-color: transparent;
border-right: 1px solid var(--color-black-30);
color: var(--color-black-black);
text-indent: 0;
border-bottom: 1px solid var(--color-black-30);
border-top: 1px solid var(--color-black-30);
}
.SinglePropDetail .PropertyLinks li.Reviews a {
border-left: none;
border-right: none;
border-bottom: 1px solid var(--color-black-30);
border-top: 1px solid var(--color-black-30);
}
.SinglePropDetail .ArnPhotoContainer .ArnMildText:first-child div {
min-height: 300px;
}
.SinglePropDetail .ArnPhotoContainer .ArnMildText:first-child img {
max-width: 100%;
height: 300px;
}
.SinglePropDetail .control {
width: 25px;
height: 50px;
background-size: 25px;
top: 42%;
}
.SinglePropDetail .ArnRateTableHeader {
background-color: var(--color-black-black);
border-bottom: none;
}
.SinglePropDetail .ArnRateTableHeader th {
color: var(--color-white-white);
}
.SinglePropDetail .rateRow {
margin: 0 0 10px 0;
-webkit-box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .2);
box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .2);
border: none;
}
.SinglePropDetail .PropertyAmenities {
padding: 0;
}
.SinglePropDetail .ArnAmenityContainer {
display: block;
padding: 15px;
}
.SinglePropDetail .ArnRateCancelPolicyContainer {
max-width: 96%;
}
/* Hide These */
.SinglePropDetail .summary.citySearched, .SinglePropDetail .summary.details, .SinglePropDetail .modifySearchButton, .SinglePropDetail .PropertyLinks a img,
.imageDisclaimer, .SinglePropDetail .ArnRateTableHeader th.RoomRateHeader {
display: none;
}
}
@media screen and (max-width: 600px) {
.SinglePropDetail .ArnProperty .ArnPropName a.ArnPropNameLink {
max-width: 100%;
}
.SinglePropDetail .rateRow table td.RoomDescription, .SinglePropDetail .ArnContentGeneralInfo.ArnRateList tr:last-child td {
display: block;
margin: 0 0 10px;
}
.SinglePropDetail .rateRow table td.bookRoomCell {
width: 100%;
display: block;
}
.SinglePropDetail .ArnContentGeneralInfo.ArnRateList table.ArnRateCalendar tr td {
display: table-cell;
}
}
/* **************************************************** */
.RootBody #HotelNameContainer {
display: none;
}
/* **************************************************** */
/******************************************************/
/************ Keystone Enterprise Header **************/
/******************************************************/
#mobile-input {
display: none;
}
/* .enterpriseHeader {
position: fixed;
top: 0;
} */
.enterpriseHeader {
padding: 20px 40px;
background-color: var(--color-white-white);
border-bottom: 1px solid var(--color-black-30);
z-index: 15;
position: relative;
}
.enterpriseHeader .hamburger {
display: none;
}
.enterpriseHeader #navmobile {
display: none;
}
.enterpriseHeader li {
list-style-type: none;
}
.enterpriseHeader .links a {
color: var(--color-black-black);
}
.enterpriseHeader .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.enterpriseHeader #logo {
max-width: 100px;
}
.enterpriseHeader .wsite-logo,
.enterpriseHeader .wsite-logo a {
display: block;
}
.enterpriseHeader .wsite-logo img {
width: 100%;
}
.enterpriseHeader #nav {
margin-left: auto;
text-align: end;
}
.enterpriseHeader #user_lipoints {
display: inline-block;
padding: 3px 20px;
color: var(--color-white-white);
background-color: var(--color-black-black);
border-radius: 25px;
margin: 0 20px;
}
.enterpriseHeader .languageContainer {
display: none;
}
.enterpriseHeader .languageContainer select {
max-width: 165px;
}
.enterpriseHeader #nav .links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.enterpriseHeader #nav .links form {
display: inline-block;
vertical-align: middle;
}
.enterpriseHeader #nav .links form .logoutCommand {
background: transparent;
color: var(--color-black-100);
padding: 0;
margin: 0;
height: auto;
cursor: pointer;
width: initial;
}
@media screen and (max-width: 1000px) {
.enterpriseHeader .container {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.enterpriseHeader #logo {
margin-right: auto;
}
.enterpriseHeader #menu-button {
display: inline-block;
height: 21px;
vertical-align: middle;
width: 24px;
}
.enterpriseHeader .navRow #nav {
display: none;
}
.enterpriseHeader .navRow #navmobile {
display: none;
}
.enterpriseHeader .hamburger {
position: relative;
}
.enterpriseHeader .hamburger span, .enterpriseHeader .hamburger::before, .enterpriseHeader .hamburger::after {
background: var(--color-black-100) none repeat scroll 0 0;
display: block;
height: 4px;
position: relative;
-webkit-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53) 0s;
-o-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53) 0s;
transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53) 0s;
width: 24px;
}
.enterpriseHeader .hamburger::before, .enterpriseHeader .hamburger::after {
content: "";
}
.enterpriseHeader .hamburger span {
margin: 4px 0;
}
#mobile-input:checked~#header .hamburger::before {
top: 7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#mobile-input:checked~#header .hamburger::after {
top: -9px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#mobile-input:checked~#header .hamburger span {
opacity: 0;
}
.enterpriseHeader #navmobile {
background: var(--color-black-15) none repeat scroll 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: var(--color-white-white);
display: block;
left: 0;
opacity: 0;
padding: 40px 0;
position: absolute;
top: 65px;
-webkit-transition: opacity 0.35s ease-in-out 0s, z-index 0.1s ease-in-out 0.35s, -webkit-transform 0.1s ease-in-out 0.35s;
-o-transition: opacity 0.35s ease-in-out 0s, z-index 0.1s ease-in-out 0.35s, transform 0.1s ease-in-out 0.35s;
transition: opacity 0.35s ease-in-out 0s, z-index 0.1s ease-in-out 0.35s, transform 0.1s ease-in-out 0.35s, -webkit-transform 0.1s ease-in-out 0.35s;
width: 100%;
z-index: -1;
}
.enterpriseHeader #navmobile>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 0;
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.enterpriseHeader .postload #navmobile>ul {
height: 100%;
overflow-y: auto;
}
#mobile-input:checked~#header .navRow {
left: 0;
top: 0;
width: 100%;
z-index: 2;
}
#mobile-input:checked~#header #navmobile {
display: block;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.35s ease-in-out 0s;
-o-transition: opacity 0.35s ease-in-out 0s;
transition: opacity 0.35s ease-in-out 0s;
z-index: 5;
}
.enterpriseHeader #navmobile li {
text-align: center;
}
.enterpriseHeader #navmobile li a:hover {
color: var(--color-black-60);
background-color: transparent;
}
}
@media screen and (max-width: 480px) {
.SearchHotels .enterpriseHeader {
position: static;
}
}
.arnMapExtend {
position: absolute;
z-index: 990;
top: 90px;
left: 20px;
border: 2px solid #bbb;
border-radius: 5px;
font-size: 0;
background-color: var(--color-white-white);
}
.arnMapExtend svg path {
fill: #686868;
}
.SearchHotels .ArnRightExtraContainer.extend {
left: 500px !important;
-webkit-box-shadow: -5px 0 7px 2px rgba(0, 0, 0, .2);
box-shadow: -5px 0 7px 2px rgba(0, 0, 0, .2);
}
.RootBody .subHeader {
display: none;
}
/**************************************************/
/********* Keystone Property Listing Page **********/
/**************************************************/
.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
display: block;
width: 100%;
max-width: 915px;
background-color: var(--color-black-5);
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightListContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 915px;
padding: 25px 0 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightExtraContainer {
width: auto;
position: fixed;
display: block;
height: 100%;
top: 0;
right: 0;
left: 915px;
background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/images/map-loading.jpg");
background-color: var(--color-black-15);
background-position: center;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
z-index: 3;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightExtraContainer:before {
content: "";
background-image: url("//media.travsrv.com/appSkins/45000/v6/themes/standard/images/loading.gif");
position: absolute;
left: 50%;
top: 47.5%;
margin: 0 0 0 -68px;
width: 138px;
height: 48px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color-white-white);
padding: 6px 6px 6px 10px;
-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
/* Bryan New Test */
border-radius: 5px;
}
.SearchHotels.SearchMode-WBHotelListKeystone #theSearchBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .title {
position: absolute;
left: 0;
top: 1px;
}
.SearchHotels.SearchMode-WBHotelListKeystone #theSearchBox input {
color: var(--search-bar-fg);
height: 24px;
border: none;
border-right: 1px solid var(--search-bar-separator);
text-transform: capitalize;
font-size: 14px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnAdultChildDropdown .ArnAcdParent {
color: var(--search-bar-fg);
margin: 2px 0 0;
font-weight: 500;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.SearchHotels.SearchMode-WBHotelListKeystone #HotelNameContainer {
border-bottom: 1px solid var(--color-black-30);
padding: 0 0 20px 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone #HotelNameContainer svg {
position: absolute;
top: 15px;
left: 15px;
}
.SearchHotels.SearchMode-WBHotelListKeystone #HotelNameContainer input {
border-radius: 23px;
padding: 10px 15px 10px 30px;
height: 46px;
font-weight: normal;
}
.SearchHotels.SearchMode-WBHotelListKeystone #Properties {
padding: 0 15px 0 0;
width: 650px;
position: relative;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty {
margin: 16px 0;
border-radius: 8px;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
position: relative;
/* Bryan New test */
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
overflow: hidden;
/* ensures the corners are rounded on images, too */
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty:hover {
/* Bryan New test */
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.55);
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnShowRatesLink {
position: relative;
width: 100%;
padding: 5px 10px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName {
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer {
padding: 0;
width: 100%;
position: relative;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchContainer .ArnIndividualSearchContainer label {
position: absolute;
left: 8px;
font-size: 12px;
margin: 0 0 0 10px;
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckInContainer,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer {
width: 115px;
min-width: 115px;
position: relative;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckInContainer span,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer span {
position: absolute;
left: 8px;
display: none;
font-size: 12px;
}
.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton {
width: auto;
height: 38px;
padding: 10px 32px;
text-indent: 0;
/* Bryan New Test */
border-radius: 5px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnStayTable {
position: absolute;
left: 8px;
top: 1px;
padding: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .leftSide {
padding: 0 15px 20px 15px;
width: 265px;
min-width: 265px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .leftSide .closeFilters {
font-size: 0;
text-align: right;
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropLink {
display: block;
width: 100%;
position: relative;
padding: 10px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName a.ArnPropNameLink {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName a.ArnPropNameLink span[itemprop="name"] {
font-weight: 700;
font-size: 20px;
color: initial;
}
/* Bryan New Test */
.SearchHotels span[itemprop="streetAddress"], .SearchHotels span[itemprop="postalCode"], .SearchHotels span[itemprop="addressRegion"] {
display: none;
}
.SearchHotels span[itemprop="addressLocality"] {
font-size: 14px;
font-weight: 400;
color: var(--color-black-black);
}
.ArnPropAddress {
font-size: 18px;
line-height: 1.2;
}
.distanceLabel {
font-size: .85em;
font-weight: 700;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnBottomContainer {
color: var(--color-black-75);
/* Bryan New Test */
font-size: 13px;
/**/
}
.keystoneShowRateButton {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIconContainer {
overflow: hidden;
/* Bryan New test */
height: initial;
line-height: 1;
margin: 5px 0 2px;
}
.ArnIconContainer img {
display: none;
}
.ArnIconContainer img.On {
display: inline-block;
width: initial;
height: 12px;
margin: 0;
padding: 0;
}
/**/
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIconContainer svg path {
fill: var(--color-black-100);
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIconContainer .amenity.off {
display: none;
}
.ArnTripAdvisorDetails {
display: block !important;
position: relative;
min-height: 20px;
/* Bryan New Test */
margin: 0;
}
.ArnTripAdvisorDetails.NoReviews {
display: none !important;
}
.ratingCount {
display: none !important;
font-weight: 700;
background-color: var(--color-brand-5);
padding: 8px 10px;
border-radius: 20px;
line-height: 1em;
font-size: 16px;
width: fit-content;
color: var(--color-black-black);
}
.reviewCount {
position: absolute;
left: 31px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .reviewCount {
position: static;
line-height: 1.4em;
margin: 0 0 0 5px;
color: var(--color-black-75);
font-size: 13px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .reviewCountLabel {
display: inline-block !important;
margin: 0 0 0 5px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnRateCell {
/* Bryan New test */
position: absolute;
bottom: 15px;
right: 15px;
}
.refundableLabel {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnRateCell .ArnLimitedAvail {
text-align: right;
color: var(--color-red-red);
}
.ArnRateCell {
text-align: right;
}
.percentSavings {
position: static;
width: max-content;
padding: 6px 10px;
margin: 0 0 7px auto;
font-weight: 700;
font-size: 12px;
line-height: 1;
text-transform: uppercase;
color: var(--color-black-100);
background-color: var(--color-primary);
border-radius: 4px;
}
.averageNightly {
font-weight: 700;
font-size: 24px;
display: inline-block;
color: var(--color-black-black);
}
.SearchHotels .averageNightlyTotal {
font-weight: 700;
font-size: 24px;
color: var(--color-black-black);
}
.labelAvgNightly {
font-size: 14px;
display: none;
}
.fullStayTotal {
display: none;
font-weight: 700;
color: #36382E;
font-size: 14px;
}
.SinglePropDetail .fullStayTotal {
font-size: 14px;
width: max-content;
margin: 0 0 0 auto;
}
.SinglePropDetail .fullStayTotal .note {
display: none;
}
.WBPropertyDetailViewKeystone .fullStayTotal,
.WBPropertyDetailViewKeystoneCurated .fullStayTotal {
font-size: 24px;
font-weight: 700;
}
.WBPropertyDetailViewKeystone .fullStayTotal .labelTotal,
.WBPropertyDetailViewKeystoneCurated .fullStayTotal .labelTotal {
display: none;
}
/**/
.originalPrice {
text-decoration: line-through;
color: var(--color-black-75);
/* Test Variant */
display: inline-block;
margin: 0 5px 0 0;
}
/* Test Variant */
.originalPrice .labelAvgNightly {
display: none;
}
/**/
.labelTotal {
margin: 0 0 0 5px;
}
.fullStayTotal .note {
display: block;
}
/* Test Variant */
.memberSavings {
background-color: transparent;
color: var(--color-black-75) !important;
padding: 0;
font-size: 12px;
max-width: 100%;
margin: -1px 0 0 auto;
}
.memberSavings:first-child {
font-weight: 700;
}
.memberSavings:last-child {
font-weight: 400;
}
.creditsValue {
margin: 0 0 0 5px;
font-weight: 700;
}
/**/
.averageNightlyLabel {
display: none;
}
.ArnPriceCompare a {
color: dodgerblue;
text-decoration: underline;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnRateButton {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnFilterSortContainer {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer:not(.ArnCurrenciesContainer) {
padding: 24px 0;
border-bottom: 1px solid var(--color-black-30);
}
@media (max-width: 1000px) {
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer:not(.ArnCurrenciesContainer) {
border-bottom: none
}
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer.ArnCitiesNearbyContainer {
margin-bottom: 20px;
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .applyFiltersContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .applyFiltersTitle {
display: inline-block;
width: 100%;
font-size: 18px;
font-weight: 600;
}
.SearchHotels.SearchMode-WBHotelListKeystone #theOtherSubmitButton,
.SearchHotels.SearchMode-WBHotelListKeystone #theOtherSubmitButton2 {
border-radius: 5px;
cursor: pointer;
display: block;
font-size: 13px;
height: auto;
padding: 10px;
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .filterTitle {
display: none;
font-weight: 700;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnSearchField>div:not(:last-child),
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .AmenitiesItems>div:not(:last-child) {
padding-bottom: 12px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .AmenitiesItems>div {
display: flex;
align-items: center;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer .ArnSearchField div>span {
white-space: normal;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyClassesContainer .lblRating {
padding-bottom: 10px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .tabWrapper {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .PropLimitedAvail .ArnAvailability {
bottom: 10px;
right: 10px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty.PropLimitedAvail .ArnPropLink {
opacity: 0.5;
pointer-events: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeaderContainer {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropAddress>span:not([itemprop="addressLocality"]) {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropAddress {
margin: 5px 0 10px;
font-size: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropAddress span[itemprop="addressLocality"] {
font-size: 12px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnCurrenciesContainer {
padding: 16px 0 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .otherSubmitButtonsContainer {
margin: 15px 0 0;
}
/* Star Rating */
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField,
.SearchHotels .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: repeat(3, 1fr);
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField>div>span,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div>span {
background-color: var(--color-white-white);
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 45px;
width: 100%;
margin: 0;
pointer-events: none;
border: 1px solid var(--color-black-black);
left: 0;
top: 0;
border-radius: 4px;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0 10px;
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField .lblRating,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField .lblRating {
font-size: 16px;
font-weight: 700;
width: 100%;
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField>div:not(.lblRating),
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div:not(.lblRating) {
position: relative;
display: inline-block !important;
width: 25%;
margin: 0 0 10px 0;
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField>div>span span,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div>span span {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField>div>span span.labelNumber,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div>span span.labelNumber {
text-align: center;
margin: 0 !important;
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField>div>span span.icon,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div>span span.icon {
text-align: left;
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField svg,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField svg {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
pointer-events: none;
width: 18px;
height: 18px;
margin: 0 0 0 2px;
position: relative;
top: 3px;
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField>div .checkbox,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div .checkbox {
width: 100% !important;
height: 45px !important;
margin: 0;
opacity: 0;
cursor: pointer;
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainer .ArnPropertyClassesContainer .ArnSearchField>div .checkbox:checked~span,
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnPropertyClassesContainer .ArnSearchField>div .checkbox:checked~span {
border: 1px solid #026B9F;
background-color: rgb(2, 107, 159, 0.1);
}
.SearchHotels.SearchMode-WBHotelListKeystone #pagerTopAjax {
display: inline-block;
padding-top: 6px;
max-width: 65%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .mapAndProps {
margin: 30px 0 0;
}
.ArnPropClass, .customRatingImageSpan {
width: 100px;
height: 14px;
margin: 5px 0 0;
}
/* star rating */
.ArnIconContainer svg {
margin: 0 5px 0 0;
position: relative;
top: 2px;
}
.ArnIconContainer svg path {
fill: var(--color-black-100);
stroke: var(--color-black-75);
}
.ArnPropertyClassesContainer svg,
.ArnPropClass svg,
.customRatingImageSpan svg {
width: 16px;
height: 17px;
margin: 0 var(--star-rating-gap) 0 0;
vertical-align: text-top;
}
.ArnPropertyClassesContainer svg path,
.ArnPropClass svg path,
.customRatingImageSpan svg path {
fill: var(--star-rating-active-bg);
stroke-width: 1px;
stroke: var(--star-rating-active-border, var(--star-rating-active-bg));
}
.ArnPropertyClassesContainer svg.inactive path,
.ArnPropClass svg.inactive path,
.customRatingImageSpan svg.inactive path {
fill: var(--star-rating-bg);
stroke-width: 1px;
stroke: var(--star-rating-border, var(--star-rating-bg));
}
.ArnIconContainer .amenity.on:nth-child(n+4) {
display: none;
}
.ArnIconContainer .amenity.off {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone #AmentitiesContainer svg {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone #AmentitiesContainer .ArnSearchField>div:not(.lblAmenities) {
position: relative;
}
.SearchHotels.SearchMode-WBHotelListKeystone #AmentitiesContainer .ArnSearchField>div>span svg {
margin: 0 0 6px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ARNSortItem {
position: absolute;
right: 15px;
top: 0;
height: auto;
border-radius: 20px;
padding: 10px 15px;
/* text-align: right; */
font-size: 16px;
font-weight: normal;
color: var(--color-black-100);
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSortBy {
position: absolute;
right: 140px;
top: 5px;
z-index: 100;
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnAdvancedSearchImg {
display: none;
}
.filterAndMap {
background-color: var(--color-black-100);
padding: 8px 10px;
display: none;
position: fixed;
bottom: 20px;
left: 50%;
min-width: 175px;
z-index: 2;
text-align: center;
border-radius: 25px;
/* Bryan New test */
margin: 0;
transform: translate(-50%, -50%);
}
#arnToggleMapDiv {
display: inline !important;
}
.filterAndMap div {
display: inline;
}
.filterAndMap div a {
background-color: var(--color-black-100);
color: var(--color-white-white);
font-size: 14px;
font-weight: 700;
padding: 5px 10px;
}
.filterAndMap div a:first-child {
border-right: 1px solid var(--color-white-white);
}
.filterAndMap div a svg {
margin: 0 6px 0 0;
position: relative;
top: 3px;
}
.filterAndMap div a svg path {
fill: var(--color-white-white);
}
/* Reduction in font-size to prevent overlap */
.SearchHotels.SearchMode-WBHotelListKeystone .matchLabel {
color: var(--color-black-75);
font-size: 14px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .pac-container {
left: 20px !important;
top: 140px !important;
width: 100% !important;
max-width: 600px;
box-shadow: 0 5px 9px -3px rgba(0, 0, 0, .3);
border-radius: 8px;
border: none !important;
}
.SearchHotels.SearchMode-WBHotelListKeystone .litepicker {
top: 140px !important;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnAcdClose {
display: none;
text-align: right;
padding: 0 0 15px 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone:not(.cur_USD) #BudgetContainer {
display: none;
}
@media screen and (max-width: 1200px) {
.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
max-width: 800px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightListContainer {
width: 800px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightExtraContainer {
left: 800px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSearchHolderBoth {
min-width: 205px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckInContainer, .SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer {
width: 85px;
min-width: 85px;
}
/* Bryan New Test */
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb {
width: 155px;
min-width: 155px;
}
}
@media screen and (max-width: 1000px) {
.SearchHotels.SearchMode-WBHotelListKeystone .leftSide {
width: 100%;
max-width: 220px;
}
.SearchHotels.SearchMode-WBHotelListKeystone #Properties {
width: 100%;
max-width: 450px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightExtraContainer {
left: 665px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb {
width: 200px;
min-width: 200px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropImageButtons {
display: block;
opacity: 1;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .lblAmenities {
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnBudgetContainer .ArnSearchField>div, .SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnAmentitiesContainer .ArnSearchField>div, .SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnPropertyTypesContainer .ArnSearchField>div {
font-size: 14px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .title {
top: -28px;
left: -8px;
}
.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton {
background-image: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/images/searchWhiteIcon.png?%version%");
background-repeat: no-repeat;
background-position: 12px;
background-size: 16px;
}
.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton:hover {
background-image: url("//media.travsrv.com/appSkins/90874/v6/themes/standard/images/searchWhiteIcon.png?%version%") !important;
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeaderContainer {
display: block;
position: sticky;
top: 0;
z-index: 99;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightExtraContainer {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone.mapView .ArnRightExtraContainer {
display: block;
}
.SearchHotels.SearchMode-WBHotelListKeystone .modifySearchButton {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader .refineLink {
padding: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .leftSide {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightListContainer {
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader .refineLink {
background-image: url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/icons/edit.png);
background-size: 15px;
background-repeat: no-repeat;
background-position: calc(100% - 15px) center;
padding: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader .refineLink .refine {
text-align: left;
padding: 10px;
display: block;
}
.SearchHotels.SearchMode-WBHotelListKeystone #Properties {
max-width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone #Properties {
padding: 15px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightListContainer {
padding: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ARNSortItem {
top: 16px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .filterAndMap {
display: block;
}
.SearchHotels.SearchMode-WBHotelListKeystone.mapView .ArnRightExtraContainer {
position: relative;
z-index: 40;
}
.SearchHotels.SearchMode-WBHotelListKeystone.filterView {
overflow: hidden;
}
.SearchHotels.SearchMode-WBHotelListKeystone.filterView .leftSide {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-y: scroll;
z-index: 37;
background-color: var(--color-white-white);
max-width: 100%;
padding: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .closeFilters {
display: inline-block !important;
position: fixed;
right: 16px;
z-index: 11;
top: 19px;
}
.SearchHotels.SearchMode-WBHotelListKeystone.filterView .ArnSecondarySearchOuterContainer {
display: block !important;
padding: 0 16px 16px;
margin-bottom: 60px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPages {
text-align: center;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPages #batch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchOuterContainer {
display: block;
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader .refineLink.open {
background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/icons/ecluded.png");
border-bottom: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader .refineLink .summary.details {
margin: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeader {
width: 100%;
background-color: var(--color-white-white);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
position: relative;
}
.SearchHotels.SearchMode-WBHotelListKeystone .subHeaderContainer.sticky .refineLink {
border: none;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.SearchHotels.SearchMode-WBHotelListKeystone .additionalTools {
width: 200px;
bottom: -100px;
left: 50%;
margin-left: -100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
position: fixed;
z-index: 15;
-webkit-box-shadow: 0 2px 7px 2px rgba(0, 0, 0, .25);
box-shadow: 0 2px 7px 2px rgba(0, 0, 0, .25);
border-radius: 20px;
background-color: var(--color-secondary);
-webkit-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}
.SearchHotels.SearchMode-WBHotelListKeystone.ratesLoaded .additionalTools {
bottom: 30px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSearchHolderBoth {
min-width: 140px;
}
.internationalLanguage.in_ID.SearchHotels .ArnSearchHolderBoth {
min-width: 70px;
}
/* Ameneties */
.SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: repeat(3, 1fr);
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div>span {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 78px;
width: 100%;
margin: 0;
pointer-events: none;
border: 1px solid var(--color-black-black);
left: 0;
top: 0;
font-size: 10px;
border-radius: 4px;
padding: 0 0 12px;
}
.SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField .lblAmenities {
font-size: 16px;
font-weight: 700;
width: 100%;
}
.SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnCurrenciesContainer .ArnSearchField .lblCurrency {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
font-size: 16px;
font-weight: 700;
}
.SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div:not(.lblAmenities) {
position: relative;
display: inline-block !important;
width: 31.333%;
margin: 0;
}
.SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div>img {
position: absolute;
z-index: 1;
pointer-events: none;
left: 50%;
top: 16px;
width: 24px;
margin-left: -12px;
}
.SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField .lblComplimentaryBreakfast {
text-align: center;
}
.SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div .checkbox {
width: 100% !important;
height: 78px !important;
margin: 0;
opacity: 0;
cursor: pointer;
}
.SearchHotels.SearchResultsFilterDesignV1 .subHeader form .ArnSecondarySearchOuterContainerTop .ArnAmentitiesContainer .ArnSearchField>div .checkbox:checked~span {
border: 1px solid #026B9F;
background-color: rgb(2, 107, 159, 0.1);
}
.SearchHotels.SearchResultsFilterDesignV1 .subHeader .ArnSecondarySearchOuterContainerTop .submit {
right: 20px;
bottom: 0;
}
.SearchHotels.SearchResultsFilterDesignV1 .subHeader .ArnSecondarySearchOuterContainerTop .ArnCurrenciesContainer {
margin: 5px 0 25px;
}
.SearchHotels.SearchResultsFilterDesignV1 .subHeader .ArnSecondarySearchOuterContainerTop a {
font-weight: 700;
}
/* End Ameneties */
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .filterSubmitContainer {
position: fixed;
bottom: 0;
z-index: 999;
left: 0;
width: 100%;
height: 76px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 30px;
margin: 0;
background: rgba(255, 255, 255, 0.9);
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop #theOtherSubmitButton {
position: static;
width: initial;
margin: 0;
color: var(--color-white-white);
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 12px 50px;
line-height: initial;
border: none;
background-color: var(--color-secondary);
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop .clearAllBtn {
text-decoration: underline;
font-size: 16px;
color: var(--color-secondary-hover);
cursor: pointer;
margin: 10px 0 0;
font-weight: 700;
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop span.close {
font-size: 0;
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnBudgetContainer div,
.SearchHotels.SearchResultsFilterDesignV1 .ArnCitiesNearbyContainer select,
.SearchHotels.SearchResultsFilterDesignV1 .ArnPropertyTypesContainer div,
.SearchHotels.SearchResultsFilterDesignV1 .ArnCurrenciesContainer select {
display: block !important;
}
.SearchHotels.SearchResultsFilterDesignV1 .subHeader .ArnSecondarySearchOuterContainerTop .ArnIndividualSearchContainer {
border-bottom: none;
}
.SearchHotels.SearchResultsFilterDesignV1 .ArnSecondarySearchOuterContainerTop span.close {
top: 15px;
}
.SearchHotels.SearchResultsFilterDesignV1 .subHeader .ArnSecondarySearchOuterContainerTop .ArnSearchField>div:first-of-type {
padding-bottom: 10px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
position: sticky;
top: 0;
z-index: 3;
display: block !important;
max-width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton {
width: 42px !important;
font-size: 0 !important;
padding: 0 !important;
height: 38px !important;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer {
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckInContainer,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer {
width: 25%;
}
.ArnSearchHolderBoth {
min-width: 25%;
}
.ArnAcdParentLable {
display: none;
}
.ArnAcdParentLabelMobile {
display: inline !important;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb:after {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .arnMapExtend {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .filterTitleMobile {
display: block !important;
font-weight: 700;
position: sticky;
background-color: var(--color-white-white);
top: 0;
z-index: 10;
padding: 16px 16px 14px;
border-bottom: 1px solid var(--color-black-30);
}
.SearchHotels.SearchMode-WBHotelListKeystone #HotelNameContainer svg {
left: 30px;
top: 35px;
}
.SearchHotels.SearchMode-WBHotelListKeystone #HotelNameContainer {
padding: 20px 16px;
border-bottom: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone #HotelNameContainer,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer:not(.ArnCurrenciesContainer) {
border-bottom: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .pac-container {
width: 60% !important;
left: 25px !important;
top: 135px !important;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnAcdChild {
right: 0;
top: 45px;
left: initial;
padding: 20px;
}
.SearchHotels.SearchMode-WBHotelListKeystone #pagerTopAjax:empty {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone #pagerTopAjax:not(:empty)+.ArnSortContainer {
margin: -30px 0 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSortContainer {
text-align: right;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ARNSortItem {
position: static;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPagerResult {
margin: 0;
}
/* *********************** Testing Calendar ********************** */
.SearchHotels.SearchMode-WBHotelListKeystone .litepicker {
top: 135px !important;
}
/* *********************** End Testing Calendar ********************** */
}
@media screen and (max-width: 800px) {
.SearchHotels.SearchMode-WBHotelListKeystone #theSearchBox {
gap: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .pac-container {
width: 92% !important;
}
}
@media screen and (max-width: 650px) {
.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty {
margin: 24px 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb {
width: 160px;
min-width: 160px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName a.ArnPropNameLink>span {
line-height: 1.4;
font-size: 14px;
display: block;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnBottomContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnRateCell {
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
/* Bryan New Test */
position: static;
margin: 10px 0 0;
}
.memberSavings {
font-size: 13px;
padding: 2px 0;
}
.WBPropertyDetailViewKeystoneCurated .memberSavings {
padding: 0;
}
/* Bryan New Test */
.SearchHotels.SearchMode-WBHotelListKeystone .ArnBottomContainer {
font-size: 13px;
}
.arnMapPopup .arnMapPopupSubContent {
padding: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnBottomContainer .ArnTripAdvisorDetails {
margin: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIconContainer {
display: none;
}
.fullStayTotal .note {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .PropLimitedAvail .ArnAvailability {
font-size: 12px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckInContainer, .SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer {
width: 80px;
min-width: 80px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSearchHolderBoth {
min-width: 70px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName a.ArnPropNameLink {
padding: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropName a.ArnPropNameLink span[itemprop="name"] {
margin: 0;
}
/* *********************** Testing Calendar ********************** */
.SearchHotels.SearchMode-WBHotelListKeystone .litepicker {
top: 135px !important;
left: 0 !important;
width: 100% !important;
}
.SearchHotels.SearchMode-WBHotelListKeystone .litepicker .container__main {
width: 100%;
display: initial !important;
}
.SearchHotels.SearchMode-WBHotelListKeystone .container__months .columns-2 {
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .litepicker .container__months {
-ms-flex-wrap: initial;
flex-wrap: initial;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .litepicker .container__days .day-item {
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .litepicker .container__months .month-item {
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .month-item-weekdays-row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: repeat(7, 1fr);
}
.SearchHotels.SearchMode-WBHotelListKeystone .container__days {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: repeat(7, 1fr);
}
/* *********************** End Testing Calendar ********************** */
.SearchHotels.SearchMode-WBHotelListKeystone .ARNSortItem {
padding: 4px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .pac-container {
width: calc(100% - 30px) !important;
}
}
@media screen and (max-width: 400px) {
.SearchHotels.SearchMode-WBHotelListKeystone #AmentitiesContainer .ArnSearchField {
gap: 4px;
}
.memberSavings {
font-size: 12px;
}
}
@media screen and (max-width: 400px) {
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb {
width: 140px;
min-width: 140px;
}
}
/**************************************************/
/********* Keystone Resorts **********/
/**************************************************/
.RootTypeDestination .ArnMinStayContainer, .RootTypeDestination .ArnWithinContainer {
display: none !important;
}
.RootTypeDestination .ArnPrimarySearchOuterContainer .submit {
width: auto;
padding: 0 40px;
}
.RootTypeDestination .ArnSearchContainerMainDiv #searchForm {
max-width: 880px;
margin: 0 auto;
width: 100%;
}
.RootTypeDestination .ArnSearch #CheckInContainer .ArnCheckInDate {
border: none;
}
.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnPlacesSearchContainer {
width: 100%;
border-right: 1px solid var(--color-black-30);
margin: 0 10px 0 0;
}
.RootTypeDestination .ArnSearch #CheckInContainer {
max-width: initial !important;
width: 55% !important;
}
.SearchDestination #CheckInContainer {
height: 24px;
}
.SearchDestination #CheckInContainer {
width: 50%;
margin: -30px 0 0;
}
.SearchDestination #CheckInContainer span {
position: relative;
display: inline-block;
left: 4px;
}
.SearchDestination .ArnPrimarySearchContainer select {
border: none;
}
.SearchDestination .ArnPagerResult {
display: inline-block !important;
}
.SearchDestination #CheckInContainer select {
padding: 0;
font-weight: 500;
height: 24px;
width: 100%;
border-right: 1px solid var(--color-black-30);
}
.SearchDestination #SleepsContainer select {
width: 100%;
padding: 0;
font-weight: 500;
height: 24px;
}
.SearchDestination .ArnPlacesSearchContainer label {
display: inline-block !important;
position: relative !important;
left: 4px !important;
margin: 0 !important;
}
.SearchDestination #SleepsContainer span {
position: relative;
left: 4px;
}
.SearchDestination #RoomsContainer {
display: none;
}
.SearchDestination #WithinContainer {
display: none;
}
@media screen and (max-width: 999px) {
.RootTypeDestination #searchForm #theSubmitButton {
margin: 0;
}
.SearchDestination .ArnLeftSearchContainer .submit {
margin: 0 !important;
}
}
@media screen and (max-width: 900px) {
.RootTypeDestination .ArnSearch {
flex-wrap: initial;
}
.RootTypeDestination .ArnSearch #CheckInContainer {
margin: 0 10px 0 0;
}
}
@media screen and (max-width: 800px) {
.RootTypeDestination .ArnSearch {
flex-direction: column;
gap: 30px;
}
.RootTypeDestination .ArnSearch #CheckInContainer {
width: 100% !important;
grid-column: 1/4;
}
.RootTypeDestination .ArnQuadSearchContainer.ArnPrimarySearchContainer {
gap: 30px;
}
}
@media screen and (max-width: 500px) {
.RootTypeDestination .ArnSearch #CheckInContainer {
grid-column: 1/5;
}
.SearchDestination #CheckInContainer {
min-width: initial;
}
.SearchDestination .resortStoreCTA div:last-of-type a {
margin: 0;
}
}
/**************************************************/
/********* Keystone Property Detail Page **********/
/**************************************************/
.SinglePropDetail.WBPropertyDetailViewKeystone {
margin: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .arnMapExtend {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails.NoReviews {
display: none !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnSubPage {
margin: 0 auto 70px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPriceCompare {
padding: 10px 0;
text-decoration: underline;
position: relative;
float: right;
margin: -66px 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .goBack {
padding: 13px 10px 9px;
/* margin: 0 0 0 30px; */
margin: 0;
display: inline-block;
color: var(--color-black-75);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .goBack:hover {
color: var(--color-black-100);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .goBack svg {
position: relative;
top: 2px;
margin: 0 5px 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .goBack svg path {
fill: var(--color-black-75);
stroke: var(--color-black-75);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropName {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
margin: 0 0 40px 0;
padding: 0 0 40px 0;
border-bottom: 2px solid #F3E8DF;
font-size: 18px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropCheckInTime,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropCheckOutTime {
font-size: 18px;
margin: 29px 0 0;
display: inline;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropCheckInTime svg {
float: left;
margin: 0 10px 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropCheckOutTime .divider {
margin: 0 5px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailOverview {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails {
position: relative !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails .reviewCount {
position: relative;
padding: 0 0 0 10px;
margin: 3px 0 0 10px;
left: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails .reviewCount:before {
position: absolute;
content: "";
background-color: var(--color-black-100);
width: 4px;
height: 4px;
left: 0;
top: 12px;
border-radius: 50%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .rateComparePopup {
position: absolute;
z-index: 10;
background-color: var(--color-white-white);
border: 1px solid var(--color-black-60);
border-radius: 5px;
padding: 15px;
width: 250px;
left: 0;
color: var(--color-black-75);
top: 50px;
-webkit-box-shadow: -3px 5px 6px rgba(0, 0, 0, .2);
box-shadow: -3px 5px 6px rgba(0, 0, 0, .2);
font-size: 14px;
font-weight: 300;
}
/* .SinglePropDetail.WBPropertyDetailViewKeystone .rateComparePopup:after, */
.SinglePropDetail.WBPropertyDetailViewKeystone .rateComparePopup:before {
border-color: rgba(153, 153, 153, 0);
border-bottom-color: var(--color-black-60);
border-width: 16px;
margin-left: -16px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .imageDisclaimer {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks {
background-color: var(--color-white-white);
border-bottom: 1px solid var(--color-black-30);
position: sticky;
top: 0;
z-index: 12;
-ms-overflow-style: none;
scrollbar-width: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks::-webkit-scrollbar {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks ul {
text-align: center;
margin: 0;
padding: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks ul li {
width: initial;
display: inline-block;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks ul li img {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a {
display: block;
position: relative;
border-bottom: none;
border-top: none;
border-right: none;
white-space: nowrap;
background-color: transparent;
border-radius: 0;
padding: 24px 10px;
text-align: center;
color: var(--color-black-100);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:hover {
color: var(--color-black-black);
}
@media (hover:hover) {
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:hover:after {
position: absolute;
background-color: var(--color-primary);
}
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a.active:after {
position: absolute;
background-color: var(--color-primary);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:after {
content: "";
height: 3px;
background-color: transparent;
bottom: -2px;
z-index: 9;
width: 100%;
left: 0;
position: relative;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateTableHeader th.RoomRateHeader {
text-align: right;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .modifySearch {
border: none;
padding: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .bestPrice {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnSearchHotelsImg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.SinglePropDetail.WBPropertyDetailViewKeystone a.showRoomsLink {
font-weight: 700;
border-radius: 5px;
font-size: 16px;
color: var(--color-white-white);
padding: 10px 32px;
text-decoration: none;
position: absolute;
right: 0;
top: 67px;
}
/* New Image Slider */
.SinglePropDetail.WBPropertyDetailViewKeystone .ImageCarousel.grid-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ImageCarousel.grid-container .grid-item {
border: 5px solid var(--color-white-white);
height: 200px;
overflow: hidden;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ImageCarousel.grid-container .grid-item img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 8px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .grid-item:nth-child(1) {
grid-column: 1 / span 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-row: 1 / span 2;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
height: 400px !important;
overflow-x: visible !important;
position: relative;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .grid-item:nth-child(2) {
grid-column: 3;
-ms-grid-column: 3;
grid-row: 1;
-ms-grid-row: 1;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .grid-item:nth-child(3) {
grid-column: 4;
-ms-grid-column: 4;
grid-row: 1;
-ms-grid-row: 1;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .grid-item:nth-child(4) {
grid-column: 3;
-ms-grid-column: 3;
grid-row: 2;
-ms-grid-row: 2;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .grid-item:nth-child(5) {
grid-column: 4;
-ms-grid-column: 4;
grid-row: 2;
-ms-grid-row: 2;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .imageCount {
position: absolute;
left: 15px;
bottom: 15px;
background-color: rgba(255, 255, 255, 0.90);
padding: 4px 16px;
font-weight: 700;
z-index: 1;
color: var(--color-black-100);
gap: 4px;
font-size: 16px;
border-radius: 5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, .0);
box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, .0);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .imageCount:hover {
-webkit-box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, .15);
box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, .15);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .imageCount svg {
width: 22px;
height: 22px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .imageCount svg path {
fill: var(--color-black-100);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .propertyFullDetails {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 40px 15px;
margin: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .propertyFullDetails .PropertiesNearby,
.SinglePropDetail.WBPropertyDetailViewKeystone .propertyFullDetails .WhatsNearby {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch {
width: 31%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 400px;
position: relative;
z-index: 1;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
gap: 10px;
position: sticky;
top: 100px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
padding: 20px;
border-radius: 8px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>div,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form input {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>div.ArnAdultsChildren {
position: relative;
cursor: pointer;
}
#moreRatesLink:hover {
color: var(--color-secondary-hover);
text-decoration: underline;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form .WBRoomsAdultsChildrenKeystone input {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckOut,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrency {
color: var(--color-black-75);
border: 1px solid var(--color-black-30);
font-size: 12px;
line-height: 16px;
padding: 4px 16px;
border-radius: 4px;
font-family: "Roboto-Condensed";
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrency {
cursor: pointer;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn input,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckOut input,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrency select {
height: initial;
border: none;
text-indent: initial;
margin: 0;
padding: 7px 0 0 0;
display: block;
font-family: 'Roboto';
color: var(--input-fg);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .staySummary {
display: block;
width: 100%;
font-size: 18px;
font-weight: 700;
color: var(--sticky-bar-title);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAdultsChildren {
color: var(--color-black-75);
text-align: initial;
font-weight: initial;
padding: 4px 16px;
line-height: 16px;
border-radius: 4px;
font-size: 12px;
border: 1px solid var(--color-black-30);
font-family: "Roboto-Condensed";
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAcdParent {
font-family: 'Roboto';
color: var(--color-black-100);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 19px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnAdultChildDropdown {
padding-top: 7px;
background-color: var(--color-white-white);
border-radius: 5px;
font-weight: 500;
font-size: 16px;
white-space: nowrap;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrency select {
padding-top: 5px;
cursor: pointer;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .checkRatesWrapper input.submit {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .totalStartingAtContainer {
display: -webkit-box;
display: -ms-flexbox;
font-size: 18px;
font-weight: 700;
margin: 20px 0 0;
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
/* Test Variant */
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .totalStartingAtContainer .label {
width: 50%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .totalStartingAtContainer .totalAmountContainer {
width: 50%;
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .totalStartingAtContainer .totalAmountContainer .amount {
background-color: #D6F6DC;
padding: 0 10px;
margin: 0 0 0 auto;
border-radius: 4px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .totalStartingAtContainer .totalAmountContainer .note {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SearchContainer {
padding: 0 10px 30px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnProperty {
display: contents;
}
/* Property Details */
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnProperty .ArnPropName a.ArnPropNameLink {
width: 100%;
font-size: 36px;
font-weight: 500;
color: inherit;
margin: 0 0 20px 0;
display: block;
line-height: 46px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropAddress {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropAddress,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theHotelAddress,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theHotelAddress {
text-transform: uppercase;
}
.GeneralInfo .propAddress {
text-transform: uppercase;
}
.GeneralInfo .propAddress strong {
text-transform: capitalize;
}
/* Rates Section */
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateTableHeader {
width: 100%;
background-color: var(--color-black-15);
border-bottom: none;
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow {
border: 1px solid var(--color-black-15);
padding: 16px;
position: relative;
border-radius: 8px;
margin: 0 0 24px;
}
.SinglePropDetail .bestAvailable {
background-color: azure;
}
.SinglePropDetail .bestAvailableLabel {
color: var(--color-white-white);
margin: 0 0 10px -17px;
padding: 5px 15px;
display: block;
width: max-content;
font-weight: 700;
border-radius: 0 2rem 2rem 0;
text-transform: uppercase;
font-size: 12px;
background-color: var(--banner-keystone-card-bg);
}
.SinglePropDetail.WBPropertyDetailViewKeystoneCurated .bestAvailableLabel {
color: inherit;
margin: 0;
border-radius: 4px;
background-color: white;
position: absolute;
z-index: 1;
left: 8px;
top: 8px;
line-height: 1;
letter-spacing: 1px;
padding: 6px 8px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow:last-child {
margin: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow table {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.SinglePropDetail.WBPropertyDetailViewKeystone:not(.WBPropertyDetailViewKeystoneCurated) .rateRow td {
padding: 0;
width: 60%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow td.bookRoomCell {
width: 40%;
text-align: right !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateFromTo {
display: none !important;
}
.WBSearchDestinationKeystone.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateFromTo {
display: block !important;
}
/* General Info/Map */
.SinglePropDetail.WBPropertyDetailViewKeystone fieldset.GeneralInfo {
position: relative;
background-color: var(--color-white-white);
margin: 0 0 30px 0;
padding: 40px 0 15px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .generalInfoDiv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 0 0 0;
gap: 40px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyMapInner {
height: 500px !important;
margin: 20px 0 0;
z-index: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone #thePropertyMap legend {
top: -40px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .generalInfoDiv p.propName strong,
.SinglePropDetail.WBPropertyDetailViewKeystone .generalInfoDiv p.propAddress strong {
display: block;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .generalInfoDiv .propDetailsContainer,
.SinglePropDetail.WBPropertyDetailViewKeystone .generalInfoDiv .propDescriptionContainer {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.SinglePropDetail.WBPropertyDetailViewKeystone fieldset.PropertyMap {
position: relative;
border: none;
width: 100%;
padding: 0;
margin: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone fieldset.PropertyMap legend {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone fieldset {
border: none;
margin: 0 0 40px 0;
padding: 0 0 40px 0;
border-bottom: 2px solid #F3E8DF;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .mainRate .bestPrice>* {
display: none !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .bestPrice a.showRoomsLink {
background-color: var(--color-secondary);
font-size: 16px;
color: var(--color-white-white) !important;
display: inline-block !important;
padding: 10px 20px;
text-decoration: none;
font-weight: 700;
border-radius: 5px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropDescription,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>div:last-child,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form a {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardAvailability legend,
.SinglePropDetail.WBPropertyDetailViewKeystone .QualifiedRates legend {
position: static;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRoomName {
font-weight: 700;
text-transform: capitalize;
font-size: 15px;
display: block;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .ArnRoomName {
margin: 15px 0 0;
text-transform: uppercase;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .rateDescriptionContent {
font-size: 15px;
line-height: 1.2;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .cancellationPolicy {
margin: 14px 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCuratedOption .cancellationPolicy {
margin: 0;
}
/* CX-210 CX-1509
.SinglePropDetail.WBPropertyDetailViewKeystone .cancellationPolicy svg {
display:none;
} */
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .cancellationPolicy a,
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .dailyRates a {
text-decoration: underline;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .Refundable .cancellationPolicy svg {
display: inline-block;
}
/* CX-210 CX-1509
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .Refundable .cancellationPolicy a {
color: var(--color-brand-6);
} */
.SinglePropDetail.WBPropertyDetailViewKeystone .payOption {
font-size: 14px;
color: var(--color-black-black);
font-weight: 500;
margin: 10px 0 0;
background-color: var(--color-black-15);
width: max-content;
padding: 6px 8px;
border-radius: 2px;
line-height: 1;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PrePay .payOption {
background-color: var(--color-black-15);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PostPay .payOption {
background-color: lightgreen;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicyContainer {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .7);
width: 100%;
height: 100%;
z-index: 2;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicy {
background-color: var(--color-white-white);
display: block;
max-width: 900px;
margin: 0 auto;
padding: 24px;
color: var(--color-black-75);
border-radius: 8px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicyPopupAnchor,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelAnchor {
color: var(--color-black-75);
font-size: 14px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicyPopupAnchor:hover,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelAnchor:hover {
text-decoration: underline;
color: var(--color-black-100);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicyPopupAnchor svg,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelAnchor svg {
margin: 0 5px 0 0;
position: relative;
top: 2px;
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicyPopupAnchor svg path,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelAnchor svg path {
fill: var(--color-black-75);
}
.arnPopupContainer {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .7);
width: 100%;
height: 100%;
z-index: 3000;
}
.arnPopupInnerContainer {
background-color: var(--color-white-white);
display: block;
width: 512px;
margin: 0 auto;
padding: 24px;
color: var(--color-black-75);
border-radius: 8px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.arnPopupClose {
position: absolute;
font-size: 0;
right: 24px;
}
.arnPopupInnerContainer.offScreen {
top: 150%;
opacity: 0;
}
.arnPopupInnerContainer, .arnPopupContainer {
transition: all .3s ease-in-out;
}
.ArnRateCancelPolicyPopupInnerContainer.arnPopupInnerContainer {
width: 900px;
max-width: 900px;
}
.ArnRateCancelPolicyHeading,
.ArnRateCalendarHeading {
color: var(--color-black-100);
font-size: 20px;
font-weight: 700;
padding: 0 0 16px 0;
margin: 0 0 32px 0;
border-bottom: 1px solid var(--color-black-30);
}
.ArnRateCalendarHeading {
margin: 0;
}
.ArnRateCalendar .line,
.ArnRateCalendarTotal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 0 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 10px;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.ArnRateCalendarTotal {
margin: 16px 0 0 0;
padding: 16px 0 0 0;
border-top: 1px solid var(--color-black-30);
}
.ArnRateCalendar .line .ArnNightlyRateCal {
-webkit-box-flex: 1;
-ms-flex: 1 0 0;
flex: 1 0 0;
}
.ArnRateCalendar .line .originalPrice {
text-decoration: line-through;
color: var(--color-black-60);
}
.ArnRateCalendar .line .price {
font-weight: 700;
}
.ArnRateCalendarTotal .Heading {
color: var(--color-black-100);
-webkit-box-flex: 1;
-ms-flex: 1 0 0;
flex: 1 0 0;
font-weight: 700;
}
.ArnRateCalendarTotal .Price {
color: var(--color-black-100);
font-weight: 700;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnContentContainer .originalRateContainer,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnContentContainer .eliteRateContainer {
display: none !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .bookRoom,
.SinglePropDetail.WBPropertyDetailViewKeystone .holdRoom {
color: var(--color-black-100);
text-align: center;
padding: 10px 32px;
display: block;
width: max-content;
font-weight: 700;
/* Test Variant */
margin: 20px 0 0 auto !important;
letter-spacing: 1px;
border-radius: 5px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .roomCount {
text-align: right;
margin: 10px 0 0 0;
line-height: 24px;
}
/* Property Images */
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyImages {
position: relative;
margin: 0;
border: none;
padding: 0;
}
/* Amenities */
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities {
position: relative;
padding: 40px 0 40px 0;
background-color: var(--color-white-white);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities table {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities tr td {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities ul {
padding: 0 0 0 16px;
margin: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone legend {
position: absolute;
top: 0;
margin: 0 0 24px 0;
color: var(--black-black-100, var(--color-black-100, #36382E));
background-color: transparent;
font-family: 'SohneBreit', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 23px;
/* 115% */
letter-spacing: 4px;
text-transform: uppercase;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnContentGeneralInfo.GeneralInfo p {
padding: 0;
}
/* Reviews */
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyReviews {
padding: 50px 0 15px 0;
position: relative;
background-color: var(--color-white-white);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .errors li {
padding: 15px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAvailability {
text-align: center;
padding: 10px;
margin: 5px 0 15px 0;
border-radius: 8px;
color: var(--color-red-red);
border: 1px solid var(--color-red-red);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAvailability a {
color: var(--color-red-red);
text-decoration: underline;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnLimitedAvail {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .fullStayTotal .note {
display: block !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .RateCalendarPopupAnchor {
text-decoration: none;
font-size: 14px;
color: var(--color-black-75);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .RateCalendarPopupAnchor:hover {
text-decoration: underline;
color: var(--color-black-100);
}
/* Mobile Popup */
.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer {
position: fixed;
bottom: -200px;
z-index: 2000;
background-color: var(--color-black-5);
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer.showContainer {
bottom: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsInfo {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsTitle {
font-size: 18px;
font-weight: 700;
margin: 0 4px 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsPrice,
.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsPriceTotal {
font-size: 18px;
font-weight: 600;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsLink, .SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsLink:active, .SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsLink:hover, .SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsLink:visited, .SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsLink:focus {
width: 60%;
margin: 10px 0;
white-space: nowrap;
max-width: 200px;
font-weight: 600;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .showRoomsContainer .showRoomsTravelSummary a {
color: var(--color-black-75);
text-decoration: underline;
font-size: 14px;
display: block;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailRating {
width: 100%;
padding: 0 0 0 30px;
margin: 15px 0 25px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropAddress svg {
float: left;
margin: 0 10px 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnIconContainer {
margin: 29px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnIconContainer div {
margin: 0 16px 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .checkInCheckOutLink::after {
padding: 0 5px;
text-decoration: none;
display: inline-block;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-bar {
right: 20px;
left: initial;
top: initial;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAcdClose {
display: none;
text-align: right;
padding: 0 0 15px 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAcdChild {
bottom: 0;
min-width: 100%;
border-radius: 8px;
top: 68px;
z-index: 9;
cursor: auto;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch {
z-index: 10;
}
@media only screen and (max-width: 1200px) {
/* Overview */
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnProperty .showRoomsLink {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnProperty .ArnPropName a.ArnPropNameLink {
font-size: 20px;
line-height: 23px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailOverview,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailRating {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropClass,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails {
text-align: left;
}
/*
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailRating {
margin: 15px 0 32px;
} */
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropClass {
margin: 16px 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnIconContainer {
margin: 10px 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnIconContainer div {
margin: 16px 0 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch {
width: 35%;
min-width: 290px;
}
}
@media only screen and (max-width: 1000px) {
.SinglePropDetail.WBPropertyDetailViewKeystone .ImageCarousel.grid-container .grid-item img {
margin: 0;
}
.arnPopupInnerContainer {
border-radius: 8px 8px 0 0;
left: 0;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
bottom: 0;
}
.arnPopupInnerContainer.offScreen {
top: auto;
bottom: -150%;
}
.ArnRateCancelPolicyPopupInnerContainer.arnPopupInnerContainer {
width: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 900px) {
.ArnRateCancelPolicyPopupInnerContainer.arnPopupInnerContainer,
.arnPopupInnerContainer {
width: 100%;
}
}
@media only screen and (max-width: 800px) {
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks ul li {
min-width: 90px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAcdClose {
display: block;
text-align: right;
padding: 0 0 15px 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnProperty .ArnPropName a.ArnPropNameLink {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailRating {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailOverview {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnIconContainer {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .grid-item {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .grid-item:nth-child(1) {
display: block;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ImageCarousel.grid-container {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>div {
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 5px 1fr 5px 1fr;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: -webkit-min-content;
grid-auto-rows: min-content;
gap: 5px;
height: 100%;
border-radius: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks {
overflow-x: auto;
overflow-y: hidden;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks ul {
white-space: nowrap;
text-align: left;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks ul::-webkit-scrollbar {
display: none;
}
/* Rates */
.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow tr {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow td {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone:not(.WBPropertyDetailViewKeystoneCurated) .rateRow td {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow td.bookRoomCell {
width: 100%;
text-align: left !important;
border-top: 1px solid var(--color-black-30);
margin: 16px 0 0;
padding: 24px 0 0 0;
}
/* Test Variant */
.SinglePropDetail.WBPropertyDetailViewKeystone .memberSavings {
margin: 5px 0 0 0;
}
/**/
/* Removed padding due to large white space */
.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow .limitedRoomsRemaining tr {
position: relative;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .rateRow .limitedRoomsRemaining .roomCount {
top: 0;
text-align: left;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .bookRoom, .SinglePropDetail.WBPropertyDetailViewKeystone .holdRoom {
margin: 10px 0 0 0 !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone #theGeneralInfo {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .generalInfoDiv {
width: 100%;
border-right: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone fieldset.GeneralInfo {
padding: 15px !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone legend {
position: initial;
font-size: 18px;
letter-spacing: 3.6px;
margin-left: -15px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone #ratesWithDetails legend {
margin-left: 0px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyMap legend {
padding: 25px 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities {
padding: 20px 15px 15px 15px !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities ul {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 30px
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities ul li {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyReviews {
padding: 20px 0 15px 15px !important
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAmenityContainer {
padding: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAmenityContainer tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyReviews .propReview {
margin: 0 0 0 -15px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone a.showRoomsLink {
position: initial;
display: block;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnContentContainer {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch {
width: 100%;
max-width: initial;
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: 2001;
background: var(--color-white-white);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ImageCarousel.grid-container .grid-item {
border: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ImageCarousel.grid-container .grid-item img {
border-radius: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropName {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .close {
display: block;
margin: 0 0 0 auto;
font-size: 20px;
font-weight: 700;
padding: 0 0 10px;
color: var(--color-black-100);
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .staySummary {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .totalStartingAtContainer {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn, .SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckOut {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch input.submit {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAcdChild {
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 20px;
max-height: initial;
position: fixed;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails {
margin: 16px 0 5px;
}
/* ************************ Testing Calendar ************************ */
.SinglePropDetail.WBPropertyDetailViewKeystone {
position: relative;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .litepicker {
top: 0 !important;
left: 0 !important;
width: 100% !important;
position: fixed !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .litepicker .container__main {
width: 100%;
display: initial !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .container__months .columns-2 {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .litepicker .container__months {
-ms-flex-wrap: initial;
flex-wrap: initial;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .litepicker .container__months .month-item {
max-width: 400px;
margin: 0 auto;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .litepicker .container__months .month-item {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .month-item-weekdays-row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: repeat(7, 1fr);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .container__days {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: repeat(7, 1fr);
}
/* ************************ End Calendar Testing ************************ */
}
@media only screen and (max-width: 600px) {
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form {
display: block;
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckOut,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAdultsChildren,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnCurrency {
margin: 0 0 10px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .close {
text-align: right;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .RateCalendarPopupAnchor.arnPopupAnchor {
text-align: right;
}
}
@media only screen and (max-width: 500px) {
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnAdultChildDropdown {
white-space: initial;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyAmenities ul {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:after {
height: 5px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .RateCalendarPopupAnchor.arnPopupAnchor {
text-align: right;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .generalInfoDiv {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
/* .StandardRoomAvailability seems to be the curated identifier */
/************************************************/
/*********** Single Property Detail Page (Curated) *************/
/************************************************/
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .roomThumbs {
display: block;
overflow: hidden;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability {
display: -ms-grid;
display: grid;
-ms-grid-columns: 376px 1fr 1fr;
grid-template-columns: 376px 1fr 1fr;
position: relative;
margin: 0 0 24px 0;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
border-radius: 8px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ArnNightlyRate {
text-align: right;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateRow {
-ms-grid-column: 2;
-ms-grid-column-span: 2;
grid-column: 2/4;
border: none;
padding: 15px 15px 0;
border-radius: 0;
margin: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes ul {
list-style: none;
margin: 0;
padding: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ArnContentGeneralInfo {
padding: 16px 0;
border-bottom: 1px solid var(--color-black-30);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateRow:last-child .ArnContentGeneralInfo {
border: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone:not(.WBPropertyDetailViewKeystoneCurated) .StandardRoomAvailability .ArnContentGeneralInfo td:first-of-type {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader {
-ms-grid-row: 1;
-ms-grid-row-span: 9998;
grid-row: 1/9999;
position: relative;
z-index: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader div {
height: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .RateRowHeader div {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader .ArnImageLink {
display: block;
height: 100%;
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader a {
display: block;
height: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px 0 0 8px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader .roomThumbs:before {
position: absolute;
content: "";
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.80)), color-stop(35.00%, rgba(0, 0, 0, 0.00)), color-stop(64.59%, rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.60)));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 35.00%, rgba(0, 0, 0, 0.00) 64.59%, rgba(0, 0, 0, 0.60) 100%);
background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 35.00%, rgba(0, 0, 0, 0.00) 64.59%, rgba(0, 0, 0, 0.60) 100%);
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader .missingRoomImage .ArnImageLink {
background-image: url("/appSkins/90874/v6/themes/standard/images/NoImage.svg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: var(--color-black-5);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader .missingRoomImage img {
-o-object-fit: fill;
object-fit: fill;
width: 100%;
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader .missingRoomImage .roomThumbs:before {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .imageCount {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateDescription {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes {
left: 394px;
top: 50px;
font-size: 14px;
font-weight: 700;
}
.WBPropertyDetailViewKeystoneCurated.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 6px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes li svg {
height: 18px;
position: relative;
top: 5px;
}
/* temp */
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowTitle {
top: 12px;
left: 392px;
font-size: 18px;
font-weight: 700;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .roomCount {
-ms-grid-column: 2;
-ms-grid-column-span: 2;
grid-column: 2/4;
margin: 0;
padding: 0 0 16px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ImageCarousel:after {
position: absolute;
content: "....";
color: var(--color-white-white);
width: 100%;
height: 0;
left: 0;
bottom: 40px;
text-align: center;
font-size: 35px;
letter-spacing: 6px;
}
/* With tables */
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ArnRateTableImages,
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ArnRateTableImages tbody,
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ArnRateTableImages tr,
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ArnRateTableImages td {
display: block;
height: 100%;
padding: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateRow td.bookRoomCell {
padding: 16px 0;
width: 100%;
}
@media screen and (max-width: 1100px) {
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability {
-ms-grid-columns: 300px 1fr 1fr;
grid-template-columns: 300px 1fr 1fr;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowTitle {
left: 310px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes {
left: 310px;
}
}
@media screen and (max-width: 1000px) {
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader {
grid-row: initial;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowTitle,
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes {
position: initial;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateRow {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateRow td.bookRoomCell {
width: 100%;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .rateRow td.bookRoomCell {
display: block;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .roomCount {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
text-align: left;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .ArnNightlyRate {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
text-align: left;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .bookRoom {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
-ms-grid-column-align: end;
justify-self: end;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowTitle {
padding: 16px 16px 4px;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .StandardRoomAttributes ul {
padding: 0 16px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader img,
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowHeader::before {
border-radius: 8px 8px 0 0;
}
}
@media screen and (max-width: 800px) {
.keystoneCarousel-container.hideOverlayUntilHover i,
.keystoneCarousel-container.hideOverlayUntilHover .slideCount {
opacity: 1 !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateRow {
-webkit-box-shadow: none;
box-shadow: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .rateRow td.bookRoomCell {
border-top: none;
margin: 0;
}
}
/*********************************************************/
/*********** Keystone Curated Variation Page *************/
/*********************************************************/
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnContentContainer {
width: 100%;
max-width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch {
width: 100%;
max-width: 100%;
margin: 0 0 34px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form {
box-shadow: none;
border: 1px solid var(--color-black-30);
background-color: var(--color-black-5);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn,
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckOut,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAdultsChildren,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnCurrency {
background-color: var(--color-white-white);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>input.submit {
flex: 1;
height: 52px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SimpleSearch form>#startingAtSummary {
display: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>div#startingAtSummary,
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SimpleSearch form>div#startingAtSummary {
flex: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .ArnProperty fieldset {
display: flex;
flex-wrap: wrap;
gap: 3%;
}
/* Curated with HTML rewrite */
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated fieldset.curated .StandardRoomAvailability .rateRow {
padding: 0;
border-radius: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated fieldset.curated .StandardRoomAvailability .rateRow {
border-bottom: 1px solid var(--color-black-30);
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated fieldset.curated .StandardRoomAvailability .rateRow:last-child {
border-bottom: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated fieldset.curated .StandardRoomAvailability .ArnContentGeneralInfo {
padding: 16px;
border-bottom: none;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated fieldset.curated .roomCount {
margin: 0 0 -15px 0;
padding: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated fieldset.curated .StandardRoomAvailability .bookRoomCell {
padding: 0 16px 16px;
}
/* curated experience without actual curration */
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .ArnProperty fieldset .SingleGroupAvailability {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .rateRow td.RoomDescription {
padding: 0;
width: 60%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .percentSavings {
margin: 0 0 5px auto;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .memberSavings {
margin: 5px 0 0 auto;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .bookRoom,
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .holdRoom {
margin: 20px 0 0 auto !important;
}
@media screen and (max-width: 800px) {
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .percentSavings {
margin: 0 0 5px 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .memberSavings {
margin: 5px 0 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .bookRoom,
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .SingleGroupAvailability .holdRoom {
margin: 10px 0 0 0 !important;
}
}
/**/
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability {
display: block;
border-radius: 8px;
width: 31%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .RateRowHeader {
height: 200px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .RateRowHeader .missingRoomImage .ArnImageLink {
background-image: url("/appSkins/90874/v6/themes/standard/images/photos-pending.jpg");
background-size: cover;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .roomThumbs {
border-radius: 8px 8px 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .ArnContentGeneralInfo .RoomDescription {
position: static;
bottom: 10px;
display: block;
width: 100%;
font-size: 14px;
margin: 15px 0 0;
line-height: 1.7;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .rateRow tr {
flex-wrap: wrap;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .rateRow td.bookRoomCell {
min-height: 100px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .rateRow td.bookRoomCell {
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .roomCount {
text-align: left;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability .ArnNightlyRate {
text-align: left;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .percentSavings {
margin: 0 0 5px 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .memberSavings {
margin: 5px 0 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .bookRoom,
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .holdRoom {
margin: -38px 0 0 auto !important;
}
@media only screen and (max-width: 1000px) {
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability {
width: 48%;
}
}
@media only screen and (max-width: 800px) {
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated .StandardRoomAvailability {
width: 100%;
}
}
/************************************************/
/*********** Keystone Checkout Page *************/
/************************************************/
.priceError {
text-align: center;
padding: 10px;
margin: 5px 0;
border-radius: 8px;
color: var(--color-red-red);
border: 1px solid var(--color-red-red);
max-width: 1280px;
}
.CheckOutForm .priceError {
margin-left: auto;
margin-right: auto;
}
#theSmokingRoomAjax {
display: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .FormFields {
margin-top: 10px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberAjax.FormFields {
margin-top: 0;
}
#theJobCodeAjax textarea,
#theSpecialRequestsAjax textarea {
height: 60px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone a:link,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone a:visited,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneBookingPage a:active {
font-size: 15px;
font-weight: 300;
text-decoration: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone a:hover {
text-decoration: underline;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone fieldset {
padding: 0
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .MainHotelImageCarousel {
width: 100%;
margin: 6px 0 0;
}
.keystoneCarousel.imageCarousel .slide {
height: 246px;
}
.keystoneCarousel-container i {
font-size: 0;
}
.keystoneCarousel-container i svg {
margin: 10px 0 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .theHotelName {
width: 100%;
padding: 10px 0;
font-size: 20px;
font-weight: 700;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies:before {
content: "";
position: absolute;
z-index: 0;
width: 50vw;
height: 100%;
background-color: var(--color-black-5);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone input.text,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone input,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone select {
border-color: var(--color-black-60);
height: 50px;
font-size: 16px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmCheckboxesAjax .checkbox {
height: 23px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ImageCarousel {
position: relative;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .imageCount {
position: absolute;
color: var(--color-white-white);
background-color: rgba(0, 0, 0, .65);
padding: 4px 15px 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
bottom: 15px;
border-radius: 25px;
gap: 5px;
right: 20px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .imageCount svg {
width: 15px;
fill: var(--color-white-white);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theHotelAddress {
font-weight: 400;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theBookingPage {
max-width: 100%;
margin: 0;
font-size: 16px;
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theReservationFormContainer .reservationFormContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 35px;
max-width: 1280px;
margin: 0 auto;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary {
border-top: 1px solid var(--color-black-30);
border-bottom: 1px solid var(--color-black-30);
position: relative;
padding: 10px 0;
margin: 10px 15px 0 50px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary legend {
font-size: 18px;
font-weight: bold;
display: none;
border-bottom: 1px solid #e5e5e5;
margin: 0 0 15px;
padding: 0 0 5px;
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary div span:last-child {
font-weight: 500;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateTotals>div:not(#theCouponFieldset) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary>div {
padding: 5px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theHotel>legend {
display: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .title {
font-size: 20px;
font-weight: 500;
padding: 10px 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone label {
font-size: 14px;
font-weight: 500;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer legend {
font-size: 25px;
padding: 0 0 10px 0;
color: var(--color-black-100);
border: medium none;
font-weight: 500;
position: absolute;
top: 20px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone fieldset[id*="theRoom"] legend {
font-size: 25px;
font-weight: 500;
padding: 10px 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges {
padding: 0;
position: relative;
margin: 10px 15px 0 50px;
border: none;
border-top: 1px solid var(--color-black-30);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .amount {
text-align: right;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges legend {
position: absolute;
font-size: 18px;
display: none;
font-weight: bold;
color: var(--color-black-75);
padding: 15px;
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table {
width: 100% !important;
border: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theHotel {
padding: 60px 15px 0 50px;
border: none;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theHotel legend {
display: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .theEmailAddresses {
display: inline-block;
width: 49%;
margin-right: 1%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberFieldsAjax {
display: inline-block;
vertical-align: top;
width: 49%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberAjax input {
width: 101%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberFieldsAjax>table {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .recommendedProperty {
display: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .GuestForms {
width: 60%;
max-width: 800px;
background-color: var(--color-white-white);
padding: 60px 15px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateDescription {
width: initial;
position: relative;
font-size: 16px;
margin: 10px 15px 0 50px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateDescription {
font-weight: 500;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateDescription .label {
font-weight: 400;
}
#theRateDescription>p>strong {
font-weight: 500;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies {
width: 40%;
max-width: 480px;
margin: 0 auto 0 0;
position: relative;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies {
border: 1px solid var(--color-black-30) !important;
max-height: 200px;
overflow-y: scroll;
margin: 0 0 32px;
padding: 0 32px 32px;
background-color: var(--color-white-white);
position: relative;
}
#theStayPolicies .title {
font-size: 24px;
font-weight: 500;
position: sticky;
top: 0;
background-color: var(--color-white-white);
z-index: 1;
padding: 20px 0 10px;
margin: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies ul {
padding: 0 0 0 20px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails {
padding: 0 0 15px;
margin: 75px 0 10px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.paymentImg {
margin: 15px 0 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:first-of-type>div:first-of-type {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails {
display: flex;
gap: 5px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.guestBillingCity {
display: flex;
gap: 5px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-child(4)>div:first-of-type {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:first-child>div:first-child {
width: 100%;
}
/* Override inline style */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:first-child>div:nth-child(2) {
-webkit-box-flex: initial !important;
-ms-flex-positive: initial !important;
flex-grow: initial !important;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails [id*='theZipCodeAjax'] {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails [id*='theCityAjax'] {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 80%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestCountryList {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestStateList {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: 30%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo {
padding: 16px 0 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCvvCode {
background-position: calc(100% - 10px) 50%;
background-image: url(//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/cvv.svg);
background-repeat: no-repeat;
background-size: 30px;
width: 100%;
margin-right: initial;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails div[id*="theCardExpirationFields"] td:first-of-type {
padding: 0 5px 0 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theExpirationMonthAjax select {
min-width: 80px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theExpirationYearAjax select {
margin-right: initial;
min-width: 80px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails.NoReviews {
display: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateTotals>div {
padding: 5px 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable .amount {
font-weight: 500;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table a:link {
font-size: 15px;
white-space: normal;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table th {
width: 50%;
text-align: left;
font-weight: 400;
padding: 5px 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table td {
width: 50%;
font-weight: 500;
text-align: right;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationPoliciesAjax input {
height: 22px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationPoliciesAjax ul {
padding: 0 0 0 20px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer {
background-color: aliceblue;
border: none;
padding: 60px 25px 10px;
position: relative;
margin: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmCheckboxesAjax p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .confirmationAgreement {
margin-left: 0;
-ms-flex-preferred-size: fit-content;
flex-basis: fit-content;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo>div {
display: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo>p {
display: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .dueNowRow,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .balanceDueRow {
background-color: var(--color-white-white);
padding: 15px 20px;
border-radius: 50px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .dueNowRow .label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .balanceDueRow .label {
font-size: 22px;
font-weight: 500;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .dueNowRow .amount,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .balanceDueRow .amount {
font-size: 22px;
font-weight: 800;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .savings th {
font-size: 20px;
font-weight: 800;
color: var(--color-brand-6);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .savings td {
font-size: 20px;
font-weight: 800;
color: var(--color-brand-6);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCouponFieldset {
margin: 10px 0;
border: none;
border-top: 1px solid var(--color-black-30);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #applyDiscountCode .Error {
display: block;
padding: 10px 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCouponLabel {
line-height: 0;
display: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #TheRoom>span {
font-size: 15px;
padding: 0 20px 0 0;
text-decoration: underline;
position: relative;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .GuestForms .theCouponImage.down {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #TheRoom>span::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
display: inline-block;
left: 65px;
top: 1px;
background-image: url(https://media.travsrv.com/appSkins/64/v6/themes/global/skins/images/icons/icon-33.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 15px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #TheRoom>span.up::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #inventoryNotice {
background-color: var(--color-white-white);
border: none;
color: var(--color-black-black);
font-size: 14px;
font-weight: bold;
margin: 0;
display: none;
padding: 15px;
width: 100%;
z-index: 1;
border-top: 1px solid var(--color-black-30);
border-right: 1px solid var(--color-black-30);
border-left: 1px solid var(--color-black-30);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames table {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .reviewCount {
margin: 0 10px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .reviewCount .reviewCountLabel,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .reviewCount .reviewCountLabel {
display: inline !important;
margin: 0 0 0 5px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames td {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .keystoneCarousel .slideCount,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .keystoneCarousel-container i {
background-color: rgba(255, 255, 255);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies .originalPrice {
padding: 0 5px 0 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable>div[nowrap="nowrap"] {
display: inline-block !important;
color: var(--color-brand-6);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable>div[nowrap="nowrap"]+div {
float: right;
color: var(--color-brand-6);
font-weight: 500;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable>.dueNowRow,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable>.balanceDueRow {
margin: 15px 0 0;
}
.skeleton-loader {
position: relative !important;
background-color: var(--color-black-30) !important;
overflow: hidden !important;
}
.skeleton-loader::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
background: -webkit-gradient(linear,
left top, right top,
from(transparent),
color-stop(rgba(255, 255, 255, 0.2)),
to(transparent));
background: -o-linear-gradient(left,
transparent,
rgba(255, 255, 255, 0.2),
transparent);
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.2),
transparent);
-webkit-animation: loading 1.5s infinite;
animation: loading 1.5s infinite;
}
@-webkit-keyframes loading {
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes loading {
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@media screen and (max-width: 1000px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theReservationFormContainer>div:first-child {
gap: 5px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theHotel {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 60px 15px 0 20px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateDescription,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges {
margin: 10px 15px 0 20px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .theHotelName {
padding: 20px 0 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theExpirationMonthAjax select,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theExpirationYearAjax select {
margin-right: 0;
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:first-of-type {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails {
display: -ms-grid !important;
display: grid !important;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: repeat(4, 1fr);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails>div.cardNumber {
-ms-grid-column: 1;
-ms-grid-column-span: 4;
grid-column: 1/5;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails>div.cardExpiration {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails>div.cardVerification {
-ms-grid-column: 3;
-ms-grid-column-span: 2;
grid-column: 3/5;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails div[id*="theCardExpirationFields"] table {
width: 100%;
}
}
/* 805px has weird GuestForms/theHotel swap */
@media screen and (max-width: 800px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-child(4)>div:first-of-type {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-child(4)>div:nth-of-type(2) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-child(4)>div:last-of-type {
-ms-grid-column: 4;
-ms-grid-column-span: 1;
grid-column: 4/5;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies::before {
content: "";
position: initial;
z-index: initial;
width: initial;
height: initial;
background-color: initial;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theReservationFormContainer>div:first-child {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies {
background-color: var(--color-black-5);
width: 100%;
padding: 60px 15px 30px;
max-width: initial;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theBookingPage {
margin: 0 auto 70px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .GuestForms {
width: 100%;
position: relative;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theBookingPage {
padding: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary {
padding: 10px 0;
background-color: initial;
margin: 10px 0 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkInRow {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkInRow span:last-child,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkOutRow span:last-child,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .numberOfAdults span:last-child,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .numberOfChildren span:last-child {
font-weight: 300;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkOutRow {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .cvvTable {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies {
background-color: var(--color-white-white);
border: none;
padding: 0 15px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .GuestForms #ThePolicies span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 10px;
font-size: 18px;
font-weight: 700;
border-bottom: 1px solid #b1b9c2;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .GuestForms .theCouponImage {
width: 20px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges {
position: relative;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges legend {
position: relative;
left: 0;
top: 0;
padding: 15px 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar {
width: 100%;
border: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar .ArnRateEven td {
background-color: var(--color-white-white);
border: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar .ArnRateEven th {
background-color: var(--color-white-white);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar td {
text-align: right;
padding: 5px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer {
border: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .GuestForms .WBGuestFormFields {
border: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges {
border: none;
padding: 0;
margin: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theHotel {
padding: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable tr th {
border-bottom: none !important;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable tr td {
border-bottom: none !important;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .totalsTable {
border-top: 1px solid var(--color-black-30);
padding: 10px 0 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutPrice .savingsTable {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .savings {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .dueNowRow th,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .balanceDueRow th {
background-color: initial;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .dueNowRow td,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .balanceDueRow td {
background-color: initial;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutReview .discount {
color: var(--color-black-black);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutPrice .discount {
color: var(--color-black-black);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .totalRow {
display: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .taxFeeRow td {
color: var(--color-black-black);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .checkoutReview {
padding: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer h4 {
margin-top: 20px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #ThePolicies>span:first-of-type {
display: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo {
padding: 10px 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup {
position: fixed;
bottom: 0;
display: block !important;
left: 0;
z-index: 2;
background-color: var(--color-black-5);
width: 100%;
padding: 25px 15px !important;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup .dueNowRow {
background-color: initial !important;
padding: 0 !important;
border-radius: 0 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup .dueNowRow .label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup .balanceDueRow .label {
text-decoration: underline;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup .balanceDueRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 18px;
font-weight: 700;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup .amount {
font-weight: 700;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup a {
color: var(--color-black-100);
text-decoration: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup .closeIt {
position: absolute;
top: -10px;
font-size: 0;
right: 15px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalPopup .closeIt svg {
border: 1px solid var(--color-black-30);
border-radius: 50px;
padding: 5px;
background-color: var(--color-black-5);
}
}
@media screen and (max-width: 600px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails>div:first-of-type {
-ms-grid-column: 1;
-ms-grid-column-span: 4;
grid-column: 1/5;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails>div:nth-of-type(2) {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div.creditCardNumberDetails>div:last-of-type {
-ms-grid-column: 3;
-ms-grid-column-span: 2;
grid-column: 3/5;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-of-type(7) {
display: -ms-grid !important;
display: grid !important;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: repeat(3, 1fr);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails [id*='theCityAjax'] {
width: 100%;
-ms-grid-column: 1;
-ms-grid-column-span: 4;
grid-column: 1/5;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestCountryList {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestStateList {
width: 100%;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/3;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails [id*='theZipCodeAjax'] {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies>h4:first-of-type {
padding: 20px 10px;
}
}
@media screen and (max-width: 500px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .theEmailAddresses {
width: 100%;
margin-right: initial;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-child(4) {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: repeat(3, 1fr);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .WBGuestFormFields .ArnGuestNames>table>td {
display: block;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .WBGuestFormFields .ArnGuestNames>table td {
display: block;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .WBGuestFormFields .ArnGuestNames>table td:first-child {
padding: 0 0 10px 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theEmailAddressAjax {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames>table td>div {
margin: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames>table td:first-child .text {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberAjax input {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberFieldsAjax {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar th,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutReview .discount,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .totalsTable tr th,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theCharges .originalPrice {
font-size: 14px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestCountryList {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestStateList {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails [id*='theZipCodeAjax'] {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
}
@media screen and (max-width: 350px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestStateList {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails .guestCountryList {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails [id*='theZipCodeAjax'] {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-child(4)>div:nth-of-type(2) {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .CreditCardDetails>div:nth-child(4)>div:last-of-type {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames tr {
gap: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 300px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer .submit {
font-size: 16px;
}
}
/******************************************************/
/************ Keystone Final Confirmation **************/
/******************************************************/
/* static warning */
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ConfirmationPage>h1 {
position: absolute;
left: 20px;
font-size: 20px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone input.text,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone input,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone select {
border-color: var(--color-black-60);
width: initial;
height: 50px;
font-size: 16px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .confirmationHeader {
display: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .FormFields {
margin-top: 10px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberAjax.FormFields {
margin-top: 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone a:link,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone a:visited,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone a:hover,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneBookingPage a:active {
font-size: 15px;
font-weight: 300;
text-decoration: underline;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone fieldset {
padding: 0
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .MainHotelImageCarousel {
width: 100%;
margin: 6px 0 0;
}
/* Bryan New Test */
.keystoneCarousel-container {
height: 100%;
width: 300px;
}
.keystoneCarousel.imageCarousel .slide {
height: 246px;
}
.CheckOutForm .keystoneCarousel-container {
width: 100%;
}
@media screen and (max-width: 800px) {
.WBPropertyDetailViewKeystone .keystoneCarousel-container,
.CheckOutForm .keystoneCarousel-container {
width: 100%;
}
}
/**/
.keystoneCarousel.imageCarousel .slide {
height: 246px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .theHotelName {
width: 100%;
padding: 10px 0;
font-size: 20px;
font-weight: 700;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies::before {
content: "";
position: absolute;
z-index: 0;
width: 900%;
height: 100%;
background-color: var(--color-black-5);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ImageCarousel {
position: relative;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .imageCount {
position: absolute;
color: var(--color-white-white);
background-color: rgba(0, 0, 0, .65);
padding: 4px 15px 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
bottom: 15px;
border-radius: 25px;
gap: 5px;
right: 20px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .imageCount svg {
width: 15px;
fill: var(--color-white-white);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theHotelAddress {
font-weight: 400;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theBookingPage {
max-width: 100%;
margin: 0;
font-size: 16px;
width: 100%;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theReservationFormContainer>div:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 35px;
max-width: 1280px;
margin: 0 auto;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary {
border-top: 1px solid var(--color-black-30);
border-bottom: 1px solid var(--color-black-30);
position: relative;
padding: 10px 0;
margin: 10px 15px 0 50px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary legend {
font-size: 18px;
font-weight: bold;
display: none;
border-bottom: 1px solid #e5e5e5;
margin: 0 0 15px;
padding: 0 0 5px;
width: 100%;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary div span:last-child {
font-weight: 500;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateTotals>div:not(#theCouponFieldset) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary>div {
padding: 5px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theHotel>legend {
display: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .title {
font-size: 20px;
font-weight: 500;
padding: 10px 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone label {
font-size: 14px;
font-weight: 500;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer legend {
font-size: 25px;
padding: 0 0 10px 0;
color: var(--color-black-75);
border: medium none;
font-weight: 500;
position: absolute;
top: 20px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone fieldset[id*="theRoom"] legend {
font-size: 25px;
font-weight: 500;
padding: 10px 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges {
padding: 0;
position: relative;
margin: 10px 15px 0 50px;
border: none;
border-top: 1px solid var(--color-black-30);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .amount {
text-align: right;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges legend {
position: absolute;
font-size: 18px;
display: none;
font-weight: bold;
color: var(--color-black-75);
padding: 15px;
width: 100%;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table {
width: 100% !important;
border: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theHotel {
padding: 60px 15px 0 50px;
border: none;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theHotel legend {
display: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .theEmailAddresses {
display: inline-block;
width: 49%;
margin-right: 1%;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberFieldsAjax {
display: inline-block;
vertical-align: top;
width: 49%;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberAjax input {
width: 101%;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberFieldsAjax>table {
width: 100%;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .recommendedProperty {
display: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .GuestForms {
width: 60%;
max-width: 800px;
background-color: var(--color-white-white);
padding: 60px 15px 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateDescription {
width: initial;
position: relative;
font-size: 16px;
margin: 10px 15px 0 50px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateDescription {
font-weight: 500;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateDescription .label {
font-weight: 400;
}
#theRateDescription>p>strong {
font-weight: 500;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies {
width: 40%;
max-width: 480px;
margin: 0 auto 0 0;
position: relative;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies {
border: 1px solid var(--color-black-30) !important;
max-height: 200px;
overflow-y: scroll;
margin: 10px 0 38px;
padding: 0 15px 15px;
background-color: var(--color-white-white);
position: relative;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies>h4:first-of-type {
font-size: 24px;
font-weight: 500;
position: sticky;
top: 0;
background-color: var(--color-white-white);
z-index: 1;
padding: 20px 0 10px;
margin: 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies ul {
padding: 0 0 0 20px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo {
padding: 16px 0 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theReservationFormContainer {
margin-left: initial;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails.NoReviews {
display: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateTotals>div {
padding: 5px 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable .amount {
font-weight: 500;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table a:link {
font-size: 15px;
white-space: normal;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table th {
background-color: transparent;
width: 50%;
border: none !important;
text-align: left;
font-weight: 400;
padding: 5px 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies table td {
background-color: transparent;
width: 50%;
border: none !important;
font-weight: 500;
text-align: right;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .hurryBook {
display: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theConfirmationPoliciesAjax ul {
padding: 0 0 0 20px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer {
background-color: aliceblue;
border: none;
padding: 60px 25px 10px;
position: relative;
margin: 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theConfirmCheckboxesAjax p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .confirmationAgreement {
margin-left: 0;
-ms-flex-preferred-size: fit-content;
flex-basis: fit-content;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo>div {
display: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo>p {
display: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .dueNowRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .balanceDueRow {
background-color: var(--color-white-white);
padding: 15px 20px;
border-radius: 50px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .dueNowRow .label,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .balanceDueRow .label {
font-size: 22px;
font-weight: 500;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .dueNowRow .amount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .balanceDueRow .amount {
font-size: 22px;
font-weight: 800;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .savings th {
font-size: 20px;
font-weight: 800;
color: var(--color-brand-6);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .savings td {
font-size: 20px;
font-weight: 800;
color: var(--color-brand-6);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCouponFieldset {
margin: 10px 0;
border: none;
border-top: 1px solid var(--color-black-30);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #applyDiscountCode .Error {
display: block;
padding: 10px 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCouponLabel {
line-height: 0;
display: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #TheRoom>span {
font-size: 15px;
padding: 0 20px 0 0;
text-decoration: underline;
position: relative;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .GuestForms .theCouponImage.down {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #TheRoom>span::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
display: inline-block;
left: 65px;
top: 1px;
background-image: url(https://media.travsrv.com/appSkins/64/v6/themes/global/skins/images/icons/icon-33.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 15px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #TheRoom>span.up::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #inventoryNotice {
background-color: var(--color-white-white);
border: none;
color: var(--color-black-black);
font-size: 14px;
font-weight: bold;
margin: 0;
display: none;
padding: 15px;
width: 100%;
z-index: 1;
border-top: 1px solid var(--color-black-30);
border-right: 1px solid var(--color-black-30);
border-left: 1px solid var(--color-black-30);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames table {
width: 100%;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .reviewCount {
margin: 0 10px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames td {
width: 100%;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .keystoneCarousel .slideCount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .keystoneCarousel-container i {
background-color: rgba(255, 255, 255, 1);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies .originalPrice {
padding: 0 5px 0 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable>div[nowrap="nowrap"] {
display: inline-block !important;
color: var(--color-brand-6);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable>div[nowrap="nowrap"]+div {
float: right;
color: var(--color-brand-6);
font-weight: 500;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable>.dueNowRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable>.balanceDueRow {
margin: 15px 0 0;
}
@media screen and (max-width: 1000px) {
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theReservationFormContainer>div:first-child {
gap: 5px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theHotel {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 60px 15px 0 20px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateDescription,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges {
margin: 10px 15px 0 20px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .theHotelName {
padding: 20px 0 0;
}
}
/* 805px has weird GuestForms/theHotel swap */
@media screen and (max-width: 800px) {
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies::before {
content: "";
position: initial;
z-index: initial;
width: initial;
height: initial;
background-color: initial;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theReservationFormContainer>div:first-child {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .PaymentPolicies {
background-color: var(--color-black-5);
width: 100%;
padding: 60px 15px 30px;
max-width: initial;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theBookingPage {
margin: 0 auto 70px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .GuestForms {
width: 100%;
position: relative;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theBookingPage {
padding: 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary {
padding: 10px 0;
background-color: initial;
margin: 10px 0 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkInRow {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkInRow span:last-child,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkOutRow span:last-child,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .numberOfAdults span:last-child,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .numberOfChildren span:last-child {
font-weight: 300;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkOutSummary .checkOutRow {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies {
background-color: var(--color-white-white);
border: none;
padding: 0 15px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .GuestForms #ThePolicies span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 10px;
font-size: 18px;
font-weight: 700;
border-bottom: 1px solid #b1b9c2;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .GuestForms .theCouponImage {
width: 20px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges {
position: relative;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges legend {
position: relative;
left: 0;
top: 0;
padding: 15px 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar {
width: 100%;
border: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar .ArnRateEven td {
background-color: var(--color-white-white);
border: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar .ArnRateEven th {
background-color: var(--color-white-white);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar td {
text-align: right;
padding: 5px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer {
border: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .GuestForms .WBGuestFormFields {
border: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges {
border: none;
padding: 0;
margin: 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theHotel {
padding: 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable tr th {
border-bottom: none !important;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable tr td {
border-bottom: none !important;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .totalsTable {
border-top: 1px solid var(--color-black-30);
padding: 10px 0 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutPrice .savingsTable {
width: 100%;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .savings {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .dueNowRow th,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .balanceDueRow th {
background-color: initial;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .dueNowRow td,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .balanceDueRow td {
background-color: initial;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutReview .discount {
color: var(--color-black-black);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutPrice .discount {
color: var(--color-black-black);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .totalRow {
display: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutPrice .taxFeeRow td {
color: var(--color-black-black);
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .checkoutReview {
padding: 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer h4 {
margin-top: 20px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #ThePolicies>span:first-of-type {
display: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateSummaryInfo {
padding: 10px 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup {
position: fixed;
bottom: 0;
display: block !important;
left: 0;
z-index: 2;
background-color: var(--color-black-5);
width: 100%;
padding: 25px 15px !important;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .dueNowRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .balanceDueRow {
background-color: initial !important;
padding: 0 !important;
border-radius: 0 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .dueNowRow .label,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .balanceDueRow .label {
text-decoration: underline;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .balanceDueRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 18px;
font-weight: 700;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .amount {
font-weight: 700;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup a {
color: var(--color-black-100);
text-decoration: none;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .closeIt {
position: absolute;
top: -10px;
font-size: 0;
right: 15px;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalPopup .closeIt svg {
border: 1px solid var(--color-black-30);
border-radius: 50px;
padding: 5px;
background-color: var(--color-black-5);
}
}
@media screen and (max-width: 600px) {
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theStayPolicies>h4:first-of-type {
padding: 20px 10px;
}
}
@media screen and (max-width: 500px) {
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .theEmailAddresses {
width: 100%;
margin-right: initial;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .WBGuestFormFields .ArnGuestNames>table>td {
display: block;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .WBGuestFormFields .ArnGuestNames>table td {
display: block;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .WBGuestFormFields .ArnGuestNames>table td:first-child {
padding: 0 0 10px 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theEmailAddressAjax {
width: 100%;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames>table td>div {
margin: 0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames>table td:first-child .text {
width: 100%;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberAjax input {
width: 100%;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #thePhoneNumberFieldsAjax {
width: 100%;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .ArnRateCalendar th,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .checkoutReview .discount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .totalsTable tr th,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCharges .originalPrice {
font-size: 14px;
}
}
@media screen and (max-width: 350px) {
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnGuestNames tr {
gap: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 300px) {
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer .submit {
font-size: 16px;
}
}
/*****************************************/
/*********** Groups Specific *************/
/*****************************************/
/* Date Prompt */
.SearchHotels.SearchMode-WBHotelListKeystone #lightbox {
top: 20px !important;
}
/** Date Prompt Modal **/
#theDatePrompt {
background-color: var(--color-white-white);
font-size: 15px;
height: 100vh;
left: 50%;
margin: 0;
max-width: 100%;
overflow-y: scroll;
padding: 20px;
position: fixed;
top: 0;
transform: translateX(-50%);
width: 100%;
z-index: 9999;
}
@media only screen and (min-width:480px) {
#theDatePrompt {
height: auto;
margin-top: 2rem;
max-width: calc(100% - 4rem);
overflow: visible;
}
}
@media only screen and (min-width:768px) {
#theDatePrompt {
max-width: 800px;
}
}
#theDatePrompt .SimpleSearch .WBRoomsAdultsChildrenComponent {
position: relative;
border: 1px solid var(--color-black-30);
padding: 6px;
margin: 26px 0 0;
}
#theDatePrompt .SimpleSearch .SearchActions {
display: none;
}
#theDatePrompt .SimpleSearch .submit {
margin: 25px 0 0;
}
@media only screen and (max-width: 700px) {
.SearchHotels.SearchMode-WBHotelListKeystone #lightbox {
top: 0 !important;
}
#theDatePrompt .SimpleSearch table {
width: 100%;
}
#theDatePrompt .SimpleSearch .rowOne td {
display: block;
}
#theDatePrompt .SimpleSearch .rowOne td.SearchActions {
display: none;
}
#theDatePrompt .SimpleSearch .yui3-skin-sam .yui3-calendar-header-label {
font-size: inherit;
}
#theDatePrompt .SimpleSearch .yui3-calendar-content td {
display: table-cell;
}
#theDatePrompt .SimpleSearch .yui3-calendar-content td.yui3-calendar-column-hidden {
display: none;
}
#theDatePrompt .SimpleSearch .yui3-calendar-content {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0 !important;
}
#theDatePrompt .SimpleSearch .yui3-calendar-content .yui3-u-1-2, #theDatePrompt .SimpleSearch .yui3-calendar-content .yui3-u-12-24 {
width: 100%;
}
#theDatePrompt .SimpleSearch .ArnAcdChild {
padding: 30px;
min-width: 100%;
top: 0;
position: fixed;
border-radius: 0;
height: 100%;
overflow: scroll;
}
#theDatePrompt .SimpleSearch .ArnAcdChildAges .ArnAcdSpan {
display: block;
}
#theDatePrompt .SimpleSearch .ArnAcdChildAges .ArnAcdChildAgesSelect {
width: 100%;
float: none;
display: block;
}
#theDatePrompt .SimpleSearch .ArnAcdChild .close {
background-color: var(--color-white-white);
position: fixed;
bottom: 0;
width: 100%;
left: 0;
text-align: center;
padding: 10px;
right: 0;
}
#theDatePrompt .SimpleSearch .ArnAcdChild .ArnAcdClose {
display: block !important;
line-height: 1;
background-color: var(--color-secondary);
color: var(--color-white-white);
padding: 12px 40px;
width: 150px;
text-align: center;
margin: 0 auto;
}
}
@media only screen and (max-width: 700px) and (max-height: 778px) {
#theDatePrompt .SimpleSearch .ArnAcdChild .close {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
}
/* Special Event Labels */
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierOne.OnSale .ArnPropThumb,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierTwo.OnSale .ArnPropThumb,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierThree.OnSale .ArnPropThumb,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierOne .ArnPropThumb,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierTwo .ArnPropThumb,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierThree .ArnPropThumb {
border-radius: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierOne .ArnPropThumb img,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierTwo .ArnPropThumb img,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierThree .ArnPropThumb img {
border-radius: 0;
}
.specialLabel {
color: var(--color-white-white);
text-align: right;
padding: 5px 15px 5px 0;
font-weight: 500;
letter-spacing: 1px;
font-size: 20px;
}
.specialEventRate {
background-color: var(--color-brand-4);
;
}
.hostHotel {
background-color: var(--color-black-black);
}
.coHostHotel {
background-color: darkorange;
}
@media only screen and (max-width: 500px) {
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierOne .percentSavings, .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierTwo .percentSavings, .SearchHotels.SearchMode-WBHotelListKeystone .ArnPropertyTierThree .percentSavings {
top: 237px;
}
}
/*****************************************/
/************ Checkout Page **************/
/*****************************************/
.priceWin {
margin: 0 0 10px;
padding: 5px 10px;
background-color: var(--color-white-white);
text-align: center;
}
.priceWin.bookingPriceDecrease {
border: 2px solid mediumseagreen;
background-color: #e5fee7;
}
.priceWin.bookingPriceIncrease {
background-color: var(--color-black-5);
border: 2px solid var(--color-red-red);
}
.FinalConfirmation .priceWin {
display: none;
}
.ArnSubPage {
max-width: 1280px;
margin: 150px auto 70px;
width: 100%;
}
.ArnSubPage .FormFields .formField, .ArnSubPage .FormFields .text, .ArnSubPage .FormFields textarea, .ArnSubPage .FormFields select {
color: var(--color-black-black);
width: 100%;
}
.ArnSubPage .ArnGuestNames .text, #theCityZipAjax input {
margin-right: 0;
width: 100%;
}
.ArnSubPage .ArnGuestNames td:first-child .text {
width: 99%;
}
.infoIcon {
background-color: var(--color-black-black);
border-radius: 50%;
color: var(--color-white-white);
display: inline-block;
font-family: Georgia;
font-size: 12px;
font-style: italic;
margin: 0 5px 0 0;
padding: 3px 8px;
line-height: 1;
}
.tooltip {
position: relative;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 280px;
background-color: var(--color-black-black);
color: var(--color-white-white);
text-align: center;
border-radius: 6px;
padding: 10px;
position: absolute;
z-index: 1;
top: 125%;
left: 10%;
margin-left: -60px;
opacity: 0;
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.tooltip .tooltiptext::before {
content: "";
position: absolute;
bottom: 100%;
left: 47%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid var(--color-black-black);
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
/* Guest Info */
.WBGuestFormFields {
background-color: var(--color-white-white);
border: none;
}
.hurryBook {
color: var(--color-brand-6);
font-size: 16px;
text-align: center;
display: block;
background-color: ivory;
padding: 15px 0;
font-weight: 700;
}
/* Search User To Book For */
.useProfile {
margin: 10px 0 !important;
}
.useProfile .submit {
width: auto;
font-size: initial;
padding: 0;
margin: 0;
height: auto;
color: var(--color-blue);
background: transparent;
border: none;
font-weight: 500;
text-align: left;
text-indent: 0;
cursor: pointer;
}
.countryList, .stateList {
width: 100% !important;
}
.paymentMethods {
border-top: 5px solid var(--color-black-15);
margin: 15px 0 5px;
padding: 10px 0 0;
}
.paymentMethods img {
display: block
}
/* Optile Credit Card LightBox */
.useOptileCard input {
width: 50%;
cursor: pointer;
}
.GuestForms #lightbox {
background-color: var(--color-white-white);
padding: 1rem;
border-radius: .5rem;
}
.GuestForms #lightbox .window {
background-color: var(--color-white-white);
position: relative;
height: 100%;
}
.GuestForms #lightbox .window h3 {
margin: 0 0 1rem;
}
.GuestForms #lightbox .window iframe {
border: 1px solid var(--color-black-30);
border-radius: .5rem;
width: 400px;
height: 335px;
padding: 1rem;
}
.GuestForms #lightbox .window .window-title {
display: none;
}
.GuestForms #lightbox .window .window-close {
position: absolute;
right: 0;
}
.GuestForms #lightbox .window .window-close a {
font-size: 1.4rem;
color: var(--color-black-60);
}
@media screen and (max-width: 600px) {
.useOptileCard input {
width: 100%;
}
.GuestForms #lightbox {
height: 95%;
top: 1rem !important;
overflow: hidden;
}
.GuestForms #lightbox .window iframe {
width: 100%;
padding: 0;
height: 500px;
}
}
/* Travel Club Invite */
.travelClubInvite,
#theTravelClubEnrollmentLastChance {
border: 5px solid purple;
padding: 16px !important;
margin: 0 0 25px 0;
background-color: var(--color-white-white);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.travelClubInvite .columnOne {
width: 60%;
color: var(--color-black-100);
padding: 0 65px 0 0;
}
#theTravelClubEnrollmentLastChance .travelClubInvite {
border: none;
padding: 0 !important;
margin: 0;
background-color: transparent;
}
.travelClubInvite img {
max-width: 400px;
width: 100%;
}
.travelClubInvite h2 {
font-size: 24px !important;
font-weight: 500;
color: #332562;
margin: 15px 0 5px;
letter-spacing: 1px;
}
.travelClubInvite h3 {
font-size: 40px !important;
font-weight: 500;
color: #332562;
margin: 5px 0 15px;
}
#theBookingPage .travelClubInvite p {
margin: 15px 0;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
#theBookingPage .travelClubInvite ul {
margin: 0 !important;
padding: 0 !important;
}
#theBookingPage .travelClubInvite .columnOne ul {
width: 290px;
}
.travelClubInvite ul li {
text-align: left;
list-style: none !important;
width: 100%;
font-size: 15px;
font-weight: 500;
line-height: 1.7em;
}
.travelClubInvite ul li.listItem1 p {
font-weight: 700 !important;
}
#theBookingPage .travelClubInvite ul li input {
width: auto !important;
height: auto !important;
display: inline;
float: left;
margin: 3px 5px 0 0;
position: relative;
top: -2px;
vertical-align: middle;
}
#theBookingPage input#theTravelClubEnrollmentSubmitButton {
background-color: purple;
color: var(--color-white-white) !important;
border: none;
padding: 15px 40px 20px;
line-height: 1em;
height: auto !important;
}
.travelClubInvite .columnTwo {
background-color: #886e9b;
color: var(--color-white-white);
width: 40%;
padding: 40px 28px;
}
.travelClubInvite .columnTwo li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 25px 0;
}
.travelClubInvite .columnTwo .icon {
margin: 0 6px 0 0;
}
.travelClubInvite .columnTwo img {
width: 22px;
}
#theBookingPage .travelClubInvite .columnTwo p {
font-size: 17px;
padding: 0;
margin: 0;
}
.travelClubInvite img.peopleImage {
position: absolute;
bottom: 0;
left: 43%;
width: 172px;
}
@media screen and (min-width:800px) and (max-width:1000px) {
.travelClubInvite img.peopleImage {
display: none;
}
}
@media screen and (max-width:650px) {
.travelClubInvite .columnOne {
width: 100%;
}
.travelClubInvite .columnTwo {
width: 100%;
padding: 40px 108px 40px 28px;
}
.travelClubInvite img.peopleImage {
left: auto;
right: -1%;
}
}
#theConfirmationContainer h4 {
font-size: 16px;
font-weight: 700;
}
#theBookingPage ul, #theCopyInfoAjax {
padding: 0;
margin: 0 0 10px;
}
#theBookingPage li {
font-weight: 300;
}
.ArnSubPage .checkbox, #theSmokingRoomAjax input.checkbox {
width: 20px;
height: 20px;
float: left;
margin: 3px 5px 0 0;
cursor: pointer;
}
.ArnSubPage .confirmationAgreement {
margin-left: 0;
}
#theConfirmationContainer .submit {
font-size: 20px;
height: auto;
margin: 5px 0 0;
padding: 20px 30px;
text-indent: 0;
width: auto;
min-width: 50%;
}
@media screen and (max-width:500px) {
#theConfirmationButton.submit {
font-size: initial;
white-space: normal;
}
}
#theConfirmationButton .submit:disabled {
background-color: var(--color-black-15);
cursor: text;
}
.confirmationProcessing #theConfirmationButton {
background: #e9e9e9 url("/appSkins/64/v6/themes/global/skins/brownstone/images/throbber6.gif") no-repeat scroll 300px center / 50px auto;
color: var(--color-black-60);
}
.bookNowConfirm {
color: var(--color-brand-4);
display: block;
font-style: italic;
font-weight: bold;
left: 0;
outline: 0 none;
padding: 10px 0;
position: relative;
text-align: left;
text-indent: 0;
top: 0;
width: 100%;
}
/* Right Side */
.recommendedProperty {
border: 1px solid springgreen;
color: springgreen;
font-size: 16px;
margin: 8px auto;
width: 75%;
}
.PaymentPolicies .originalPrice {
color: var(--color-black-60);
font-size: 13px;
}
.PaymentPolicies table.checkOutSummaryTable tr {
border-bottom: none;
}
.PaymentPolicies table.checkOutSummaryTable tr th, .PaymentPolicies table.checkOutSummaryTable tr td {
padding: 4px 0;
}
.PaymentPolicies table.checkOutSummaryTable tr td {
font-weight: 300;
}
.PaymentPolicies table.savingsTable th, .PaymentPolicies table.savingsTable td {
color: var(--color-brand-6);
}
.totalsTable .dueNowRow th, .totalsTable .balanceDueRow th {
font-weight: 700;
}
.theCouponLink img, .theCouponLink span {
display: none;
}
#applyDiscountCode {
display: block !important;
padding: 20px 0;
}
#applyDiscountCode br {
display: none;
}
#theCouponFieldset input, #theCouponFieldset button {
width: 50%;
border: none !important;
}
#theCouponFieldset input {
width: 70%;
border-radius: 4px;
margin: 0;
}
#theCouponFieldset button {
width: 28%;
margin: 0 0 0 2%;
height: 40px;
}
.cardDiscount th {
vertical-align: top;
}
.cardDiscount th span {
font-weight: 900;
}
.cardDiscount td button {
width: auto;
height: auto;
display: block;
margin: 0 0 0 auto;
background-color: transparent;
color: blue;
text-decoration: underline;
padding: 0;
font-size: 14px;
}
/* Split Payment Use Rewards */
.theRewardRedemptionLink {
display: none;
}
#theRewardRedemptionFieldset {
margin: 10px 0;
border: none;
background-color: var(--color-black-5);
padding: 10px 20px;
}
#theRewardRedemptionFieldset label {
margin: 10px 0;
display: inline-block;
}
#rewardsApplied, #rewardsAvailable {
font-weight: 700;
}
#theRewardRedemptionLabel span {
font-weight: 700;
}
#theRewardRedemptionFieldset input {
width: 70%;
border: none;
}
#theRewardRedemptionFieldset button {
width: 28%;
margin: 0 0 0 2%;
}
/* fixed scrolling for sections in hotel page */
.PropertyTargetLink {
margin-top: 40px !important;
}
.SimpleSearch {
margin-bottom: 0 !important;
}
/* Error List */
#theBookingPage .errors li, #theBookingPage .HasError li {
font-weight: 500;
}
/* Sub Pages */
.ArnSubPage .SSFormBody fieldset {
border: none;
padding: 5px 0 15px;
border-top: 1px solid var(--color-black-30);
border-bottom: 1px solid var(--color-black-30);
}
.ArnSubPage .SSFormBody fieldset input.radio {
width: auto;
}
.ArnSubPage .FormActions .submit {
margin: 10px 5px 0 0;
}
.ArnSubPage .WBSupportFormFields textarea {
min-height: 300px;
}
@media screen and (max-width: 800px) {
.ArnSubPage {
margin: 0 auto;
padding: 20px;
}
.ArnSubPage h1 {
margin: 0 0 0.67em 0;
line-height: 1.2em;
}
.ArnSubPage .FormActions .submit {
margin: 10px 0 0 0;
width: 100%;
}
}
/* Language Specific */
@media only screen and (min-width: 1001px) {
.de_DE.RootBody .ArnSearchHolderBoth {
min-width: 310px;
}
}
@media only screen and (min-width: 800px) {
.sv_SE .ArnAcdChild {
min-width: 425px;
}
}
.SinglePropDetail.es_ES .PropertyLinks ul li img,
.SinglePropDetail.it_IT .PropertyLinks ul li img,
.SinglePropDetail.de_DE .PropertyLinks ul li img,
.SinglePropDetail.fr_CA .PropertyLinks ul li img,
.SinglePropDetail.fi_FI .PropertyLinks ul li img,
.SinglePropDetail.hu_HU .PropertyLinks ul li img,
.SinglePropDetail.nl_NL .PropertyLinks ul li img,
.SinglePropDetail.sv_SE .PropertyLinks ul li img,
.SinglePropDetail.da_DK .PropertyLinks ul li img,
.SinglePropDetail.tr_TR .PropertyLinks ul li img,
.SinglePropDetail.el_GR .PropertyLinks ul li img,
.SinglePropDetail.ru_RU .PropertyLinks ul li img {
display: none !important;
}
/* Footer */
.ArnSupportLinks.ArnSupportBottom {
background-color: var(--color-black-black);
width: 100%;
position: relative;
text-align: center;
padding: 40px 0;
font-size: 14px;
color: var(--color-white-white);
}
.SearchHotels .ArnSupportLinks.ArnSupportBottom {
max-width: 915px;
}
.SearchHotels .ArnSupportLinks.ArnSupportBottom {
margin: initial;
}
.ArnSupportLinks.ArnSupportBottom a {
color: var(--color-white-white);
margin: 0 5px;
}
.ArnSupportLinks.ArnSupportBottom a:hover {
text-decoration: underline;
}
/* ARNCORE-2255 */
.ArnSupportLinks.ArnSupportBottom #ot-sdk-btn.ot-sdk-show-settings,
.ArnSupportLinks.ArnSupportBottom #ot-sdk-btn.optanon-show-settings {
color: inherit;
border: initial;
padding: initial;
font-size: inherit;
}
.ArnSupportLinks.ArnSupportBottom #ot-sdk-btn.ot-sdk-show-settings:hover,
.ArnSupportLinks.ArnSupportBottom #ot-sdk-btn.optanon-show-settings:hover {
background-color: transparent;
}
@media screen and (max-width: 1200px) {
.SearchHotels .ArnSupportLinks.ArnSupportBottom {
max-width: 800px;
}
}
@media screen and (max-width: 1000px) {
.SearchHotels .ArnSupportLinks.ArnSupportBottom {
max-width: initial;
padding: 40px 0 100px 0;
}
}
.CheckOutForm .ArnSupportLinks.ArnSupportBottom,
.FinalConfirmation .ArnSupportLinks.ArnSupportBottom {
display: none;
}
/*****************************************/
/************ Cancel/Resend **************/
/*****************************************/
.WBResendOrCancelFormActions .submit {
width: auto;
}
/*****************************************/
/************ Test Incentive *************/
/*****************************************/
.countdown {
color: var(--color-black-black);
font-size: 18px;
font-weight: 700;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer div.refundable,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer div.prePay,
.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer div.prePay {
display: none !important;
}
/* Insurance on Checkout Page */
.insuranceWarning.confirmationWarning {
background-color: var(--color-black-5);
padding: 25px;
border: 5px solid #9FE1FD;
color: var(--color-black-black);
margin: 0 0 10px 0;
}
.insuranceWarning.confirmationWarning h3 {
margin: -10px 0 8px 0;
font-size: 16px;
font-weight: 700;
position: relative;
left: -10px;
}
#theBookingPage .insuranceWarning.confirmationWarning .options label {
font-size: 15px;
font-weight: 900;
}
#theBookingPage .insuranceWarning.confirmationWarning div.options:last-child label {
font-weight: normal;
}
.insuranceOk {
margin: 0 0 0 5px;
font-weight: 700;
}
.insuranceWarning.confirmationWarning input {
width: auto;
height: auto;
display: inline-block;
margin: 0;
vertical-align: middle;
}
.WK .insuranceWarning.confirmationWarning input {
margin: -2px 0 0;
}
.insuranceWarning.confirmationWarning label {
display: inline-block;
margin: 0 0 0 5px !important;
line-height: 1.2;
vertical-align: middle;
}
.insuranceWarning.confirmationWarning input#insuranceNoOption {
margin: 0 0 0 0;
}
.WK .insuranceWarning.confirmationWarning input#insuranceNoOption {
margin: -2px 0 0 0;
}
.insuranceWarning.confirmationWarning.error {
color: initial !important;
}
.insuranceWarning.confirmationWarning.error div.options label, .insuranceWarning.confirmationWarning.error p:last-child, .insuranceWarning.confirmationWarning.error h3 {
color: var(--color-red-red) !important;
}
.insuranceWarning.confirmationWarning .message_container {
background-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/brownstone/images/bgfade.png");
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
.insuranceWarning.confirmationWarning .messageBody {
background-color: var(--color-white-white);
border-radius: 10px;
font-size: 16px;
line-height: 1.7em;
margin: 0 auto;
padding: 20px;
position: relative;
top: 20%;
width: 600px;
z-index: 9999;
}
.insuranceWarning.confirmationWarning .messageBody .closeForm {
border-radius: 50%;
color: var(--color-red-red) !important;
font-size: 20px;
padding: 3px 10px;
position: absolute;
right: 5px;
top: -4px;
z-index: 10;
}
.insuranceWarning.confirmationWarning .messageBody .closeForm:hover {
text-decoration: none;
}
.insuranceWarning.confirmationWarning .messageBody img {
border: 0 none;
float: left;
padding: 0 10px 10px 0;
}
/* Revelex Air */
.arnAirRevelex #header.enterpriseHeader {
z-index: 9999;
top: 0;
}
.arnAirRevelex {
background: var(--color-black-5) none 0 0 repeat;
margin: 100px 0 0;
}
.arnAirRevelex .range input {
height: auto;
}
.arnAirRevelex input,
.arnAirRevelex select {
height: 46px;
}
/* Vacay Homes Villas */
.arnVillas #header.enterpriseHeader {
position: static;
}
.arnVillas .homepage-header {
background-color: var(--color-black-100);
padding: 0 40px;
max-height: 50px;
}
.arnVillas header .visible-navigation>li a, .arnVillas header .visible-navigation>li span {
color: var(--color-black-15);
font-size: 14px;
}
.arnVillas .nav-phone-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 0 auto;
}
.arnVillas .header-navigation {
border-left: 1px solid var(--color-black-60);
margin: 0 0 0 2rem;
padding: 0 0 0 1rem;
}
.arnVillas .contact-number-label, .arnVillas .call-number {
font-size: 14px !important;
color: var(--color-black-30) !important;
}
.arnVillas header .visible-navigation>li a:hover, .arnVillas header .visible-navigation>li span:hover {
font-size: 14px;
color: var(--color-black-15);
}
.arnVillas .vacation-finder-wrapper {
margin-top: 50px;
}
.arnVillas .btns {
color: var(--color-white-white) !important;
}
.arnVillas .main-content-wrapper.book-wrapper .form-wrapper input[type="checkbox"] {
margin-top: 0 !important;
width: 25px;
}
/* Safari SPecific */
.safariBrowser .ArnPushPage,
.safariBrowser .ArnPushPageContent {
display: none !important;
}
/* 3DS Tweaks */
#theCopyInfoAjax label {
position: static;
}
/*fix for 'Search Map Center' btn to center at top for mobile*/
@media only screen and (max-width: 1000px) {
.arn-leaflet-search2-button {
top: 0 !important;
}
}
/* Tweaks for mobile property image carousel and checkout carousel */
@media screen and (max-width: 800px) {
.ArnContentGeneralInfo.PropertyImages div.ImageCarousel {
display: none !important;
}
}
fieldset#theHotel {
padding: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .MainHotelImageCarousel {
margin: 0;
}
.distanceLabel {
display: block;
color: var(--color-black-black, #000);
}
/****updates for adults, children guests dropdown****/
/*align on desktop*/
.SearchHotels .ArnAcdChild {
position: absolute;
left: -16px;
top: 43px;
}
/*do not show 'x' in design*/
.ArnAcdClose {
display: none;
}
/*mobile*/
@media only screen and (max-width: 500px) {
.RootBody .ArnAcdChild {
position: relative;
}
.RootBody .ArnAcdClose {
display: none !important;
}
}
/* Mobile layout fix. Needs to be rethought on Keystone. */
@media screen and (max-width: 500px) {
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropClass {
margin: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnTripAdvisorDetails {
min-height: initial;
}
.SearchHotels.SearchMode-WBHotelListKeystone .memberSavings {
width: 100%;
}
.SearchHotels.SearchMode-WBHotelListKeystone .reviewCount {
margin: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnTripAdvisorDetails.HasReviews .defaultRatingImg {
margin: 0 5px 0 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPriceCell {
line-height: 1.3;
}
}
.WBRoomsAdultsChildrenKeystone .ArnAcdContainer span.maxChildren {
color: var(--color-red-red);
}
.flexContainer {
display: flex;
}
.HiddenReviewsNoVacancy {
display: none !important;
}
/* Search hotel listing */
.originalTotal {
display: none !important;
}
.rateTotal {
display: none !important;
}
.SearchHotels .ArnIconContainer {
display: flex;
align-items: center;
}
.SearchHotels .ArnIconContainer svg {
width: auto;
height: 15px;
margin: 0px 3px 0 0;
}
.SearchHotels .amenityTitle {
display: none;
}
.SearchHotels .ArnPropName .ArnIconContainer .flexibleCancellation {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnIconContainer svg path {
stroke: none !important;
}
.ArnIconContainer .amenity.on:nth-child(n+4) {
display: initial;
}
/* CX-205 */
@media screen and (max-width: 1000px) {
.SinglePropDetail.WBPropertyDetailViewKeystone .StandardRoomAvailability .RateRowTitle {
padding: 16px 0px 4px;
}
}
@media only screen and (max-width: 800px) {
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailRating {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
padding: 0 0 0 0px;
}
.ArnPropClass, .customRatingImageSpan {
height: auto;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropClass {
margin: 0;
}
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailRating {
padding: 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropCheckInTime svg {
margin: 2px 10px 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropAddress {
align-items: center;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails {
display: flex !important;
}
.ArnTripAdvisorDetails.HasReviews .defaultRatingImg {
display: none;
}
.ratingCount {
display: inline-block !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails.HasReviews .defaultRatingImg {
margin: 8px 3px 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails .reviewCount {
text-decoration: underline;
}
/* end CX-205 */
/* Loading animations */
@keyframes loading {
0% {
left: -100%;
}
50% {
left: 100%;
}
100% {
left: -100%;
}
}
.btn-loading {
position: relative;
overflow: hidden;
}
a.btn-loading:after {
content: '';
}
.loaderCheckRates {
display: none;
}
.checkRatesWrapper input.btn-loading+.loaderCheckRates {
display: block;
}
a.btn-loading:after,
.loaderCheckRates {
position: absolute;
bottom: 0;
height: 6px;
width: 100%;
background-color: var(--color-primary-hover);
animation-name: loading;
animation-timing-function: ease;
animation-duration: 1.5s;
animation-iteration-count: infinite;
border-radius: 5px;
}
a.btn-loading:hover {
background-color: var(--color-primary);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .checkRatesWrapper input.submit.btn-loading:hover {
background-color: var(--color-primary);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .checkRatesWrapper input.submit {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.checkRatesWrapper {
position: relative;
overflow: hidden;
}
/* END Loading animations */
/* Added support new custom google places autocomplete */
#pac-custom-results {
z-index: 999;
cursor: pointer;
margin-top: 20px;
white-space: nowrap;
transition: all 0.2s linear 0s;
text-align: left;
}
#PlacesSearchContainer.showingSuggestions {
border-color: transparent;
}
#PlacesSearchContainer.showingSuggestions #pac-custom-results {
box-shadow: 0px 6px 5px 1px rgba(0, 0, 0, .2);
}
#PlacesSearchContainer.showingSuggestions #pac-custom-results {
border-radius: 8px;
border: 1px solid #ccc;
}
#pac-custom-results .pac-input-option {
padding: 1em;
color: #000;
}
#pac-custom-results .pac-input-option svg {
margin-right: 1em;
vertical-align: middle;
}
#pac-custom-results .pac-input-option svg path {
fill: var(--color-black-100) !important;
}
#pac-custom-results .pac-input-option:hover, #pac-custom-results .pac-input-option.highlighted {
background-color: rgba(0, 0, 0, .1);
}
@media screen and (max-width: 600px) {
#pac-custom-results {
width: 88vw;
white-space: normal;
}
}
/* End added support new custom google places autocomplete */
/* test CX-2218 */
.CheckOutForm .alphaSkin .top-links,
.CheckOutForm .alphaSkin .nav-bottom,
.CheckOutForm .alphaSkin .vl,
.CheckOutForm .alphaSkin .profile-btn,
.CheckOutForm .ArnSupportLinks.ArnSupportBottom.static,
.CheckOutForm .enterpriseHeader #nav .links,
.CheckOutForm .alphaSkin .hamburger-1,
.CheckOutForm .enterpriseHeader #menu-button,
.CheckOutForm .ArnHeader #menu-button,
.CheckOutForm .enterpriseHeader .dropdown,
.CheckOutForm.alphaSkin footer.footer {
display: none !important;
}
/* Password Layout Update CSS*/
.passwordMessage {
margin: 16px 0 0;
}
.passwordMessageContainer {
display: flex;
padding: 16px 0px 32px 0px;
flex-wrap: wrap;
width: 100%;
}
.passwordMessageContainer span.status.passed, .passwordMessageContainer li.passed span.status:not(.passed) {
display: none;
}
.passwordMessageContainer li.passed span.status.passed {
display: inline-block;
}
.passwordMessageContainer svg#theExMark {
margin: 0 10px;
}
.passwordMessage ul.passwordMessageContainer li {
display: flex;
padding: 0 0 8px 0;
opacity: .5;
width: 50%;
}
.passwordMessage ul.passwordMessageContainer li svg path {
fill: #62645f !important;
}
.passwordMessage ul.passwordMessageContainer li.passed {
opacity: 1;
}
.passwordMessage ul.passwordMessageContainer li.passed svg path {
fill: #38694d !important;
}
.passwordMessageContainer li span.status {
padding: 0 10px 0 0;
}
.passwordMessageContainer li span.status svg {
margin: 3px 0 0;
}
.WBClub365ChangePasswordPublicFormContainer .includeReminder,
.WBClub365ChangePasswordPublicFormContainer .password-rules {
display: none;
}
/* ******************* */
/* ***** CX-1754 ***** */
/* ******************* */
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailOverview .ratingText .ratingValue {
font-size: 18px;
line-height: 28px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyDetailOverview .ratingText .ratingDescription {
color: var(--Black-Black-100, #36382E);
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnTripAdvisorDetails .reviewCount {
margin: 0 0 0 10px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnTripAdvisorDetails .ratingText {
display: inline-block;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropSummary .ratingText .ratingDescription {
color: var(--Black-Black-75, var(--Color-Black-75, #62645F));
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnTripAdvisorDetails .reviewCount {
position: relative;
left: 8px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnTripAdvisorDetails .reviewCount:before {
position: absolute;
content: "";
background-color: var(--Black-Black-75, var(--Color-Black-75, #62645F));
width: 4px;
height: 4px;
left: -8px;
top: 7px;
border-radius: 50%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .ratingText,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .ratingText {
display: inline-block;
}
.ratingText .ratingValue {
border-radius: 100px;
background: var(--Blue-Blue-Light, #C4E5FF);
padding: 4px 8px;
margin-right: 8px;
color: var(--Black-Black-100, #36382E);
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .ratingText .ratingDescription,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .ratingText .ratingDescription {
color: var(--Black-Black-100, #36382E);
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .reviewCount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .reviewCount {
position: relative;
left: 8px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .reviewCount:before,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone .ArnTripAdvisorDetails .reviewCount:before {
position: absolute;
content: "";
background-color: var(--color-black-100);
width: 4px;
height: 4px;
left: -11px;
top: 12px;
border-radius: 50%;
}
/* ***** END CX-1754 ***** */
/************* Travel Agent ***********/
.travelAgentBannerContainer {
background-color: #EBF0F4;
display: none;
}
.arnqa .travelAgentBannerContainer {
display: block;
}
.travelAgentBannerInner {
max-width: 1280px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
position: relative
}
.travelAgentBannerContainer p {
padding: 0 16px 0 8px;
font-weight: 600;
border-right: 1px solid black;
}
.travelAgentBannerContainer a {
padding: 0 8px 0 16px;
font-weight: 600;
color: #9D5C63;
}
.travelAgentBannerContainer a span {
padding: 6px 12px;
}
.travelAgentBannerContainer .closeIcon {
position: absolute;
right: 0;
cursor: pointer;
padding: 0 20px 0 0;
}
.travelAgentBannerContainer .closeIcon svg {
vertical-align: middle;
}
@media screen and (max-width: 650px) {
.travelAgentBannerContainer p {
display: none;
}
.travelAgentBannerContainer {
padding: 15px 0;
}
}
@media screen and (max-width: 450px) {
.travelAgentBannerContainer a {
padding: 0 8px;
font-size: 15px;
}
.travelAgentBannerContainer .closeIcon {
padding: 0 10px 0;
}
}
.hidden-important {
display: none !important;
}
/************* End Travel Agent ***********/
/* ************************ FinalComfirmation Upsell Component ***************** */
.FinalConfirmation .crossSell {
border: 1px solid #ccc;
}
.FinalConfirmation .crossSell .crossSellImageContainer img {
width: 100%;
border-radius: 4px;
height: auto;
display: none;
}
.FinalConfirmation .crossSell .crossSellTitle {
display: flex;
align-items: center;
padding: 11px 24px;
}
.FinalConfirmation .crossSell .crossSellTitle p {
font-size: 24px;
margin: 0;
font-weight: 600;
text-transform: uppercase;
}
.FinalConfirmation .crossSell .crossSellTitleContainer {
border-bottom: 1px solid #ccc;
}
.FinalConfirmation .crossSell .crossSellTitle .recommendedTag {
font-size: 12px;
background-color: #026b9f;
padding: 4px 10px;
color: white;
border-radius: 30px;
margin-left: 16px;
}
.FinalConfirmation .crossSell .crossSellBodyContainer {
padding: 11px 24px;
}
.FinalConfirmation .crossSell .crossSellImageContainer {
position: relative;
min-height: 150px;
background-image: url('//media.travsrv.com/appSkins/77062/v6/themes/standard/images/car-upsell-image-2.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.FinalConfirmation .crossSell .crossSellImageContainer .promoTag {
color: white;
background-color: black;
position: absolute;
top: 15px;
left: 0;
display: inline-block;
padding: 4px 16px 4px 8px;
border-radius: 0px 16px 16px 0px;
}
.FinalConfirmation .crossSell .crossSellContentContainer {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 0;
}
.FinalConfirmation .crossSell .crossSellContent {
width: 80%;
}
.FinalConfirmation .crossSell .crossSellContentSubTitle {
font-size: 20px;
margin: 0;
font-weight: 600;
padding-bottom: 6px;
}
.FinalConfirmation .crossSell .crossSellContentSubText {
margin: 0;
}
.FinalConfirmation .crossSell .carUpsellBtn {
padding: 7px 16px;
color: white;
display: inline-block;
background-color: black;
font-size: 16px !important;
border-radius: 4px;
}
@media screen and (max-width: 1000px) {
.FinalConfirmation .crossSell .crossSellContentContainer {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.FinalConfirmation .crossSell .crossSellContent {
width: 100%;
}
}
@media screen and (max-width: 800px) {
.FinalConfirmation .crossSell .crossSellTitle {
padding: 11px 15px;
}
.FinalConfirmation .crossSell .crossSellBodyContainer {
padding: 11px 15px;
}
.FinalConfirmation .crossSell .crossSellTitle p {
font-size: 20px;
}
.FinalConfirmation .crossSell .crossSellContentSubTitle {
font-size: 18px;
}
}
/* ************************ End FinalComfirmation Upsell Component ***************** */
/* CX-2114 */
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAvailability .supportMessageLink {
display: inline-block;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAvailability .supportMessageLink span {
text-decoration: underline;
cursor: pointer;
}
/* ************************ GPS Specific ***************** */
/* Search Results */
#theDatePrompt .ArnAdultChildDropdown {
position: relative;
}
.SearchHotels.GPSSite .roomCount {
display: none;
}
#theDatePrompt .SimpleSearch {
display: flex;
}
.SearchHotels.SearchMode-WBHotelListKeystone #theDatePrompt .SimpleSearch .ArnAdultChildDropdown .ArnAcdParent {
padding-top: 27px;
}
#theDatePrompt .SimpleSearch .submit {
height: 38px;
}
.GPSSite .gpsLabel {
background-color: #b1dcaa;
width: max-content;
position: absolute;
top: 10px;
left: 10px;
border-radius: 5px;
padding: 8px 15px;
font-size: 14px;
letter-spacing: 2px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
}
/* Detail Page */
.SinglePropDetail.WBPropertyDetailViewKeystone.GPSSite .bookRoom,
.SinglePropDetail.WBPropertyDetailViewKeystone.GPSSite .holdRoom {
min-width: 200px;
}
.SinglePropDetail.GPSSite .bestAvailable {
background-color: transparent;
}
.SinglePropDetail.GPSSite .bestAvailableLabel {
display: none;
}
/* Hold Rooms Page */
.SinglePropDetail.WBPropertyDetailViewKeystone.HoldRoomsForm.GPSSite .showRoomsLink,
.SinglePropDetail.WBPropertyDetailViewKeystone.HoldRoomsForm.GPSSite .SimpleSearch,
.SinglePropDetail.WBPropertyDetailViewKeystone.HoldRoomsForm.GPSSite .OptionsPricing,
.SinglePropDetail.WBPropertyDetailViewKeystone.HoldRoomsForm.GPSSite .Amenities,
.SinglePropDetail.WBPropertyDetailViewKeystone.HoldRoomsForm.GPSSite .Details,
.SinglePropDetail.WBPropertyDetailViewKeystone.HoldRoomsForm.GPSSite .Reviews {
display: none;
}
.HoldRoomsForm .roomsAvailableSummary {
padding: 16px;
border-radius: 8px;
}
.HoldRoomsForm .roomsAvailableSummary p {
margin: 10px 0 0;
}
.HoldRoomsForm .ArnRoomsOnHold table {
background-color: #f5f5f5;
}
.HoldRoomsForm .ArnRoomsOnHold table td {
width: 100px;
text-align: center;
}
.HoldRoomsForm .holdDate {
border: 2px solid white;
padding: 5px 5px 10px;
}
.HoldRoomsForm .holdDate select {
width: 70%;
}
.HoldRoomsForm .rooms-container {
margin: 40px 0 40px 0;
padding: 0 0 40px 0;
border-bottom: 2px solid #F3E8DF;
}
.HoldRoomsForm .contact-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.HoldRoomsForm .contact-container p {
color: var(--color-black-100);
font-size: 14px;
font-weight: 500;
margin: 0;
}
.HoldRoomsForm .contact-container .groupHoldContactField {
flex: 1;
}
.HoldRoomsForm .contact-container .groupHoldContactField.groupName {
flex: none;
width: 100%;
}
.HoldRoomsForm .contact-container .groupHoldContactField.groupEmail #theEmail {
width: 100%;
}
.HoldRoomsForm .contact-container .form-group {
display: flex;
gap: 10px;
}
.HoldRoomsForm .contact-container .form-group input {
flex: 1;
}
.HoldRoomsForm .contact-container input.text,
.HoldRoomsForm .contact-container input,
.HoldRoomsForm .contact-container select {
color: var(--color-black-black);
border-color: var(--color-black-60);
height: 50px;
font-size: 16px;
}
.HoldRoomsForm h2 {
width: 100%;
margin: 0 0 24px 0;
color: var(--black-black-100, var(--color-black-100, #36382E));
background-color: transparent;
font-family: 'SohneBreit', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 23px;
letter-spacing: 4px;
text-transform: uppercase;
}
.HoldRoomsForm .ArnRoomsOnHold .addMoreRooms {
display: flex;
justify-content: center;
align-items: center;
width: 228px;
height: 52px;
font-size: 16px;
text-decoration: none;
color: inherit;
border-radius: 4px;
font-weight: 700;
float: left;
margin: 30px 10px 0px 0;
}
.HoldRoomsForm .ArnRoomsOnHold .submit {
margin-top: 30px !important;
}
/* Start ARNCORE-1100: Add support for button to toggle map to expand */
.SinglePropDetail.WBPropertyDetailViewKeystone .arnMapExtend {
display: block !important;
top: 10px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .arnMapCloseLink {
display: block;
font-size: 20px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .arnMapCloseLink svg {
vertical-align: middle;
vertical-align: text-bottom;
margin: 0px 10px 0px 20px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyMapInner.WBLeafletMap.expanded {
position: fixed !important;
width: 100vw !important;
height: 100vh !important;
z-index: 9999 !important;
display: flex;
top: 0;
left: 0;
flex-direction: column;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .arnMapExtended {
background-color: #fff;
height: 60px;
padding: 10px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyMapInner.WBLeafletMap.expanded .leaflet-control-zoom {
margin-top: 80px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyMapInner.WBLeafletMap.expanded .arnMapExtended {
display: block !important;
z-index: 10000 !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnPropertyMapInner.WBLeafletMap.expanded .arnMapExtend {
display: none !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-pane,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-tile,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-marker-icon,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-marker-shadow,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-tile-container,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-pane>svg,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-pane>canvas,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-zoom-box,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-image-layer,
.SinglePropDetail.WBPropertyDetailViewKeystone .leaflet-layer {
top: 0px !important;
/* This fixes a bug with zooming out causing map marker to move. */
}
/* END ARNCORE-1100 */
/****************************************************************/
/******************* New CheckoutPage CSS Only ******************/
/****************************************************************/
/******************* temps ******************/
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theStayPolicies {
border-radius: 8px;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCopyInfoAjax .checkbox {
height: auto;
float: none;
margin: 0 5px 0 0;
vertical-align: middle;
}
@media screen and (max-width: 800px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theStayPolicies {
border-radius: 0;
box-shadow: none;
margin: 0 16px 32px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .GuestForms {
padding: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription {
margin: 0;
}
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .PaymentPolicies:before,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .PaymentPolicies:before {
background-color: #F7F4F0;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges {
border-top: none;
}
/******************* END temps ******************/
/***********************************************************/
/******************* Keystone Checkout V2 ******************/
/***********************************************************/
/*********** CheckOutForm css update CX-2085 (traveler details) **********/
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .ArnGuestNames input {
height: 52px;
border-radius: 4px;
border: 1px solid #C3C3C0;
font-weight: 400;
text-overflow: ellipsis;
padding: 16px 9px 0;
color: #36382E;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .ArnGuestNames td>div {
position: relative;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .ArnGuestNames label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .theEmailAddresses label {
position: absolute !important;
left: 15px;
top: 14px;
color: #62645F;
font-size: 16px;
font-weight: 400;
transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
pointer-events: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .ArnGuestNames label.active,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .theEmailAddresses label.active {
top: 0;
font-size: 12px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .theEmailAddresses .FormFields {
position: relative;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .theEmailAddresses input {
height: 52px;
border-radius: 4px;
border: 1px solid #C3C3C0;
padding: 16px 9px 0;
color: #36382E;
text-overflow: ellipsis;
font-weight: 400;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .traveler {
padding: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .traveler h3 {
width: 100%;
font-size: 20px;
font-weight: 700;
line-height: 23px;
letter-spacing: 4px;
text-transform: uppercase;
color: #36382E;
margin: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .traveler p {
color: #62645F;
margin: 16px 0 24px;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .traveler span.asterisk {
color: #C7362A;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo {
border-radius: 8px;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
padding: 32px;
margin: 0 0 32px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnCCMask {
border-radius: 8px;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
padding: 32px;
margin: 0 0 32px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnCCMask .useDifferentCardLink {
color: #62645F;
text-decoration: underline;
font-weight: 400;
font-size: 16px;
line-height: 26px;
display: inline-block;
padding: 10px 0 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .WBGuestFormFields>legend {
display: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id *="thePhoneNumberFields"] {
position: relative;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id *="thePhoneNumberFields"] label {
position: absolute !important;
left: 14px;
font-size: 16px;
font-weight: 400;
color: #62645F;
top: 13px;
transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
pointer-events: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id *="thePhoneNumberFields"] label.active {
font-size: 12px;
font-weight: 400;
top: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id *="thePhoneNumberFields"] input {
border: 1px solid #C3C3C0;
height: 52px;
border-radius: 4px;
text-indent: 14px;
padding: 20px 0 0;
text-overflow: ellipsis;
color: #36382E;
width: 100% !important;
font-weight: 400;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnGuestNames tr {
gap: 30px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .theEmailAddresses {
width: 100%;
margin-right: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #thePhoneNumberFieldsAjax {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .emailPhoneWrap {
display: flex;
justify-content: space-between;
gap: 30px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .FormFields {
margin-top: 32px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #thePhoneNumberAjax.FormFields {
margin-top: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo #theAdditionalEmailsLink a {
color: #62645F;
text-decoration: underline;
font-weight: 400;
font-size: 16px;
line-height: 26px;
display: inline-block;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id *="theSpecialRequest"] a {
color: #62645F;
text-decoration: underline;
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin: 10px 0 0;
display: inline-block;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id *="theSpecialRequest"] .FormFields {
position: relative;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id *="theSpecialRequest"] label {
position: absolute;
font-size: 16px;
color: #62645F;
left: 12px;
font-weight: 400;
top: 18px;
transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
pointer-events: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id *="theSpecialRequest"] label.active {
font-weight: 400;
font-size: 12px;
top: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id *="theSpecialRequest"] textarea {
border-radius: 4px;
border: 1px solid #C3C3C0;
text-indent: 11px;
color: #36382E;
padding: 22px 0 0;
font-weight: 400;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .GuestForms .upgradeMembershipSection+#inventoryNotice {
margin: 32px 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #phoneNumberExplanationText {
font-size: 12px;
font-weight: 400;
text-indent: 0;
line-height: 18px;
padding: 5px 0 0;
color: #36382E;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .additionalEmailAddress {
position: relative;
margin: 32px 0 20px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .additionalEmailAddress label {
position: absolute;
font-size: 16px;
font-weight: 400;
color: #62645F;
top: 14px;
left: 14px;
transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
pointer-events: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .additionalEmailAddress label.active {
top: 0;
font-size: 12px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .additionalEmailAddress input {
height: 52px;
border-radius: 4px;
border: 1px solid #C3C3C0;
text-indent: 14px;
padding: 16px 0 0;
text-overflow: ellipsis;
font-weight: 400;
color: #36382E;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo input:focus {
border: 1px solid #36382E;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id *="theAdditionalEmails"] {
margin: 26px 0 0;
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnGuestNames tr,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .emailPhoneWrap {
gap: 16px;
}
}
@media screen and (max-width: 800px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo {
padding: 0 15px;
box-shadow: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo [id *="theAdditionalEmails"] {
margin: 24px 0 0;
}
}
@media screen and (max-width: 600px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnGuestNames tr,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .emailPhoneWrap {
gap: 16px;
}
}
@media screen and (max-width: 500px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnGuestNames tr {
flex-direction: column;
gap: 16px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .WBGuestFormFields .ArnGuestNames>table td:first-child {
padding: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .FormFields {
margin-top: 16px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .travelerInfo .emailPhoneWrap {
flex-direction: column-reverse;
gap: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .traveler p {
margin: 15px 0;
}
}
/*********** end traveler details update CX-2085 **********/
/*********** check-out form css update CX-2086 (payment details) **********/
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails {
border-radius: 8px;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
padding: 32px;
margin: 0 0 32px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 30px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .FormFields {
margin: 0 0 32px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .digitalWallet.braintree {
border-radius: 8px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
padding: 32px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .title {
width: 100%;
font-size: 20px;
font-weight: 700;
line-height: 23px;
letter-spacing: 4px;
text-transform: uppercase;
color: #36382E;
margin: 0;
padding: 0 0 16px;
grid-column: 1 / 3;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .paymentNote {
grid-column: 1/3;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails>div.paymentImg {
grid-column: 1/3;
margin: 24px 0 16px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .cardNumber {
grid-column: 1/2;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .cardExpiration {
grid-column: 2/3;
display: flex;
gap: 16px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .guestExpiresMonth,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .guestExpiresYear {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .cardExpiration>label {
display: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .subTitle>span {
color: #62645F;
margin: 16px 0 24px;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .cardVerification {
grid-column: 1/2;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 [id *="theCreditCardBillingNameAjax"] {
grid-column: 2/3;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .guestBillingAddress {
grid-column: 1/3;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails>div.guestBillingCity {
grid-column: 1/3;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 30px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*='theCityAjax'] {
width: 100%;
grid-column: 1 / 2;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestCountryList {
grid-column: 2/3;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestStateList {
width: 100%;
grid-column: 1 / 2;
margin: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*='theZipCodeAjax'] {
grid-column: 2 / 3;
width: 100%;
margin: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails input {
border: 1px solid #C3C3C0;
height: 52px;
border-radius: 4px;
text-overflow: ellipsis;
padding: 20px 9px 0 !important;
font-weight: 400;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails select {
border: 1px solid #C3C3C0;
height: 52px;
border-radius: 4px;
padding: 20px 30px 0 14px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right 8px center;
appearance: none;
text-overflow: ellipsis;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails input:focus,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails select:focus {
border: 1px solid #36382E;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardNumber,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardVerification,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestBillingAddress,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id *="theCreditCardBillingNameAjax"],
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*='theCityAjax'],
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*='theZipCodeAjax'],
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestExpiresMonth,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestExpiresYear,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestCountryList,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestStateList {
position: relative;
overflow: hidden;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardNumber>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardVerification>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestBillingAddress>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id *="theCreditCardBillingNameAjax"]>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*='theCityAjax']>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*='theZipCodeAjax']>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestExpiresMonth>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestExpiresYear>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestCountryList>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestStateList>label {
position: absolute !important;
left: 15px;
top: 14px;
color: #62645F;
font-size: 16px;
font-weight: 400;
transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
pointer-events: none;
white-space: nowrap;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails label.active {
top: 0;
font-size: 12px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestCountryList label {
top: 0 !important;
font-size: 12px !important;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .hideDefault select {
font-size: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardExpiration td {
position: relative;
overflow: hidden;
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardExpiration td:first-of-type>label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardExpiration td:last-of-type>label {
position: absolute !important;
left: 15px;
top: 14px;
color: #62645F;
font-size: 16px;
font-weight: 400;
transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
pointer-events: none;
white-space: nowrap;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardExpiration table {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .cardExpiration table tr {
display: flex;
justify-content: space-between;
gap: 16px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails div[id*="theCardExpirationFields"] td:first-of-type {
padding: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .SSFormBody .WBGuestFormExtraFieldsSubFormFields {
display: flex;
justify-content: space-between;
gap: 42px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .SSFormBody .WBGuestFormExtraFieldsSubFormFields div {
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .SSFormBody input {
border: 1px solid #C3C3C0;
height: 52px;
border-radius: 4px;
text-indent: 14px;
padding: 20px 0 0;
text-overflow: ellipsis;
color: #36382E;
width: 100% !important;
font-weight: 400;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .SSFormBody select {
border: 1px solid #C3C3C0;
height: 52px;
border-radius: 4px;
padding: 20px 30px 0 14px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right 8px center;
appearance: none;
text-overflow: ellipsis;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .WBGuestFormExtraFieldsSubFormFields>div {
position: relative;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .WBGuestFormExtraFieldsSubFormFields label {
position: absolute !important;
left: 15px;
top: 14px;
color: #62645F;
font-size: 16px;
font-weight: 400;
transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
pointer-events: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .WBGuestFormExtraFieldsSubFormFields label.active {
top: 0;
font-size: 12px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ErrorList {
border: 2px solid var(--color-red-red);
border-radius: 8px;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
padding: 32px;
margin: 0 0 32px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ErrorList .errors {
border: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ErrorList h1 {
margin: 0;
padding: 0 0 18px;
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails>div.guestBillingCity {
grid-column-gap: 16px;
}
}
@media screen and (max-width: 800px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails {
border-radius: 0px;
box-shadow: none;
border-top: 2px solid #F3E8DF;
border-bottom: 2px solid #F3E8DF;
padding: 32px 15px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .digitalWallet.braintree {
border-radius: 0;
box-shadow: none;
border-top: 1px solid #F3E8DF;
}
}
@media screen and (max-width: 600px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails>div:nth-of-type(7) {
display: block !important;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails>div.guestBillingCity {
grid-column-gap: 16px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .SSFormBody .WBGuestFormExtraFieldsSubFormFields {
gap: 16px;
}
}
@media screen and (max-width: 500px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .cardNumber,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .cardVerification,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .cardExpiration,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 [id *="theCreditCardBillingNameAjax"],
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*='theCityAjax'],
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestCountryList,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .guestStateList,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*='theZipCodeAjax'] {
grid-column: 1/3;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails .FormFields {
margin: 0 0 16px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .CreditCardDetails [id*='theZipCodeAjax'] {
margin: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .SSFormBody .WBGuestFormExtraFieldsSubFormFields {
flex-direction: column;
gap: 0px;
}
}
/*********** end check-out form css update CX-2086 **********/
/*********** check-out inventory notice CX-2084 **********/
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #inventoryNotice {
display: flex;
align-items: center;
gap: 16px;
border: 1px solid #36382E;
border-radius: 8px;
padding: 8px 10px;
font-weight: 400;
margin: 0 0 32px;
box-shadow: 0px 0px 10px 0px #00000040;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .tooltip .tooltiptext {
max-width: 280px;
width: 90%;
left: 70px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #inventoryNotice svg {
vertical-align: middle;
}
@media screen and (max-width: 800px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #inventoryNotice {
border-radius: 0;
border: none;
border-top: 2px solid #F3E8DF;
border-bottom: 2px solid #F3E8DF;
width: calc(100% - 30px);
margin-left: auto;
margin-right: auto;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .GuestForms .upgradeMembershipSection+#inventoryNotice {
margin: 0;
}
}
/*********** end check-out inventory notice CX-2084 **********/
/*********** check-out hurry book CX-2037 **********/
/* moveHurryBookMessage() - keystone.js */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .hurryBook {
padding: 6px 0px;
border-radius: 8px;
font-size: 14px;
display: none;
font-weight: 700;
background-color: #D6F6DC;
box-shadow: 0px 0px 10px 0px #00000040;
color: #36382E;
line-height: 24px;
margin: 0px 0px 16px;
position: sticky;
top: 0;
z-index: 32;
}
@media screen and (max-width: 800px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .hurryBook {
border-radius: 0;
margin: 0;
}
}
/*********** check-out hurry book CX-2037 **********/
/* *********************** Checkout Button CX-20878 ****************** */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theConfirmationContainer .submit {
border-radius: 32px;
height: 46px;
padding: 10px 32px;
font-size: 16px;
line-height: 26px;
font-weight: 700;
width: 100%;
text-transform: uppercase;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theConfirmationContainer {
background-color: #fff;
border: none;
padding: 0;
position: static;
border-radius: 8px;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
padding: 22px 32px 32px;
margin: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theConfirmationContainer>legend {
display: none;
}
@media screen and (max-width:400px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theConfirmationContainer .submit {
font-size: 14px;
padding: 10px;
}
}
/* under button - not sure what this is */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theHorsePowerStickers {
display: none;
}
@media screen and (max-width: 800px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theConfirmationContainer {
box-shadow: none;
border-radius: 0;
border-top: 1px solid #F3E8DF;
padding: 15px 16px;
margin: 0 0 24px;
}
/* should v6 remove */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .totalPopup {
display: none !important;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .PaymentPolicies {
padding: 20px 16px 0px;
background-color: #fff;
}
}
/* *********************** end Checkout Button CX-20878 ****************** */
/* *********************** Checkout mobile checkout btn CX-2325 ****************** */
@media screen and (max-width: 800px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .resConfirmationButton {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 30;
padding: 16px 16px 24px;
background-color: var(--color-black-5);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
}
/* *********************** END Checkout mobile checkout btn CX-2325 ****************** */
/***********************************************************/
/******************* END Keystone Checkout V2 ******************/
/***********************************************************/
/***********************************************************/
/* WBPropertyDetailViewKeystoneCuratedOption CSS */
/***********************************************************/
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption .StandardRoomAvailability .ArnNightlyRate {
text-align: right;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption {
fieldset.curated .StandardRoomAvailability {
.rateRow {
display: flex;
justify-content: space-between;
flex-direction: column;
border-bottom: none;
block-size: 100%;
}
.ArnContentGeneralInfo {
padding: 0 16px;
}
.ArnContentGeneralInfo .roomNameDetails {
margin: 16px 0 0;
}
.roomPricing {
flex-direction: column;
padding-top: 0;
text-align: right;
margin: 16px 0 0;
display: flex;
padding: 16px;
}
.bookRoomCell {
padding: 16px 0 0 0;
flex: 1;
border-top: 1px solid #DBDBDB;
}
.roomCount {
margin: 0;
}
.bookRoomContainer {
flex: 1;
display: flex;
align-items: end;
}
}
.ArnContentGeneralInfo .RoomDescription {
border-top: 1px solid #ccc;
padding: 16px 0 0;
margin: 16px 0 0;
}
.percentSavings {
margin: 0 0 4px auto;
padding: var(--banner-default-padding-m-top, 2px) var(--banner-default-padding-m-side, 10px);
border-radius: var(--banner-default-radius, 4px);
background: var(--banner-tertiary-bg, #D6F6DC);
color: var(--banner-tertiary-fg, #36382E);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 18px;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.originalPrice {
margin-right: 8px;
color: var(--black-black-75, #62645F);
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-decoration-line: strikethrough;
}
.averageNightly,
.averageNightlyTotal {
color: var(--black-black-100, #36382E);
text-align: right;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 30px;
}
.dailyRates {
display: inline-block;
margin-left: 8px;
}
.ArnRateCalendarHeading {
text-align: left;
}
.ArnRateCalendar .line {
align-items: center;
.originalPrice {
margin: 0;
}
}
.memberSavings {
margin: 4px 0 0 0;
color: var(--card-hotel-search-info-color, #62645F);
text-align: right;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.bookRoom {
display: flex;
width: auto;
padding: var(--button-default-padding-s-top, 8px) var(--button-default-padding-s-side, 16px);
margin: 4px 0 0 auto !important;
justify-content: center;
align-items: center;
border-radius: var(--button-default-radius, 32px);
border: 2px solid var(--button-primary-fill-bg, #F2BA00);
background: var(--button-primary-fill-bg, #F2BA00);
color: var(--button-primary-fill-fg, #36382E);
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 18px;
text-transform: uppercase;
text-decoration: none;
}
.bookRoom:hover {
border: 2px solid var(--button-primary-fill-hover-bg, #FCCC2A);
background: var(--button-primary-fill-hover-bg, #FCCC2A);
}
.StandardRoomAvailability .keystoneCarousel:after {
position: absolute;
content: "....";
color: var(--color-white-white);
width: 100%;
height: 0;
left: 0;
bottom: 40px;
text-align: center;
font-size: 35px;
letter-spacing: 6px;
z-index: 20;
}
.StandardRoomAvailability .keystoneCarousel:has(.slide:only-child):after {
content: "";
}
.keystoneCarousel-container i {
top: calc(50% - 14px);
width: 38px;
height: 38px;
border-radius: 32px;
padding: 8px;
background: rgba(255, 255, 255, 0.75) !important;
cursor: pointer;
}
.keystoneCarousel-container i svg path {
fill: var(--color-black-100) !important;
}
.payOption {
padding: var(--banner-default-padding-m-top, 2px) var(--banner-default-padding-m-side, 10px);
margin: 0 0 4px 0;
border-radius: var(--banner-default-radius, 4px);
background: var(--banner-primary-bg, #F3E8DF);
color: var(--banner-primary-fg, #36382E);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 18px;
text-transform: uppercase;
}
.priceDiff {
width: auto;
text-align: right;
font-weight: 700;
}
.roomDetails {
display: flex;
justify-content: space-between;
width: 100%;
padding: 0;
}
.roomDetails input {
float: left;
width: 18px;
height: 18px;
margin: 3px 10px 0 0;
}
.ArnRoomName {
margin: 0 0 4px 0;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.cancellationPolicy a {
color: var(--color-secondary, #236180);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
/* 171.429% */
text-decoration-line: underline;
}
.cancellationPolicy:hover {
color: var(--color-secondary-hover);
}
.roomMainInfo {
width: 100%;
}
.averageNightly .labelAvgNightly {
display: inline;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 30px;
margin: 0 0 0 4px;
}
.averageNightlyTotal .labelAvgNightlyTotal {
margin: 0 0 0 4px;
}
.cancellationPolicy .arnPopupClose {
font-size: 0;
}
.fullStayTotal {
display: inline-flex;
align-self: flex-end;
margin-top: 4px;
color: var(--card-hotel-search-total-color, #36382E);
text-align: right;
align-items: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
gap: 4px;
.labelTotal {
margin: 0;
}
}
.ArnRateCalendar .line .ArnNightlyRateCal {
text-align: left;
}
.ArnRateCalendarTotal .Heading {
text-align: left;
}
.rateDescriptionContent {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 16px;
line-clamp: 2;
line-height: 24px;
}
.keystoneCarousel-container.hideOverlayUntilHover i,
.keystoneCarousel-container.hideOverlayUntilHover i.hidden,
.keystoneCarousel-container.hideOverlayUntilHover:hover i.hidden {
opacity: 0 !important;
}
.keystoneCarousel-container.hideOverlayUntilHover:hover i {
opacity: 1 !important;
}
.bestAvailable {
background-color: inherit;
}
.pswp--has_mouse .pswp__button--arrow {
visibility: visible;
top: calc(50% - 0px);
width: 60px;
height: 60px;
border-radius: 30px;
padding: 8px;
background: rgba(255, 255, 255, 0.75) !important;
cursor: pointer;
}
.pswp__button--arrow--next .pswp__icn,
.pswp__button--arrow .pswp__icn {
right: 9px;
fill: var(--pswp-icon-color-secondary);
}
}
/* AIMS Promo offer banner */
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption .roomPromotionalOffer {
padding: var(--banner-default-padding-m-top, 2px) var(--banner-default-padding-m-side, 10px);
text-align: center;
border-radius: var(--banner-radius, 4px);
background: var(--ocean-ocean-600, #037092);
color: var(--color-white-white, #FFF);
font-family: 'Roboto-Condensed';
font-size: 12px;
font-weight: 700;
line-height: 18px;
letter-spacing: 1.2px;
text-transform: uppercase;
margin-top: auto;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption .rateContent {
height: 100%;
display: flex;
flex-direction: column;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption .rateContent>div:not(.RateRowHeader) {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption .ArnContentGeneralInfo {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption .ArnContentGeneralInfo .RoomDescription {
display: flex;
flex-direction: column;
flex: 1;
}
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption .ArnContentGeneralInfo .ArnRateDescription {
margin-bottom: 8px;
}
/* end AIMS Promo offer banner */
/* Price Detail Section CSS */
.ArnRateCalendarLabel,
.ArnDueAtProperty {
display: inline-flex;
width: 50%;
text-align: left;
}
.ArnRateCalendarLabel {
margin: 10px 0 5px 0;
}
.ArnRateCalendarLabel+.amount,
.ArnDueAtProperty+.ArnDueAtPropertyFee {
display: inline-flex;
width: 50%;
justify-content: flex-end;
}
.ArnRateTaxAndFees {
display: flex;
justify-content: space-between;
margin-bottom: 5px;
}
.ArnRateCalendar {
max-height: 400px;
overflow-y: auto;
margin: 5px 0;
width: auto !important;
}
.ArnDisclaimer {
text-align: left;
}
#theArnFeeLabel,
#theArnDueAtPropertyFeeDescription {
width: auto !important;
padding: 5px;
text-align: left;
}
/* END Price Detail Section CSS */
@media screen and (max-width: 800px) {
.SinglePropDetail.WBPropertyDetailViewKeystone.WBPropertyDetailViewKeystoneCurated.WBPropertyDetailViewKeystoneCuratedOption {
.percentSavings {
width: max-content;
}
.keystoneCarousel-container.hideOverlayUntilHover i {
opacity: 1 !important;
}
}
}
/***********************************************************/
/* END WBPropertyDetailViewKeystoneCuratedOption CSS */
/***********************************************************/
.SinglePropDetail .ArnRateCalendarTotalWithTax {
color: var(--color-black-100);
font-weight: 700;
margin: 16px 0 0 0;
padding: 16px 0 0 0;
border-top: 1px solid var(--color-black-30);
}
.SinglePropDetail .ArnRateCalendarTotalWithTax>div:first-of-type {
display: none;
}
.SinglePropDetail .ArnRateCalendarTotalWithTax>div:last-of-type {
display: flex;
align-items: center;
justify-content: space-between;
}
/* ****************************** */
/* Total Pricing test */
/* ****************************** */
.fullStayTotal .note {
line-height: 1;
}
/* Search Listing / Map */
.useTotalPricing.SearchHotels .originalPrice,
.useTotalPricing.SearchHotels .originalPrice.originalFullPrice .labelTotal,
.useTotalPricing.SearchHotels .averageNightly,
.useTotalPricing.SearchHotels .memberSavings,
.useTotalPricing.SearchHotels .arnMapMarkerSpan,
.useTotalPricing.SearchHotels .arnMapPopup .originalNighly,
.useTotalPricing.SearchHotels .labelAvgNightlyTotal {
display: none !important;
}
.useTotalPricing.SearchHotels .originalPrice.originalFullPrice,
.useTotalPricing.SearchHotels .arnMapMarkerTotalSpan,
.useTotalPricing.SearchHotels .averageNightlyTotal,
.useTotalPricing.SearchHotels .arnMapPopup .originalTotal,
.useTotalPricing.SearchHotels .arnMapPopup .rateTotal {
display: inline-block !important;
}
.useTotalPricing.SearchHotels .memberSavings.memberTotalSavings {
display: block !important;
}
/* Single Prop */
.useTotalPricing.SinglePropDetail .ArnRateCalendarTotal {
display: none !important;
}
.useTotalPricing.SinglePropDetail .ArnRateCalendarTotalWithTax {
display: block !important;
}
/* Single Prop / Daily Rates & WBPropertyDetailViewKeystone */
.useTotalPricing.WBPropertyDetailViewKeystone .originalPrice,
.useTotalPricing.WBPropertyDetailViewKeystone .originalPrice.originalFullPrice .labelTotal,
.useTotalPricing.WBPropertyDetailViewKeystone .averageNightly,
.useTotalPricing.WBPropertyDetailViewKeystone .memberSavings {
display: none !important;
}
.useTotalPricing.WBPropertyDetailViewKeystone .originalPrice.originalFullPrice,
.useTotalPricing.WBPropertyDetailViewKeystone .memberSavings.memberTotalSavings {
display: inline-block !important;
}
.useTotalPricing.WBPropertyDetailViewKeystone:not(.WBPropertyDetailViewKeystoneCuratedOption) .fullStayTotal {
display: inline !important;
}
/* Single Prop / Daily Rates & WBPropertyDetailViewKeystoneCurated */
.useTotalPricing.WBPropertyDetailViewKeystoneCurated .originalPrice,
.useTotalPricing.WBPropertyDetailViewKeystoneCurated .originalPrice.originalFullPrice .labelTotal,
.useTotalPricing.WBPropertyDetailViewKeystoneCurated .averageNightly,
.useTotalPricing.WBPropertyDetailViewKeystoneCurated .memberSavings {
display: none !important;
}
.useTotalPricing.WBPropertyDetailViewKeystoneCurated .originalPrice.originalFullPrice,
.useTotalPricing.WBPropertyDetailViewKeystoneCurated .memberSavings.memberTotalSavings {
display: inline-block !important;
}
.useTotalPricing.WBPropertyDetailViewKeystoneCurated:not(.WBPropertyDetailViewKeystoneCuratedOption) .fullStayTotal {
display: inline !important;
}
/* Single Prop / Daily Rates & WBPropertyDetailViewKeystoneCuratedOption */
.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .originalPrice,
.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .originalPrice.originalFullPrice .labelTotal,
.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .averageNightly,
.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .memberSavings {
display: none !important;
}
.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .averageNightlyTotal,
.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .memberSavings.memberTotalSavings {
display: inline-block !important;
}
.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .originalPrice.originalFullPrice {
display: block !important;
}
.useTotalPricing.WBPropertyDetailViewKeystoneCuratedOption .fullStayTotal {
display: inline-flex !important;
}
@media screen and (max-width: 800px) {
.useTotalPricing.WBPropertyDetailViewKeystone .percentSavings {
margin: 0 0 8px 0;
}
}
/* Use total average Nightly (ex. Tripbeat) */
.useAverageNightlyTotal.SearchHotels .originalPrice,
.useAverageNightlyTotal.SearchHotels .originalPrice.originalFullPrice .labelTotal,
.useAverageNightlyTotal.SearchHotels .averageNightly,
.useAverageNightlyTotal.SearchHotels .fullStayTotal .labelTotal,
.useAverageNightlyTotal.SearchHotels .memberSavings,
.useAverageNightlyTotal.SearchHotels .arnMapMarkerSpan,
.useAverageNightlyTotal.SearchHotels .arnMapPopup .originalNighly,
.useAverageNightlyTotal.SearchHotels .arnMapPopup .rateNightly,
.useAverageNightlyTotal.SearchHotels .labelAvgNightlyTotal {
display: none !important;
}
.useAverageNightlyTotal.SearchHotels .originalPrice.originalFullPrice,
.useAverageNightlyTotal.SearchHotels .arnMapMarkerTotalSpan,
.useAverageNightlyTotal.SearchHotels .arnMapPopup .originalTotal,
.useAverageNightlyTotal.SearchHotels .arnMapPopup .rateTotal,
.useAverageNightlyTotal.SearchHotels .averageNightlyTotal {
display: inline-block !important;
}
.useAverageNightlyTotal.SearchHotels .memberSavings.memberTotalSavings {
display: block !important;
}
/* Single Prop */
.useAverageNightlyTotal.SinglePropDetail .ArnRateCalendarTotal {
display: none !important;
}
.useAverageNightlyTotal.SinglePropDetail .ArnRateCalendarTotalWithTax {
display: block !important;
}
/* Single Prop / Daily Rates & WBPropertyDetailViewKeystone */
.useAverageNightlyTotal.WBPropertyDetailViewKeystone .originalPrice,
.useAverageNightlyTotal.WBPropertyDetailViewKeystone .originalPrice.originalFullPrice .labelTotal,
.useAverageNightlyTotal.WBPropertyDetailViewKeystone .averageNightly,
.useAverageNightlyTotal.WBPropertyDetailViewKeystone .memberSavings {
display: none !important;
}
.useAverageNightlyTotal.WBPropertyDetailViewKeystone .originalPrice.originalFullPrice,
.useAverageNightlyTotal.WBPropertyDetailViewKeystone .memberSavings.memberTotalSavings {
display: inline-block !important;
}
.useAverageNightlyTotal.WBPropertyDetailViewKeystone:not(.WBPropertyDetailViewKeystoneCuratedOption) .fullStayTotal {
display: inline !important;
}
/* Single Prop / Daily Rates & WBPropertyDetailViewKeystoneCurated */
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCurated .originalPrice,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCurated .originalPrice.originalFullPrice .labelTotal,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCurated .averageNightly,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCurated .memberSavings {
display: none !important;
}
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCurated .originalPrice.originalFullPrice,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCurated .memberSavings.memberTotalSavings {
display: inline-block !important;
}
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCurated:not(.WBPropertyDetailViewKeystoneCuratedOption) .fullStayTotal {
display: inline !important;
}
/* Single Prop / Daily Rates & WBPropertyDetailViewKeystoneCuratedOption */
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCuratedOption .originalPrice,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCuratedOption .originalPrice.originalFullPrice .labelTotal,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCuratedOption .averageNightly,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCuratedOption .memberSavings {
display: none !important;
}
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCuratedOption .originalPrice.originalFullPrice,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCuratedOption .averageNightlyTotal,
.useAverageNightlyTotal.WBPropertyDetailViewKeystoneCuratedOption .memberSavings.memberTotalSavings {
display: inline-block !important;
}
@media screen and (max-width: 800px) {
.useAverageNightlyTotal.WBPropertyDetailViewKeystone .percentSavings {
margin: 0 0 8px 0;
}
}
/* ****************************** */
/* END Total Pricing test */
/* ****************************** */
/* dev.css */
.fullStayTotal {
display: block !important;
font-weight: 700 !important;
}
.fullStayTotal .note {
display: block;
margin: 0 0 0 5px;
text-transform: lowercase !important;
}
.WBPropertyDetailViewKeystone .fullStayTotal .labelTotal, .WBPropertyDetailViewKeystoneCurated .fullStayTotal .labelTotal {
display: inline;
margin: 0 0 0 5px !important;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .fullStayTotal .note {
display: block !important;
margin: 0 0 0 5px;
}
/* frankensteinkeystone css */
.SearchHotels.SearchMode-WBHotelListKeystone .memberSavings {
text-align: right;
}
/* ****************************** */
/* Hotel Tile Update */
/* ****************************** */
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropSummary .ArnTripAdvisorDetails .reviewCount {
position: relative;
left: 57px;
display: block;
top: -5px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropSummary .ArnTripAdvisorDetails .reviewCount:before {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropSummary .ratingText .ratingValue {
position: relative;
top: 9px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropAddress {
margin: 5px 0 0px;
}
@media screen and (max-width: 500px) {
.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropSummary .ArnTripAdvisorDetails .reviewCount {
left: 63px;
}
}
/* ****************************** */
/* End Hotel Tile Update */
/* ****************************** */
/* HBE-366 */
/* temp fix - allpages.css override */
.WBPropertyDetailViewKeystone .arnPopupContents {
text-align: left;
}
/* temp fix - allpages.css override */
.WBPropertyDetailViewKeystone .ArnSubPage {
width: 100%;
}
/* temp fix - allpages.css override */
.WBPropertyDetailViewKeystone .SimpleSearch {
height: auto;
background-color: transparent;
border: none;
}
/* temp fix - allpages.css override */
.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn {
position: static;
}
/* ********************************************************* */
/* ****************** Checkout Summary **************** */
/* ********************************************************* */
/* *********************** Carousel mod CX-2292 ****************** */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container i,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container i {
height: 32px;
width: 32px;
background: rgba(255, 255, 255, 0.75) !important;
cursor: pointer;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container i svg,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container i svg {
width: 16px;
height: 16px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container i svg path,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container i svg path {
fill: var(--color-black-100) !important;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel .slide>div,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel .slide>div {
position: relative;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container {
position: relative;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container .keystoneCarousel,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel-container .keystoneCarousel {
border-radius: 8px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel:after,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel:after {
content: '• • • •';
display: block;
position: absolute;
bottom: 8px;
left: 0;
right: 0;
z-index: 50;
color: #fff;
text-align: center;
line-height: 20px;
font-size: 20px;
height: 20px;
pointer-events: none;
letter-spacing: 1px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel .slide a:after,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .keystoneCarousel .slide a:after {
content: '';
display: block;
position: absolute;
pointer-events: none;
bottom: 0;
left: 0;
right: 0;
top: 0;
height: 100%;
background: linear-gradient(to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.2) 70%,
rgba(0, 0, 0, 0.7) 100%);
}
/* *********************** End Carousel mod CX-2292 ****************** */
/* *********************** Checkout rate links & popups HBE-57 ****************** */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .RateCalendarPopupAnchor,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .RateCalendarPopupAnchor {
text-decoration: underline;
color: #62645F;
font-weight: 400;
line-height: 26px;
cursor: pointer;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .DueAtPropertyPopupAnchor,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .DueAtPropertyPopupAnchor {
text-decoration: underline;
color: #62645F;
font-weight: 400;
line-height: 26px;
cursor: pointer;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .originalPrice,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .originalPrice {
color: #62645F;
font-weight: 400;
line-height: 26px;
font-size: 16px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .discount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .discount {
font-weight: 400;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .ArnTaxAndFeesPopupAnchor,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable .ArnTaxAndFeesPopupAnchor {
text-decoration: underline;
color: #62645F;
font-weight: 400;
line-height: 26px;
cursor: pointer;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .taxFeeRow .amount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .taxFeeRow .amount {
font-weight: 400;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnTaxAndFeesHeading,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnTaxAndFeesHeading {
font-weight: 700;
font-size: 20px;
border-bottom: 1px solid #C3C3C0;
padding: 0 0 16px;
margin: 0 0 32px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar {
display: block;
max-height: 500px;
overflow: auto;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar table,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar table,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar tbody,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar tbody {
display: block;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar tr,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .arnPopupInnerContainer .ArnRateCalendar tr {
display: flex;
}
@media screen and (max-width: 1000px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .arnPopupInnerContainer,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .arnPopupInnerContainer {
width: 100%;
}
}
/* *********************** End rate links & popups HBE-57 ****************** */
/* *********************** Checkout Summary CX-2293 ****************** */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .checkOutSummary div span:last-child,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .checkOutSummary div span:last-child {
font-weight: 700;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .checkOutSummary,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .checkOutSummary {
border-top: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .arnPopupInnerContainer .discount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .arnPopupInnerContainer .discount {
font-weight: 700;
}
@media screen and (max-width: 800px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .checkOutSummary div span:last-child,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .checkOutSummary div span:last-child {
font-weight: 700 !important;
}
}
/* *********************** End Checkout Summary CX-2293 ****************** */
/* *********************** rateBreakdown HBE-12 ****************** */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown {
flex-direction: column;
background-color: #fff;
padding: 16px !important;
border-radius: 8px;
gap: 4px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .totalRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .totalRow {
display: flex;
align-items: center;
justify-content: space-between;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .totalRow .originalPrice,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .totalRow .originalPrice {
display: none;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .dueNowRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCharges .dueNowRow {
background-color: transparent;
padding: 0px;
border-radius: 0px;
display: flex;
align-items: center;
justify-content: space-between;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .discount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .discount {
display: flex;
align-items: center;
justify-content: space-between;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .discount .discountTitle,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .discount .discountTitle,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .discount .discountAmount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown .discount .discountAmount {
color: #236180;
font-weight: 700;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .dueNowRow .label,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .dueNowRow .label,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .dueNowRow .amount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .dueNowRow .amount {
font-size: 18px;
font-weight: 700;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .dueAtPropertyRow .amount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .dueAtPropertyRow .amount {
font-weight: 400;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .dueAtPropertyRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .dueAtPropertyRow {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 800px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .rateBreakdown {
background-color: #F7F4F0;
}
}
/* *********************** END rateBreakdown HBE-12 ****************** */
/* *********************** Room Type Details Section Enhancements HBE-10 ****************** */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription>.RateRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription>.RateRow {
display: grid;
grid-template-columns: 1fr 2fr;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription>.RateRow>span:last-of-type,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription>.RateRow>span:last-of-type {
text-align: right;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription .RoomTypeRow,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription .RoomTypeRow {
display: grid;
grid-template-columns: 1fr 2fr;
width: 100%;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription .RoomTypeRow span:not(.label),
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription .RoomTypeRow span:not(.label) {
text-align: right;
grid-column: 2/3;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription .arnPopupAnchor,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription .arnPopupAnchor {
text-decoration: underline;
color: var(--color-black-100);
font-weight: 500;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #RoomWithCancellationPolicy,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #RoomWithCancellationPolicy {
grid-column: 1/3;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnRateCancelPolicyPopupInnerContainer.arnPopupInnerContainer,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .ArnRateCancelPolicyPopupInnerContainer.arnPopupInnerContainer {
text-align: left;
}
@media screen and (max-width: 800px) {
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateSummaryInfo,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateSummaryInfo {
padding: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theRateDescription {
margin: 10px 0;
}
}
/* *********************** END Room Type Details Section Enhancements HBE-10 ****************** */
/* *********************** Promocode Enhancements HBE-13 ****************** */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponLabel,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponLabel {
display: block;
line-height: revert;
font-weight: 700;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponLink,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponLink {
display: block;
width: 100%;
text-align: center;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea {
padding: 16px !important;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings {
display: flex;
justify-content: space-between;
align-items: center;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings .code,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings .code {
display: flex;
align-items: center;
font-weight: 700;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings .code,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings .code,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .couponCodeSavings .amount,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .couponCodeSavings .amount {
color: #38694D;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings .code:before,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponCodeSavings .code:before {
content: '';
display: inline-block;
width: 32px;
height: 32px;
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: contain;
margin-right: 8px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponRemoveButton,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponRemoveButton {
background-color: #fff;
color: var(--color-secondary);
border: 2px solid var(--color-secondary) !important;
border-radius: 32px;
cursor: pointer;
width: initial;
padding: 8px 16px;
text-transform: uppercase;
height: initial;
font-size: 12px;
line-height: 18px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponLink,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .couponLink {
color: #36382E;
font-weight: 700;
text-decoration: underline;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .promoCodeLabel,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea .promoCodeLabel {
font-weight: 700;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea #applyDiscountCode,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponArea #applyDiscountCode {
padding: 0;
}
/* remove coupon border */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponFieldset,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponFieldset {
border-top: none;
width: 100%;
margin: 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponFieldset button,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponFieldset button {
width: 22%;
padding: 8px 16px;
margin: 0 0 0 3%;
background-color: #fff;
color: var(--color-secondary);
border: 2px solid var(--color-secondary) !important;
border-radius: 32px;
cursor: pointer;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponFieldset input,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponFieldset input {
width: 75%;
border: 1px solid #C3C3C0 !important;
text-indent: 16px;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable>.couponCodeSavings~#theCouponArea,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 .totalsTable>.couponCodeSavings~#theCouponArea {
flex-direction: column;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponDiv,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystoneV2 #theCouponDiv {
margin: 0;
}
/* prefer a class on this div or remove div */
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theRateTotals .taxFeeRow+div,
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theRateTotals .taxFeeRow+div {
display: none !important;
}
.FinalConfirmation.CheckoutMode-WBCheckoutFormKeystone #theCouponArea {
display: none;
}
.FinalConfirmation .guestNameFields .confirmNum {
margin: 0 15px 0 0;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .memberUpgradeFeeRow {
display: flex;
justify-content: space-between;
}
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneV2 .memberUpgradeFeeRow .label {
width: 100%;
max-width: 200px;
}
/* *********************** END Promocode Enhancements HBE-13 ****************** */
/* *********************************************************** */
/* ****************** End Checkout Summary **************** */
/* ********************************************************* */
/* *********************************************************** */
/* ****************** Member Upgrade Component **************** */
/* ********************************************************* */
.CheckOutForm .upgradeMembershipSectionV2 .memberUpgradePitch {
display: block !important;
}
.CheckOutForm .upgradeMembershipSectionV2 {
background-color: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
border-radius: 8px;
padding: 32px;
margin: 0 0 32px;
}
.CheckOutForm .upgradeMembershipSectionV2 .pkgExpirationDate {
font-weight: 400;
margin: 0 0 0 auto;
font-size: 14px;
white-space: nowrap;
}
.CheckOutForm .upgradeMembershipSectionV2 legend {
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 23px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #36382E;
padding: 0 0 16px 0;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipCheckboxSection {
display: flex;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipCheckboxSection .checkbox {
height: 22px;
accent-color: var(--color-secondary);
flex: 0 0 auto;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipY {
padding: 32px 0 0;
}
.CheckOutForm .upgradeMembershipSectionV2 #theMemberUpgradeDiscount {
font-weight: 400;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipY h3 {
display: none;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentMessage p {
font-weight: 400;
color: #236180;
/* semantic/color/secondary */
margin: 16px 0 0;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentMessage a {
text-decoration: underline !important;
font-size: 16px !important;
font-weight: 400 !important;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipY p {
display: none;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption {
display: grid;
grid-template-columns: 1fr repeat(3, min-content);
align-items: center;
column-gap: 8px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
border-radius: 4px;
padding: 16px;
opacity: 0.7;
margin: 16px 0;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption .promotion {
margin: 16px 0 0;
grid-column: 1/5;
background-color: #36382E;
color: white;
border-radius: 4px;
padding: 6px 16px;
display: flex;
align-items: center;
gap: 16px;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption .promotion:before {
display: inline-block;
width: 22px;
height: 22px;
content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4652 1L12.2696 1.04348L12.2261 2.62174H10.9522C6.33478 2.62174 2.58696 6.36957 2.58696 10.9913C2.58696 15.613 6.33478 19.3652 10.9565 19.3652C15.5783 19.3652 19.3304 15.6174 19.3304 10.9957V9.8L20.9522 9.72174L20.9957 10.5261C21.0043 10.687 21.0043 10.8391 21.0043 10.9913V11C21.0043 16.5217 16.5261 21 11.0043 21C5.48261 21 1 16.5217 1 11C1 5.47826 5.47826 1 11 1H11.4652ZM5.8087 5.78261C8.67391 2.92174 13.3174 2.92174 16.187 5.78261C19.0609 8.64783 19.0652 13.3 16.2 16.1696C13.3348 19.0391 8.68261 19.0478 5.81304 16.1826L5.71304 16.0826C5.64783 16.013 5.57826 15.9435 5.51739 15.8696L4.94783 15.2348L6.19565 14.1087L6.76522 14.7435L6.98696 15C9.1913 17.2043 12.7696 17.2043 14.9739 15C17.1783 12.7957 17.1783 9.21739 14.9739 7.01304C12.7696 4.8087 9.1913 4.8087 6.98696 7.01304C6.9087 7.08696 6.83478 7.16957 6.76522 7.25217L6.21304 7.88696L4.94783 6.76087L5.25217 6.40435L5.53043 6.1C5.56087 6.06522 5.58696 6.03043 5.62174 6L5.81304 5.79565L5.8087 5.78261ZM11.8913 7.18261V8.03043C12.7435 8.11304 13.5304 8.53478 14.0696 9.2L14.2304 9.43913L13.0696 10.3957L12.8739 10.1174C12.6304 9.8 12.2826 9.58261 11.8913 9.5V10.2217C13.0435 10.3478 14.2478 10.5783 14.2478 11.9174C14.2478 12.9957 13.3913 13.6826 11.8913 13.8435V14.6913H10.5087V13.8435C9.47826 13.7696 8.52609 13.2565 7.89565 12.4348L7.75217 12.2043L8.91304 11.213L9.1087 11.4913C9.45652 11.9348 9.95217 12.2348 10.5087 12.3391V11.4913C9.46522 11.3739 8.21739 11.1348 8.21739 9.83913C8.21739 8.83043 9.1087 8.12609 10.5087 7.98261V7.18696H11.8913V7.18261ZM5.3 11.2522L5.47826 12.1C5.52174 12.313 5.57826 12.5217 5.64783 12.7261L5.9087 13.5304L4.28696 14.1261L4.02609 13.3217C3.93478 13.0435 3.86087 12.7609 3.80435 12.4739L3.64348 11.5913L5.29565 11.2522H5.3ZM11.8913 11.6696V12.4261C12.4 12.3478 12.6957 12.1391 12.6957 12C12.6957 11.8609 12.6957 11.7783 11.8913 11.6696ZM4.3 7.92174L5.91304 8.44783L5.63478 9.22174C5.56956 9.43043 5.51304 9.64348 5.47391 9.85652L5.34783 10.7652L3.65217 10.4261L3.82174 9.57826C3.87391 9.2913 3.94783 9.0087 4.04348 8.73043L4.30435 7.92609L4.3 7.92174ZM10.5087 9.41304C10.1 9.45652 9.73478 9.55652 9.73478 9.80435C9.73478 9.87391 9.73478 9.96522 10.5087 10.0739V9.41304ZM19.7217 6.01304L20.0609 6.75217C20.187 7.05652 20.3 7.33043 20.4 7.6L20.6696 8.33043L19.1435 8.88261L18.8652 8.1087C18.7783 7.88261 18.687 7.66087 18.587 7.44783L18.2478 6.75217L19.7217 6.01304ZM17.1609 3.04348L17.7652 3.59565C17.9739 3.78696 18.1783 3.9913 18.3783 4.20435L18.9304 4.83043L17.7348 5.93478L17.1826 5.33043L16.7 4.81304L16.0957 4.26087L17.1652 3.03913L17.1609 3.04348ZM13.6739 1.31304L14.4348 1.5913C14.7087 1.6913 14.9783 1.80435 15.2391 1.93043L15.9783 2.27826L15.2826 3.74348L14.5435 3.40435C14.3261 3.29565 14.1043 3.20435 13.8739 3.12609L13.113 2.84783L13.6739 1.31304Z' fill='%2336382E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 1C11.4983 1 11.988 1.03644 12.4668 1.10681L12.1559 2.50584C11.7779 2.45489 11.392 2.42857 11 2.42857C6.26613 2.42857 2.42857 6.26613 2.42857 11C2.42857 15.7339 6.26613 19.5714 11 19.5714C15.7339 19.5714 19.5714 15.7339 19.5714 11C19.5714 10.6215 19.5469 10.2488 19.4993 9.88328L20.8998 9.57884C20.9658 10.0431 21 10.5175 21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1ZM20.5976 8.18259C20.3671 7.3959 20.0424 6.64943 19.6367 5.95618L18.454 6.76536C18.7614 7.30532 19.0119 7.88194 19.1972 8.48704L20.5976 8.18259ZM18.829 4.77786L17.6463 5.58703C17.278 5.13536 16.8646 4.72194 16.4129 4.35364L17.2221 3.171C17.8166 3.64407 18.3559 4.18342 18.829 4.77786ZM16.0438 2.3633C15.3635 1.96518 14.6321 1.64513 13.8616 1.41545L13.5507 2.8145C14.142 2.99856 14.7059 3.24494 15.2346 3.54595L16.0438 2.3633ZM10.3146 13.8122V14.5715H11.7431V13.8364C12.3293 13.7938 12.8558 13.6826 13.2809 13.473C13.573 13.3291 13.8417 13.1265 14.0374 12.8448C14.2376 12.5564 14.3333 12.2246 14.3333 11.8762C14.3333 11.4587 14.1688 11.104 13.8988 10.8394C13.6491 10.5949 13.3355 10.4513 13.0463 10.3609C12.6522 10.2377 12.1942 10.1808 11.7431 10.1573V9.1952C12.0575 9.24327 12.292 9.32614 12.4672 9.41441C12.7387 9.55114 12.9053 9.71951 13.0201 9.86404L14.1718 8.93592C13.9588 8.66775 13.6338 8.34088 13.1268 8.08555C12.7508 7.89617 12.2957 7.75668 11.7431 7.69769V7.19051H10.3146V7.70765C9.84571 7.75811 9.41127 7.8589 9.04496 8.03037C8.43241 8.3171 7.94231 8.84838 7.94231 9.6476C7.94231 10.4093 8.46004 10.9246 9.02592 11.2096C9.39292 11.3945 9.83197 11.5156 10.3146 11.578V12.3144C9.44814 12.1855 8.97105 11.8619 8.70956 11.5985L7.66668 12.6491C8.20616 13.1925 9.04552 13.6678 10.3146 13.8122ZM11.7431 12.3457C12.1545 12.3077 12.4454 12.2309 12.6327 12.1386C12.7585 12.0765 12.8093 12.0213 12.8288 11.9933C12.8664 11.939 12.8273 11.8689 12.7677 11.8405C12.7284 11.8218 12.6766 11.8009 12.6092 11.7798C12.3843 11.7095 12.0876 11.6669 11.7431 11.6456V12.3457ZM10.3146 10.0836V9.20464C10.0381 9.24443 9.82245 9.30471 9.66646 9.37773C9.41868 9.49371 9.41716 9.58148 9.41716 9.6476C9.41713 9.67956 9.44 9.70614 9.46178 9.73145C9.4668 9.73728 9.47175 9.74304 9.47636 9.74878C9.51 9.79073 9.56363 9.84518 9.66298 9.89522C9.82032 9.97447 10.0408 10.0399 10.3146 10.0836ZM11 16.7143C14.1559 16.7143 16.7143 14.1559 16.7143 11C16.7143 7.8441 14.1559 5.28572 11 5.28572C9.13261 5.28572 7.47441 6.18149 6.43168 7.56678L5.1833 6.85342C6.47865 5.0396 8.60124 3.85715 11 3.85715C14.9449 3.85715 18.1429 7.05512 18.1429 11C18.1429 14.9449 14.9449 18.1429 11 18.1429C8.60124 18.1429 6.47864 16.9604 5.1833 15.1466L6.43167 14.4332C7.47441 15.8185 9.1326 16.7143 11 16.7143ZM5.72187 13.1935C5.52834 12.7283 5.39451 12.2321 5.32995 11.7143H3.89243C3.96927 12.4882 4.1696 13.2257 4.47345 13.9069L5.72187 13.1935ZM5.72187 8.80653C5.52833 9.27172 5.3945 9.76798 5.32994 10.2858H3.89242C3.96925 9.51189 4.1696 8.77436 4.47346 8.09315L5.72187 8.80653Z' fill='%23F2BA00'/%3E%3C/svg%3E%0A");
}
.CheckOutForm .upgradeMembershipSectionV2 .pkgName {
display: flex;
align-items: center;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption .radio {
width: 20px;
height: 20px;
position: relative;
grid-column: 4 / 5;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption.selected .radio:before {
content: "";
display: inline-block;
background-color: var(--color-secondary);
visibility: visible;
width: 20px;
left: 0px;
bottom: 0px;
position: absolute;
border-radius: 50%;
height: 20px;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption.selected .radio:after {
content: url('data:image/svg+xml,');
left: -1px;
bottom: -1px;
position: absolute;
visibility: visible;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption .pkgCost {
word-spacing: -3px;
font-weight: 400;
white-space: nowrap;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption.selected {
outline: 2px solid #236180;
opacity: 1;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption.selected .pkgCost,
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption.selected .pkgExpirationDate {
font-weight: 500;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentModal {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .7);
width: 100%;
height: 100%;
z-index: 3000;
display: none;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentContainer {
background-color: var(--color-white-white);
width: 95%;
max-width: 750px;
margin: 0 auto;
padding: 24px;
color: var(--color-black-75);
border-radius: 8px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentContainer .upgradeCustomContentTitle {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #C3C3C0;
padding: 0 0 16px;
}
.CheckOutForm .upgradeMembershipSectionV2 .closeBtn {
cursor: pointer;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentContainer .box {
display: flex;
align-items: center;
gap: 24px;
margin: 16px 0 0;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentContainer .box svg path {
fill: #016E84;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentContainer .upgradeCustomContentImage {
background-color: #bfdbe0;
border-radius: 50%;
padding: 12px;
height: 80px;
width: 80px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeContentContainer p {
font-weight: 400;
}
@media screen and (min-width: 801px) and (max-width: 1000px) {
.CheckOutForm .upgradeMembershipSectionV2 .pkgExpirationDate {
white-space: wrap;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption .pkgCost {
white-space: wrap;
}
}
@media screen and (max-width: 800px) {
.CheckOutForm .upgradeMembershipSectionV2 {
box-shadow: none;
padding: 24px 16px;
border-bottom: 2px solid #F3E8DF;
border-radius: 0;
}
}
@media screen and (max-width: 500px) {
.CheckOutForm .upgradeMembershipSectionV2 .pkgExpirationDate {
margin: 0;
}
.CheckOutForm .upgradeMembershipSectionV2 .pkgName {
grid-column: 1/5;
}
.CheckOutForm .upgradeMembershipSectionV2 .upgradeCustomContentContainer {
background-color: var(--color-white-white);
width: 100%;
max-width: 750px;
margin: 0;
padding: 24px;
color: var(--color-black-75);
border-radius: 0px;
position: absolute;
top: initial;
bottom: 0;
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
@media screen and (max-width: 400px) {
.CheckOutForm .upgradeMembershipSectionV2 .upgradeMembershipOption .radio {
grid-column: 4 / 5;
grid-row: 2;
}
}
/* **************************************************************** */
/* ****************** End Member Upgrade Component **************** */
/* **************************************************************** */
.RootBody .arnMapExtend {
display: none;
}
.RootPage .ArnPrimarySearchContainer .ArnCheckInContainer.longDateContainer {
min-width: 180px;
}
.SearchHotels .ArnPrimarySearchContainer .ArnCheckInContainer.longDateContainer {
min-width: 110px;
}
body[class*="international"].RootBody .ArnSearch .longDateContainer.ArnCheckInContainer {
width: 100%;
}
body[class*="international"].RootBody .longDateContainer #theCheckInDisplay {
min-width: 250px;
}
body[class*="international"].SearchHotels.SearchMode-WBHotelListKeystone .longDateContainer.ArnCheckInContainer {
width: 100%;
min-width: 180px;
}
/* ******************** SDP Search Widget *************** */
/* ****************************************************** */
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrency {
position: relative;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrencyLabel {
font-size: 16px;
padding: 10px 0 0 0;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrencyListWrapper {
position: absolute;
top: 68px;
left: 0;
padding: 24px;
background-color: var(--color-white-white);
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
border-radius: 8px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrencyListWrapper select {
height: 150px;
padding: 10px;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn input {
cursor: pointer;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrencyApplyButton {
background-color: var(--color-primary);
cursor: pointer;
color: var(--button-primary-fill-fg, var(--color-black-100));
padding: 10px 32px;
text-transform: uppercase !important;
height: initial !important;
border-radius: 24px;
letter-spacing: 1px;
margin: 20px 0 0 0;
width: 100%;
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .ArnCurrencyApplyButton:hover {
background-color: var(--color-primary-hover);
}
/* ******************** END SDP Search Widget *************** */
/* *********************************************************** */
.percentSavingsLowerThreshold {
font-weight: 700;
}
.CheckOutForm #theFeeLabel {
width: 100% !important;
max-width: 380px !important;
}
/* ******************** Hotel Tile Amenity Display *************** */
/* *********************************************************** */
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
color: var(--color-black-75);
margin: 5px 0 10px;
max-width: 180px;
gap: 6px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnRateCell {
max-width: 160px;
margin: 10px 0 0 auto;
}
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .memberSavings {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
line-height: 1.3;
margin: 5px 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer .amenity {
display: flex;
gap: 5px;
align-items: baseline;
}
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnPropClass {
height: initial;
margin: 0;
}
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnTripAdvisorDetails {
margin: auto 0 0;
bottom: -9px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnPropThumb {
height: initial;
min-height: 250px;
}
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnImageLink img {
aspect-ratio: 16 / 9;
}
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer .amenity svg {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer .amenityTitle::before {
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"%3E%3Cpath d="M9 22l-10-10.598 2.798-2.859 7.149 7.473 13.144-14.016 2.909 2.806z"%3E%3C/path%3E%3C/svg%3E');
margin-right: 8px;
vertical-align: middle;
}
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .amenityTitle {
font-size: 13px;
display: flex;
}
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .amenity.on:nth-child(n+4) {
display: none;
}
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnPropSummary .ratingText .ratingDescription {
font-weight: 700;
color: var(--color-black-100);
}
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .fullStayTotal {
line-height: 1.3;
}
@media screen and (max-width: 1200px) {
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer {
max-width: 200px;
}
}
@media screen and (max-width: 1000px) {
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer,
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnRateCell {
max-width: 100%;
}
}
@media screen and (max-width: 650px) {
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnBottomContainer {
height: auto;
}
.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnTripAdvisorDetails {
bottom: 0;
}
}
/* Language Adjustments */
.internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .fullStayTotal {
line-height: 1.3;
}
.internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .fullStayTotal .note {
max-width: 130px;
margin: 0 0 0 auto;
}
.internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .memberSavings {
max-width: 130px;
line-height: 1.3;
margin: 0 0 5px auto;
}
.internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer {
max-width: 175px;
}
@media screen and (max-width: 1200px) {
.internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer {
max-width: 200px;
}
}
@media screen and (max-width: 1000px) {
.internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .ArnIconContainer {
max-width: 100%;
}
.internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .fullStayTotal .note,
.internationalLanguage.SearchHotels.SearchMode-WBHotelListKeystone .amenitiesEnabled .memberSavings {
max-width: 100%;
}
}
/* ******************** END Hotel Tile Amenity Display *************** */
/* ******************************************************************** */
.longDateContainer.ArnCheckOutContainer {
display: none !important;
}
.WBPropertyDetailViewKeystone .ArnPropAddress svg path,
.WBPropertyDetailViewKeystone .ArnPropCheckInTime svg path {
fill: var(--color-black-100);
}
/* HBE-628 */
.WBPropertyDetailViewKeystone .ArnAmenityContainer li {
list-style: disc;
}
/* end HBE-628 */
/* ************************************************************************* */
/*************************** Mobile Feature ***************************** */
/* ************************************************************************* */
@media screen and (max-width: 565px) {
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
position: absolute;
height: 100%;
z-index: 1000;
left: 0;
background-color: #fff;
display: none !important;
box-shadow: 0 5px 9px -3px rgba(0, 0, 0, .3);
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchContainer {
flex-direction: column;
padding: 6px 0px 6px 0px;
height: 40px;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnPlacesSearchContainer {
display: none;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.locationWindow .ArnPrimarySearchOuterContainer {
border-bottom: 2px solid lightgray;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.guestsWindow .ArnPrimarySearchContainer {
box-shadow: none;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.locationWindow .ArnPlacesSearchContainer {
display: block;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #theSearchBox {
flex-direction: column;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckInContainer,
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnCheckOutContainer {
width: 100%;
display: none;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.datesWindow #CheckInContainer {
display: block;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer {
position: relative;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #theSearchBox input {
border-right: none;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .searchInfoLocation {
font-size: 14px;
font-weight: 700;
line-height: 24px;
color: #36382E;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnSearchHolderBoth {
width: 100%;
display: none;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #searchInfo {
flex-shrink: 1;
min-width: 0;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.guestsWindow .ArnSearchHolderBoth,
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.guestsWindow .ArnAcdChild {
display: block !important;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .searchOptionsControls {
position: fixed;
bottom: 16px;
left: 0;
width: 100%;
padding: 0 16px;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton {
width: 100%;
background-image: none !important;
font-size: 16px;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #searchInfoContainer {
display: flex;
padding: 10px 15px;
justify-content: space-between;
align-items: center;
top: 0;
z-index: 100;
box-shadow: 0px 4px 8px 0px #00000026;
border-radius: 16px;
border: 2px solid #236180;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #searchInfoContainer.hideSearchInfo {
display: none;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #searchInfoBottom {
display: flex;
column-gap: 9px;
flex-wrap: wrap;
font-size: 12px;
line-height: 18px;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.showMenu {
display: block !important;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .pac-container {
width: 100% !important;
left: 0px !important;
top: 75px !important;
padding: 0 10px;
box-shadow: none !important;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .clearSearch {
font-size: 12px;
position: absolute;
right: 0px;
top: 0px;
background-color: white;
padding: 4px 10px 0;
color: blue;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #testSearchContainer {
position: sticky;
top: 15px;
background: white;
z-index: 10;
margin: 20px 15px 0;
background: #F7F4F0;
border-radius: 16px;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #dummySearchContainer {
display: none;
background-color: white;
box-shadow: 0px 0px 10px 0px #00000040;
border-radius: 16px;
padding: 0 0 44px 0;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .dummySearchInfo {
display: flex;
flex-direction: column;
gap: 10px;
padding: 16px 24px;
box-shadow: 0px 0px 10px 0px #00000040;
background-color: #F7F4F0;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #dummySearchContainer.showSearchFields {
display: block;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .dummyInput {
height: 58px;
padding: 0px 26px 0;
margin: 4px 0 0;
text-overflow: ellipsis;
gap: 10px;
overflow: hidden;
white-space: nowrap;
background-color: white;
border-radius: 64px;
box-shadow: 0px 0px 4px 0px #00000026;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .dummyInput>div {
line-height: 26px;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .dummyInput>label {
font-size: 12px;
font-weight: 700;
line-height: 18px;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .dummyLocation {
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .dummyDateContainer .dummyInput {
width: 100%;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .litepicker {
top: 0 !important;
height: 100% !important;
background-color: #fff;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton {
width: 100% !important;
font-size: initial !important;
height: 46px !important;
border-radius: 32px;
background-color: #F2BA00;
border: 2px solid #F2BA00;
color: #36382E;
text-transform: uppercase;
margin: 10px 0 0;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .searchEdit {
color: var(--color-secondary, #236180);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
text-decoration-line: underline;
border: none;
background: none;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .searchEdit svg {
vertical-align: middle;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer .closeBtn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 16px;
height: 46px;
border: 1px solid black;
border-radius: 32px;
text-transform: uppercase;
background-color: var(--color-secondary);
color: var(--color-white-white);
display: none;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer.locationWindow .closeBtn {
display: block;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .searchInfoLabel {
display: flex;
align-items: center;
gap: 4px;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .searchInfoLabel span {
font-size: 12px;
font-weight: 700;
line-height: 18px;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .escapeBtn {
text-align: right;
padding: 11px 24px;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .escapeBtn svg {
vertical-align: middle;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #pac-input {
padding: 0 32px 0 4px;
text-overflow: ellipsis;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnAcdChildAges .ArnAcdChildAgesSelect {
font-size: 18px;
}
.mobileSearchTest.freezeBody {
overflow: hidden;
}
.mobileSearchTest #mobile-input:checked~#header #navmobile {
z-index: 11;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton:hover {
background-image: none;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnAcdParentLabelMobile {
display: none !important;
}
.mobileSearchTest.SearchHotels.SearchMode-WBHotelListKeystone .ArnAcdChild {
left: -10px;
box-shadow: none;
top: -15px;
width: 100%;
min-width: auto;
padding: 0;
}
}
/* ************************************************************************* */
/* ************************************************************************* */
/* ************************************************************************* */
/* ******************** Dead Mouse Handler *************** */
/* *********************************************************** */
.areYouStillTherePopup {
position: fixed;
background-color: rgba(0, 0, 0, .5);
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 16px;
left: 0;
top: 0;
z-index: 35;
}
.areYouStillTherePopup .container {
background-color: white;
width: 100%;
max-width: 600px;
padding: 24px;
border-radius: 8px;
}
.areYouStillTherePopup .container .closeBtn {
float: right;
padding: 0 0 0 10px;
}
.areYouStillTherePopup .container h2 {
font-size: 20px;
margin: 0;
}
.areYouStillTherePopup .container p {
line-height: 1.45;
}
.areYouStillTherePopup .container p.savingsLine {
font-size: 16px;
font-weight: 400;
color: var(--color-black-75);
}
.areYouStillTherePopup .container .totalSavings {
color: var(--color-secondary);
}
.areYouStillTherePopup .container span.ds-primary {
padding: 10px 32px;
display: block;
width: max-content;
margin: 0 auto;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
border-radius: 32px;
}
/* ******************** End Dead Mouse Handler *************** */
/* *********************************************************** */
.SearchHotels .ArnTimeout {
display: flex;
flex-direction: column;
}