/***************** MODAL WINDOW ******************/
.print-only {
	display: none;
}
@media print {
	a[href]:after {
		content: none !important;
	}
	.do-not-print {
		display:none;
	}
	.input_button_container {
		display:none;
	}
	.print-only {
		display: block;
	}
}

/* NEW SPINNER */
#dynamicModal.show ~ .modal-backdrop {
    background-color: white;
    opacity: 0.95;
}

#dynamicModal .modal-content {
    border: none;
}

.loader-wrapper {
    width: 92px;
    height: 92px;

    img {
        z-index: 1;
        width: 32px;
        height: 32px;
    }
}

.loader {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 40%;
    top: 30%;
    z-index: 0;
    background: linear-gradient(0deg, rgba(217, 217, 217, 0) 33%, rgba(0, 153, 0, 1) 100%);
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background: white;
}

@keyframes rotation {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg)}
}

/**========== FROM FOX THEME FILE=============**/
/*start Icon Library*/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.glyphicon-user:before {
	content: "\e008";
}
.glyphicon-chevron-up:before {
    content: "\e113";
}
.glyphicon-chevron-down:before {
    content: "\e114";
}
.glyphicon-remove:before {
    content: "\e014";
}
.glyphicon-search:before {
    content: "\e003";
}
.glyphicon-arrow-left:before {
    content: "\e091";
}
.glyphicon-arrow-right:before {
    content: "\e092";
}
.glyphicon-chevron-left:before {
    content: "\e079";
}
.glyphicon-chevron-right:before {
    content: "\e080";
}
.glyphicon-shopping-cart:before {
    content: "\e116";
}
/*end Icon Library*/

.featureddeals, .featuredcontent, .hotdeals, .myrewards {
	.panel-body {
		background: linear-gradient(to bottom, rgba(219, 219, 219, 0.65) 0%, rgba(239, 239, 239, 0.38) 15%, rgba(239, 239, 239, 0) 36%); /* W3C */
	}
}
.parsys_column{
	.section{
		width: 100%;
	}
}
/**========== END FROM FOX THEME FILE =============**/

/**========== START FROM COMPONENT FILE =============**/
/* Column layouts */
[class*="cq-colctrl-lt"] {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: .5rem; /* Adjust the gap between columns */
}

/* Layout 1: Two even columns (49% + 49%) */
div.cq-colctrl-lt0 > div.cq-colctrl-lt0-c0,
div.cq-colctrl-lt0 > div.cq-colctrl-lt0-c1 {
	flex: 0 0 calc(50% - 1%);
	max-width: calc(50% - 1%);
	display: initial;
}

/* Layout 2: Two columns (66% + 32%) */
div.cq-colctrl-lt4 > div.cq-colctrl-lt4-c0 {
	flex: 0 0 66%;
	max-width: 66%;
	display: initial;
}
div.cq-colctrl-lt4 > div.cq-colctrl-lt4-c1 {
	flex: 0 0 32%;
	max-width: 32%;
	display: initial;
}

/* Layout 3: Two columns (19% + 79%) */
div.cq-colctrl-lt5 > div.cq-colctrl-lt5-c0 {
	flex: 0 0 19%;
	max-width: 19%;
	display: initial;
}
div.cq-colctrl-lt5 > div.cq-colctrl-lt5-c1 {
	flex: 0 0 79%;
	max-width: 79%;
	display: initial;
}

/* Layout 4: Two columns (74% + 24%) */
div.cq-colctrl-lt6 > div.cq-colctrl-lt6-c0 {
	flex: 0 0 74%;
	max-width: 74%;
	display: initial;
}
div.cq-colctrl-lt6 > div.cq-colctrl-lt6-c1 {
	flex: 0 0 24%;
	max-width: 24%;
	display: initial;
}

