:root{font-size:87.5%;}

*	{
	box-sizing: border-box;
	margin:0px;
	padding:0px;
	border:0px;
	
	}

picture, img{
	display: block;
	max-width:100%;
	}

[hidden] { display: none !important; }

html{
	overflow-y: scroll;
	height: 100%;
	width:100%;
	-moz-text-size-adjust: none;
  	-webkit-text-size-adjust: none;
  	text-size-adjust: none;
	background-color: #fff;
	}

body{
	width:100%;
	height:100%;
	font-family:'DM Sans', sans-serif;
	font-size:1em;
	font-weight:400;
	line-height: 1.8;
	letter-spacing: 0.00em;
	color:#595959;
	position:relative;
	min-height: 100%;
	height: auto !important;
	}
	
main{
	display:block;	width:100%;
	padding-bottom:45px;
	}

section{
	width:100%;
	padding: 2% 5%;
	}


p{margin:0px;}

strong{line-height:0;}
br {display: none;}

section p,section form{
	width:100%;
	max-width:1200px;
	margin:auto;
	}




footer{
	background-color:#eee;
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0em;
	left:0px;
	font-size:1em;

	}
footer div.social-icon-container{display:flex;align-items: center; justify-content: center;}
footer div.social-icon-container a {display:block;width:3.5rem;margin:0.5rem}
footer div.social-icon-container a img{width:100%;}


p{padding-bottom:1em;}

h1, h2, h3, h4, h5{
	margin:auto;
	clear:both;
	font-family:'Sorts Mill Goudy', serif;
	font-weight:400;
	color:#222;
	text-align:center;
	line-height:1.5;
	text-transform:capitalise;
	padding-top:10px;
	}

img + h1, img + h2, section.home > h1,.workshop_details h2, .what-to-expect h2, div > h2, {padding-top:10px;}
.image_page h1{padding-top:10px;}
h1 + h2,h1 + h3{padding-top:0px;}


h1 + p,h2 + p,h3 + p,h4 + p,h5 + p {
    margin-top: 1.3rem;
	}
section h1:first-child, {
    margin-top: 1.2rem;
	}

h1{font-size:1.7rem;}
h2{font-size:1.4rem;}
h3{font-size:1.3rem;}
h4{font-size:1.25rem;}

.caps{	
	font-style: normal;
	font-family:'Sorts Mill Goudy', serif;
	} 		

.italics{
	font-style: italic;
	} 	



a, a img,a h1,a h2,a h3,a h4,a h5,h1 a,h2 a,h3 a,h4 a,h5 a{
	border-style:none;
	text-decoration: none;
	color:#222;
	}

a:hover, a:focus {
	text-decoration: none;
	outline:none;
	}


form{
	width:400px;
	margin:auto;
	text-align:left;
	padding-top:2%
	}
form p {
  margin:0;
  padding:0;
}

form p+p {
  margin:1.2em 0 0;
}

input, textarea, label, select, option, button{
	width:100%;
	height:37px;
	margin:0px;
	font-family:'DM Sans', sans-serif;
	font-weight:300;
	line-height: 2.0;
	color:#595959;
	text-align:left;
	-webkit-appearance:none;
	font-size: 1em;
	}

input, textarea, select, button {
	padding-left: 7px;
	border: 1px solid #bbb;
	background-color:#eee;
	}

#respond input#submit,button,div.workshop-summary .read_more_button, .sign_up_button{
	text-align:center;
	margin-top:16px;
	background-color:#555;
	color:white;
	font-family:'Sorts Mill Goudy', serif;
	font-size:1em;
	border-radius: 0px;
	border:none;
	height:50px;
	text-transform:uppercase;
	letter-spacing:0.2em;
	word-spacing:0.1em;
	line-height:50px;
	
	}
	
button:hover,div.workshop-summary:hover .read_more_button:hover, .sign_up_button:hover{
	background-color:#000;
	}
div.donate-button{text-align: center;
    margin-top: 16px;
    background-color: #555;
    color: white;
    font-family: 'Sorts Mill Goudy', serif;
    font-size: 1em;
    border-radius: 0px;
    border: none;
    height: 50px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    word-spacing: 0.1em;
    line-height: 50px;padding-bottom:20px;max-width:500px;margin:auto;}
