/* @override 
	https://tha.kulture.partners/site/templates/styles/main.css */


body {
	margin: 0;
	font-family: 'Quattrocento', serif;
	font-size: 18px;
	color: #fff;
	background-color: #222;
}

h1,h2,h3 {
	font-family: 'Smythe', cursive;
}

h1 {
	font-size: 3rem;
	font-weight: 200;
}

a {
	text-decoration: none;
}



section {
	display: flex;
	justify-content: center;
	padding: 0;
}

footer {
	display: flex;
	justify-content: center;
	padding: 0;
}

div.container {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	padding: 4rem;
	font-size: 1.25rem;
	color: #333;
	background-color: #fff;
}

div.row {
	display: flex;
}

@media screen and (max-width:960px) {
	
	div.row {
		flex-direction: column;
	}

}
	
	
	div.column {
		box-sizing: border-box;
	}
	
	@media screen and (max-width:960px) {
	
		div.column {
			margin-bottom: 2rem;
		}
	
	}
	
	div.column.small {
		width: 20%;
	}
	
	@media screen and (max-width:960px) {
	
		div.column.small {
			width: 100%;
		}
	
	}
	
	div.column.medium {
		width: 40%;
	}
	
	@media screen and (max-width:960px) {
	
		div.column.medium {
			width: 100%;
		}
	
	}
	
	div.column.large {
		width: 60%;
	}
	
	@media screen and (max-width:960px) {
	
		div.column.large {
			width: 100%;
		}
	
	}
	
	div.column.xlarge {
		max-width: 80%;
	}
	
	@media screen and (max-width:960px) {
	
		div.column.xlarge {
			width: 100%;
		}
	
	}
	
		div.column.left {
			/*float: left;*/
			padding-right: 2rem;
		}
		
		@media screen and (max-width:960px) {
		
			div.column.left {
				/*float: left;*/
				padding-right: 2rem;
			}	
			
		}
		
		div.column.right {
			/*float: right;*/
			padding-left: 2rem;
		}
		
		@media screen and (max-width:960px) {
			
			div.column.right {
				/*float: right;*/
				padding-left: 0;
			}
			
		}


div.page-content p a,
section.page-section p a {
	color: #222222;
	background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 60%, rgba(242, 206, 60, 0.5) 60%, rgba(242, 206, 60, 0.5) 100%);
}
	

section div.container {

	/*border-left: 2px solid #333;
	border-right: 2px solid #333;*/
}

@media screen and (max-width:960px) {
	
	section div.container {
		
		padding: 4rem 2rem;
	
	}

}

section div.container.page-content {
	background: url('../images/tHA_Page-Title-Background.jpg') #ffffff no-repeat left top ;
	background-size: 1200px;
	
}


	section div.container div.top-border {
		position: absolute;
		top: 0;
		left: 0;
		height: 1.5rem;
		width: 100%;
		background: url('../images/tHA_Section-Border_01_BOTTOM.png') no-repeat center top;
		background-size: cover;
	}
	
	section div.container div.bottom-border {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 1.5rem;
		width: 100%;
		background: url('../images/tHA_Section-Border_01_TOP.png') no-repeat center bottom;
		background-size: cover;
	}	
	
	section div.container.page-content h1 {
		margin: 0 0 1.5rem 1.5rem;
		font-size: 5rem;
		text-shadow: 4px 4px 1px #eeeeee;
	}

nav {
	font-family: 'Smythe', cursive;
}

	nav ul {
		padding: 0;
		margin: 0;
	}
	
	

/* NOTICES AND ALERTS */

div.notice {
	margin: 0 0 0 0;
	padding: 2.5rem;
	background: #f5f5f5 url('../images/bg.jpg') no-repeat left top;
	border: 1px solid #eee;
}

	div.notice h3 {
		font-size: 1.75rem;
		line-height: 1.75rem;
		color: #F26721;
	}
	
	
/* CTA STYLES */
	
