.shared-detail {
	--font-family-display: var(--font-display);
	--font-family-body: var(--font-body);
	--background-color: var(--gray-100);
	--background-color-alt: var(--gray-200);
	--text-color: var(--gray-900);
	--text-color-alt: var(--gray-100);
	--visit-btn-bg: var(--primary-color-700);
	--visit-btn-bg-alt: var(--primary-color-800);
	--dropbdown-menu-text: var(--gray-800);
	--nearby-tab-bottom-border: var(--primary-color-700);
	--nearby-tab-bottom-border-alt: var(--gray-400);
	--accent-color: var(--primary-color-700);

	margin: 0 auto var(--space-10);
}
.header-container {
	min-height: initial !important;
}
.share-buttons {
	display: none; /* Hide the share button before its added onto page */
}

@media (min-width: 743px) {
	.shared-detail .share-button {
		position: absolute;
		right: 0;
	}
}
.shared-detail .share-buttons {
	display: block;
}

.shared-detail .detail-top {
	display: flex;
	flex-direction: column;
}
.shared-detail:before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 222px;
    background-image: url(/includes/public/assets/shared/bg-asset.svg);
    z-index: -1;
	background-size: cover;
    background-position-y: bottom;
    background-position-x: center;
    background-repeat: no-repeat;
}

.shared-detail .detail-top .detail-gallery {
	order: 1; /* Always want gallery coming first on mobile */
	position: relative;
	flex: 1 1 50%;
	margin: 0 8px;
    background: #fff;
    padding: 10px;
	padding-bottom: 9px;
}

