.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(--super-dark-blue);
	--text-color-alt: var(--teal);
	--visit-btn-bg: #FFF;
	--visit-btn-bg-alt: var(--teal);
	--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 57px;
}

.shared-detail .detail-background {
	position: absolute;
    width: 100%;
    height: calc(200px + (622 - 200) * ((100vw - 320px) / (1025 - 320)));
}

@media (min-width: 64em) {
	.shared-detail .detail-background {
	    height: 622px;
	}
}

.shared-detail .detail-background::after {
	content: "";
    height: 10px;
    width: 100%;
    bottom: 0;
    position: absolute;
    background-image: url(/includes/public/assets/shared/gfx-rough-edge.svg);
    background-size: cover;
    background-position: bottom;
    z-index: 1;
    transform: rotate(180deg);
}

.shared-detail .detail-background img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.share-buttons {
	display: none; /* Hide the share button before its added onto page */
}

.shared-detail .share-buttons {
	display: block;
}

.shared-detail .back-button,
.shared-detail .share-buttons a {
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.shared-detail  .back-button i,
.shared-detail .share-buttons a i{
	color: var(--yellow);
}
.shared-detail  .back-button i {
    margin-right: 6.5px;
}

.shared-detail .share-buttons a i{
	margin-left: 6.5px;
}
.shared-detail .detail-top {
	position: relative;
	z-index: 2;
	padding-top: 38px;
	padding-bottom: 70px;
}

.shared-detail .detail-top::before {
	content: "";
    position: absolute;
    top: 152px;
    width: 100%;
    height: calc(100% - 120px);
    background-image: url(/includes/public/assets/shared/detail/background-mobile.svg);
    background-size: cover;
    background-position: bottom;
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
}

.shared-detail .detail-top::after {
	content: url(/includes/public/assets/shared/detail/boat.svg);
	position: absolute;
	bottom: -42px;
    right: 72px;
    width: 74px;
	-webkit-animation: rock-boat 3s ease-in-out infinite;
}

@media (min-width: 40em) {
	.shared-detail .detail-top::after {
		bottom: -45px;
		right: 215px;
	    width: 98px;
	}
}

@media (min-width: 64em) {
	.shared-detail .detail-top::before,
	.shared-detail .detail-top::after {
		content: none;
	}
}

.shared-detail .detail-top .info-background {
	display: none;
}
@-webkit-keyframes rock-boat {
	50% { -webkit-transform:rotate(5deg) translateY(-5px) }
}
@media (min-width: 64em) {

	.shared-detail .detail-top .info-background {
		display: block;
		position: absolute;
	    width: 75%;
	    height: 100%;
	    min-height: 800px;
	    max-height: calc(100% + 30px);
	}

	.shared-detail .detail-top .info-background::after {
		content: url(/includes/public/assets/shared/detail/boat.svg);
		position: absolute;
		bottom: -18px;
		right: 215px;
		width: 133px;
		-webkit-animation: rock-boat 3s ease-in-out infinite;
	}


	.shared-detail .detail-top .info-background img{
	    object-fit: cover;
	    object-position: right bottom;
	    width: 100%;
	    height: 100%;
	}
}

@media (min-width: 1300px) {
	.shared-detail .detail-top .info-background {
	    width: 65%;
	}
}

.shared-detail .detail-top > .inner {
	display: flex;
	flex-direction: column;
	padding: 0 20px;
	max-width: 640px;
    margin: 0 auto;
}

.shared-detail .detail-top .detail-gallery {
	order: 1; /* Always want gallery coming first on mobile */
	position: relative;
	flex: 1 1 50%;
	background-color: #FFF;
	border: 6px solid #FFF;
}

.shared-detail .detail-top .detail-gallery::after {
	content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 58%;
    pointer-events: none;
    background: radial-gradient(at bottom right, rgba(0,0,0, 0.8) 0%, rgba(0,0,0,0.2) 55%, rgba(255,255,255,0) 70%);
}

@media (min-width: 64em) {
	.shared-detail .detail-top .detail-gallery {
		order: 2;
		border: 8px solid #FFF;
		flex: 1 1 65%;
	}
}

@media (min-width: 1200px) {
	.shared-detail .detail-top .detail-gallery {
		flex: 1 1 923px;
	}
}

.shared-detail .detail-top .detail-gallery img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.shared-detail .detail-top .detail-gallery iframe {
	position: absolute;
	top: 0;
}

.shared-detail .detail-top .detail-gallery .gallery-count {
	position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 13px 14px;
    color: #FFF;
	font-family: var(--font-family-body);
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	line-height: 1em;
	z-index: 1;
}

@media (min-width: 64em) {
	.shared-detail .detail-top .detail-gallery .gallery-count {
		right: 9px;
		font-weight: 500;
	}
}

.shared-detail .detail-top .detail-gallery .gallery-count i {
	font-size: var(--text-base);
    display: block;
    color: #e2a21e;
    font-size: 24px;
    margin-bottom: 8px;
}

.shared-detail .detail-top .info-section {
	order: 2;
	flex: 1 1 50%;
	padding: 17px 0;
	position: relative;
}

.shared-detail .detail-top .info-section .info-background {
	position: absolute;
	left: 0;

}

@media (min-width: 64em) {
	.shared-detail .detail-top .info-section .inner {
		position: relative;
		z-index: 1;
	}
}

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

.shared-detail .detail-top .info-section .top-actions {
    justify-content: space-between;
    margin-bottom: 30px;
}

@media (min-width: 64em) {
  	.shared-detail .detail-top .info-section .top-actions {
	    padding-right: 54px;
	}
}

.shared-detail .detail-top .info-section .bottom-actions {
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 15px;
}

@media (min-width: 64em) {
	.shared-detail .detail-top .info-section .bottom-actions {
		margin-bottom: var(--space-10);
	}
}

@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: 31px;
	line-height: var(--leading-none);
	font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
	margin-bottom: var(--space-5);
}