a.cta-circle {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 7rem;
	width: 7rem;
	font-family: 'Smythe', cursive;
	font-size: 2rem;
	line-height: 2.0rem;
	text-align: center;
	border-radius: 100rem;
	box-shadow: 3px 3px 5px #000;
	transition: background-color 0.4s ease-in-out 0s;
}	
	
a.cta-booking {
	color: #333333;
	text-shadow: -2px -2px 1px #ffffff;
	border-color: #333333;
	background-color: #F2CF3D;
}

a.cta-shopping {
	color: #ffffff;
	text-shadow: 2px 2px 1px #333333;
	border: 2px solid #f;	
	background-color: #F26721;
}


/*  HEADER  */

	
header {
	display: flex;
	flex-direction: column;
	align-items: center;
/*	background: url('../images/tHA_Website_Header_BG.jpg') center -2rem no-repeat #222222;
	background-size: 1400px;*/
}

@media screen and (max-width:960px) {

	header {
		
	}

}

	header div.container {
		flex-direction: column;
		padding: 0;
		background: url('../images/tHA_Header_BG.jpg') center -2rem no-repeat #222222;
		background-size: 1200px;
	}
	
	@media screen and (max-width:960px) {
		
		header div.container {
			background-position: center -5rem;
			background-size: 960px;
		}
		
	}

		nav.nav-meta {
			border-top: 3rem solid #222222;
		}

		nav.nav-meta ul {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			padding: 0 4em;
			list-style: none;
			color: #ffffff;
		}
		
		@media screen and (max-width:960px) {
		
			nav.nav-meta ul {
				padding: 0 2em;
				list-style: none;
				color: #ffffff;
			}
		
		}
		
			nav.nav-meta ul li {
				z-index: 100000;
			}
			
				nav.nav-meta ul li a {
					position: relative;
					display: flex;
					justify-content: center;
					align-items: center;
					height: 7rem;
					width: 7rem;
					margin-top: -2rem;
					font-size: 2rem;
					line-height: 2.0rem;
					text-align: center;
					border: 1.25px solid #222222;
					border-radius: 100rem;
					background-color: #aaaaaa;
					box-shadow: 3px 3px 5px #000;
					transition: background-color 0.4s ease-in-out 0s;
					z-index: 999;
				}
				
				@media screen and (max-width:960px) {
				
					nav.nav-meta ul li a {
						height: 5rem;
						width: 5rem;
						font-size: 1.5rem;
						line-height: 1.25rem;
					}
				
				}
					
				nav.nav-meta ul li a#nav-meta-shop {
					color: #ffffff;
					background-color: #F26721;
					text-shadow: 1px 1px 1px #333333;
				}
				
				@media screen and (max-width:960px) {
				
					nav.nav-meta ul li a#nav-meta-shop {
						
					}
				
				}
				
				nav.nav-meta ul li a#nav-meta-shop:hover {
					background-color: #F24000;
				}
	
				nav.nav-meta ul li a#nav-meta-book {
					margin-left: -1rem;
					color: #333333;
					background-color: #F2CF3D;
					text-shadow: -1px -1px 1px #ffffff;
				}
				
				nav.nav-meta ul li a#nav-meta-book:hover {
					background-color: #F2A000;
				}
		
		
nav.nav-main {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 0.25rem;
}