div.donate-button:hover{background-color:#000;}
textarea{
    margin-top: 5px;
	height:250px;
	}

select{
	width:100%;
	}

input{
	display:inline;
	}

input:focus,textarea:focus{background-color:white;}	
	
option{
	width:100%;
	padding-left:5px;
	border:0px;
	}

label {
    height: 27px;
    margin-top: 15px;
	}

[disabled] {
	color: #555555;
	}

input[type="hidden"]{
	height:0;
	width:0;
	border: 0;
	padding: 0;
	margin: 0;
	display:none;
	}
select option:first-child {
   display:none;
}

table{
    border-collapse: separate; 
    border-spacing: 0 0px; 
    margin-top: 10px;
    text-align:center;
	}
	
thead, tfoot, tbody{
    overflow:hidden;
    }

td {
    border: solid 1px #ddd;
    border-style: solid none;
    padding: 10px;
    }

td:first-child {
    border-left-style: solid;
    }

td:last-child {
    border-right-style: solid;
    }
tbody tr td {border-top:none;}

tbody tr:last-child td {border-bottom:none;}
tbody tr td:first-child {}

thead tr td,tfoot tr td{
	font-weight:600;	

	letter-spacing:0.0em;
    background-color: #F1F1F1;
    line-height: 1.2;
    font-size: 0.9em;
	}
	
td{padding:10px 10px;}
tr td img{
	margin:auto;
	margin-top:8px;
	margin-bottom:8px;
	}
	
tbody tr td:nth-child(2) {
    text-align:left;
}
	


header{
	position:relative;
	background-color:#fff;
}
#nav{
	z-index:10;
	text-align:right;
	background-color:#fff;
	top: 0px;
	position:sticky;
	width:100%;
	height:72px;
	padding:0 0% 0 5%;
	border-bottom: 1px solid #eee;
	}
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav ul li a:hover{text-decoration:none;}

button#mobile-nav{
	box-sizing:border-box;
	display:inline-block;
	width:20%;
	padding-right:5%;
	background-color:#fff;
	font-size:1.6em;
	text-align:right;
	height:100%;
	font-weight:600;
	font-family:'Sorts Mill Goudy', serif;
	margin-top: 0px;    padding-left: 0px;
    border: none;
	color:#222;
}
button#mobile-nav:hover{ 	background-color:#fff;
	color:#222;
	border:none;
	}

button#mobile-nav span{font-weight:400;}



a img#logo{
	background-color:#fff;
	width: auto;
	height:71px;
	line-height:56px;
	padding:19px 0 19px 0;

	}

#nav > a#logo-link{
	display:inline-block;
	float:left;
	padding:0;
	max-width:50%;
	}

#nav > a{display: none;}
			
#nav li{position: relative;}

#nav li a{
	display: block;
	width:auto;
	font-size:1.1rem;
	font-family: 'Sorts Mill Goudy', serif;
	letter-spacing:0.03em;
	color:#222;
	text-align: center;
	text-transform:uppercase;
	background-color:#fff;
	height:72px;
	line-height:72px;
	}


#nav > ul{
	background-color: #fff;
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	border-bottom:1px solid #ddd;
	}

#nav > ul > li{
	height: 100%;
	display:inline-block;
	width: 100%;
	}

#nav > ul > li > a{
	height: 100%;
	padding:0 1vw;
	}

#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a{
	background-color:#f6f6f6;56px;
	}


#nav li ul{
	display: none;
	top: 100%;
	z-index:10;
	position: static;
	padding-top: 0;
	}

#nav li:hover ul{
	display: block;
	left: 0;
	right: 0;
	}


#nav li a{border-top: 1px solid #ddd;}

#nav li ul a{
	background-color:#f6f6f6;
	font-size:1em;
	height:56px;
	line-height:56px;
	}

#nav li ul li a:hover,#nav li ul:not( :hover ) li.active a{
	background-color:#ebebeb;								
	}


#nav:target > ul{
	display: block;
	}

a#cart-icon-link{
	display:block;
	float:right;
	height:72px;
	padding-right:5%;
	}

img#cart-icon{
	width:27px;
	padding:19px 0;
	margin:auto;
	}

	   

	
#slideshow {
    position: relative;
    padding-bottom:50%;
    height: 50%;
    margin: 0px;
	background-color:black;
	width:100%;
	margin:auto;
	overflow:hidden;
	}

.img_slide {
    position: absolute;
    inset:0;
    width: 100%;
    height: 100%;
    opacity:0;
    animation: slideshow-animate 20s infinite;
	}