/* Layout 5: Three even columns */
div.cq-colctrl-lt1 > div.cq-colctrl-lt1-c0,
div.cq-colctrl-lt1 > div.cq-colctrl-lt1-c1,
div.cq-colctrl-lt1 > div.cq-colctrl-lt1-c2 {
	flex: 0 0 32%;
	max-width: 32%;
	display: initial;
}

/* Layout 6: Four even columns */
div.cq-colctrl-lt2 > div.cq-colctrl-lt2-c0,
div.cq-colctrl-lt2 > div.cq-colctrl-lt2-c1,
div.cq-colctrl-lt2 > div.cq-colctrl-lt2-c2,
div.cq-colctrl-lt2 > div.cq-colctrl-lt2-c3 {
	flex: 0 0 24%;
	max-width: 24%;
	display: initial;
}

/* Columns layout for mobile devices */
@media (max-width: 767.98px) {
	div.cq-colctrl-lt0 > div.cq-colctrl-lt0-c0,
	div.cq-colctrl-lt0 > div.cq-colctrl-lt0-c1,
	div.cq-colctrl-lt4 > div.cq-colctrl-lt4-c0,
	div.cq-colctrl-lt4 > div.cq-colctrl-lt4-c1,
	div.cq-colctrl-lt5 > div.cq-colctrl-lt5-c0,
	div.cq-colctrl-lt5 > div.cq-colctrl-lt5-c1,
	div.cq-colctrl-lt6 > div.cq-colctrl-lt6-c0,
	div.cq-colctrl-lt6 > div.cq-colctrl-lt6-c1,
	div.cq-colctrl-lt1 > div.cq-colctrl-lt1-c0,
	div.cq-colctrl-lt1 > div.cq-colctrl-lt1-c1,
	div.cq-colctrl-lt1 > div.cq-colctrl-lt1-c2,
	div.cq-colctrl-lt2 > div.cq-colctrl-lt2-c0,
	div.cq-colctrl-lt2 > div.cq-colctrl-lt2-c1,
	div.cq-colctrl-lt2 > div.cq-colctrl-lt2-c2,
	div.cq-colctrl-lt2 > div.cq-colctrl-lt2-c3 {
		flex: 0 0 100%;
		max-width: 100%;
		display: initial;
	}
}
/*Fixing signup form after updating this component with bootstrap 5.3*/
.formholder .bg-primary,
.formholder .bg-primary .form_row,
.bg-primary .form_row label {
	color: #ffffff !important;
}

.formholder .richtext a {
	color: #ffffff;
	text-decoration: underline;
}
form {
	.form_field_text, .form_field_select, .form_field_textarea.form-control {
		width: 100%;
	}
	.form_field_textarea.form-control{
		height: auto;
	}
}
.form_row_description {
	.bg-primary & {
		color: white !important;
		span {
			color: white !important;
		}
	}
}
.sitemap {
	.link {
		padding-bottom: 5px;
	}

	.linkcontainer {
		padding: 0 0 5px 20px;
	}
}
/*End for AEM*/

.reservation_pay_now_control {
	padding: 12px 16px;
	border-radius: 8px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 0 !important;
	height: 48px !important;
	width: 83% !important;
	max-width: 200px;
}
.pay_now_only.reservation_pay_now_control {
	padding-top: 10px !important;
}
.reservation_pay_later_control {
	padding: 12px 16px;
	border-radius: 8px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 0 !important;
	height: 48px !important;
	width: 83% !important;
	max-width: 200px;
}
a.cursor_pointer{
	text-decoration: underline;
}
.save_text_on_button {
	font-size: small !important;
	font-weight: normal !important;
}

/*!*profile dropdown css start here*!*/
.nav-profile .navbar-login {
	width: 250px;
}
.nav-profile .icon-size
{
	font-size: 50px;
}