@media screen and (max-width:960px) {

	nav.nav-main {
		flex-direction: column;
		align-content: flex-start;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 0 1rem;
	} 
	
}

	nav.nav-main div#nav-main-mobile {
		margin-top: -6rem;
		z-index: 10000;
	}
	
	@media screen and (max-width:960px) {
	
		nav.nav-main div#nav-main-mobile {
			display: flex;
			width: 100%;
			justify-content: space-between;
			margin-top: -5.5rem;
		}
		
	}

	
		nav.nav-main div#nav-main-mobile a#home-link-logo img {
			width: 15rem;
		}
		
		@media screen and (max-width:960px) {
		
			nav.nav-main div#nav-main-mobile a#home-link-logo img {
				width: 10rem;
			}
		
		}
		
		nav.nav-main div#nav-main-mobile div#nav-main-mobile-controls {
			display: none;
		}
		
		@media screen and (max-width:960px) {
		
			nav.nav-main div#nav-main-mobile div#nav-main-mobile-controls {
				box-sizing: border-box;
				display: flex;
				align-items: flex-end;
				padding-bottom: 1.0rem;
				
			}
		
		}
		
		
		nav.nav-main div#nav-main-mobile div#nav-main-mobile-controls a#nav-main-mobile-toggle {
			display: flex;
			padding: 0 1rem;
			color: #fff;
			font-size: 2.0rem;
			line-height: 2rem;
			text-transform: capitalize;
		}
		
		nav.nav-main div#nav-main-mobile div#nav-main-mobile-controls a#nav-main-mobile-toggle:before {
			content: "\f0c9";
			font-family: "Font Awesome 5 Free"; 
			font-weight: 900;
			font-size: 1.5rem;
			padding-right: 0.25rem;
		}
		
		@media screen and (max-width:960px) {
			
			nav.nav-main div#nav-main-mobile a#nav-main-mobile-button {
				display: flex;
				padding: 0 1rem;
			}
			
		}

	nav.nav-main ul {
		display: flex;
		flex-direction: row;
		width: 75%;
		justify-content: space-between;
		margin-top: -4.25rem;
	}
	
	@media screen and (max-width:960px) {
	
		nav.nav-main ul#main-menu {
			box-sizing: border-box;
			flex-direction: column;

			
			/*min-height: 100%;*/
			width: 100%;
			margin-top: auto;
			padding: 1rem;
			background-color: #222;
			
			
						height: 0;
						padding: 0;
						overflow: hidden;
						transition: height 0.4s ease-in-out 0.25s;
			
		}
		
		nav.nav-main ul#main-menu.open {
			height: auto;
		}
	
	}
	
		nav.nav-main ul li {
			list-style: none;
			order: 2;
			
		}
		
		@media screen and (max-width:960px) {
		
			nav.nav-main ul li {
				height: 4rem;
			}	
			
		}
		
		@media screen and (max-width:960px) {
			
			nav.nav-main ul li#home-link {
				order: 0;
			}
		
		}		

		nav.nav-main ul li#home-link {
			width: 15rem;
			text-indent: -900rem;
		}
		
		@media screen and (max-width:960px) {
		
			nav.nav-main ul li#home-link {
				width: auto;
				text-indent: 0;
			}
		
		}
					
			nav.nav-main ul li a {
				display: block;
				padding: 0 1rem;
				font-size: 2.25rem;
				color: #ffffff;
				white-space: nowrap
			}
			
			nav.nav-main ul li#nav-main-logo a {

			}
						

				
				nav.nav-main ul li#nav-main-logo a img {

				}			
			

section.section-top {
	
}


/*  FOOTER   */