@media (min-width: 64em) {
	.shared-detail .detail-top h1 {
		font-size: calc(40px + (50 - 40) * ((100vw - 1025px) / (1200 - 1025)));
		margin-bottom: 23px;
	}
}

@media (min-width: 1200px) {
	.shared-detail .detail-top h1 {
		font-size: 50px;
		margin-bottom: 23px;
	}
}

.shared-detail .detail-top .priority-info {
	margin-bottom: var(--space-4);
}
.shared-detail .detail-top dl,
.shared-detail .detail-top dt,
.shared-detail .detail-top dd {
	font-family: var(--font-family-body);
	font-size: 16px;
	font-weight: 400;
	line-height: var(--leading-normal);
	color: #fff;
}

.shared-detail .detail-top dl a,
.shared-detail .detail-top dt a,
.shared-detail .detail-top dd a {
	color: #fff;
}

@media (hover:hover) {
	.shared-detail .detail-top dl a,
	.shared-detail .detail-top dt a,
	.shared-detail .detail-top dd a {
		color: #fff;
	}
}

@media (min-width: 64em) {
	.shared-detail .detail-top .priority-info {
		margin-bottom: var(--space-8);
	}
	.shared-detail .detail-top dl,
	.shared-detail .detail-top dt,
	.shared-detail .detail-top dd {
		font-size: 25px;
	}
}

.shared-detail .detail-top dl dt {
	float: left;
	margin-right: var(--space-1);
	font-weight: bold;
}

.shared-detail .detail-top .action-item {
	display: block;
	min-width: 172.67px;
	font-family: var(--font-family-body);
	font-size: 14px;
	letter-spacing: 0.02em;
	font-weight: 600;
	text-transform: uppercase;
	line-height: var(--leading-tight);
	padding: 3.5px 26px 5.5px;
	border: 2px solid #FFF;
	background-color: var(--visit-btn-bg);
	border-radius: var(--rounded-full);
	color: var(--text-color-alt);
	margin: 0 0 13px;
	cursor: pointer;
}

.shared-detail .detail-top .action-item.add {
	padding: 3.5px 10px 5.5px;
}

.shared-detail .detail-top .action-item i {
	margin-left: 2px;
}

.shared-detail .detail-top .action-item.add i,
.shared-detail .detail-top .action-item.remove i {
	margin-left: 2.5px;
}