.shared-detail .detail-top .detail-gallery img { 
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.shared-detail .detail-top .detail-gallery .img-cont {
	position: relative;
}
.shared-detail .detail-top .detail-gallery .img-cont:after { 
	background: linear-gradient( 0deg, rgb(0 0 0 / 71%), rgba(0,0,0,0) 100%);
    opacity: 0.4;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 200px;
    content: '';
    pointer-events: none;
    z-index: 0;
}

.shared-detail .detail-top .detail-gallery iframe { 
	position: absolute;
	top: 0; 
}
@media (min-width: 40em) {
	.shared-detail:before {
		background-image: url(/includes/public/assets/shared/bg-asset-desktop.svg);
		height: 404px;
	}	
	.shared-detail .detail-top .detail-gallery {
		padding: 23px 15px;
	}
}

.shared-detail .detail-top .detail-gallery .gallery-count {
	position: absolute;
	bottom: 18px;
	right: 19px;
	color: #fff;
	font-family: var(--font-display);
	font-size: 15px;
	font-weight: 500;
	line-height: var(--leading-none);
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    letter-spacing: 0.06em;
	z-index: 1;
}

.shared-detail .detail-top .detail-gallery .gallery-count i {
	font-size: 15px;
    margin-left: 8px;
}

.shared-detail .detail-top .info-section {
	order: 2;
	flex: 1 1 50%;
	padding: 0 16px;
	background-color: transparent;
}

.shared-detail .detail-top .info-section .top-actions,
.shared-detail .detail-top .info-section .bottom-actions {
	display: flex;
	align-items: center;
	position: relative;
	flex-wrap: wrap;
}

.shared-detail .detail-top .info-section .top-actions [data-tb-button] {
	cursor: pointer;
}

.shared-detail .detail-top .info-section .top-actions [data-tb-button] span + span {
	margin-left: var(--space-2);
}

@media (hover: hover ) {
	.shared-detail .detail-top .info-section .top-actions span a:hover {
		text-decoration:  none; /*reboot.css override*/
	}
}

.shared-detail .detail-top h1 {
	font-family: var(--font-family-display);
    font-size: 26px;
    font-weight: 900;
    line-height: 32px;
    color: #0e2f5a;
    margin-bottom: var(--space-1);
}

.shared-detail .detail-top dl,
.shared-detail .detail-top dt,
.shared-detail .detail-top dd {
	font-family: var(--font-family-body);
	font-size: var(--text-lg);
	font-weight: 400;
	line-height: var(--leading-relaxed);
    color: var(--text-color);
}

.shared-detail .detail-top dl dt {
	float: left;
	margin-right: var(--space-1);
	font-weight: bold;
}
.shared-detail .detail-top .action-item {
	font-family: var(--font-body);
    font-size: var(--text-base);
    font-weight: 500;
    color: var(--gray);
}
.shared-detail .detail-top .dropdown .action-item {
	background-image: -moz-linear-gradient( 140deg, rgb(214,26,105) 0%, rgb(243,101,74) 99%);
    background-image: -webkit-linear-gradient( 140deg, rgb(214,26,105) 0%, rgb(243,101,74) 99%);
    background-image: -ms-linear-gradient( 140deg, rgb(214,26,105) 0%, rgb(243,101,74) 99%);
    padding: 15px 18px 11px 19px;
    font-family: 'Josefin Sans';
	font-size: 11.45px;
    font-weight: 500;
    line-height: var(--leading-none);
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    letter-spacing: 0.1em;
}
@media (min-width: 40em) {
	.shared-detail .detail-top .dropdown .action-item {
		font-size: 12.86px;
	}
}
.shared-detail .detail-top .action-item i {
	font-size: 13px;
    margin-right: 0.5px;
    min-width: 13px;
}

.shared-detail .detail-top .info-section .bottom-actions > * {
	margin-top: var(--space-4);
    margin-left: 1.5px;
    letter-spacing: .04em;
    font-weight: 500;
    color: var(--gray);
	margin-right: 44px;
    font-size: 15px;
}
.shared-detail .detail-top .info-section .bottom-actions .action-item:hover {
	text-decoration: none;
}
@media (min-width: 40em) {
	.shared-detail .detail-top .info-section .bottom-actions > * {
		margin-right: 30px;
		font-size: 18px;
		cursor: pointer;
	}
}
.shared-detail .detail-top .info-section .bottom-actions .fa-heart {
	margin-right: 2px;
}
.shared-detail .detail-top .info-section .bottom-actions .fa-heart.fas {
	color: var(--dark-pink);
}

@media (min-width: 64em) {
	.shared-detail .detail-top h1 {
		font-size: 39px;
		letter-spacing: 0.02em;
		line-height: 37px;
		font-weight: 800;
		max-width: 420px;
		margin-bottom: 22px;
	}
	.shared-detail .detail-top .action-item i {
		font-size: 14.5px;
		margin-right: 0;
		min-width: 15px;
	}
	.shared-detail .detail-top .action-item {
		font-size: 18px;
		margin-left: 1.5px;
		letter-spacing: .04em;
	}
}
.shared-detail .detail-top .info-section .bottom-actions .dropdown {
	display: flex;
	flex-basis: 100%;
    white-space: nowrap;
}

.shared-detail .detail-top .info-section .bottom-actions .dropdown-menu {
	position: absolute;
    z-index: 9;
    margin: var(--space-10) 0 0 0;
    padding: var(--space-3) var(--space-4);
    background-color: var(--off-white);
    border: 1px solid #b1b1b1;
    border-radius: 8px;
}

.shared-detail .detail-top .info-section .bottom-actions .dropdown-menu a {
	display: block;
	width: 100%;
	padding: var(--space-2) 0;
	clear: both;
	white-space: nowrap;
	color: var(--dark-gray);
}

.shared-detail .detail-info-bar {
	max-width: 1200px;
	margin: 0 auto;
    padding: var(--space-6) 16px 0;
}

.shared-detail .detail-info-bar .split-pane {
	margin-bottom: 14px;
}
.shared-detail .detail-info-bar .split-pane.secondary {
	margin-bottom: var(--space-4);
}
.shared-detail .detail-info-bar .split-pane.secondary.empty {
	order: 1;
	display: none;
}

.shared-detail .detail-info-bar .split-pane:empty {
	display: none;
}

@media (min-width: 64em) {
	.shared-detail .detail-info-bar .split-pane.secondary.empty {
		/* placeholder */
		display: block;
	}
}
.shared-detail .detail-info-bar .split-pane:last-child {
	margin-bottom: 0;
}

.shared-detail .detail-info-bar ul {
	font-family: var(--font-family-body);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: var(--leading-tight);
	margin: 0;
    list-style: none;
}
@media (min-width: 40em) {
	.shared-detail .detail-info-bar ul {
		font-size: 17px;
	}
}
.shared-detail .detail-info-bar ul li a,
.shared-detail .detail-info-bar ul li {
	display: flex;
	align-items: baseline;
	margin-bottom: 8px;
	color: var(--gray);
}

.shared-detail .detail-info-bar ul li > div {
	display: flex;
	align-items: baseline;
	font-size: 14px;
    font-weight: 500;
    color: var(--gray);
    letter-spacing: 0.04em;
    line-height: 16.73px;
}
.shared-detail .detail-info-bar ul li > div.two-line-wrap {
	flex-direction: column;
}

.shared-detail .detail-info-bar ul.info-list li:last-child {
	margin-bottom: 0;
	margin-top: -12px;
	padding-bottom: 1px;
}

.shared-detail .detail-info-bar ul li .two-line-wrap > * {
	display: block;
}

.shared-detail .detail-info-bar ul li .meta-label {
	margin-right: var(--space-1);
	font-weight: bold;
}

.shared-detail .detail-info-bar ul.info-list li i {
	margin-right: var(--space-1);
    width: 18px;
    font-size: 15px;
    color: var(--gray);
}
@media (min-width: 40em) {
	.shared-detail .detail-info-bar ul li > div {
		font-size: 17px;
		line-height: 19px;
	}
	.shared-detail .detail-info-bar ul.info-list li i {
		font-size: 16px;
		width: 16px;
	}
}

.shared-detail .detail-info-bar ul.info-list li a.action-item {
	font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
}
.shared-detail .detail-info-bar ul.info-list i.fas.fa-mobile-alt{
	margin-left: 2px;
}
.shared-detail .detail-info-bar ul.info-list li:hover a {
	text-decoration: none; /*reboot.css override*/
}

.shared-detail .detail-info-bar dl,
.shared-detail .detail-info-bar dt,
.shared-detail .detail-info-bar dd {
	font-family: var(--font-family-body);
	font-size: 14px;
	font-weight: 400;
	line-height: var(--leading-tight);
    color: var(--gray);;
	margin-bottom: 7px;
}

.shared-detail .detail-info-bar dd.past-event {
    display: flex;
    flex-direction: column;
}

.shared-detail .detail-info-bar dl dt {
	float: left;
	margin-right: var(--space-1);
	font-weight: bold;
}
@media (min-width: 40em) {
	.shared-detail .detail-info-bar dl,
	.shared-detail .detail-info-bar dt,
	.shared-detail .detail-info-bar dd {
		font-size: 17px;
		margin-bottom: 9px;
	}
	.shared-detail .detail-drawers dd.active {
		margin-bottom: var(--space-6);
	}
}

.shared-detail .detail-info-bar .open-table {
	margin-bottom: var(--space-3);
}

.shared-detail .detail-info-bar .social-icons {
	display: flex;
	list-style: none;
	margin-left: 0;
}

.shared-detail .detail-info-bar .social-icons li {
	margin-right: var(--space-3);
	margin-bottom: -1px;
}

.shared-detail .detail-info-bar .social-icons li a {
	transition: border cubic-bezier(0.45, 0, 0.55, 1) 0.6s;
	border: 1px solid rgba(255, 255, 255, 0);
}

@media (hover: hover) {
	.shared-detail .detail-info-bar .social-icons li:hover a {
		border-color: rgb(214, 26, 105);
	}
}

.shared-detail .detail-info-bar .social-icons a {
	background-image: -moz-linear-gradient( 140deg, rgb(214,26,105) 0%, rgb(243,101,74) 99%);
    background-image: -webkit-linear-gradient( 140deg, rgb(214,26,105) 0%, rgb(243,101,74) 99%);
    background-image: -ms-linear-gradient( 140deg, rgb(214,26,105) 0%, rgb(243,101,74) 99%);
    padding: 4px;
    color: #fff;
    font-size: 14px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.shared-detail .detail-info-bar .social-icons a:hover {
	text-decoration: none;
}
.shared-detail .detail-info-bar ul.hours-of-operation li {
	margin-bottom: 0;
	justify-content: space-between;
}

.shared-detail .detail-info-bar ul.hours-of-operation li.current {
	font-weight: 700;
}

.shared-detail .detail-drawers {
	max-width: 1160px;
    margin: 0 auto;
    margin-bottom: var(--text-xl);
}
.shared-detail .detail-info-bar ul li.fax {
	margin-top: -8px;
    margin-bottom: 10px;
}
.shared-detail .detail-top .info-section .bottom-actions .print-cont {
	flex-basis: 100%;
}
.shared-detail .detail-top .info-section .bottom-actions .print {
	background-image: -moz-linear-gradient( 140deg, rgb(214,26,105) 0%, rgb(243,101,74) 99%);
    background-image: -webkit-linear-gradient( 140deg, rgb(214,26,105) 0%, rgb(243,101,74) 99%);
    background-image: -ms-linear-gradient( 140deg, rgb(214,26,105) 0%, rgb(243,101,74) 99%);
    padding: 15px 18px 11px 19px;
    font-family: 'Josefin Sans';
    font-size: 11.45px;
    font-weight: 500;
    line-height: var(--leading-none);
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    letter-spacing: 0.1em;
}
@media (min-width: 40em) {
	.shared-detail .detail-top .info-section .bottom-actions .print {
		font-size: 12.86px;
	}
	.shared-detail .detail-info-bar ul li a, 
	.shared-detail .detail-info-bar ul li {
		margin-bottom: 11.7px;
	}
	.shared-detail .detail-info-bar ul li.fax {
		margin-top: -12px;
		margin-bottom: 0;
	}
	.shared-detail .detail-drawers {
		margin-bottom: var(--space-12);
	}
	.shared-detail .detail-info-bar .social-icons li {
		margin-right: 14px;
	}
	.shared-detail .detail-info-bar ul.info-list li a.action-item {
		font-size: 17px;
	}
	.shared-detail .detail-info-bar ul.info-list li:last-child {
		margin-top: -3px;
	}
}

.shared-detail .detail-drawers > dl.drawers > dd > .content {
	display: none;
	padding: 6px var(--space-5);
}

.shared-detail .detail-drawers > dl.drawers > dd.active > .content {
	display: block;
}
.shared-detail .detail-drawers > dl.drawers > dd.active > .content p {
	font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.02em;
	margin-bottom: 9px;
}
.shared-detail .detail-drawers .drawers dd:not(.active) {
	padding-bottom: 8px;
}

.shared-detail .detail-drawers .drawer-button {
	position: relative;
	display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    padding: 15px 17px 12px 15px;
    margin-bottom: var(--space-3);
    width: 100%;
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 800;
    line-height: var(--leading-none);
    letter-spacing: 0.06em;
    color: #0e2f5a;
}
.shared-detail .detail-drawers .drawer-button:after {
	position: absolute;
    content: "";
    bottom: 2px;
    left: 15px;
    width: calc(100% - 33px);
    height: 1px;
    background-color: rgb(209, 210, 212);
    opacity: 0.7;
}

.shared-detail .detail-drawers .drawer-button i {
	margin-left: var(--space-4);
	font-size: var(--text-lg);
	color: var(--pink);
}

.shared-detail .detail-drawers .gMapHolder { 
	height: 280px; 
}

@media (min-width: 40em) {
	.shared-detail .detail-top .info-section {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding: var(--space-12) var(--space-5);
		padding-top: 0;
	}
	
	.shared-detail .detail-info-bar .split-pane {
		margin-bottom: 0;
		padding: 0 var(--space-5);
		flex: 1;
	}
	
	.shared-detail .detail-drawers > dl.drawers > dd > .content {
		padding: 4px var(--space-24) 7px;
	}
	
	.shared-detail .detail-drawers .drawer-button {
		padding: var(--space-5) 68px var(--space-5) 60px;
		margin-bottom: var(--space-3);
		font-size: 29px;
		font-weight: 600;
	}
	
	.shared-detail .detail-drawers .gMapHolder { 
		height: 400px; 
	}
	.shared-detail .detail-top .detail-gallery .gallery-count {
		bottom: 39px;
		right: 32px;
		font-size: 16px;
	}
	.shared-detail .detail-top .detail-gallery .gallery-count i {
		font-size: 16.4px;
		margin-left: 9px;
	}
	.shared-detail .detail-drawers .drawer-button:after {
		left: 62px;
		width: calc(100% - 113px);
		bottom: 12px;
	}
	.shared-detail .detail-drawers > dl.drawers > dd.active > .content p {
		font-size: 17px;
		line-height: 29px;
	}
	.shared-detail .detail-drawers .drawers dd:not(.active) {
		padding-bottom: 28px;
	}
	.shared-detail .detail-drawers .drawer-button i {
		font-size: 25px;
		margin-right: 1px;
	}
}

@media (min-width: 760px) {
	.shared-detail {
		margin: var(--space-10) auto 0;
		background-color: #fff;
		max-width: 1160px;
	}
	.shared-detail .detail-top {
		position: relative;
		display: grid;
		grid-template-columns: 1.1fr 1fr;
	}
	.shared-detail .detail-top .info-section {
		padding-top: 76px;
	}
}
@media (min-width: 64em) {
	.shared-detail {
		margin-top: 145px;
	}
	.shared-detail .detail-info-bar {
		display: flex;
		padding: 24px 0;
		margin: 0 43px 16px;
	}
}
@media (min-width: 40em) and (max-width: 64em) {
	.shared-detail .detail-info-bar .hours-of-operation li {
		display: block;
	}
	
	.shared-detail .detail-info-bar .hours-of-operation li span.day {
		display: flex;
		width: auto;
		padding-right: 5px;
	}
}

@media (min-width: 64em) {
	.shared-detail .detail-top {
		grid-template-columns: minmax(auto, 566px) 1fr;
	}
	.shared-detail .detail-top .info-section {
		padding: var(--space-12) 36px;
	}
	.shared-detail .detail-info-bar .split-pane.primary {
		flex-grow: 1.198;
	}
	.shared-detail .detail-info-bar .social-icons a {
		width: 33px;
		height: 33px;
	}
}

.whats-nearby {
	padding: 0;
}

.whats-nearby .wrapper {
	padding: var(--space-10) 0;
	background-color: var(--background-color);
	border-top: 4px solid var(--background-color-alt);
}

@media (min-width: 40em) {
	.whats-nearby .wrapper {
		padding: var(--space-20) 0;
	}
}

.whats-nearby .wrapper > .inner {
	margin: 0 auto;
	padding: 0 var(--space-5);
	max-width: var(--width-base);
}

.whats-nearby .section-title {
	margin: 0 auto;
	margin-bottom: var(--space-6);
	padding: 0 var(--space-5);
	max-width: var(--width-base);
	font-family: var(--font-family-display);
	font-size: var(--text-3xl);
	font-weight: 700;
	line-height: var(--leading-tight);
}

.whats-nearby .tab-group {
	display: flex;
	margin: 0 auto;
	margin-bottom: -4px;
	padding: 0 var(--space-5);
	max-width: var(--width-base);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.whats-nearby .tab {
	margin: 0;
	padding: var(--space-4) var(--space-8);
	color: currentColor;
	background: transparent;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	white-space: nowrap;
	scroll-snap-align: start;
}

.whats-nearby .tab[aria-expanded="true"] {
	border-bottom-color: var(--nearby-tab-bottom-border);
}

@media (hover: hover) {
	.whats-nearby .tab:hover {
		border-bottom-color: var(--nearby-tab-bottom-border-alt);
	}	
}

.whats-nearby .tab-pane {
	display: block;
	margin: 0;
	width: 100%;
}

.whats-nearby .layoutjs .content {
	margin: 0;
	padding: 0;
}

.shared-detail .detail-drawers > dl.drawers > dd.active > .content > div > div {
	padding-bottom: 20px;
}
.shared-detail .detail-drawers > dl.drawers > dd.active > .content > div > div .content-section h4 a,
.shared-detail .detail-drawers > dl.drawers > dd.active > .content > div > div .content-section h4 {
    font-family: var(--font-body);
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: var(--dark-gray);
    margin-bottom: var(--space-2);
    -webkit-hyphens: auto;
    word-break: break-word;
    hyphens: auto;
}

.shared-detail .detail-drawers > dl.drawers > dd.active > .content > div > div .img-cont {
	padding-bottom: var(--space-2);
}
@media (min-width: 64em) {
	.shared-detail .detail-drawers > dl.drawers > dd.active > .content > div > div .img-cont {
		padding-bottom: 0;
	}
}

/* related items */
.shared-detail .detail-drawers > dl.drawers > dd.active > .content > div > div {
	padding-bottom: 20px;
}
.shared-detail .detail-drawers > dl.drawers > dd.active > .content > div > div .content-section h4 a,
.shared-detail .detail-drawers > dl.drawers > dd.active > .content > div > div .content-section h4 {
    font-family: var(--font-body);
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: var(--dark-blue);
    margin-bottom: var(--space-2);
    -webkit-hyphens: auto;
    word-break: break-word;
    hyphens: auto;
}

.shared-detail .detail-drawers > dl.drawers > dd.active > .content > div > div .img-cont {
	padding-bottom: var(--space-2);
}
@media (min-width: 64em) {
	.shared-detail .detail-drawers > dl.drawers > dd.active > .content > div > div .img-cont {
		padding-bottom: 0;
		flex-basis: 50%;
	}
}

.shared-detail .detail-drawers > dl.drawers > dd.active > .content .shared-action-items span {
	margin-top: var(--space-4);
    margin-right: 30px;
    font-size: 18px;
    margin-left: 1.5px;
    letter-spacing: .04em;
    font-weight: 500;
    color: var(--gray);
}
.shared-detail .detail-drawers > dl.drawers > dd.active > .content .shared-action-items span i {
	margin-right: 2px;
}
.shared-detail .detail-drawers > dl.drawers > dd.active > .content .shared-action-items span i.fas {
	color: var(--dark-pink);
}

/***************/
/*Booking/Rates*/

.shared-detail .detail-top .booking-detail-snippet {
	--font-color: var(--gray);
    --dp-bg: var(--lighter-blue);
    --dp-fg: #4c4c4c;
    --button-bg: var(--green);
    --button-fg: #fff;

    color: var(--font-color);
    position: relative;
    z-index: 1;
    padding: 0;
	max-width: 260px;
    text-align: left;
}


.shared-detail .detail-top .booking-detail-snippet .btn-cont {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 23px;
}

.shared-detail .booking-detail-snippet .dates {
	position: relative;
    display: grid;
	align-items: center;
	gap: 12px;
    grid-template-columns: 1fr 22px 1fr;
    margin-bottom: 12px;
	letter-spacing: 0.04em;
}

.shared-detail .booking-detail-snippet .dates input {
	position: relative;
    background-color: var(--lighter-blue);
    color: var(--gray);
	padding: var(--space-1) 1px 4px 15px;
    font-size: 15px;
	letter-spacing: 0.04em;;
	font-weight: 600;
	line-height: 1.2em;
    font-family: var(--font-body-italic);
    width: 105px;
    cursor: pointer;
	border-bottom: 1px solid #d6d6d6;
}

.shared-detail .booking-detail-snippet .dates input::after {
	content: '\f073';
    position: absolute;
    top: 4px;
    left: 0;
    color: #595959;
    font-family: 'Font Awesome\ 5 Free';
    font-size: 14px;
    pointer-events: none;
}

.shared-detail .booking-detail-snippet .dates input:focus-visible {
	outline: var(--black);
}

.shared-detail .booking-detail-snippet .dates input[type="date"]::-webkit-inner-spin-button,
.shared-detail .booking-detail-snippet .dates input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;

	top: 0px;
	left: 0px;

	width: 115px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	background-image: none;
	cursor: pointer;
	z-index: ;
	color:red;
	text-indent: 60px;
}

.shared-detail .booking-detail-snippet .dates span {
	font-size: 15px;
    color: var(--gray);
    letter-spacing: 0;
    margin: 0px;
    font-weight: 700;
}

.shared-detail .booking-detail-snippet p {
	display: flex;
	font-family: var(--font-body);
	font-size: 14px;
	color: #595959;
	line-height: 18px;
	margin: 7px 25px 7px 0;
	align-items: center;
}

.shared-detail .booking-detail-snippet p span.price {
	display: inline-block;
	padding: 0 5px 0 0;
    font-family: var(--font-display-agenda);
    font-weight: 600;
    font-size: 21px;
    line-height: 1;
    text-align: left;
    text-decoration: none;
    vertical-align: top;
}

.shared-detail .booking-detail-snippet p span.label {
	font-family: var(--font-body);
    font-size: 9px;
    font-weight: 400;
    display: inline-block;
    width: 26px;
    margin-bottom: 0;
	line-height: 1em;
}

.shared-detail .booking-detail-snippet .book.button-link {
	background-image: -moz-linear-gradient( 140deg, rgb(214,26,105) 0%, rgb(243,101,74) 99%);
    background-image: -webkit-linear-gradient(140deg, rgb(214,26,105) 0%, rgb(243,101,74) 99%);
    background-image: -ms-linear-gradient( 140deg, rgb(214,26,105) 0%, rgb(243,101,74) 99%);
    font-family: var(--font-heading);
    color: #FFF;
    text-transform: uppercase;
    border-radius: var(--rounded-md);
    letter-spacing: 0.1em;
    text-align: center;
    width: 164px;
    line-height: 34px;
    font-size: 11.47px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: 1 / span 3;
    margin-top: var(--space-3);
}

.shared-detail .booking-detail-snippet a:hover {
	text-decoration: none;
}

@media (min-width: 500px) {
	.shared-detail .detail-top .booking-detail-snippet {
		max-width: none;
	}
	.shared-detail .booking-detail-snippet .dates {
		grid-template-columns: 108px 15px 108px 1fr;
	}

	.shared-detail .booking-detail-snippet .book.button-link {
		grid-column: auto;
		margin: 0;
	}

	.shared-detail .detail-top .booking-detail-snippet .btn-cont {
		margin: 0;
	}
}

@media (min-width: 64em ) {
	.shared-detail .detail-top .booking-detail-snippet {
		padding-left: 2px;
	}
	.shared-detail .booking-detail-snippet .dates {
		grid-template-columns: 108px 30px 108px 1fr;
	}
	.shared-detail .booking-detail-snippet .dates input {
		color: var(--gray);
		font-size: 17px;
		width: 118px;
	} 

	.shared-detail .booking-detail-snippet .dates span {
		font-size: 16.84px;
		text-align: center;
		margin-left: 5px;
	}
	.shared-detail .booking-detail-snippet .dates input::after {
		font-size: 17px;
	}
	.shared-detail .booking-detail-snippet .book.button-link {
		width: 184px;
		line-height: 38px;
		font-size: 13px;
		margin-left: 30px;
	}

	.shared-detail .booking-detail-snippet p span.price {
		font-size: 27.4px;
	}

}