footer div.container {
	min-height: 400px;
	background: #ffffff url('../images/tHA_Footer-Background@2x.jpg') no-repeat center 2rem;
	background-size: 90%;
}

	footer div.container div.top-border {
		position: absolute;
		top: 0;
		left: 0;
		height: 1.5rem;
		width: 100%;
		background: url('../images/tHA_Section-Border_02_BOTTOM.png') no-repeat center top;
		background-size: cover;
	}

	footer div.container div.site-footer-content {
		display: flex;
		flex-direction: column;
		height: calc(100% - 4rem) ;
		max-width: 40%;
		margin: 1rem 1rem 1rem 2.5rem;
		padding: 2rem 2rem 2rem 2rem;
		/*text-align: right;*/
		font-size: 1.5rem;
		color: #222222;
		border-radius: 0.33rem 0.33rem 0 0;
		border-left: 2px solid #333;
		border-top: 2px solid #333;
		border-right: 2px solid #333;
		background-color: rgba(255, 255, 255, 1.0);
	}
	
	@media screen and (max-width:960px) {
		
		footer div.container div.site-footer-content {
			max-width: 50%;
			margin: 0;
			font-size: 1.5rem;
		}
		
	}
	
	@media screen and (max-width:720px) {
		
		footer div.container div.site-footer-content {
			max-width: 50%;
			margin: 0;
			font-size: 1.25rem;
		}
		
	}
	
		footer div.container div.site-footer-content h1 {
			margin: 0 0 2rem 0;
			line-height: 2.25rem;
		}
		
		footer div.container div.site-footer-content address {
			padding-left: 2rem;
			font-weight: 400;
			font-style: normal;
		}
		
		footer div.container div.site-footer-content p {
			margin: 2rem 0 0 0;
		}
		
		footer div.container div.site-footer-content address::before {
			margin-left: -1.75rem;
			content: "\f3c5  ";
			color: #F26721;
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			font-size: 1.75rem;
		}
		
		footer div.container div.site-footer-content p.phone a {
			padding-left: 2rem;
			font-weight: 400;
			font-style: normal;
			color: #333;
		}
		
		footer div.container div.site-footer-content p.phone a::before {
			margin-left: -1.85rem;
			content: "\f095  ";
			color: #F26721;
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			font-size: 1.5rem;
		}
		
		footer div.container div.site-footer-content p.social a {
			margin-right: 1rem;
			font-size: 2rem;
			color: #F26721;
		}
		


/*  HOMEPAGE   */

section.homepage-section {
	min-height: 600px;
}

@media screen and (max-width: 960px) {
	section.homepage-section {
		min-height: 600px;
	}
}

@media screen and (max-width: 960px) {
	section.homepage-section {
		min-height: 400px;
	}
}

	section.homepage-section h1 {
		width: 55%;
		margin-top: 0;
		margin-bottom: 3rem;
		font-size: 6vw;
		line-height: 6vw;
		text-align: left;
		color: #fff;
		text-shadow: 4px 4px 1px #333;
	}
	
	
	@media screen and (max-width:1200px) {
		
		section.homepage-section h1 {
			width: 70%;
			font-size: 9vw;
			line-height: 8vw;
		}
		
	}
		
	@media screen and (max-width:960px) {
		
		section.homepage-section h1 {
			width: 80%;
			font-size: 10vw;
			line-height: 9vw;
		}
		
	}	
			
	@media screen and (min-width:1600px) {
		
		section.homepage-section h1 {
			font-size: 6rem;
			line-height: 6rem;
		}
		
	}
				
section div.container a.cta-shopping,
section div.container a.cta-booking {
	height: 10rem;
	width: 10rem;
	font-size: 3rem;
	line-height: 3rem;
	border: 2px solid #333;
}

section#homepage-booking {
	
}

	section#homepage-booking div.container {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
		background-image: url('../images/tHA_Section-Overlay_Booking_v2@2x.png'),url('../images/tHA_Section-Background_Booking@2x.jpg');
		background-position: 70% top,left top;
		background-repeat: no-repeat;
		background-size: cover;		
	}
	
		section#homepage-booking div.container h1 {
			text-align: right;
		}
		
		section#homepage-booking div.container a.button-circle {

		}
		
		
section#homepage-shopping {
	
}

	section#homepage-shopping div.container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		background-image: url('../images/tHA_Section-Overlay_Shopping_v2@2x.png'),url('../images/tHA_Section-Background_Shopping@2x.jpg');
		background-position: 40% top,right top;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
		section#homepage-shopping div.container h1 {

		}
		
		section#homepage-shopping div.container a.cta-shopping {
			
		}
		
		
section#homepage-stylists {
	
}

	section#homepage-stylists div.container {
		display: flex;
		flex-direction: column;
		align-items: center;

		background: url('../images/tHA_Section-Background_Stylists@2x.jpg') center top no-repeat;
		background-size: cover;
	}
	
		section#homepage-stylists div.container h1 {
			margin-top: 0;
			margin-bottom: 3rem;