.slide-1{animation: slideshow-animate-first 20s infinite;}
.slide-2{animation-delay:5s;}
.slide-3{animation-delay:10s;}
.slide-4{animation-delay:15s;}

@keyframes slideshow-animate{
    0%{opacity:0;}
    10%{opacity:1;}
    25%{opacity:1;}
    35%{opacity:0;}
}
@keyframes slideshow-animate-first{
    0%{opacity:1;}
    10%{opacity:1;}
    25%{opacity:1;}
    35%{opacity:0;}
}
	
.img_slide img{width:100%;}



	








div.book-grid{display: grid; grid-template-columns:1fr;max-width:1000px;margin:auto;}

.book-grid img.book-feature{order:1;width:100%;}
.book-grid .book-description-text{order:2;width:100%;}
.book-grid .book-images{order:3;width:100%;}
.book-grid img.ISO-book{order:1;width:100%;}



table.book-table{
	order:2;width:100%;
    border-spacing: 0 0px; 
    text-align:left;
    margin-bottom:0px;
	padding-bottom:0px;
	max-width:600
	margin:auto;
	}
	
table.book-table td {
    border: none;
    padding: 0px 2px 1px 0px;
    }
table.book-table tr td:first-of-type {padding-right:25px;}

table.book-table td:first-child {
    border-left-style: none;
    border-top-left-radius: 6px; 
    border-bottom-left-radius: 6px;
    }

table.book-table td:last-child {
    border-right-style: none;
    border-bottom-right-radius: 6px; 
    border-top-right-radius: 6px; 
    }

table.book-table thead tr td,table .book-table tfoot tr td{
	font-weight:600;	
	letter-spacing:0.0em;
    line-height: 1.2;
    font-size: 0.9em;
	}
#book-content-2,#book-content-4{background-color:#eee;}


a.img_link{
	text-decoration:none;
	display:block;
	padding:3%;
	}
	

.thumb-layout{    
    margin: 2% 0%;
	padding: 0% 1%;
    column-count: 2;
    column-gap: 0px;
	}
	
.thumb-layout-main{	
    column-count: auto;
    column-gap: auto;
	padding: 0%;
	margin: 1% auto 2% auto;
	max-width:1800px;
	}	
	
.thumb-cont{        
    width: 100%;
	text-align:center;
	position:relative;
	margin:0%;
	page-break-inside: avoid;     break-inside: avoid;
    -webkit-column-break-inside: avoid;
	}

.thumb{
	margin:auto;
    width: 100%;
    height: 100%;
    margin: 0%;
	}
	
.thumb-layout-main .thumb-cont{width:49%;display:inline-block;margin-bottom:2%;}
.thumb-layout-main img.thumb{max-width:550px; width:94%;margin:3%;}
.thumb-layout-main .thumb-title{font-size:1.2rem;}

section.gallery{padding-left:0px;padding-right:0px;}




#image-container{overflow:hidden;position:relative;margin:auto;}

#feature-image{
	display:block;
	margin:auto;
	width:100%;
	max-height:100vh;
	}

.left-arrow, .right-arrow{	
	position:absolute;
	top:0px;
	background-repeat: no-repeat;
	opacity:0.5;
	width:50%;
	height:100%;
	}

.left-arrow{
	left:0px;
	background-image: url('https://www.alexnail.com/user_custom/img/left_arrow.png');
	background-position: left center;
	}

.right-arrow{
	right:0px;
	background-image: url('https://www.alexnail.com/user_custom/img/right_arrow.png');
	background-position: right center;
	}
	
.right-arrow:hover,.left-arrow:hover{opacity:0.9;}


.center-on-img{
	position:absolute;
	margin:auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	}