.nav-profile .dropdown .dropdown-toggle {
	color: white;
	border: 1px solid #eee;
	padding: 5px 10px;
	display: inline-block;
	min-width: 106px;
	font-size: 13px !important;
	font-weight: normal !important;
}
.nav-profile .dropdown-menu {
	background-color: #f7f7f7 !important;
	margin-top: 3px !important;
	border-radius: 8px !important;
}

.nav-profile .dropdown-menu a {
	color: #001E60 !important;
}

.nav-profile .dropdown-menu li a {
	display: block !important;
}

.nav-profile .dropdown-menu a:hover {
	color: #157ab5 !important;
}

/* Common Styles */
.vehicledetails ul {
	border-bottom: none !important;
}

.vehicledetails .nav-tabs .nav-link,
.vehicledetails .nav-tabs .nav-link:hover,
.vehicledetails .nav-tabs .nav-link:focus {
	background-color: #d9edf7 !important; /* bg-info color */
}

.vehicledetails .nav-tabs .nav-link.active,
.vehicledetails .nav-tabs .nav-link.active:hover,
.vehicledetails .nav-tabs .nav-link.active:focus {
	color: #FFFFFF !important;
	background-color: #001E60 !important; /* bg-primary color */
}

.vehicledetails .nav-tabs a:hover,
.vehicledetails .nav-tabs a:focus {
	color: #157ab5;
}

/*Override Chosen Plugin Layout*/
.chosen-single {
	text-transform: uppercase;
}
.chosen-container{
	width: 100% !important;
}
.contact_component.chosen_country_code .chosen-single{
	height: 34px;
	padding: 6px;
}
.chosen_country_code .chosen-drop{
	min-width: 250px;
}
.active-result .flag-icon{
	margin-right: 5px;
}
/*End Override Chosen Plugin Layout*/

/*jQuery Calendar*/
#ui-datepicker-div {
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	border: 2px solid #29266a;
	z-index: 999 !important;
	background: white;
}
.ui-widget-header {
	border: none;
	background: none;
}
#ui-datepicker-div .ui-widget-header table {
	background: none;
}
#ui-datepicker-div .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid transparent;
	background: transparent;
}
#ui-datepicker-div .ui-datepicker td span, .ui-datepicker td a {
	padding: 5px 5px 5px 5px;
}
.ui-datepicker table {
	background-color: transparent !important;
}
#ui-datepicker-div .ui-datepicker td {
	padding: 1px;
}
#ui-datepicker-div .ui-datepicker-next,.ui-datepicker-prev {
	border: 1px solid #29266a;
}
#ui-datepicker-div .ui-datepicker-next-hover {
	top: 2px;
	right: 2px;
}

#ui-datepicker-div .ui-datepicker-prev-hover {
	top: 2px;
	left: 2px;
}
#ui-datepicker-div .dp-selected-day .ui-state-default {
	color: #ffffff;
}
#ui-datepicker-div .ui-datepicker-unselectable.ui-state-disabled.dp-selected-day {
	opacity: 1;
}
#ui-datepicker-div .ui-state-active {
	background-color: #294d83 !important;
	color: white !important;
}
#ui-datepicker-div .ui-state-hover {
	/*background-color: #337ab7 !important;*/
	background-color: #294d83 !important;
	color: #ffffff !important;
}
#ui-datepicker-div .dp-highlight {
	background: #d9edf7;
}
#ui-datepicker-div .dp-highlight .ui-state-default{
	color: black;
}
#ui-datepicker-div .dp-highlight.dp-selected-day{
	background-color: #294d83 !important;
	color: white !important;
}
#ui-datepicker-div .dp-highlight.dp-selected-day .ui-state-default{
	color: white !important;
}
#ui-datepicker-div .dp-selected-day {
	background-color: #294d83 !important;
	color: white !important;
}
#ui-datepicker-div .dp-selected-day .ui-state-hover {
	background-color: #fbc02d !important;
	color: white !important;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	transform: scale(1.8);
}
/*End jQuery Calendar*/