/*			font-size: 8vw;
			line-height: 6.5vw;*/
			color: #999;
			text-align: center;
			text-shadow: 2px 2px 1px #333;
		}
		
		@media screen and (max-width:960px) {
			
			section#homepage-stylists div.container h1 {
				margin-bottom: 1rem;
			}
		
		}
		
		section#homepage-stylists div.container a.cta-shopping {
			
		}
		
		section#homepage-stylists div.container ul.homepage-stylists {
			display: flex;
			width: 100%;
			padding: 0;
			list-style: none;
		}
		
			section#homepage-stylists div.container ul.homepage-stylists li {
				display: flex;
				flex-direction: column;
				align-items: center;
				width: calc( (100% / 3) - 20px );
				margin: 10px;
			}
			
				section#homepage-stylists div.container ul.homepage-stylists li img {
					width: 100%;
					max-width: 240px;
					border: 2px solid #333;
					border-radius: 100rem;
				}
				
				section#homepage-stylists div.container ul.homepage-stylists li div.homepage-stylist-label {				
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					height: 11rem;
					width: 11rem;
					margin-top: -2rem;
					font-family: 'Smythe', cursive;
					font-size: 2rem;
					line-height: 2.0rem;
					color: #333333;
					text-align: center;
					background-color: #F2CF3D;
					border-radius: 100rem;
					border: 2px solid #333;
					box-shadow: 3px 3px 5px #000;
					text-shadow: -1px -1px 1px #ffffff;
					transition: background-color 0.4s ease-in-out 0s;
				}
				
				@media screen and (max-width:960px) {
				
					section#homepage-stylists div.container ul.homepage-stylists li div.homepage-stylist-label {
						height: 8rem;
						width: 8rem;
						margin-top: -1rem;
					}
				
				}
				
				@media screen and (max-width:600px) {
				
					section#homepage-stylists div.container ul.homepage-stylists li div.homepage-stylist-label {
						height: 6.0rem;
						width: 6.0rem;
					}
				
				}
				
					section#homepage-stylists div.container ul.homepage-stylists li div.homepage-stylist-label h2 {
						margin: 0 0 0.5rem 0;
						font-size: 3.0rem;
					}
					
					@media screen and (max-width:960px) {
					
						section#homepage-stylists div.container ul.homepage-stylists li div.homepage-stylist-label h2 {
							font-size: 2.2rem;
						}
					
					}
					
					@media screen and (max-width:600px) {
					
						section#homepage-stylists div.container ul.homepage-stylists li div.homepage-stylist-label h2 {
							margin: 0 0 0.0rem 0;
							font-size: 1.75rem;
						}
						
					}
					
					section#homepage-stylists div.container ul.homepage-stylists li div.homepage-stylist-label h3 {
						margin: 0;
						font-size: 1.5rem;
						font-family: 'Bebas Neue', cursive;
						font-weight: 400;
						line-height: 1.5rem;
					}
					
					@media screen and (max-width:960px) {
						
						section#homepage-stylists div.container ul.homepage-stylists li div.homepage-stylist-label h3 {
							font-size: 1.25rem;
						}
						
					}
					
					@media screen and (max-width:600px) {
						
						section#homepage-stylists div.container ul.homepage-stylists li div.homepage-stylist-label h3 {
							font-size: 1.0rem;
						}
						
					}
					
					
/*  PRODUCTS   */