.center-on-img h1,.center-on-img h2, .center-on-img h3, .center-on-img h4{color:white;font-size:2em;	line-height:1.2em;	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
.center-on-img h2{font-size:1.4em;}
.center-on-img h4{font-size:1.3em;}
.hero{position:relative;width:100%;text-align:center;}

section.workshop-summaries{padding-bottom:30px}

.hero img{width:100%;}
.workshop_first_section{width:100%;max-width:1200px;margin:auto;padding:0;}
.workshop img, .what-to-expect img{height: auto;width: 100%;padding:20px 0px;}
div.workshop_details {padding: 0 5%;background-color:#eee;}
.workshop-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
	font-size:1.2em;
	line-height:1.2;
	font-family:'Sorts Mill Goudy', serif;
	}
.workshop-info .label{color:#222;	}
.workshop-info p.data{text-align:right;}
.what-to-expect{display:inline-block;width:100%;padding:0% 5%;}


.workshop h2{margin-bottom:1.5%;padding: 20px 0% 0% 0%;}

.workshop:nth-of-type(odd) {background-color:#fff;}

.workshop:nth-of-type(even) {background-color:#eee;}
.workshop:nth-of-type(even) form input {background-color:white;}


div.workshop_summary_listing{
	width:100%;
	display: grid;
	grid-template-columns:1fr;
	gap:20px;
	margin-top:20px;
	text-align:center;
	}
	
div.workshop-summary{
	background-color:#eee;
	}
		
div.workshop-summary a div img{width:100%;}

div.workshop-summary a div img.sold{position:absolute;top:0;left:0;width:50%;}

div.workshop-summary p{margin:0px;padding:0px;}

div.workshop-summary .read_more_button, .sign_up_button{
        min-width: 200px;
    max-width: 400px;
    width: 100%;
    margin: auto;
    margin-top: 20px;
	}

div.workshop-summary .read_more_button{
	background-color:white;
	color:#333;
	border:1px solid #ccc;
	}

div.workshop-summary .read_more_button:hover{
	color:white;
	}

.workshop-summary-details{padding:1% 5% 3% 5%;}
.workshop-summary-details h4{padding-top:0px;color:#666;}
div.workshop-summary .title	{
	font-family:'Sorts Mill Goudy', serif;
	font-size: 1.4em;
    margin-bottom: 1%;
    line-height: 1.2;
	}

div.workshop-summary .date{
	font-size:1.2em;
	line-height: 1;
	margin-bottom:3%;
	}		
	
	
.custom .max_width{padding:2% 5%;}
.custom .max_width form{width:100%;}
section.custom{
	padding:16px 5%;

	}
section.custom p{
	}
section.custom img{
    width:100%;
    max-width:100%;
	}
	
section.custom:nth-of-type(even) {
    background-color: #eee;
    }

section.custom .hero img{
    width:100%;
    max-width:100%;
	}
	
section.custom form p {
    padding: 0px 4% 0px 4%;
    }

section.custom form{
    padding-bottom: 20px;
    }



.cart textarea{height:100px;}
form#cart_edit{padding:0;}
.item-title{
	font-family:'Sorts Mill Goudy', serif;
	color:#555; 
	line-height:1.2;
	padding:0;
	font-size:1.1rem;
	}	
	
.item-desc,.item-det,.item-price{padding:0px;margin:0px;line-height:1.2;font-size:0.95rem;}
.item-det{margin-top:12px;font-size:0.9rem;}
.item-price{font-size:0.9em;}
.responsive-display-none{display:none;}
.basket{width:100%;vertical-align:top;margin:auto;}

.basket form table{width:100%;padding:3% 0;margin:0;}
.basket form table td{
    padding:2% 1;
}
.remove-quantity{padding:0px 4px 0px 0px;}
.basket form table td.remove-quantity img{
    width:20px;
	display:block;
}
.basket form table td:first-child {
    text-align:center;
}

img.basket-image{
	max-width:100%;
	margin:20px auto;
	}
input.item-qty{width:25px;padding:0px;text-align:center;}
img.cross-icon{opacity: 0.4;width:0.7em;height:0.7em;}
img.refresh-icon{opacity: 0.6;width:1em;height:1em;display:inline;vertical-align:middle;margin:0rem}
.order-summary{display:block;width:100%;border:1px solid #ddd;border-top:0px;}
.order-summary tr{display:block;}
.order-summary tr td{width:49%;display:inline-block;padding:0px 10px;border:none 0px;}
.order-summary tr td:first-child{text-align:right;}
.cart-column-1,.cart-column-2{width:100%;display:inline-block;vertical-align:top;}
.cart-column-2{padding:25px 5px;}
.cart-column-1 button{margin-top:20px;}

.go-to-checkout{padding-bottom:20px;}


#contact_profile{padding-top:15px;}
#contact_profile img{width:40%;height:220px;object-fit: cover;display:inline-block;}
#contact_profile div{display:inline-block;width:58%;vertical-align:top;padding-left:18px}
#contact_form{padding-bottom:20px;}




@media (min-width: 600px) {
	.thumb-layout{    
		column-count: 3;
		}
	}




@media (min-width: 900px) {
	.max_width{max-width:1400px;margin:auto;}
	:root{font-size:93.75%;}
	#nav{display:block;padding-right:5%;}
	
	section p,section form{
		padding-left:0%;
		padding-right:0%;
		}


	button#mobile-nav{display:none;}

	#nav a#logo-link img#logo{z-index:10000000;position:absolute;}

	#nav > ul {	position:relative; display:block; float:right; width:80%;height:100%;border-bottom:none;}

	#nav > ul > li {width: auto;}

	#nav li ul{position: absolute;}

	#nav li a,#nav li ul a{border: none;font-size:0.8rem;}

	#nav li ul a{border-top:1px solid #e4e4e4;}

	a#cart-icon-link{padding-right:0%; padding-left:1%;}
	#contact_profile img{width:100%;height:auto;display:block;}
	#contact_profile div{display:block;width:100%;vertical-align:top;padding-left:0;}

	div.workshop_summary_listing{flex-direction:row;}
	
	#slideshow{
		padding-bottom: 45%;
		height: 45%;
		width: 90%;
		}

	.thumb-layout{    
		column-count: 4;
		}
	.thumb-layout-main .thumb-cont {margin-bottom: 1%;}

	#feature-image {
		max-height: 89vh;
		max-width: 90%;
		width:auto;
		}
		section.home > h1{padding-top:5px;}
	.thumb-layout-main .thumb-cont{width:33%;}

	section h1:first-child, section h2:first-child{margin-top: 0rem;}
	.center-on-img h1{font-size:3.4em;}
	.center-on-img h2{font-size:2.3em;}
	.center-on-img h4{font-size:1.8em;}

	.responsive-display-none{display:table-cell;}

	img.basket-image{
		max-width:320px;
		max-height:320px;
		margin:20px auto;
		}
	div.workshop-summary{flex-basis: 50%;}
	div.workshop_summary_listing{
		grid-template-columns:1fr 1fr 1fr;
	}
	div#contact_profile, form#contact_form{width:30%;margin:0px;padding:0px;display:inline-block;vertical-align:top;padding:3%;}
	form#contact_form{width:69%;}
	div#contact_profile img{padding:10% 0px;}

	.workshop_first_section{display: flex; flex-direction: row-reverse;}
	div.what-to-expect{width:75%;padding:3% 5% 0% 5%;}
	div.workshop_details{width:25%;padding:3% 0%;	background-color:white;}
	div.workshop_details h2{text-align:left;padding-left:5%;}
	div.workshop-info{
    display: inline-block;
	width:100%;
	padding:2% 5%;
	}
	div.workshop-info p.label{
		padding-bottom:3%;
	}
	.workshop-info p.data{text-align:left;}
	.image_page p{text-align:center;}
	.cart-column-1,.cart-column-2{width:49%;display:inline-block;}
	.cart-column-2{padding:25px 5px;}
		div.workshop_summary_listing{
		max-width:1200px;
		margin:auto;
		padding-top:20px;
	}
	div.book-grid{display: grid; grid-template-columns:1fr 1fr;column-gap:5%;max-width:1000px;margin:auto;}

	.book-grid img.book-feature{order:2;}
	.book-grid .book-description-text{order:1;grid-row: span 2;}
	.book-grid .book-images{order:3;}
	.book-grid img.ISO-book{order:1;}
	#book-content-2 div.book-grid, #book-content-3 div.book-grid{column-gap:0%;}
	img.look-inside{margin-top:20px;}


	table.book-table{
		order:2;width:100%;
		}

}

@media (min-width: 1500px) {
	:root{font-size:100%;}
	#nav a#logo-link img#logo{padding:26px 0px;height:87px}
	#nav ul li a, #nav li ul li a{font-size:0.91rem;letter-spacing:0.08rem;}

	#nav li a, #nav, a img#logo{height:88px}
	#nav li a{line-height:88px}
	a#cart-icon-link{height:88px}
	img#cart-icon{padding-top:27px;}
	.thumb-layout{column-count: 5;}

	
}


@media (min-width: 1921px) {
	#nav ul li a, #nav li ul li a{letter-spacing:0.13rem}
	div.sum4{display:block;}
	.thumb-layout{column-count: 7;}
	div.workshop-summary{flex-basis: 25%;}

}