/**========== END FROM COMPONENT =============**/
.top-blogs {
	margin: 8px 0;
	img {
		object-fit: cover;
	}
	.blogs-title {
		bottom: 0;
		display: flex;
		flex-direction: column;
		text-align: center;
		z-index: 1;
		width: 100%;
		justify-content: center;
		align-items: center;
		h1 {
			color: var(--General-white-1, #FFF);
			font-size: 16px;
			font-style: normal;
			font-weight: 600;
			line-height: 120%; /* 28.8px */
			letter-spacing: -0.24px;
			text-overflow: ellipsis;
			word-wrap: break-word;
			overflow: hidden;
			width: 89%;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			line-clamp: 2;
			-webkit-box-orient: vertical;
		}

		.btn-link {
			text-decoration: none;
			color: var(--General-white-1, #FFF);
			font-size: 16px;
			font-style: normal;
			font-weight: 600;
			padding: 12px 24px;
			gap: 12px;
			border-radius: 14px;
			border: 1px solid var(--Black-black-4, #606C84);
			--bs-btn-bg: transparent;
			--bs-btn-border-color: 1px solid var(--Black-black-4, #606C84);
			--bs-btn-hover-color: #fff;
			--bs-btn-hover-bg: rgb(0, 25.5, 81.6);
			--bs-btn-hover-border-color: rgb(0, 24, 76.8);
			--bs-btn-focus-shadow-rgb: 38, 64, 120;
			--bs-btn-active-color: #fff;
			--bs-btn-active-bg: rgb(0, 24, 76.8);
			--bs-btn-active-border-color: rgb(0, 22.5, 72);
			--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
			--bs-btn-disabled-color: #fff;
			--bs-btn-disabled-bg: #001E60;
			--bs-btn-disabled-border-color: #001E60;
		}
	}

	.blogs-item {
		border-radius: 32px;
		.btn-group {
			margin: auto;
		}
	}

	.blogs-item::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 70%;
		background: linear-gradient(to top, rgba(0, 0, 0, 1), transparent);
		pointer-events: none;
		width: 100%;
		border-radius: 32px;
	}
	.blog-single1,.blog-single2, .blog-single3, .blog-single4, .blog-single5 {
		display: flex;
		flex-direction: column;
		row-gap: 8px;

		.blogs-title {
			row-gap: 20px;
			padding: 20px;
		}

		img {
			min-height: 180px;
			max-height: 180px;
		}

		.blogs-item::after {
			width: 100%;
			margin-left: 0%;
		}
	}
}

@media (min-width: 992px) {
	.top-blogs {
		img{
			object-fit: fill;
		}
		.blogs-title {
			row-gap: 2rem;
			padding: 0px 40px 40px;
			text-align: left;
			width: 100%;
			justify-content: flex-start;
			align-items:flex-start;
			h1 {
				font-size: 24px;
			}
		}

		.blogs-item {
			::after {
				height: 80%;
				width: 94%;
				margin-left: 3%;
			}

			.btn-group {
				margin: unset;
				width: fit-content;
			}
		}

		.blog-single {
			.blogs-title {
				bottom: 0;
			}
		}

		.blog-single1 {
			img {
				min-height: 278px;
				max-height: 278px;
			}
		}

		.blog-single2 {
			img {
				min-height: 566px;
				max-height: 566px;
			}
		}

		.blog-single3 {
			img {
				min-height: 850px;
				max-height: 850px;
			}
		}

		.blog-single4 {
			img {
				min-height: 1142px;
				max-height: 1142px;
			}
		}

		.blog-single5 {
			img {
				min-height: 1428px;
				max-height: 1428px;
			}
		}

		.blog-single2, .blog-single3, .blog-single4, .blog-single5 {
			.blogs-item::after {
				height: 100%;
			}

			.blogs-title {
				row-gap: 2rem;
				padding: 0px 40px 40px;
				text-align: left;
			}
		}
	}
}