section#products {
	
}

	section#products div.container {
		flex-direction: column;
		background-color: #fff;
		color: #333333;
	}
				
		div.products-list {
			
		}
		
			div.products-list article:first-child {
				margin-top: 4rem;
			}
		
			div.products-list article {
				display: flex;
				margin-bottom: 4rem;
			}
			
			@media screen and (max-width:960px) {
				
				div.products-list article {
					flex-direction: column;
				}
			
			}
			
				div.products-list article img {
					display: flex;
					max-height: 300px;
					max-width: 300px;
					border-radius: 100rem;
					border: 3px solid #333;
				}
				
				div.products-list article div.product-details {
					padding:  1rem 2rem;
					font-size: 1.25rem;
					line-height: 1.5rem;
				}
				
					 div.products-list article div.product-details h1 {
						margin: 0;
						font-size: 2.25rem;
					}

					 
					 div.products-list article div.product-details ul.product-options {
					 	list-style: none;
					 	padding: 0;
					 }
					 
					 	div.products-list article div.product-details ul.product-options li {
					 		margin-bottom: 1rem;
					 	}
				
				
							div.products-list article div.product-details ul.product-options li a {
								display: inline-block;
								min-width: 12rem;
								padding: 1rem 2rem;
								font-size: 1.5rem;
								font-weight: 400;
								text-align: center;
								color: #F26721;
								border: 1px solid #F26721;
								background-color: #ffffff;
								transition: all 0.5s ease-in-out 0s;
							}
							
							div.products-list article div.product-details ul.product-options li a:hover {
								color: #ffffff;
								border: 1px solid #F26721;
								background-color: #F26721;
							}


/*  Services   */

section#services {
	
}

	section#services div.container {
		background-color: #ffffff;
		color: #333333;
	}
	
		section#services div.container div.service-category {
			display: flex;
			padding: 2rem 0;
		}
		
		@media screen and (max-width:960px) {
			
			section#services div.container div.service-category {
				flex-direction: column;
			}
			
		}
		
			section#services div.container div.service-category h1 {
				flex-wrap: wrap;
				box-sizing: border-box;
				width: 25%;
				margin: 0 2rem 0 0;
				padding-right: 2rem;
				line-height: 2.75rem;
				text-align: right;
				border-right: 2px solid #ccc;
			}
			
			@media screen and (max-width:960px) {
				
				section#services div.container div.service-category h1 {
					width: auto;
					margin: 0 0 1rem 0;
					padding: 0 0 1rem 0;
					text-align: left;
					border-right: 0 none;
					border-bottom: 2px solid #ccc;
				}
			
			}
	
			section#services div.container div.service-category div.services-list {
				width: 75%;
			}
			
			@media screen and (max-width:960px) {
			
				section#services div.container div.service-category div.services-list {
					width: 100%;
				}
			
			}
			
				
				section#services div.container div.service-category div.services-list div.service-item {
					display: flex;
					padding: 0.5rem 0rem;
					font-size: 1.25rem;
				}
					
					section#services div.container div.service-category div.services-list div.service-item div {
						/*width: calc(100%/3);*/
						/*width: calc((100%/3) - 1rem);*/
						/*padding-right: 1rem;*/
						/*border-bottom: 2px dotted #333;*/
					}
				
					section#services div.container div.service-category div.services-list div.service-item div.service-title {
						display: flex;
						width: 75%;
						font-weight: 600;
					}
					
						section#services div.container div.service-category div.services-list div.service-item div.service-title span.pricing-dots {
							box-sizing: border-box;
							display: flex;
							flex: 1;
							max-height: 1.125rem;
							margin: 0 0.25rem;
							border-bottom: 2px dotted #333;
							
						}
					
					section#services div.container div.service-category div.services-list div.service-item div.service-price {
						/*text-align: right;*/
						flex: 1;
						/*width: 25%;*/
						/*padding-right: 1rem;*/
						font-weight: 600;
					}
					
					section#services div.container div.service-category div.services-list div.service-item div.service-notes {
						/*text-align: right;*/
						padding-top: 0.25rem;
						font-size: 1rem;
						font-weight: 400;
					}
			
				
				
/*  Contact   */

section#page-contact {
	
}		

	section#contact-intro.page-section div.container.page-content div.row div.column.medium.left table tr td {
		padding: 0 1.5rem 0.25rem 0;
	}