.shared-detail .detail-top [data-tb-button],
.shared-detail .detail-top .action-item.job-app {
	text-align: center;
}

.shared-detail .detail-top .action-item.job-app,
.shared-detail .detail-top .action-item.add {
	background-color: var(--visit-btn-bg-alt);
	color: #FFF;
}

.shared-detail .detail-top .action-item.job-app > a {
	color: inherit;
}
.shared-detail .detail-top .action-item.add .remove i{
	color: var(--orange);
}

.shared-detail .detail-top .action-buttons {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

@media (min-width: 64em) {
	.shared-detail .detail-top .action-item {
		font-size: 21.47px;
		min-width: 264px;
		padding: 6.5px 40px 9.5px;
		margin-bottom: 14px;
	}
	.shared-detail .detail-top .action-item.job-app,
	.shared-detail .detail-top .action-item.add {
		padding: 6.5px 12px 9.5px;
	}
	.shared-detail .detail-top .action-item i {
		margin-left: 4px;
	}
	.shared-detail .detail-top .action-item.add i,
	.shared-detail .detail-top .action-item.remove i {
		margin-left: 3.5px;
	}
	
	.shared-detail .detail-top .action-buttons {
		flex-wrap: nowrap;
	}
}


@media (hover: hover) {
	.shared-detail .detail-top .info-section .bottom-actions .action-item:not(.remove):hover {
		text-decoration: none; /*reboot.css override*/
		background-color: var(--visit-btn-bg-alt);
		color: #FFF;
	}
}
.shared-detail .detail-top .info-section .bottom-actions .dropdown {
	display: flex;
}

.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);
	color: var(--dropbdown-menu-text);
	background-color: var(--background-color);
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
}
.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;
}
.shared-detail .detail-top ul.info-list {
    font-family: var(--font-family-body);
    font-size: var(--text-lg);
    font-weight: 400;
    line-height: var(--leading-tight);
    margin: 0 0 32px;
    list-style: none;
}
.shared-detail .detail-top ul.info-list li {
	display: flex;
	align-items: center;
	margin-bottom: 22px;
}
.shared-detail .detail-top ul.info-list li > div {
	display: flex;
    align-items: center;
}

.shared-detail .detail-top ul.info-list .two-line-wrap {
    line-height: 1.1em;
}

@media (min-width: 64em) {
	.shared-detail .detail-top ul.info-list .two-line-wrap span{
		margin-bottom: var(--space-1);
	}
}

.shared-detail .detail-top ul.info-list li.phones > div {
    flex-direction: column;
    align-items: baseline;
}
.shared-detail .detail-top ul.info-list li .icon {
	background-color: #FFF;
	width: 30px;
	height: 30px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--orange);
	border-radius: var(--rounded-circle);
	margin-right: 9px;
	flex-shrink: 0;
}
.shared-detail .detail-top ul.info-list li span,
.shared-detail .detail-top ul.info-list li a {
	display: inline-block;
	font-size: 16px;
    line-height: 1em;
	font-weight: 600;
	color: #FFF;
}
.shared-detail .detail-top ul.info-list li a {
	border-bottom: 2px solid #FFF;
}
.shared-detail .detail-top ul.social-icons {
	display: flex;
	list-style: none;
	margin-left: 0;
}
.shared-detail .detail-top ul.social-icons li {
	margin-right: 11.5px;
	margin-bottom: 0;
}
.shared-detail .detail-top ul.social-icons a {
	font-size: 15.65px;
	color: var(--orange);
	background: #FFF;
	width: 40px;
	height: 40px;

	border-radius: var(--rounded-circle);
	display: flex;
	align-items: center;
	justify-content: center;
}
.shared-detail .detail-top ul.social-icons a:hover {
	color: var(--orange);
}
@media (min-width: 64em) {
	.shared-detail .detail-top ul.info-list li span,
	.shared-detail .detail-top ul.info-list li a {
		font-size: 25px;
	}
	.shared-detail .detail-top ul.info-list li a {
		border-bottom: 3px solid #FFF;
	}
	.shared-detail .detail-top ul.info-list li .icon {
		width: 46px;
		height: 46px;
		font-size: 20px;
		margin-right: var(--space-3);
	}
	.shared-detail .detail-top ul.social-icons {
		position: absolute;
	    left: 100%;
    	bottom: 60px;
	}
	.shared-detail .detail-top ul.social-icons a {
		width: 46px;
		height: 46px;
		font-size: 17.99px;
	}
}

