/***************** keystone over-rides ********************/

:root {
	/* Colors for consistency with Keystone*/
	--color-primary: #41A7DE !important;

	--color-primary-hover: #31D2F2 !important;
	--color-primary-fg: #ffffff !important;

	--color-secondary: #F89429 !important;
	--color-secondary-hover: #FFCA2C !important;
	--color-secondary-fg: #FFFFFF !important;

	--brand-background-1: #EBEEF7 !important;

	--brand-background-2: #3656A5 !important;
	--brand-background-2-hover: #556DA7 !important;

	--brand-light-green: #C2CFF2 !important;
	--brand-red: #C7362A !important;
	--brand-red-hover: #AD2E23 !important;
	--text-primary: #000 !important;
	/* needs to stay black for text */
	--text-light: #000 !important;
	/* needs to stay black for text */

}

/*search hotels*/
/*.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer.ArnPropertyClassesContainer div span svg path {*/
/*	fill: #F89429;*/
/*}*/

.ds-primary {
	background-color: #41A7DE !important;
	color: white !important;
}

.CheckoutMode-WBCheckoutFormKeystone .percentSavings {
	color: white;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightExtraContainer {
	top: 40px;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
	background-color: #EBEEF7;
}

.searchOptionsControls button.doneSearchOptions.submit {
	color: white;
}

.searchOptionsControls button.clearSearchOptions.submit {
	color: var(--color-white-white);
	border-radius: 32px;
	border: 2px solid var(--brand-background-2-hover, #556DA7) !important;
	background: var(--brand-background-2-hover, #556DA7);
}

.searchOptionsControls button.clearSearchOptions.submit:hover {
	border: 2px solid #556DA7 !important;
	background-color: transparent;
	color: #556DA7;
}

.litepicker .container__days .day-item.is-in-range,
.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date {
	color: var(--color-black-100);
	background-color: var(--Brand---Light-Green, #C2CFF2) !important;
}

.CheckoutMode-WBCheckoutFormKeystone .percentSavings {
	background-color: var(--brand-background-2);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSearchField input[type=checkbox] {
	margin: 0;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSearchField label {
	margin-bottom: 0;
	font-weight: 400;
}

.SearchHotels.SearchMode-WBHotelListKeystone .leftSide .ArnAmentitiesContainer .AirportShuttleBox {
	line-height: 1.7em;
}


/*single prop*/

.SinglePropDetail.WBPropertyDetailViewKeystone .bookRoom,
.SinglePropDetail.WBPropertyDetailViewKeystone .holdRoom {
	background-color: #41A7DE;
	color: white;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .bookRoom:hover,
.SinglePropDetail.WBPropertyDetailViewKeystone .holdRoom:hover {
	background-color: #31D2F2;
	color: white;
}

.SinglePropDetail.WBPropertyDetailViewKeystone a#moreRatesLink, a, a:link {
	color: var(--brand-background-2);
}

a:hover, a:focus {
	text-decoration: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnProperty .ArnPropName a.ArnPropNameLink,
.CheckoutMode-WBCheckoutFormKeystone .label {
	color: black !important;
}

.CheckoutMode-WBCheckoutFormKeystone #theHorsePowerStickers {
	margin: 15px 0;
}

/*displaying twice - temporary fix w/css ?*/
.featuredPropertiesContainerContent:first-of-type,
.featuredDestinationsContainerContent:first-of-type {
	display: none !important;
}



/*logo update*/
.nav-main.plus .navbar-brand img {
	height: 75px;
	margin-top: -5px;
}

.footer {
	z-index: 2;
}

/*car updates*/


.ArnCarRentals .root-search h1,
.ArnCarRentals .search-container {
	color: black;
}

/****************  Header navigation and banner ******************/

/*default header/navigation*/

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone.CheckOutForm .nav.navbar-nav.main a:link,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone.CheckOutForm .nav.navbar-nav.main a:visited,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone.CheckOutForm .nav.navbar-nav.main a:active,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone.CheckOutForm .nav.navbar-nav.main a {
	font-weight: 600 !important;
	text-decoration: none;
	font-size: 14px !important;
}

.CheckoutMode-WBCheckoutFormKeystone.SinglePropDetail .site-title.hotels {
	margin: 100px 0 0;
}

.nav-main.plus .navbar-brand img,
.nav-main.plus .navbar-brand .logo-plus {
	height: 55px;
}

.CheckoutMode-WBCheckoutFormKeystone.SearchHotels .site-title,
.CheckoutMode-WBCheckoutFormKeystone div.gciBanner .site-title {
	margin: -12px 0 0;
}

.WBCheckoutFormKeystone.SearchHotels .site-title,
.CheckoutMode-WBCheckoutFormKeystone.SearchHotels .site-title {
	z-index: 2;
}

x.WBCheckoutFormKeystone.SearchHotels .nav {
	z-index: 5;
}

.landing-page-bottom h1, .landing-page-bottom h2, .landing-page-bottom p, .landing-page-bottom img,
.landing-page-bottom section div.content span {
	color: black;
}

.nav-main.plus .navbar-brand img, .nav-main.plus .navbar-brand .logo-plus {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	height: 75px;
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone a:link,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone a:visited,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneBookingPage a:active {
	font-weight: 600;
}

.SearchHotels .site-title {
	max-width: 915px;
	width: 100%;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnRightExtraContainer {
	z-index: 2;
}

.ArnCarRentals div.gciBanner {
	margin: 105px 0 0;
}

#ajaxStatus {
	z-index: 9999;
}

/*mobile*/
@media screen and (min-width: 1301px) {
	.nav-main .navbar-nav>li>a {
		font-size: 16px;
	}

	.nav-main .navbar-nav>li>a {
		font-family: Open Sans, Arial, Helvetica, sans-serif;
		font-weight: 600;
	}
}

/*an override from cars.css?*/
@media only screen and (max-width: 1000px) {
	.SearchHotels.SearchMode-WBHotelListKeystone.filterView .leftSide {
		z-index: 9999;
	}

	.SearchHotels.SearchMode-WBHotelListKeystone .closeFilters {
		z-index: 99;
	}

	.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
		z-index: 9;
	}

	.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchOuterContainer {
		margin: 10px 0 0;
	}

	.SearchHotels.SearchMode-WBHotelListKeystone .closeFilters {
		right: 40px;
		z-index: 11;
		top: 14px;
	}

	.CheckoutMode-WBCheckoutFormKeystone.SearchHotels .site-title {
		max-width: 100%;
	}

	.nav-main.stick .navbar-nav>li>a {
		font-size: 12px !important;
		padding-left: 6px;
		padding-right: 6px;
	}

	/*to override css on cars.css*/
	.CheckoutMode-WBCheckoutFormKeystone.CheckOutForm header {
		z-index: unset;
	}

	.CheckoutMode-WBCheckoutFormKeystone.CheckOutForm .nav-main {
		z-index: 999;
	}

	.CheckoutMode-WBCheckoutFormKeystone .filterAndMap {
		z-index: 3;
	}

}

@media (min-width: 768px) {

	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
		margin-left: -15px;
		margin-top: -15px;
	}
}



@media screen and (min-width: 768px) and (max-width: 1301px) {
	.nav-main .navbar-brand img {
		margin-left: -10px;
	}

	.nav-main.plus .navbar-brand img, .nav-main.plus .navbar-brand .logo-plus {
		height: 70px;
	}

	.nav-main .navbar-nav>li>a {
		font-size: 90%;
		padding-left: 5px;
		padding-right: 5px;
	}
}


@media screen and (max-width: 767px) {
	.nav-main .navbar {
		background: transparent !important;
		xpadding: 20px 0 20px;
		padding: 10px 0 10px;
	}

	.nav-main {
		background: rgba(51, 153, 255, 1) !important;
		padding: 0;
		z-index: 9;
	}

	.nav-main .navbar-nav>li>a {
		font-size: 12px;
	}

	.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks {
		top: 80px;
	}

	.nav-main .navbar-brand img {
		width: auto;
	}

	.navbar-brand {
		float: none;
	}

	header.nav {
		z-index: unset;
	}

	.site-title {
		margin: -26px 0 15px;
	}

	.ArnCarRentals .nav-main.plus .navbar-brand img,
	.ArnCarRentals .nav-main.plus .navbar-brand .logo-plus {
		height: 55px;
		padding: 0;
		margin: 8px
	}

	/*do not show banner on mobile?*/
	xdiv.gciBanner {
		display: none;
	}

	x.site-title:after {
		display: none;
	}

	.SinglePropDetail.WBPropertyDetailViewKeystone .ArnSubPage {
		margin: 40px auto;
	}

	.gciBanner>.site-title {
		font-size: 1.8em;
		padding: 20px 0;
		background-color: #0f9d58;
	}

	.nav-main.stick {
		background: rgba(255, 165, 67, 0.9) !important;
		transition: all 0.3s ease
	}

	.site-title:after {
		bottom: -10px;
		-webkit-transition: 0.5s ease-out;
		transition: 0.5s ease-out;
		position: absolute;
		z-index: 10;
		content: '';
		left: 0;
		right: 0;
		display: block;
		width: 0;
		height: 0;
		margin: 0 auto;
		border-style: solid;
		border-width: 15px 50px 0 50px;
		border-color: #0f9d58 transparent transparent transparent;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.CheckoutMode-WBCheckoutFormKeystone.SinglePropDetail .site-title.hotels {
		margin: 86px 0 0;
	}

	.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks {
		position: sticky;
		top: 0;
		z-index: 10;
	}

}

@media only screen and (max-width: 600px) {
	.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .close {
		text-align: right;
		margin: -10px;
	}

	.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch .CheckIn {
		margin: 30px 0 10px;
	}
}

@media screen and (max-width: 500px) {
	.ArnCarRentals .search-container {
		margin: 60px 0;
	}
}

@media screen and (max-width: 480px) {
	.nav-main .navbar-brand img {
		margin-top: 0;
	}
}

/*keystone issue?*/
@media screen and (max-width: 800px) {
	.SinglePropDetail .PropertyLinks li.Reviews a {
		border-left: none;
		border-right: none;
		border-bottom: none;
	}

	.RootPage .ArnQuadSearchContainer.ArnPrimarySearchContainer {
		padding: 15px 5px;
	}

	.SinglePropDetail.WBPropertyDetailViewKeystone legend {
		margin-left: 0;
	}
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnSubPage {
	margin: 0 auto;
}

/*cruise page*/
@media screen and (max-width: 1000px) {

	.arnCruise .nav-main .navbar-nav>li button[type="submit"],
	.arnCruise .nav-main .navbar-nav>li>a {
		font-size: 80%;
	}

	/*footer white-space CX-1983 */
	.CheckoutMode-WBCheckoutFormKeystone.SearchHotels .container-fluid.wrapper .footer-bottom p {
		margin: 0 0 90px;
	}

	.SearchHotels.SearchMode-WBHotelListKeystone .ArnPages {
		margin: 20px 0 55px;
	}
}

/*do not display ARN footer*/
.ArnSupportLinks.ArnSupportBottom {
	display: none;
}

/*header fix for scroll*/
.SinglePropDetail .nav-main {
	position: static;
}

.CheckoutMode-WBCheckoutFormKeystone.SinglePropDetail .site-title.hotels {
	margin: 1px 0 0;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a.active:after {
	position: absolute;
	background-color: var(--color-secondary);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:hover:after {
	background-color: var(--color-secondary);
}

.footer .social a {
	color: #39f;
}

.footer .social a:hover {
	color: #2a6496;
}

/*flights update - Revelex*/
.footer.arn {
	position: relative !important;
	display: block !important;
}

.arnAirRevelex img.logo-plus {
	transition: all 0.3s ease;
	height: 75px;
	margin-top: -15px;
}

/* rotate destination scroll */


/* new carousel */
.featuredDestinationsContainerContent {
	xdisplay: -webkit-box;
	xdisplay: -ms-flexbox;
	xdisplay: flex;
	flex-wrap: nowrap;
	width: 100%;
	overflow-y: hidden;
	height: 100%;
	display: -webkit-box;
	overflow-x: hidden;
	xwidth: calc(200%);
	/* Double the width to accommodate duplicated items */
	width: calc(100% * 2);
	/* Double the width to accommodate duplicated items */
}

.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;
	xwidth: 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;
	width: 500px !important;
	/* Each item width */
}

.featuredDestination.active {
	display: block;
}

.featuredContainer h1 {
	font-size: 26px;
}

.featuredContainer h1:nth-child(2) {
	display:none !important;
}

.featuredDestinationsContainer .savingsLink {
	padding: 15% 0;
}

/* CARS CSS UPDATES to go in cars.css 64? 9/2024 */
:root {
	--text-primary: #000 !important;
}

.ArnCarRentals .thumbnail {
	display: flex;
	border: none !important;
}

.ArnCarRentals .checkout-page h1 {
	margin: 0 0 25px 10px;
	width: 100%;
}

.ArnCarRentals .checkout-page .guest-details section h2 {
	margin: 0 0 20px 10px;
}

/* 'color: var(--text-primary); needs to be changed globally to black? */
.ArnCarRentals, .ArnCarRentals .extra-detail span, .ArnCarRentals .checkout-page .guest-details section h2, .ArnCarRentals .checkout-page h1, .ArnCarRentals .retail-rate span, .ArnCarRentals {
	color: black !important;
}

@media screen and (max-width: 1000px) {
	.ArnCarRentals .checkout-page.content-container {
		display: flex;
	}
}

.filters .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
	margin-left: -30px;
}



/*** END OF CARS UPDATES - TO GO IN AFFILIATE ***/


/* bootstarp override */
.CheckOutForm .PaymentPolicies .label {
	display: inline-block;
	padding: initial;
	font-size: initial;
	font-weight: 700;
	line-height: 1;
	text-align: left;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em
}

/*  End Total Pricing */