.content-block.tuscan-spa-section > .inner-block > .padding {
	display:grid;
	grid-template-columns:auto 1fr;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content {
	padding-left:var(--main-padding);
	padding-right:var(--main-padding);
	max-width:var(--inner-container-width);
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
	padding-bottom:8em;
}

.content-block#tuscan-spa-treatment-nav-menu {
	z-index:2;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container {
	margin-bottom:4em;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .heading-container .spa-super-heading {
	margin-bottom:0.25em;
	grid-column:span 2;
	font-size: calc(calc(var(--font-size-h4) / var(--font-size-body)) * 1em);
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .heading-container .spa-heading {
	margin:0;
	text-wrap:balance;
}

.content-block.tuscan-spa-section .button-list {
	display:flex;
	justify-content:flex-end;
	gap:1em;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .heading-container.collapsible > .collapsibleBlock > .inner-block {
	padding:0.1px 0;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .heading-container.collapsible > .collapsibleBlock {
  overflow:hidden;
  transition:height var(--main-transition-time);
  height:0;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .heading-container.collapsible[data-open="open"] > .collapsibleBlock {
  height:auto;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .heading-container.collapsible[data-open="closing"] > .collapsibleBlock,
.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .heading-container.collapsible[data-open="closed"] > .collapsibleBlock {
  height:0!important;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:2em;
	margin:1em 0;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-img-container {
	position:relative;
	transition:margin var(--main-transition-time);
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container[data-type] > .tuscan-spa-grid > .tuscan-spa-img-container {
	margin:1em 0;
}

.content-block.tuscan-spa-section[data-selected-treatment] > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-img-container > img.main-image {
	opacity:0;
}

.content-block.tuscan-spa-section .tuscan-spa-img-container > img.treatment-image {
	opacity:0;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-img-container > img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	left:0;
	top:0;
	transition:opacity 1s;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid {
	display:grid;
	grid-template-columns:1fr auto 1fr;
	text-align:center;
	margin:0;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid > .tuscan-spa-link-container > a {
	display:block;
	text-decoration:none;
	padding:2em;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid > .tuscan-spa-link-container > a > h3 {
	font-size:2em;
	margin:0;
	font-weight:500;
	text-transform:uppercase;
	margin:0;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid > .tuscan-spa-link-container > a > p {
	margin:0;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid > .tuscan-spa-link-container > a > div.line {
	border-top:solid 1px var(--main-color-transparent);
	margin:0.6em auto;
	width:10em;
	max-width:100%;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid > .spacer {
	height:100%;
	width:1px;
	background-color:var(--main-color-transparent);
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid > .spacer:nth-of-type(2n) {
	background-color:var(--main-color-transparent);
	grid-column:span 3;
	width:100%;
	height:1px;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid > .spacer:last-child {
	display:none;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid > .tuscan-spa-link-container > a {
	position:relative;
	box-sizing:border-box;
	height:100%;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid > .tuscan-spa-link-container > a::after {
	content:'';
	width:2.5em;
	height:2.5em;
	background-color:var(--main-highlight-color);
	border-radius:100%;
	background-image:url(../img/thin-arrow-right-white.svg);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-200%, -50%);
	transition:opacity var(--main-transition-time), transform var(--main-transition-time);
	opacity:0;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid > .tuscan-spa-link-container > a:hover::after {
	transform:translate(-50%, -50%);
	opacity:1;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-description > .info > .title-wrapper {
	display:grid;
	grid-template-columns:1fr auto;
	gap:2em;
	align-items:flex-start;
	padding-top:2em;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-description > .info h2 {
	margin:0.25em 0 0;
}
 
.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-description > .info .links {
	font-size:1em;
	display:flex;
	gap:1em;
	align-items:end;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-description > .info > p {
	max-width:61em;
}

.content-block.tuscan-spa-section .tuscan-spa-link-grid > .tuscan-spa-link-container {
	transition:background-color var(--main-transition-time);
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-grid {
	grid-template-columns:auto 1fr auto 1fr;
	gap:2em;
}

.content-block.tuscan-spa-section .tuscan-spa-treatment-grid {
	display:none;
}

.content-block.tuscan-spa-section .tuscan-spa-treatment-grid-heading .tuscan-spa-treatment-grid-title span {
	display: grid;
}

.content-block.tuscan-spa-section .treatment-description-list > .treatment-description {
	display:none;
}

.content-block.tuscan-spa-section h2.treatment-label > .treatment-label {
	display:none;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-grid > .treatment-item {
	display:grid;
	grid-template-columns:subgrid;
	grid-column:span 2;
	gap:1em;
	position:relative;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-grid > .treatment-item > .description > h4.treatment-title {
	color:var(--main-highlight-color);
	margin:0 0 0.5em;
	font-size: calc(calc(var(--font-size-sub-head) / var(--font-size-body)) * 1em);
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-grid > .treatment-item > .description > .price {
	position:absolute;
	left:0;
	margin-top:0.52em!important;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-grid > .treatment-item > .description > .price:nth-child(2) {
	margin-top:0.3em!important;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-grid > .treatment-item > .description > p.hh {
	line-height:1.8;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-grid > .treatment-item ul.price-list,
.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-grid > .treatment-item > .description > .price {
	margin:0;
	padding:0;
	color:var(--main-highlight-color);
	list-style-type:none;
	line-height:1.2;
	font-size:1.0em;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-grid > .treatment-item ul.price-list {
	display:flex;
	flex-direction:column;
	gap:0.52em;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-grid > .treatment-item .units {
	font-size:0.75em;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-grid > .treatment-item p {
	margin:0.25em 0 0;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-description > .info > .collapsible.nav-menu {
	display:none;
}

.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .mobile-book-buttons > .links {
	display:none;
}

[data-selected-tuscan-spa-treatment] .content-block#tuscan-spa-treatment-nav-menu + .content-block#main-heading-text .text-inner p {
	display:none;
}

[data-selected-tuscan-spa-treatment] #tuscan-spa-treatment-heading {
	display:none;
}

.back-link {
	position:absolute;
	font-size:0.7em;
	text-decoration:none;
	font-weight:500;
	background-image:url("../img/arrow-left-blue.svg");
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:1.5em;
	transition:opacity var(--main-transition-time);
	opacity:0;
	pointer-events:none;
}

[data-selected-tuscan-spa-treatment] .back-link {
	opacity:1;
	pointer-events:all;
}

/* Mobile and Tablet */
@media (width < 1200px) {
	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container {
		margin-bottom:10em;
	}
}

/* Halfway */
@media (width < 950px) {
	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid {
    grid-template-columns:1fr;
    gap:1em;
	}

	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-img-container {
		padding-top:75%;
	}
}

/* Mobile */
@media (width < 750px) {
	.content-block#tuscan-spa-treatment-nav-menu + .content-block#main-heading-text .heading-wrapper {
		display:none;
	}

	.content-block#tuscan-spa-treatment-nav-menu + .content-block#main-heading-text .heading-wrapper + p {
		margin-top:2em;
	}

	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid {
		grid-template-columns:1fr;
		gap:3em;
		display:none;
	}

	.content-block.tuscan-spa-section.spa-home > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid {
		display:none;
	}

	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid > .spacer {
		display:none;
	}

	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid > .tuscan-spa-link-container {
		padding:0;
	}

	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid > .tuscan-spa-link-container h3 {
		font-size:2.75em;
		color:var(--main-highlight-color);
		margin-top:1em;
	}

	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-grid > .tuscan-spa-link-grid > .tuscan-spa-link-container > a > p {
		max-width:20em;
		margin:0 auto;
	}

	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-grid {
		grid-template-columns:auto 1fr;
	}

	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-description > .info > .title-wrapper {
		display:none;
	}

	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-description > .info > .collapsible.nav-menu {
		display:block;
		padding-top:2em;
		padding-bottom:2em;
	}

	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-grid > .treatment-item > .description > h3 {
		margin-bottom:0.6em;
	}

	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .mobile-book-buttons > .links {
		display:flex;
		flex-direction:column;
		gap:1em;
		margin-top:4em;
	}

	.content-block.tuscan-spa-section .tuscan-spa-treatment-grid-heading {
		grid-column:span 2;
	}

	.content-block.tuscan-spa-section .tuscan-spa-treatment-grid > .button-list {
		grid-column:span 2;
	}

	.back-link {
		top:1em;
	}

	.content-block.tuscan-spa-section .tuscan-spa-treatment-grid-heading .tuscan-spa-treatment-grid-title {
		margin-top:0;
	}

	.content-block.tuscan-spa-section .tuscan-spa-treatment-grid-heading .tuscan-spa-treatment-grid-desciption p {
		margin:1em 0 0.5em;
	}

	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .heading-container .button-list {
		margin-top:3em;
	}
}

@media (width < 600px) {
}

/* Tablet and Desktop */
@media (750px <= width) { 
	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .heading-container {
		display:grid;
		grid-template-columns:1fr auto;
		align-items:center;
		gap:0 1em;
	}

	.content-block.tuscan-spa-section .tuscan-spa-treatment-grid > .button-list {
		display:none;
	}

	.content-block.tuscan-spa-section .tuscan-spa-treatment-grid-heading {
		display:grid;
		grid-template-columns:1fr auto;
		align-items:center;
		grid-column:span 4;
	}
}

/* Tablet */
@media (750px <= width < 1200px) {
	.content-block.tuscan-spa-section .tuscan-spa-treatment-grid-heading {
		grid-column:span 4;
	}

	.content-block.tuscan-spa-section .tuscan-spa-treatment-grid-heading .tuscan-spa-treatment-grid-title {
		margin:0;
	}

	.content-block.tuscan-spa-section .tuscan-spa-treatment-grid-heading .tuscan-spa-treatment-grid-desciption p {
		margin:0;
	}

	.content-block.tuscan-spa-section .tuscan-spa-treatment-grid-heading {
		margin:2em 0 2em;
	}
}

/* Desktop */
@media (width >= 1200px) {
	.content-block.tuscan-spa-section > .inner-block > .padding > .content > .tuscan-spa-container > .tuscan-spa-treatment > .tuscan-spa-treatment-description > .info > .links {
		margin-right:4em;
	}

	.content-block.tuscan-spa-section > .inner-block > .padding > .content {
		padding-left:var(--side-bar-width);
		padding-right:var(--side-bar-width);
	}

	.content-block#tuscan-spa-treatment-nav-menu.fixed {
		position:fixed;
		top:6.3em;
		width:100%;
		background:var(--main-highlight-color);
	}

	.content-block#tuscan-spa-treatment-nav-menu.fixed a.back-link {
		top:1.0em;
		color:white;
		background-image:url("../img/arrow-left-white.svg");
	}

	.content-block#tuscan-spa-treatment-nav-menu.fixed .collapsible.nav-menu {
		align-items:center;
		display:flex;
	}

	.content-block#tuscan-spa-treatment-nav-menu.fixed a.trigger {
		pointer-events:none;	
		text-decoration:none;
		display:block;
		color:white;
		margin-right:auto;
	}

	.content-block#tuscan-spa-treatment-nav-menu.fixed a.trigger > h2 {
		font-size:calc(calc(var(--font-size-h2) / var(--font-size-body)) * 1em);
		line-height:1.0;
		margin:0.5em 0 0.5em;
		transition:margin 0.5s;
	}

	[data-selected-tuscan-spa-treatment] .content-block#tuscan-spa-treatment-nav-menu.fixed a.trigger > h2 {
		margin:0.75em 0 0.25em;
	}

	.content-block#tuscan-spa-treatment-nav-menu.fixed .content.has-nav-menu {
		padding-top:0;
	}

	.content-block#tuscan-spa-treatment-nav-menu.fixed .content.has-nav-menu ul.menu > li.menu-item > a {
		padding:1.5em 0 1em;
		color:white;
	}

	.content-block#tuscan-spa-treatment-nav-menu.fixed + .content-block#main-heading-text .heading-wrapper {
		margin-top:0;
	}

	.content-block#tuscan-spa-treatment-nav-menu.fixed ul.menu > li.menu-item:hover > a, 
	.content-block#tuscan-spa-treatment-nav-menu.fixed ul.menu > li.menu-item.current-menu-item > a, 
	.content-block#tuscan-spa-treatment-nav-menu.fixed ul.menu > li.menu-item[data-selected="true"] > a {
		border-bottom:solid 4px white;
	}

	.content-block.tuscan-spa-section .tuscan-spa-treatment-grid-heading .tuscan-spa-treatment-grid-title {
		margin:0;
	}

	.content-block.tuscan-spa-section .tuscan-spa-treatment-grid-heading .tuscan-spa-treatment-grid-desciption p {
		margin:0 0 0.5em;
	}

	.content-block.tuscan-spa-section .tuscan-spa-treatment-grid-heading {
		margin:2em 0 1em;
	}
}