.shared-detail .detail-info-bar {
	max-width: 1000px;
	margin: 65px auto var(--space-8);
	padding: 0 20px;
}

.shared-detail .detail-info-bar ul {
	font-family: var(--font-family-body);
	font-size: var(--text-lg);
	font-weight: 400;
	line-height: var(--leading-tight);
	margin: 0;
    list-style: none;
}

.shared-detail .detail-info-bar ul li {
	display: flex;
	align-items: baseline;
	margin-bottom: var(--space-3);
}

.shared-detail .detail-info-bar ul li > div {
	display: flex;
	align-items: baseline;
}

.shared-detail .detail-info-bar ul li:last-child {
	margin-bottom: 0;
}

.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: var(--text-base);
	color: var(--accent-color);
}

.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: var(--text-lg);
	font-weight: 400;
	line-height: var(--leading-tight);
    color: var(--text-color);
}

.shared-detail .detail-info-bar dl dt {
	float: left;
	margin-right: var(--space-1);
	font-weight: bold;
}

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

.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;
}



/* Drawers */
.shared-detail .detail-drawers {
	max-width: 1000px;
	margin: 0 auto;
	margin-bottom: var(--text-xl);
	padding: 0 20px;
}

@media (min-width: 40em) {
	.shared-detail .detail-drawers {
		margin-bottom: 110px;
	}
}

.shared-detail .detail-drawers > dl.drawers > dd > .content {
	display: none;
	padding: 30px 0;
}
.shared-detail .detail-drawers > dl.drawers > dd > .content iframe {
    width: 100%;
}

.shared-detail .detail-drawers > dl.drawers > dd > .content#descriptionTab {
	padding: 0;
}
.shared-detail .detail-drawers > dl.drawers > dd > .content p{
	font-weight: 500;
	margin-bottom: 18px;
	letter-spacing: 0;
}
.shared-detail .detail-drawers > dl.drawers > dd.active > .content {
	display: block;
}

.shared-detail .detail-drawers .drawer-button {
	display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: transparent;
	padding: 10px 0 14px;
	margin-bottom: 23px;
	width: 100%;
	font-family: var(--font-family-display);
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: -0.032em;
	font-weight: 700;
	line-height: var(--leading-none);
	color: var(--super-dark-blue);
	border-bottom: 2px solid #e5e5e5;
}
.shared-detail .detail-drawers dd.active .drawer-button {
	margin-bottom: 16px;
}
.shared-detail .detail-drawers .drawer-button:focus {
	outline: 1px dashed #e5e5e5;
}

.shared-detail .detail-drawers .drawer-button i {
	font-size: 20px;
	color: var(--orange);
	margin-right: 14px;
}

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

@media (min-width: 64em) {
	.shared-detail {
		margin: 0 auto;
	}

	.shared-detail .detail-top {
		padding-top: 0;
		padding-bottom: 110px;
	}

	.shared-detail .detail-top > .inner {
		flex-direction: row;
		align-items: flex-start;
		max-width: 1236px;
		padding: 87px 28px 0 10px;
		margin: 0 auto;
	}

	.shared-detail .detail-top .info-section {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: var(--space-12) var(--space-5);
		order: 1;
	}

	.shared-detail .detail-info-bar {
		display: flex;
		padding: 45px 20px;
		margin-bottom: 0;
		margin-top: 0;
	}

	.shared-detail .detail-drawers > dl.drawers > dd > .content {
		padding: var(--space-10) 0;
	}

	.shared-detail .detail-drawers > dl.drawers > dd > .content#descriptionTab {
		padding: 17px 0 19px;
	}

	.shared-detail .detail-drawers .drawer-button {
		padding: 20px 0 16px;
    	margin-bottom: 19px;
		font-size: 35px;
		font-weight: 500;
		letter-spacing: 0.013em;
	}

	.shared-detail .detail-drawers .drawer-button i {
		font-size: 35px;
		margin-right: 27px;
	}

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

@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 .info-section {
		justify-content: flex-start;
		padding: calc(15px + (74 - 15) * ((100vw - 1025px) / (1200 - 1025))) 18px 10px 18px;
		min-height: 608px;
	}
}

@media (min-width: 1200px) {
	.shared-detail .detail-top .info-section {
		padding: 74px 18px 10px 18px;
		min-height: 608px;
	}
}

.shared-detail .tripadvisor {
	z-index: 1;
	max-width: 1236px;
	margin: 51px auto 0;
}

.shared-detail .tripadvisor + .detail-info-bar {
	margin: 0 auto;
}
.shared-detail .tripadvisor + .detail-info-bar +.detail-drawers,
.shared-detail .tripadvisor + .detail-drawers {
	position: relative;
	top: -7px;
}

.shared-detail .tripadvisor .tripadvisor-snippet > h4:first-child {
	display: none;
}

.shared-detail .tripadvisor .tripadvisor-snippet > h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #38aa6c;
	font-weight: 500;
    letter-spacing: 0.01em;
}

.shared-detail .tripadvisor .tripadvisor-snippet .reviews-rating-line {
	display: flex;
	align-items: flex-end;
	position: relative;
    left: -7px;
}

.shared-detail .tripadvisor .tripadvisor-snippet .reviews-rating-line a > img {
	max-width: 106px;
}

.shared-detail .tripadvisor .tripadvisor-snippet .reviews-rating-line > span a,
.shared-detail .tripadvisor .tripadvisor-snippet .reviews-rating-line > span {
	font-family: 'Montserrat';
	font-size: 14px;
	font-weight: 500;
	color: #38aa6c;
	text-decoration: underline;
}

@media (min-width: 64em) {
	.shared-detail .tripadvisor {
		text-align: right;
		padding-right: 87px;
		margin-top: 0;
		transform: translateY(-173px);
	}

	.shared-detail .tripadvisor .tripadvisor-snippet .reviews-rating-line {
		justify-content: flex-end;
		left: 0px;
	}

	.shared-detail .tripadvisor .tripadvisor-snippet > h4 {
		font-size: var(--text-base);
	}

	.shared-detail .tripadvisor .tripadvisor-snippet .reviews-rating-line a > img {
		max-width: initial;
		width: 140px;
	}

	.shared-detail .tripadvisor .tripadvisor-snippet .reviews-rating-line > span a, 
	.shared-detail .tripadvisor .tripadvisor-snippet .reviews-rating-line > span {
		font-size: var(--text-base);
	}

	.shared-detail .tripadvisor + .detail-info-bar {
		padding-top: 0;
		padding-bottom: 0;
	}

	.shared-detail .tripadvisor + .detail-info-bar +.detail-drawers, .shared-detail .tripadvisor + .detail-drawers {
		top: 0;
	}

	.shared-detail .detail-top,
	.shared-detail .detail-background::after {
		z-index: 0;
	}
}

.shared-detail div.detail-drawers dl.drawers .tripadvisor-pane .ranking {
	margin-bottom: 0;
}

.shared-detail div.detail-drawers dl.drawers .tripadvisor-pane .reviews-rating-line {
	display: flex;
}

.shared-detail div.detail-drawers dl.drawers .tripadvisor-pane .header-col.header-link-row {
	margin: var(--space-2) 0;
}

.shared-detail .detail-drawers .content .tripadvisor-reviews a {
	color: #38aa6c;
}

.shared-detail div.detail-drawers dl.drawers dd.active a:hover {
	color: #38aa6c;
	text-decoration: underline;
}

.shared-detail .sv-share .sv-share-trigger {
    color: #fff;
    font-weight: 800;
    outline-color: #fff;
}
.shared-detail .sv-share .sv-share-trigger i{
    color: #fff;
}
.shared-detail .sv-share .sv-share-trigger:hover,.shared-detail .sv-share .sv-share-trigger:focus {
    color: #fff;
    background-color: transparent;
}