/*
Theme Name: It's A Stitch Up 2
Theme URI: http://itsastitchup.co.uk
Description: It's a Stitch Up 2015 theme.
Version: 3.0
Author: Suzie Blackman
Author URI: http://suzieblackman.com

*/

/* CSS Document for bootstrap templates */
/* required */

/* @import url("images.css"); */

/* Brand colours

brown: #c3b89e
light brown: #c8bcc4
pink: #e70193
light pink: #ef53b6
text: #4d4247 new #4e3842 new #220016
yellow: #edbe13
pale yellow: #faeeb9
light blue: #b3e0de
teal: #72adaa


*/

/* fixes */
@media (max-width: 767px){ body{padding:0;} } /*stupid bootstrap! */

@media screen and (max-width: 600px){
	#wpadminbar { position: fixed !important; }
}

.grecaptcha-badge{display:none;}

.page-id-183 .grecaptcha-badge, .page-id-3660 .grecaptcha-badge{display:block;}

/* basics */

body{
	-webkit-text-size-adjust: none;
	background:#f2ebf0;
	position:relative;
	font-family: 'Roboto', 'Verdana', sans-serif;
	color: #220016;
	font-size:16px;
}
body #grid{display:none}
body.grid #grid{
	display:block;	
	position:absolute;
	width:100%;
	height:100%;
	background:url(./images/grid.png) repeat-y center top;
	z-index:10000;
	top:0;left:0;
}

@media print{
	.noprint{display:none !important}
}

/*

type sizes 1.333 scale, md and above, 1.25 xs and sm

          | xs  | sm  | md  | lg   | xl
------------------------------------
Min size  |     | 480 | 768 | 1024 | 1280
------------------------------------
body      | 15  | 16  | 16  | 18   | 20
------------------------------------
blog h2   | 29  | 31  | 39  | 42   | 47
------------------------------------
standfirst|  16 | 18  |  18 |  22  | 26
------------------------------------
h3        |  23 |  25 |  28 | 32   |  34
-----------------------------------------
h4        | 19  |  20 | 21  | 24   |  28


*/

h3, h4, h5, h6{font-family:Roboto;}
h2, h3.post_title{ font-weight:700;font-family:'museo-slab', serif;}

.wf-loading h2, .wf-loading h3.post_title, .wf-loading .iasu_carousel h3, .wf-loading .shop_catbox h3{ visibility:hidden;}

h4, h5{margin-bottom:10px;}

h5{text-transform:uppercase;}

blockquote{
    font-family: 'museo-slab', Serif;
    font-style: italic;
    font-size: 18px;
    color: #4d4247;	
	margin-left:20px;
}

#iasu_content h2, #iasu_main h2, .main h2{
	padding:0;
	margin:0px 0px 10px 0px;
}

.single-post .post p,.single-post .post ul,.single-post .post li, .single-pattern .post p, .single-pattern .post ul, .single-pattern .post li{
	line-height: 1.8em;
    margin-bottom: 1.1em;
    font-size: 16px;
    font-family: 'museo-slab', sans-serif;
    font-weight: 300;
}

.single-pattern .post ul.nav, .single-pattern .post .nav li{
	line-height: 1.8em;
    margin-bottom: 0em;
    font-size: 16px;
}


.single-post .post h2, .single-pattern .post h2{
	font-size:39px;
	line-height:1.4em;
	font-weight:100;
}

.single-post  .post h3, .single-pattern  .post h3{ font-size:26px;  font-family: 'museo-slab', sans-serif; font-weight:500; margin: 1.5em 0px 1em;}
.single-pattern  .post h3{ font-size:24px; margin: 1em 0px 0.8em; }
.single-post  .post h4, .single-pattern  .post h4{ font-size:22px;  font-family: 'museo-slab', sans-serif;font-weight:300; margin: 1.5em 0px 1em;}
.single-pattern  .post h4{ font-size:21px; margin: 1em 0px 1em;}
.single-post .post p.standfirst, .single-pattern .post p.standfirst{ font-size:19px; line-height:1.6em; }

.single-post .post hr{
	margin: 20px 60px;
	border:0;
	background-color: #C8BCC4;
	height:1px;
	padding:0;
	max-width:781px;
}

@media (max-width: 767px){
	.single-post  .post h2, .single-pattern  .post h2{ font-size:31px; }
	.single-post  .post h3 { font-size:25px; }
	.single-pattern .post h3{ font-size:22px; }
	.single-post  .post h4, .single-pattern  .post h4{ font-size:20px; }
	.single-post .post p.standfirst, .single-pattern .post p.standfirst{ font-size:19px; }
}

@media (max-width: 479px),(max-width:767px) and (orientation:landscape){
	.single-post .post p,.single-post .post ul,.single-post .post li, .single-pattern .post p, .single-pattern .post ul, .single-pattern .post li{ font-size:15px }
	.single-post  .post h2, .single-pattern .post h2{ font-size:29px; }
	.single-post  .post h3, .single-pattern  .post h3{ font-size:23px; margin: 1.2em 0px 1em;}
	.single-pattern .post h3{ font-size:20px; }
	.single-post  .post h4, .single-pattern  .post h4{ font-size:19px; margin: 1.5em 0px 1em;}
	.single-post .post p.standfirst, .single-pattern .post p.standfirst{ font-size:17px; }
}


@media (min-width: 1024px){
	.single-post  .post h2, .single-pattern .post h2{ font-size:42px; }
	.single-post  .post p,.single-post .post ul, .single-post .post li { font-size: 18px; }
	.single-pattern .post p, .single-pattern .post ul, .single-pattern .post li{ font-size: 17px; }
	.single-post  .post h3,  .single-pattern  .post h3{ font-size:32px; }
	.single-pattern  .post h3{ font-size:26px; }
	.single-post  .post h4, .single-pattern  .post h4{ font-size:26px; }
	.single-pattern  .post h4{ font-size:24px; }
	.single-post .post p.standfirst, .single-pattern .post p.standfirst{ font-size:22px; }
}

@media (min-width: 1280px){
	.single-post .post h2, .single-pattern .post h2{ font-size:47px; }
	.single-post .post p,.single-post .post ul,.single-post .post li { font-size: 20px; }
	.single-pattern .post p, .single-pattern .post ul, .single-pattern .post li{ font-size: 18px; }
	.single-post .post p{max-width:901px;}
	.single-post .post h3{ font-size:34px; }
	.single-pattern  .post h3{ font-size:30px; }
	.single-post .post h4{ font-size:28px; }
	.single-pattern  .post h4{ font-size:25px; }
	.single-post .post p.standfirst, .single-pattern .post p.standfirst{ font-size:26px; }
	.single-pattern .post ul.nav, .single-pattern .post .nav li{ font-size: 18px; }
}

.page .post h3 { 
	font-size:32px;
	font-weight:300;
	margin-top: 16.8px;
}
h3.explore_more{
	font-size:24px;
	font-weight:300;}

.single-product .post h4, .page .post h4{ 
	font-size:22px;
	font-weight:300;
	text-transform:uppercase;
}

.single .post h5, .page .post h5{ 
	font-size:18px;
	font-weight:400;
	text-transform:uppercase;
}

.single .post h6, .page .post h6{ 
	text-transform:uppercase;
}

p.small{color:#9f8d99;}

p.standfirst{
	font-family:'roboto', sans-serif;
	font-weight:300;
	font-size:24px;
	line-height:1.2;
}

p.description.min, div.description.min{
	max-height: 120px;
	overflow:hidden;
}

p.description.min::after, div.description.min::after{
	content: " ";
	height: 100px;
	display:block;
	position:absolute;
	bottom:0px;
	width:100%;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	z-index: 10;
}

.description button{
	margin:0px auto;
	display:block;
}

.description .wrapper{
	position: absolute;
    bottom: 10px;
    display: block;
    z-index: 20;
	width:100%;
}

.description .wrapper.hr{z-index:15;}
.description hr{
	width:30%;
	min-width:200px;
	margin: 14px auto;
}

.description img.alignright { max-width:30% !important; margin-top:0; }

@media (min-width: 1280px){
	.description .wrapper{
		max-width: 875px;
	}
	
}

@media (max-width:479px), (max-width:479px) and (orientation:landscape){
	.page .post h3{ font-size:24px }
	p.standfirst{ 	font-size:20px; }
}

.clearboth{
	clear:both;
	height:1px;
	max-height:0px;
	border:0;
	margin:0;
	padding:0;
	overflow:hidden;	
}

a.nohover:hover{text-decoration:none;}

.navbar, .navbar-collapse, .navbar-default, .navbar-form{border:0;}
.container > .navbar-header, .container > .navbar-collapse {
    margin-right: -20px;
    margin-left: -20px;
	padding:0px 20px;
}
.navbar{margin-bottom:0;}

@media (max-width:999px ){
	.container, .navbar .container{width:auto;margin:0;}
}

@media(max-width:767px) and (orientation:landscape), (max-width:479px){
	#iasu_content h2, .home h2, #iasu_main h2, .main h2{
	  font-size:28px;
	  margin:5px 0px 10px 0px;
	}
	
	.container > .navbar-header, .container > .navbar-collapse {
		margin-right: -10px;
		margin-left: -10px;
		padding:0px 10px;
	}
}


@media(min-width:599px){
	.visible-md-inline, .visible-lg-inline{display:inline !important;}
}

/* header  */

header{
	-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);
	z-index:30000;
	position:relative;
}

#header-top-panel{
	background-color:#4d4247;	
	overflow:hidden;
}

#header-top-panel .navbar-form { padding:0; border:0; margin:52px 0px 0;}

#header-top-panel input[type="search"]{
	border-color: #9f8d99;
	border-bottom-width:2px;
}

#header-top-panel .btn-primary{margin-bottom:0;}


#header-top-panel .navbar-toggle .glyphicon-search:before{  content: "\e113"; }
#header-top-panel .navbar-toggle.collapsed .glyphicon-search:before { content: "\e003"; }

h1{
	padding:0px;
	margin:0;
}

h1 a {
	display:block;
	background:url(./images/circle-logo-150.png) no-repeat 0px 0px;	
	background-size:contain;
	height: 112px;
	width:181px;
}

h1 a span{ display:none }


@media (max-width:767px){	
	h1 a {
		height: 68px;
		width:140px;
		background-size:cover;
		background-position:left center;
	}

	
	#header-top-panel .navbar-toggle { 
		margin:15px 0px 0; 
		background-color: #f2ebf0;
   		 border-color: #ccc; 
	}
	
	#header-top-panel .navbar-collapse{background-color: #9f8d99}
	#header-top-panel .form-group{display:inline;}
	#header-top-panel form.navbar-form  {-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow:none; box-shadow: none;  margin:10px 0px;} /* could remove this from bootstrap */
	
	#header-top-panel input[type="search"]{
		font-size:16px;
		width:60%;
		min-width:230px;
		display:inline-block;
		padding: 8px 10px;
		height:40px;
		border-color:#c8bcc4;
	}
	
	#header-top-panel .btn.basket {margin: 15px 10px 0px 0px;}
	#header-top-panel .btn.basket .badge {
		padding: 2px 5px;
		margin-left:5px;
		font-size:13px;
		top:-2px
	}

}

/* main nav */

/* a lot of this could be replaced with Bootstrap code */
#header-main-nav{
	background-color:#220016;
	border-bottom:5px solid #4d4247;
	-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.3);
	z-index:1006;
}

#header-main-nav nav{
	position:relative;	
	height:37px;
	margin:0px -20px;
}

#header-main-nav nav > ul{
	margin:0px;
	padding:0;
	list-style:none;
}

#header-main-nav nav > ul > li{
	display:block;
	float:left;
}

#header-main-nav nav > ul#topnav > li > a{
	display:block;
	padding:10px 20px 8px;
	font-weight:300;
	font-size:20px;
	color:white;
	line-height:1.2;
	margin-bottom:-5px;
	border-bottom:5px solid transparent;	
}

#header-main-nav nav > ul#topnav > li > a .glyphicon{ font-size:16px; }

#header-main-nav nav > ul#topnav > li.current > a{
	background-color: #4d4247;
	color:white;
	border-color: rgba(172,1,109,1);
}

#header-main-nav nav > ul#topnav > li > a:hover, nav > ul > li > a:focus{
	background-color: #e70193;
	text-decoration:none;
	color:white;
	border-color:rgba(172,1,109,1);
}

#header-main-nav nav > ul#topnav > li#patterns > a:hover, nav > ul > li#patterns > a:focus{ 
	background-color: #edbe13;
	border-color: #b08514;
}

#header-main-nav nav > ul#topnav > li#patterns.current > a{border-color: #b08514;}

#header-main-nav nav > ul#topnav > li#blog > a:hover, nav > ul > li#blog > a:focus{ 
	background-color: #00a9b4;
	border-color:#0a7684;
}

#header-main-nav nav > ul#topnav > li#blog.current > a{border-color: #0a7684;}

#header-main-nav nav li.basket a.btn-primary, #header-main-nav nav li.basket a.btn-default { 
	border:0; 
	margin:5px 20px 0px 0px;
}

@media (min-width: 480px){
	.navbar-right {
		float: right!important;
	}
}


@media (max-width:767px){
	#header-main-nav{ border-bottom-width:3px; }
	#header-main-nav nav > ul#topnav > li > a{
		padding:10px 10px 8px;
		font-size:16px;
		color:white;
		margin-bottom:-3px;
		border-bottom:3px solid transparent;	
	}
	#header-main-nav nav{
		height:37px;
		margin:0px -10px;
	}
	#header-main-nav nav li.basket a.btn-primary, #header-main-nav nav li.basket a.btn-default { 
		padding:3px 10px;
		margin-right:10px;
	}
}

/* SUBNAV */

#subnav p{padding:10px 0px;margin:0;font-family:'volkhov', Georgia, serif;font-style:italic; font-size:18px;color:#4d4247;}

.navbar#subnav{
	background: #f2ebf0;
	font-size:16px;
	border:0;
}

.navbar#subnav ul.navbar-nav {
	margin:0px -10px ;
	padding:0; 
}

.navbar#subnav .nav > li { padding:12px 0px;}

.navbar#subnav .nav > li > a {
    padding: 5px 10px 4px;
	color: #220016;
	border-left: 1px solid #c8bcc4;
	line-height:0.4em;
}

.navbar#subnav .nav > li:first-child > a { border:0; padding-left:10px;}
.navbar#subnav .nav > li.active > a, .navbar#subnav .nav > li.current-menu-item > a { font-weight:700; }
.navbar#subnav .nav > li > a:hover { color:#e70193; }


/* dropdown */

.navbar#subnav .navbar-toggle {
    float: none;
    margin-right: 0px;
    padding: 9px  0px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar#subnav .navbar-nav .open .dropdown-menu.shop-menu {
    position: absolute;
    width:inherit;
	background-color: #f2ebf0; 
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu .divider {
    background-color: #c8bcc4;
}

.navbar#subnav .dropdown-menu.shop-menu  > li > a {
	font-size:14px;
	line-height:1.2;
	padding: 10px;
	color: #220016;
}

.navbar#subnav .dropdown-menu.shop-menu > li > a:hover { 
	background-color:transparent;
	color:#e70193;
}

.navbar#subnav .dropdown-menu.shop-menu > li.active a { 
	background-color:transparent;
	color:#220016;
	font-weight:700;
}



@media (max-width:767px){
	.navbar#subnav .navbar-toggle{font-weight:700;}
	.navbar#subnav .navbar-toggle .glyphicon-triangle-right:before { content: "\e252"; }
	.navbar#subnav .navbar-toggle.collapsed .glyphicon-triangle-right:before { content: "\e250"; }
	.navbar#subnav .navbar-toggle.collapsed{font-weight:400;}
	.navbar#subnav .navbar-nocollapse.nav > li {float:left;}
	.navbar#subnav .nav > li.basket {float:right; padding-right:10px;}	
	.navbar#subnav .nav > li > a { border-left: 0; }
}


/* Blog posts */

.single-post .jumbooverlay .post h2 { margin-bottom: -0.2em; margin-top:0px; padding-bottom: 20px; }
.authordate{ font-size:13px; margin-bottom:20px;}

.authordate .avatar{border-radius:100px;display:inline-block;border:0;margin-right:10px; float:left;margin-bottom:10px;}
.authordate a.author{ letter-spacing:0.1em;text-transform:uppercase;font-weight:500;color:#958d99;}



.author-info .avatar{border-radius:100px;display:inline-block;border:0;margin-right:20px; float:left;margin-bottom:20px;}
.author-info h4, .single-post .social-stuff h4, .single-post .explore-more h3{font-family:'museo-slab', sans-serif;}
.single-post .social-stuff .social{border:0;padding:0;margin:0px 0px 20px 0px;}
.single-post .explore-more {color:white;}
.single-post .explore-more .listbox a{background-color:white;display:block;}
.single-post .explore-more .listbox a.wrapper h3{font-weight:500; margin:0px 10px 0px 10px; padding:10px 0px 10px 00px;} 



@media (min-width:768px){
	.single-post .jumbooverlay .post h2 { margin-top:-0.2em; padding-bottom: 30px; }
	
	.single-post .jumbo .resbox{padding-bottom:50%}
	
	.container.jumbooverlay{ position:absolute; bottom:0; z-index:60; margin:0px -20px;} 
	/* !!!!!!!!!!! check breakpoints! */
	.container.jumbooverlay .slice-white{ margin:0px -20px;overflow:visible;padding:20px; }
	
	.single-post .author-info, .single-post .social-stuff{ padding-top:20px;padding-bottom:20px;}
	.single-post .the-post{padding-bottom:20px;}
/* !!!!!!!!!!! check breakpoints! */
}

@media (min-width:1024px){
	.single-post .jumbo .resbox{padding-bottom:40%}
	.single-post .jumbooverlay .post h2 { padding-bottom: 40px; }
}

@media(max-width:767.99px){
	.author-info h4, .single-post .social-stuff h4{font-size: 18px}
	.author-info, .single-post .social-stuff{font-size:15px}
	.single-post .jumbooverlay .post h2 { margin-top:10px; padding-bottom: 20px; }
	.container.jumbooverlay{ margin:0px -20px 0px -20px; background-color:white;width:auto;padding-bottom:10px;} 
	.authordate{ font-size:12px; margin-bottom:15px;}
	.authordate .avatar{height:40px !important; width:40px !important;}
	.author-info .avatar{height:80px !important; width:80px !important;}
}

@media (max-width:767.9px) and (orientation:landscape), (max-width:479px ){
	.container.jumbooverlay{ margin:0px -10px 0px -10px;} 
	.author-info .avatar{height:70px !important; width:70px !important;margin:0px 10px 10px 0px;}
	.single-post .social-stuff .social{margin-bottom:10px;}
	
}



/* shop */

.navbar#newsubnav .wrapper{
	background: #f2ebf0;
	font-size:14px;
	border:0;
	-webkit-transition: background-color 250ms;
    transition: background-color 250ms;
}

.navbar#newsubnav.hover .wrapper{ background-color: #c8bcc4;}

.navbar#newsubnav ul.nav {
	margin:0px -10px ;
	padding:0; 
	position:relative;
	width:100%;
}

.navbar#newsubnav ul.nav > li { padding:0px; position:static;}

.navbar#newsubnav ul.nav > li > a {
    padding: 14px 10px 12px;
	color: #220016;
	line-height:1em;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1.5px;
	display:block;
	-webkit-transition: background-color 250ms;
    transition: background-color 250ms;
}

.navbar#newsubnav ul.nav > li.active > a{ background-color: #c8bcc4;}
.navbar#newsubnav.hover ul.nav > li:hover > a{ background-color: #fff; }
.navbar#newsubnav.hover ul.nav > li.active > a { background-color: #f2ebf0;}
.navbar#newsubnav.hover ul.nav > li.active:hover > a{ background-color: #fff; }
.navbar#newsubnav ul.nav > li > a#nav-sale { color: red;}
.navbar#newsubnav ul.nav > li > a#nav-info { font-weight:normal;}

.navbar#newsubnav ul.nav > li > ul {
	width:auto;
	background-color:white;
	display:none;
	position:absolute;
	margin:40px -10px 0px -10px;
	top:0;left:0;
	-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);
	z-index: 50000;
	padding:10px 20px 20px 0px;
	min-width:663px;
}

.navbar#newsubnav ul.nav > li:hover > ul, .navbar#newsubnav ul.nav > li:focus > ul{ display:block }
.navbar#newsubnav ul.nav > li > ul > li{float:left; margin:0;}
.navbar#newsubnav ul.nav > li > ul ul{ padding:0px 0px 0px 20px; }
.navbar#newsubnav ul.nav > li > ul li{ list-style:none; }



.navbar#newsubnav ul.nav > li > ul > li > ul > li{ 
	margin:10px 0;
	line-height:1.1em;
	font-size:16px;
} 

.navbar#newsubnav ul.nav > li > ul > li > ul#yarn-lines > li.shopnav-col-wrapper li{
	margin:10px 0;
	line-height:1.1em;
}

@media (min-width: 600px){ /* what is the collapse point? */
	.navbar#newsubnav ul.nav > li > ul > li > ul > li{ max-width:150px; }
}

@media (min-width: 768px){ 

	.navbar#newsubnav ul.nav > li > ul#oddsends {
		left:25px;
	}
	
	.navbar#newsubnav ul.nav > li > ul#giftsnav {
		left:500px;
		width:200px;
	}
	
	.navbar#newsubnav ul.nav > li > ul#accessoriesnav {
		left:200px;
		min-width:540px;
	}
	
	.navbar#newsubnav ul.nav > li > ul > li > ul#yarn-lines { width:360px; padding-right:0px;}
	.navbar#newsubnav ul.nav > li > ul > li > ul#yarn-lines > li.nav-heading{ max-width:inherit; float:none;}
	.navbar#newsubnav ul.nav > li > ul > li > ul#yarn-lines > li > ul.shopnav-col{ float:left; padding-right:20px }
	.navbar#newsubnav ul.nav > li > ul > li > ul#yarn-lines > li.shopnav-col-wrapper {max-width:inherit;width:100%;margin:0;}
}

.navbar#newsubnav ul.nav > li > ul > li > ul > li.nav-heading{
	text-transform:uppercase;
	font-weight:300;
	padding-bottom:10px;
	line-height:1em;
	border-bottom: 1px solid #c8bcc4;
}

.navbar#newsubnav ul.nav > li > ul > li > ul#yarn-lines  > li.shopnav-col-wrapper li.nav-sub-heading{
	text-transform: uppercase;
	font-weight: bold;
	font-size:13px;
	margin-top:20px;
	color: #4c4247;
}

.navbar#newsubnav ul.nav > li > ul > li > ul#yarn-lines  > li.shopnav-col-wrapper li.nav-sub-heading:first-child{

	margin:3px 0;
}

.navbar#newsubnav ul.nav > li > ul > li > ul  li.active a{ font-weight:700; }

.navbar#newsubnav ul.nav > li > ul li > span{
	display:block;
	font-size:12px;
}

.navbar#newsubnav ul.nav > li > ul ul.shopnav-col{padding:0;}

/* mobile version - there must be a way to do this without duplicating the code! */

.navbar#mobilenav .navbar-nav .open .glyphicon-menu-hamburger:before { content:"\0000D7 "; font-family:'Roboto'; }

.navbar#mobilenav{
	background: #f2ebf0;
	border:0;
	min-height:0px;
}

.navbar#mobilenav .open > a{background-color:#fff;}

.navbar#mobilenav .open .dropdown-toggle {
	 font-weight: 500;
}

.navbar#mobilenav .navbar-nav{
	margin:0px -10px;
}
.navbar#mobilenav .nav > li.dropdown > a{
	padding: 7px 10px;
	color: #220016;
}
.navbar#mobilenav .nav .open .dropdown-menu {
    position: absolute;
    width:inherit;
	background-color: #fff; 
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	padding:0;
}

.navbar#mobilenav li{list-style:none; display:block; }
.navbar#mobilenav .dropdown-menu {
	font-size:14px;
	min-width:250px;
}
/* top level */
.navbar#mobilenav .dropdown-menu  > li > a {
	line-height:1.2;
	padding: 10px;
	border-top: 1px solid #c8bcc4;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:700;
}

.navbar#mobilenav .dropdown-menu > li > a:hover { 
	background-color:transparent;
}

.navbar#mobilenav .dropdown-menu > li.active > a { 
	background-color:transparent;
	color: #ea019c;
}

.navbar#mobilenav .dropdown-menu li.active > a { 
	font-weight: 700;
}

.navbar#mobilenav .dropdown-menu > li > a#nav-sale { color: red;}
.navbar#mobilenav .dropdown-menu > li > a#nav-info { font-weight:normal;}

.navbar#mobilenav .dropdown-menu  > li > ul, .navbar#mobilenav .dropdown-menu  > li > ul > li{
	display:none;
	padding: 0;
}
.navbar#mobilenav .dropdown-menu > li.active > ul, .navbar#mobilenav .dropdown-menu > li.expandable.open > ul, .navbar#mobilenav .dropdown-menu > li.active > ul > li, .navbar#mobilenav .dropdown-menu > li.expandable.open > ul > li {
	display:block;
}

.navbar#mobilenav .dropdown-menu > li > ul > li > ul {
	padding-left:10px;
}

.navbar#mobilenav .dropdown-menu > li > ul > li > ul > li {
	display:none;
	padding:5px 10px;
}

.navbar#mobilenav .dropdown-menu > li.active > ul > li > ul > li, .dropdown-menu > li.expandable.open > ul > li > ul > li {
	
}

.navbar#mobilenav .dropdown-menu > li > ul > li > ul > li.nav-heading {
	display:block;
	border-top: 1px solid #c8bcc4;
	border-bottom: 1px solid #c8bcc4;
	text-transform:uppercase;
	font-weight:300;
	margin-bottom:-1px;
	padding-right:30px;
	position:relative;
}

.navbar#mobilenav .dropdown-menu > li > ul > li > ul > li.nav-heading::after{
	content: "\e250";
	display:block;
	position:absolute;
	top:5px;
	right:10px;
	font-family: 'Glyphicons Halflings';
	font-size:12px;
}

.navbar#mobilenav .dropdown-menu > li > ul > li > ul.open > li.nav-heading::after{
	    content: "\e252";
}

.navbar#mobilenav .dropdown-menu > li > ul > li > ul.open > li{
	display:block;
}

.navbar#mobilenav .dropdown-menu > li > ul > li > ul#yarn-lines ul.shopnav-col li{
	padding: 5px 10px;
}

.navbar#mobilenav .dropdown-menu > li > ul > li > ul#yarn-lines li.shopnav-col-wrapper{
	padding:8px 0;
}

.navbar#mobilenav .dropdown-menu > li > ul > li > ul#yarn-lines  ul.shopnav-col li.nav-sub-heading{
	text-transform: uppercase;
	font-weight: bold;
	font-size:12px;
	color: #4c4247;
	line-height:1em;
	padding-top:10px;
}

.navbar#mobilenav .dropdown-menu > li > ul > li > ul#yarn-lines ul.shopnav-col{
	padding:0;
}



.navbar#mobilenav .dropdown-menu > li.expandable {position:relative;}

.navbar#mobilenav .dropdown-menu > li.expandable > span{
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	font-family: 'Glyphicons Halflings';
	font-size:12px;
	padding:9px 10px 10px 12px;
	color:black;
}
.navbar#mobilenav .dropdown-menu.shop-menu > li.expandable > span::after{ content: "\e250";}

.navbar#mobilenav .dropdown-menu.shop-menu > li.expandable.active > span::after, .navbar#mobilenav .dropdown-menu.shop-menu > li.expandable.open > span::after{
	content: "\e252";
}

.navbar#mobilenav ul.nav > li > ul li > span{
	display:block;
	font-size:12px;
}

@media (min-width:800px){
	.navbar#mobilenav .dropdown-menu.shop-menu > li > ul{
		min-width:770px;
	}
}

.navbar#mobilenav .open .dropdown-toggle .glyphicon-triangle-right:before { content: "\e252"; }

/* FOOTER */
#shop_footer{background-color:#9f8d99; padding:16px 0px;}
#shop_footer a {color:white; font-weight:normal;}
#shop_footer h3 {margin: 0px 0px 8.2px 0px;
    font-size: 18px;
    font-weight: 300;}
#shop_footer ul{list-style:none;margin:0px 0px 0px 0px;padding:0;}
#shop_footer ul li a{
	font-size:14px;
}

#iasu_social{background-color:#4d4247; }
#iasu_social a.icon{
	display:inline-block;
	height:48px;
	width:48px;
	background:url(img/social-icons.png) no-repeat;
	margin:10px 10px 20px 0px;
	vertical-align: bottom;
}

#iasu_social a.icon.icon-fb{ background-position:0 0; }
#iasu_social a.icon.icon-fb:hover{ background-position:0px bottom; }
#iasu_social a.icon.icon-instagram{ background-position:-48px 0px; }
#iasu_social a.icon.icon-instagram:hover{ background-position:-48px bottom; }
#iasu_social a.icon.icon-ravelry{ background-position:-96px 0px; }
#iasu_social a.icon.icon-ravelry:hover{ background-position:-96px bottom; }
#iasu_social a.icon.icon-pin{ background-position:-144px 0px; }
#iasu_social a.icon.icon-pin:hover{ background-position:-144px bottom; }

#iasu_social h3{
    color: #c8bcc4;
    margin: 18.2px 0px 8.2px 0px;
    font-size: 18px;
    font-weight: 300;
}

#iasu_social a.feed-icon{
	text-decoration:none;
	color: #f2ebf0;
	display:inline-block;	
	margin:10px 20px 10px 0px;
	font-size:14px;
}
#iasu_social a.feed-icon:hover{
	color: #fff;
}

#iasu_social a[class*="feed-icon-"] span{
	background:url(img/feed-icons.png) no-repeat;
	background-size:200%;
	display:inline-block;
	height:24px;
	width:24px;
	margin-right:8px;
	vertical-align:bottom;
}

#iasu_social a.feed-icon:hover span{ background-position: bottom left;}
#iasu_social a.feed-icon.feed-icon-feedly span{ background-position: top right;}
#iasu_social a.feed-icon.feed-icon-feedly:hover span{ background-position: bottom right;}



#iasu_footer{
	background-color:#220016;
	font-size:14px;
	color:#f2ebf0;
}

#iasu_footer a{ color:#c8bcc4; text-decoration:none; }
#iasu_footer a:hover{ color:white;}
#copyright{margin-top:20px;text-align:center;}

@media (max-width:999px ){#iasu_footer{margin:0;}}

@media(max-width:767px) and (orientation:landscape), (max-width:479px){

	#copyright{margin-top:10px;}
}

/* could move some of this to .btn but needs testing */

.btn-primary, .btn-default, .btn-warning, li.basket a.btn{
	-webkit-box-shadow: inset  0px -2px 0px 0px #220016 rgba(34,0,22,0.4), 0px 1px 1px 0px  rgba(34,0,22,0.2);
	-moz-box-shadow: inset  0px -2px 0px 0px  rgba(34,0,22,0.4), 0px 1px 1px 0px  rgba(34,0,22,0.2);
	-o-box-shadow: inset  0px -2px 0px 0px rgba(34,0,22,0.4), 0px 1px 1px 0px  rgba(34,0,22,0.2);
	box-shadow: inset  0px -2px 0px 0px  rgba(34,0,22,0.4), 0px 1px 1px 0px  rgba(34,0,22,0.2);
	line-height:1em;
	font-weight: 500;
	padding: 6px 12px 8px;
	border:0;
	background-image: none;
}

.btn-primary{ margin: 0px 0px 20px 0px; } /* don't like this */
.isotope-ui.btn-default, .isotope-ui.btn-primary{ margin: 0px 0px 10px 0px; } /* hack to fix colours page */

nav li.basket a.btn.btn-primary:hover{background-color:#b40173; }
nav li.basket a.btn.btn-default:hover{ background-color: #deccd9;}

.btn-pbox{ /* for coloured backgrounds */
	-webkit-box-shadow:none;
	-moz-box-shadow:  none;
	-o-box-shadow: none;
	box-shadow: none;
	color:white;
	border:2px solid white;
	background-color:transparent;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-weight:500;
}

.btn-primary.btn-lg, .btn-default.btn-lg{
	padding: 13px 23px 16px;
	-webkit-box-shadow: inset  0px -3px 0px 0px #220016 rgba(34,0,22,0.4), 0px 1px 1px 0px  rgba(34,0,22,0.2);
	-moz-box-shadow: inset  0px -3px 0px 0px  rgba(34,0,22,0.4), 0px 1px 1px 0px  rgba(34,0,22,0.2);
	-o-box-shadow: inset  0px -3px 0px 0px rgba(34,0,22,0.4), 0px 1px 1px 0px  rgba(34,0,22,0.2);
	box-shadow: inset  0px -3px 0px 0px  rgba(34,0,22,0.4), 0px 1px 1px 0px  rgba(34,0,22,0.2);
}

.btn-primary:hover, .btn-default:hover, .navbar#subnav .nav > li.basket a.btn:hover{
    text-decoration: none;
    -webkit-transition: background-color 500ms, color 250ms;
    transition: background-color 500ms, color 250ms;
}

@media screen and (orientation:landscape) and (max-width:767px), screen and (max-width:478px){
	/*  bigger buttons for mobile  */
 .single .btn-primary{
		font-size:1.2em;	
		padding: 8px 20px 10px;
		-webkit-box-shadow: inset  0px -3px 0px 0px #220016 rgba(34,0,22,0.4), 0px 1px 1px 0px  rgba(34,0,22,0.2);
		-moz-box-shadow: inset  0px -3px 0px 0px  rgba(34,0,22,0.4), 0px 1px 1px 0px  rgba(34,0,22,0.2);
		-o-box-shadow: inset  0px -3px 0px 0px rgba(34,0,22,0.4), 0px 1px 1px 0px  rgba(34,0,22,0.2);
		box-shadow: inset  0px -3px 0px 0px  rgba(34,0,22,0.4), 0px 1px 1px 0px  rgba(34,0,22,0.2);
	}
	
	.btn-primary.btn-lg, .btn-default.btn-lg{
		padding: 15px 30px 17px;
		font-size:1.4em;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: inset  0px -4px 0px 0px #220016 rgba(34,0,22,0.4), 0px 1px 2px 0px  rgba(34,0,22,0.2);
		-moz-box-shadow: inset  0px -4px 0px 0px  rgba(34,0,22,0.4), 0px 1px 2px 0px  rgba(34,0,22,0.2);
		-o-box-shadow: inset  0px -4px 0px 0px rgba(34,0,22,0.4), 0px 1px 2px 0px  rgba(34,0,22,0.2);
		box-shadow: inset  0px -4px 0px 0px  rgba(34,0,22,0.4), 0px 1px 2px 0px  rgba(34,0,22,0.2);
	}
	
}

.panel-default {
    border-color: #c8bcc4;
}
.panel-default > .panel-heading {
    color: #220016;
    background-color: #f2ebf0;
    border-color: #c8bcc4;
}
.badge{font-weight:400;font-size:13px}

/* middle section */

#iasu_main, .container.main{background-color:white;}

.slice-black{background-color:#220016;}
.slice-dark{background-color:#4d4247;}
.slice-mid{background-color:#c8bcc4;}
.slice-light{background-color:#f2ebf0;}
.slice-white{background-color:white;}


.breadcrumb{
	font-size:14px;
	background-color:transparent;
	margin: 0px -20px;
	padding: 15px 20px 10px 20px ;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	line-height:1em;
	position:relative;
}
.breadcrumb > li+li:before{ content: ""; display:inline-block;}
.breadcrumb > li:after{ 
	content: "\e258"; 
	font-family: 'Glyphicons Halflings'; 
	font-size: 9px;
    padding-left: 5px;
 }
.bcjumbo .breadcrumb{
	color:rgba(255,255,255,0.5);
	background: -webkit-linear-gradient(rgba(34,0,22,0.7) 0%, rgba(34,0,22,0.5) 59%, rgba(34,0,22,0) 100%);
	background: -o-linear-gradient(rgba(34,0,22,0.7) 0%, rgba(34,0,22,0.5) 59%, rgba(34,0,22,0) 100%);
	background: linear-gradient(rgba(34,0,22,0.7) 0%, rgba(34,0,22,0.5) 59%, rgba(34,0,22,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3220016', endColorstr='#00220016',GradientType=0 );
	margin: 0px -20px -50px -20px;
	z-index:200;
	height:50px;
}
.bcjumbo .breadcrumb a{color:rgba(255,255,255,0.8)}
@media (max-width: 767px) and (orientation: landscape), (max-width: 479px){
	.bcjumbo .breadcrumb {margin: 0px -10px -40px -10px;padding-top:7.5px;height:40px;}
}

.breadcrumb .hidden-xs{display:inline-block !important;}

.breadcrumb > li.nolink:after{ content: "";}

/* pagination */
div.pagination{display:block;text-align:center;margin:0;}
.pagination{margin-top:0;margin-bottom:20px;}

.pagination > li > a, .pagination > li > span {
	padding: 12px 4px;
    line-height: 1;
	width:40px;
	height:40px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
}

.pagination > li.space.disabled > span {width:auto;}

.pagination .glyphicon{font-size:0.8em;}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; }

.page_info{ display:none;}

p {
	line-height:1.6em;
	margin-bottom:16px;  /* not sure ??* */
}

.main li{line-height:1.4em;
}

@media(max-width:767px) and (orientation:landscape),(max-width:479px){
	.breadcrumb{ 
		margin: 0px -10px;
		padding:10px 10px 10px 10px; 
		background:none;
		font-size:11px;
	}
	.breadcrumb .hidden-xs{ display:none !important; }

}


/* columns */

.row{	xmargin-bottom: 10px; /*not sure about this */ }

.row.nomargin{	margin-bottom: 0px; /*not sure about this */ }


@media print{.single-pattern #sidebar, .single-pattern #iasu_content{width:100%;float:none;}}

/* FORMS */

form{ margin-bottom:0px;}

/* shouldn't set widths here!*/
label{ 
	font-weight: bold;
	width:120px;
	float:left;
	margin-bottom: 8px;
	padding-top: 4px;
	display:block;
	font-size:16px;
}

.wpcf7-form label{width:auto;clear:both;float:none;}

label.btn{clear:none;width:auto;} 

input	{-webkit-appearance: none;}
input[type=checkbox], input[type=radio]{ -webkit-appearance: checkbox; margin-top:0;}

textarea{
	border:2px solid #dfd7c0;
	clear:both;
	display:block;
	width:90%;	
}

legend{
	border:0;
	font-size: 24px;
	margin: 16px 0px 16px 0px;
	clear:both;
	line-height:1.2em;
	display:block;
}


.form-option, div.form-submit, fieldset{ /* on the t form */
	clear:both;
} 

fieldset{margin-top:16px;}
.form-option{margin-top:16px;}
.form-option label{display:inline; float:none;}
.form-submit input[type=submit] {margin-top:16px;}
#iasu_main input[type=text].error, input[type=email].error, input[type=url].error{ border-color: #b94a48;}
span.required{color:#b94a48;}

/* COMMENTS */

#respond{
margin-top:10px;
}

#comments+#respond{margin-top:0;}
#respond h3{ margin-top:0px;}
#respond label{font-size:14px;}

.subscribe-to-comments label{
		float:none;
		width:auto;
		font-weight:normal;
		display:inline;
}

#comments h3, #respond h3{font-family: 'museo-slab', sans-serif;}
.comments_rss{font-size: 12px;}

#comments ol#commentlist, #comments ul{ list-style:none; }

#commentlist {	
	padding: 0;
	clear:both;
}

#commentlist .media{ margin-top:0; padding-top:16px; position:relative;}
#commentlist .media .media{ margin-top:0; padding-top:8px;}
#commentlist .media .pull-left { margin-right: 6px; }

#commentlist .avatar {
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 100%;
	margin:0px 0px 10px -60px;
}

#commentlist .media-body {
	background-color: #f2ebf0;
	padding: 16px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 12px;
	border-radius: 8px;
}

#commentlist .permalink {
	display: block;
	float: right;
	height: 22px;
	width: 25px;
	background: url(./images/permalink-sprite.png) bottom left no-repeat;
	margin: -8px -8px 0px 0px;
}
#commentlist .permalink:hover { background-position: top left; }

#commentlist .permalink span { display: none; }
#commentlist .comment-spike {
	background: url(./images/comment-spike.png) left center;
	display: block;
	position: absolute;
	top: 32px;
	left: 71px;
	width: 17px;
	height: 20px;
	z-index: 50;
}

.comment-body a{    word-wrap: break-word;}

@media(max-width:767.99px)and (orientation:landscape), (max-width:479.99px){

	#respond label{float:none;}
	#commentlist {
		padding: 0px;
		margin-top:10px;
	}
	#comments, #respond{
		border-width:10px;
		padding: 10px;
		margin-left:-10px;
		margin-right:-10px;
	}
	#respond{margin-top:10px;}
	#comments+#respond{margin-top:0;}
	
	#commentlist .media{ padding-top:10px; }
	#commentlist .media .pull-left {margin-right:10px;}
	#commentlist .avatar {widows: 50px !important;height:50px!important;}
	#commentlist .comment-spike {	left: 51px; }
	
	#comments h3{margin-top:5px;}
}

/* new comments */

.comment-body{
	background-color: #f2ebf0;
	padding: 10px;
	padding-left:70px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
li.comment{margin:10px 0px 5px 0px;}
.comment-meta a{color: #9f8d99; text-decoration:none;}


/*////////////// CONTENT BITS AND PIECES /////////////*/

.nav-previous,.nav-next{font-size:12px;}
.nav-next{text-align:right;}

hr.dark{border-color:#9f8d99;}

.comment-link{ 
	display:block;
	font-size:14px;
	margin:20px 0px 10px
}

.social-stuff .comment-link{ display:inline-block; margin:10px 0px 0px;}

.comment-link:hover .glyphicon{text-decoration:none;}
.comment-link .glyphicon{font-size:18px;padding-right:10px;vertical-align:text-top;}

.tags{
	font-size:14px;
	margin:8px 0px 8px 0px;	
}

.single-pattern .tags{
	margin: 10px 0px 20px;
}

ul.wp-tag-cloud {list-style:none;padding:0;}
.wp-tag-cloud li{display:inline-block;margin-bottom:5px;}
.wp-tag-cloud li a, .tags a{ 
	color:#220016;
	padding:2px 5px;
	margin: 0px 5px 0px 0px;
	font-size:14px;
	line-height:1.5em;
	white-space:nowrap;
	background-color:#F2EBf0;
	border-radius:3px;
}

.wp-tag-cloud li a{
	margin: 0;
}

.wp-tag-cloud li:last-child a:after, .tags a:last-child:after{
	content:'';
	margin:0px;
}

.wp-tag-cloud li a:hover, .tags a:hover{ background-color: #00a9b4; color:white;text-decoration:none; }
.single-pattern .wp-tag-cloud li a:hover, .single-pattern .tags a:hover, .pattern-archive .tags a:hover, .pattern-archive #sidebar .wp-tag-cloud li a:hover{ background-color:#EDBE13; }

.social{ 
	margin:20px 0px 20px 0px; 
	padding:10px 0px 10px 0px;
	border-top: 1px solid #c8bcc4;
	border-bottom: 1px solid #c8bcc4;
	clear:both;
}
.single-pattern .social{ 
	margin:0px 0px 20px 0px;
}
.sharebtn{ /* align the buttons fixes */
	overflow:hidden;
	display:inline-block;
    height: 20px;
	margin-right:10px;
    max-height: 20px;
    alignment-baseline: baseline;
    vertical-align: top;
}
.fb-share-button{margin-top:-3px;display:block !important;}
.sharebtn.pin{ /* align the buttons fixes */
    height: 23px;
    max-height: 23px;
	margin-top:-3px;
}

.post ul li, .post ol li{
	margin-bottom:10px;
	line-height:1.6em;
}

.single .post p strong, .single .post ul strong,  .single .post ol strong, .single .post table strong{font-weight:500;}

.single .post .wp-caption-text{font-size:14px;color:#9f8d99; margin-bottom:0px;padding-bottom:0px;}

.single .post table td, .single .post table th, .page .post table td, .page .post table th{
	padding: 5px 10px;
}

.single .post table thead th, .page .post table thead th{ background-color: #eee1ea;}
.single .post table, .page .post table{border:1px solid #eee1ea;margin-bottom:20px;}
.single .post table tbody tr, .single .post table tbody th, .page .post table tbody tr, .page .post table tbody th {border:1px solid #eee1ea;}

.single .post table{
	overflow-x:auto;
	max-width:100%;
}

@media (max-width:767px){
		.single .post table{display:block;}
}

@media(max-width:767px) and (orientation:landscape){
	.social{ padding:10px 0px 10px 0px;margin:10px 0px 10px 0px; }
}

/************************* HOMEPAGE **************/

#home_social{ 
	background-color: #B3E0DE;
  min-height:42px;
  padding-left:60px;
  position:relative;
}
#home_social .btn-sm{
	padding-left:6px; padding-right:6px;
	margin-bottom:8px;
	margin-top:8px;
	font-size:13px;
}
.btn-fb{ 
	background-color: #3b5998;
	background: -moz-linear-gradient(top, #4c71ba 0%, #3B5998 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c71ba), color-stop(100%,#3b5998));
	background: -webkit-linear-gradient(top, #4c71ba 0%,#3b5998 100%);
	background: -o-linear-gradient(top, #4c71ba 0%,#3b5998 100%);
	background: -ms-linear-gradient(top, #4c71ba 0%,#3b5998 100%);
	background: linear-gradient(top, #4c71ba 0%,#3b5998 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c71ba', endColorstr='#3b5998',GradientType=0 );
	color:#fff;
} 

#home_social .twitter-follow-button{
	margin-top:4px;
	margin-bottom:-10px;
}

#home_social .flag{
	height:44px;
	margin-top:-4px;
	width:28px;
	color:white;
	position:absolute;
	top:0px;
	left:16px;
	text-align:center;
	background:url(./images/bookmark-bg.png) center bottom no-repeat;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	padding-top:4px;
	-webkit-filter: drop-shadow(0 1px 3px rgba(4, 9, 44,.5));
	-moz-filter: drop-shadow(0 1px 3px rgba(4, 9, 44,.5));
	-ms-filter: drop-shadow(0 1px 3px rgba(4, 9, 44,.5));
	-o-filter: drop-shadow(0 1px 3px rgba(4, 9, 44,.5));
	filter: drop-shadow(0 1px 4px rgba(4, 9, 44,.5));
	text-shadow: 0px 1px 2px rgba(4, 9, 44,.3);	
}

.btn-rss{ 
	background: #fcba5d; 
	background: -moz-linear-gradient(top, #fcba5d 0%, #f7903d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcba5d), color-stop(100%,#f7903d));
	background: -webkit-linear-gradient(top, #fcba5d 0%,#f7903d 100%);
	background: -o-linear-gradient(top, #fcba5d 0%,#f7903d 100%);
	background: -ms-linear-gradient(top, #fcba5d 0%,#f7903d 100%);
	background: linear-gradient(top, #fcba5d 0%,#f7903d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcba5d', endColorstr='#f7903d',GradientType=0 );
	color: #fff;
}
.btn-rss span{ 
	background: url(./images/rss-icon.png) no-repeat left center;
	padding-left: 20px;
	margin-top:-2px;
	display:inline-block;
}
.btn-flickr{ margin-top:8px; }
.btn-flickr span{ 
	background: url(./images/flickr-icon.png) no-repeat left center;
	padding-left: 26px;
	margin-top:-2px;
	display:inline-block;
}

.btn-ravelry {
	background: #ecf9e7;
	background: -moz-linear-gradient(top, #ecf9e7 0%, #C2EBB1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecf9e7), color-stop(100%,#C2EBB1));
	background: -webkit-linear-gradient(top, #ecf9e7 0%,#C2EBB1 100%);
	background: -o-linear-gradient(top, #ecf9e7 0%,#C2EBB1 100%);
	background: -ms-linear-gradient(top, #ecf9e7 0%,#C2EBB1 100%);
	background: linear-gradient(top, #ecf9e7 0%,#C2EBB1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf9e7', endColorstr='#C2EBB1',GradientType=0 );
	color: #220016;
}

.btn-ravelry span{ 
	background: url('./images/ravelry-icon.png') no-repeat left center;
	padding-left: 24px;
	margin-top:-2px;
	display:inline-block;
}

.home-block{background-color:white;}

.home-block h2{
    overflow: visible;
    margin: 20px 0px 30px 0px;
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    font-family: 'museo-slab';
    text-transform: uppercase;
	line-height: 1em;
}

.home-block > h3{
	font-weight: 300;
    margin-top: 0px;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1em;
	margin-bottom:20px;
}

.home-block h2 a{ color: #9f8d99;}

.home-block h2 a:hover{text-decoration:none;}

@media (max-width:479.99px){
	.home-block .newin .listbox.col-xs-6:nth-child(2n+1){ clear:both } 
}

@media (max-width:479.99px){
	.home-block h2{
		font-size: 22px;
		margin:15px 0px 15px 0px;
	}
	
	.home-block > h3{
		font-size: 20px;
	}

}

.pbox .img, .listitem .img{ /* big image with stuff underneeth */
	background:no-repeat center center;
	display:block;
	background-size:cover;
}

/* all this needs consolodating */

.pbox .pbox-block, .pbox{ position:relative	}

.pbox .pbox-block a.img, .pbox .pbox-block img{
	display:block;
	width:100%;
	z-index:10;
}

.pbox a:hover{text-decoration:none;}

.pbox .pbox-overlay{
	padding:15px 16px;
	left:0;
	background:rgba(34,0,22,0.65);
	position:absolute;
	bottom:0;
	display:block;
	width:100%;
	margin:0px;
	z-index:51;
	line-height:1.2em;
	font-family: "museo-slab", Georgia, serif;
	font-weight:700;
}

.pbox a.pbox-cta{
	bottom:0;
	right:0;
	display:block;
	background-color:#edbe13;
	padding:12px;
	font-size:18px;
	text-align:center;
	z-index:52;
}

.pbox a.pbox-cta .glyphicon{ font-size:14px;}

.pbox .pbox-footer{
	background: #f4dd72;
	display:block;
	padding:16px;
	margin:0;
	min-height:96px;
	z-index:54;
}

.pbox  .pbox-footer .excerpt{
	margin:-2px 0px 0px 0px;
}

ul.nav-list{
	margin:0;
	padding:0;
	list-style:none;
	white-space-collapse:collapse;
	margin-bottom:10px;
}

ul.nav-list li{
	white-space-collapse:preserve;
	display:inline-block;
	padding:0;
	margin:0px 5px 0px 0px;
}

ul.nav-list li:after{ content: "/"; color: #c8bcc4; }
ul.nav-list li:last-child:after{ content: none; margin-right:0; }
ul.nav-list li a{
	margin:0px 10px 0px 0px;
}

.search .pbox .img{
	display:block;
	content:" ";
	background-color: #00a9b4;	/* add a nice graident here? */
	background-image: -webkit-gradient(radial, 80% 100%, 0, 80% 100%, 182, color-stop(0%, rgb(128, 212, 218)), color-stop(100%, #00a9b4));
	background-image: -webkit-radial-gradient(80% bottom, farthest-side, #99dde1 -20%, #00a9b4 100%);
	background-image: -moz-radial-gradient(80% bottom, farthest-side, #99dde1 -20%, #00a9b4 100%);
	background-image: -ms-radial-gradient(80% bottom, farthest-side, #99dde1 -20%, #00a9b4 100%);
	background-image: -o-radial-gradient(80% bottom, farthest-side, #99dde1 -20%, #00a9b4 100%);
	background-image: radial-gradient(farthest-side at 80% bottom, #99dde1 -20%, #00a9b4 100%);
	background-size:cover;
}

.search-results .pbox .img{
	height: 164px;
	width:100%;	
}

.search .pbox .img{
	position:relative;
}

.search .pbox .img.inset-shadow::before, .modal.yarnpop .inset-shadow {
	position:relative;
}

@media (min-width: 1280px){
	.search .pbox .img{height: 200px;}
}

.search .pbox .excerpt{margin-bottom:0px;padding-top:0px;}
 
.search .pbox .buy{font-weight:bold;margin-bottom:10px}

.nav-pills{
	font-size:16px;
	margin-bottom:8px;
}

.row.mosaic{margin-bottom:20px;}

@media (max-width: 767.99px){
	.home_block{ margin:0;} 
}

@media(max-width:767.99px){
	label{float:none;} /* .label? */
}

@media (max-width: 480px) and (orientation:portrait){
	label{ width: 80px}
}

/* listbox clearing */
.archive .listbox.col-md-4:nth-child(3n+4), .blog .listbox.col-md-4:nth-child(3n+4), .search-results .row .pbox:nth-child(4n+5), .search-results .row .listbox:nth-child(4n+5){
	clear:both;	
}


@media (max-width: 767.99px){
	.archive .listbox.col-md-4:nth-child(3n+4), .blog .listbox.col-md-4:nth-child(3n+4), .search-results .row .pbox:nth-child(4n+5), .search-results .row .listbox:nth-child(4n+5){
		clear:none;	
	}
	.archive .listbox.col-sm-6:nth-child(2n+1), .blog .listbox.col-sm-6:nth-child(2n+3), .search-results .row .pbox:nth-child(3n+4),  .search-results .row .listbox:nth-child(3n+4){
		clear:both;	
	}
	
	.blog.archive .listbox{margin-bottom:20px;}
	
	.single-pattern .listbox.product:nth-child(2n+1){ clear:both } 
}

@media (max-width: 479.99px){
	.search-results .row .pbox:nth-child(3n+4), .search-results .row .listbox:nth-child(3n+4){
		clear:none;	
	}
	.search-results .row .pbox:nth-child(2n+3), .search-results .row .listbox:nth-child(2n+3){
		clear:both;	
	}
}

 .search .pbox a{color: #220016}
  .search .pbox a:hover{text-decoration:none;}
  .search .pbox a:active{text-decoration:none;}
 
.search .pbox{
	padding-bottom:0px; margin-bottom:10px;
}
.search .pbox h3{
	padding-top:8px;	/*line height ccompensation */
	font-size:20px;
	color:#9f8d99;
	font-family: 'museo-slab', Georgia, serif;
	line-height:1.2em;
	margin-top:0px;
	display:block;
	margin-bottom:8px;
	font-weight:700;
}

a:focus{text-decoration:none;}

.search .pbox a:hover h3{ color: #e70193; }

/* single pattern */

.single-pattern	.nav-tabs>li{
	font-family:Roboto, Verdana, Sans-serif;
	font-weight:500;
}

/* pattern archive */

#sidebar li.current > a{ font-weight:bold; color:#220016 }

#sidebar > div > .lightmenu:first-child{margin-top:20px }

.pattern-archive #sidebar a{color:#a68c0e;}

.pattern-archive .listbox .resbox{
	padding-bottom: 125%;
}

.pattern-archive .listbox h3{
	text-align: center;
	text-transform:uppercase;
	font-weight:100;
	margin: 20px 0px 10px;
}

.pattern-archive .listbox .cta {text-align:center;}

.pattern-archive .listbox .cta .btn{
	margin:20px auto 40px auto;
}

.pattern-archive .listbox .price{display:inline; padding-left:5px;}

.pattern-archive .listbox .pattern_format{color: #4d4247; font-weight:300!important;text-align:center;line-height:1.2em;}
.pattern-archive .listbox .pattern_format .price{font-weight:300!important;}

@media (max-width:1023.99px) {
	.pattern-archive .col-md-6.listbox:nth-child(2n+1){clear:both;} /* patterns archive */
}

@media (min-width:1024px){
	.pattern-archive .col-lg-4.listbox:nth-child(3n+1){clear:both;} /* patterns archive */
	.pattern-archive .listbox h3{
		font-size:24px;
	}
}

@media (max-width:479.99px), (max-width:767.99px) and (orientation:landscape){
	.pattern-archive .listbox .cta .btn{
		margin:10px auto 30px auto;
	}
	
	.pattern-archive .listbox h3{
		margin: 10px 0px 10px;
	}
	
	.pattern-archive .listbox .pattern_format{font-size:14px;}
}

/* to do: mobile text sizes and padding, add portrait image to the custom field template */

/************ PATTERN PAGE ******************/

#pattern_images .pattern_image{ margin-bottom:20px; }

@media (max-width:479.99px), (max-width:767.99px) and (orientation:landscape){
	#pattern_images .pattern_image{ margin-bottom:10px; }
}


/******* SIDEBAR BITS AND BOBS ************/


#sidebar > h3, #sidebar >div> h3{  margin-bottom:8px;  text-transform: uppercase;font-family: inherit;font-size: 18px;}

#sidebar h4{  margin-bottom:8px;  text-transform: uppercase;font-family: inherit;font-size: 16px; font-weight:normal;}

#sidebar > div:first-child h3{margin-top:0px;}

ul.lightmenu {padding:0;}
ul.lightmenu { list-style-type:none;}
ul.lightmenu li{margin-bottom:10px;}
ul.lightmenu li li{margin-bottom:5px;margin-left:20px}
ul.lightmenu li li:before{
	content: '\2013';
	width:20px;
	margin-left:-20px;
	display:inline-block;}
ul.lightmenu li li:first-child{margin-top:5px;}
ul.lightmenu li li:last-child{padding-bottom:5px;}
ul.lightmenu li ul {padding-left:0px; list-style:none;}

ul.lightmenu > li > a {font-weight:bold;}

ul.lightmenu li.current_page_item > a{color: #220016;}

ul.lightmenu li ul{display:none;}
ul.lightmenu li.current_page_ancestor ul, ul.lightmenu li.current_page_item ul{ display:block;}

#sidebar .yarnmenu{
	list-style-type:none;
	padding-left:15px;
}

#sidebar .yarnmenu li:before {
	content: '– ';
	margin-left: -15px;
	width:15px;
	display:inline-block;
}

.buypattern .pdfthumb{ 
	margin: 0px 20px 20px 2px;
	height:auto;
	-webkit-box-shadow: 0px 3px 5px rgba(4, 9, 44, 0.5);
	-moz-box-shadow:    0px 3px 5px rgba(4, 9, 44, 0.5);
	box-shadow:         0px 3px 5px rgba(4, 9, 44, 0.5);
	display:block;
}

.buypattern hr{
	margin:0px 0px 20px;
}

@media (min-width:1024px){
	.buypattern .pdf, .buypattern .price{ font-size:18px; }
}

@media (max-width:1023.99px){
	.buypattern .pdfthumb{ width: 120px;}
}

.single-pattern .post .buypattern h3{margin-top:0; margin-bottom:20px}

.buypattern .small{
	font-size:14px;
	color:inherit;
	margin-bottom: 10px;
}

.buypattern .logo {
	background:no-repeat center center;
	background-size:contain;
	height:18px;
	display:inline-block;
	vertical-align:middle;
}

.buypattern hr.divider{margin-top:20px; margin-bottom:20px;}

@media (max-width:479.99px){
	.buypattern hr.divider{margin-top:10px; margin-bottom:20px;}
}

.buypattern .btn-default{text-align:left;font-weight:400;color:#4d4247}
.buypattern .logo span{display:none;}

.logos img{margin-bottom:10px;}

.buypattern .price{font-weight:bold; margin:10px 0px;}

.buypattern .btn{margin-bottom:10px;}

.single-pattern #sidebar h3.heading{ /* might want to revisit this!!!!!!!!!!!!!!! */
	border-top: 5px solid #faeeb9;
	padding-top: 10px;
}

.single-pattern #sidebar div:first-child h3{border:0;}

.pattern-archive #sidebar h3:first-child{margin-top:0;}

#sidebar .projectsbutton{margin-bottom:8px;min-height:28px;}

#flickrgroup.loading{
	background:url(images/grey-spinner.gif) no-repeat center center;
	min-height:30px;
}
#flickrgroup.loading:after{ content:" " }

.single-pattern ul.flickr {
	margin: 0px -9px 10px 0px;
	list-style:none;
	padding:0;
}

.single-pattern ul.flickr li {
	display: inline-block;
	margin-bottom:0px;
}
.single-pattern ul.flickr li a{ 
	margin: 0px 10px 10px 0px;  
	display:inline-block;
}
.single-pattern ul.flickr li a:hover img{ border-color: #edbe13}
.single-pattern ul.flickr li a img{ 	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
	border-radius:8px;
	border:1px solid #f7e38a;
	
}

#sidebar #glossary{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
	border-radius:10px;
	border:1px solid #f7e38a;
	padding:10px;
	overflow: hidden;
}

#sidebar #glossary h3 {
	margin: -10px -10px 10px -10px;
	padding: 8px 10px;
	background-color: #faeeb9;
	border:0;
}

#sidebar #glossary dl {
	margin: 0;
	padding: 0;
}

#sidebar #glossary dt {
	float: left;
	width: 50px;
	font-weight: 500;
}

#sidebar #glossary dd {
	margin: 0px 0px 10px;
	padding-left: 66px;
}
.post dl{margin:20px 0px 0px 0px;}
.post dt{clear:both;float:left; width: 4em; margin-bottom:20px}
.post dd{ margin-left:5em;margin-bottom:20px;}

.post .inset{margin-left:40px; margin-right:40px;}


/* /////////////////////////////////////////  images & captions ////////////////////////// */

.thumbnail{border-color: #c8bcc4;}

.wp-caption{
	padding:0px;
	margin: 16px 0px 16px 0px;
}

.wp-caption img{ 
	display:block;
	border:0; 
}
/*
<figure style="width: 1024px" class="wp-caption alignright">
<a href="https://live.staticflickr.com/7843/40647437483_8f9785d929_h.jpg" class="enlarge">
<img class="size-medium" src="https://live.staticflickr.com/7843/40647437483_dbccdfd5f6_b.jpg" width="1024" height="768">
<span class="sb_enlargeicon glyphicon glyphicon-resize-full"></span>
</a>
<figcaption class="wp-caption-text">swatch</figcaption>
</figure>*/

img.alignright, .wp-caption.alignright{
	float:right;
	margin:10px 0px 20px 20px;
	padding:0;
	display:block;
}

figure.alignright, figure.alignleft{clear:both;max-width:75% !important;}

figcaption{
	color:#4d4247;
	padding:5px 0;
	font-size:13px;
}

@media (min-width:1024px){
	figure.alignright{ margin:0px 0px 20px 20px; }
	figure.alignleft{ margin:0px 20px 20px 0px; }
	figcaption{	padding:10px 0; font-size:14px; }
}

@media (max-width:1023.99px){
	figure.alignright{ max-width:75%; padding-left:20px; }
	figure.alignleft{ max-width: 75%; padding-right:20px; }
}





img.alignleft, .wp-caption.alignleft{
	float:left;
	margin:10px 20px 20px 0px;
	padding:0;	
	display:block;
}

.wp-caption.aligncenter, .wp-caption.alignnone,  img.aligncenter, img.alignnone{
	margin: 0px auto 20px auto;
	display:block;
	clear:both;
	max-width: 100% !important;
    height: auto;
}

p > img.aligncenter, p > img.alignnone, p > a> img.alignnone, p > a> img.aligncenter{
	margin-bottom:0;
}

.wp-caption.alignnone, img.alignnone{ margin-left:0px; }

.wp-caption.alignnone img, .wp-caption.aligncenter img{
	margin: 0px;
	max-width: 100% !important;
    height: auto;
	display:block;
	clear:both;
}

p.wp-caption-text{
	margin:0;
	padding:10px;
	font-size:14px;
	text-align:center;	
}

.img404{
	width:100%;
	max-width:236px;
}

@media (max-width:999px){
	img.aligncenter, .wp-caption.aligncenter img{
		max-width:100% !important;
		max-height:100% !important;
		height:auto;
	}
}

@media (max-width: 767px){
	.wp-caption.alignright, .wp-caption.alignleft, img.alignleft, img.alignright{
		max-width:50% !important;
		height:auto;
	}
	.wp-caption.alignright img, .wp-caption.alignleft img {
		height:auto;
		width:auto;
		max-width:100%;
		max-height:100%;
	}
}

iframe{max-width: 100%;}

.inset-shadow::before{
	display:block;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    -moz-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.1);
    box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.1);
}

.inset-shadow.oos::before{ background-color: rgba(200, 188, 196, 0.5);}

.current.inset-shadow::before{ background-color: rgba(34, 0, 22, 0.2);}

.resbox{
	height: 0; 
	position:relative;
	background-size:cover;
	background-position:center center;
	display:block;
	content:" ";
}

.resbox.square{ padding-bottom: 100%; }

@media screen{ /* don't print the block */
	.jumbo{
		margin:0px -20px 20px -20px;
		position:relative;
		overflow:hidden;
	}
	
	.jumbo .resbox{ /* responsive box */
		padding-bottom: 35%;
	}
	
	
	.single-pattern .jumbo .resbox {padding-bottom: 40%;}
	
	.single-post .jumbo{margin-bottom:0;}
	
	.jumbo .img{ 
		width:100%;
		height:100%;
		background-size:cover;
		background-position:center center;
		overflow:hidden;
		position:absolute;
		top:0;left:0;
		z-index:5;
		margin:-10px; /*deal with the vignette */
		padding:10px;
		box-sizing:content-box;
		display:block;
		-webkit-filter: blur(0px); 
		-moz-filter: blur(0px); 
		-o-filter: blur(0px); 
		-ms-filter: blur(0px); 
		filter: blur(0px);
		-webkit-transition: -webkit-filter 1s;
		transition: filter 1s;
	}
	
	.jumbo .img.blur{ 
		-webkit-filter: blur(7px); 
		-moz-filter: blur(7px); 
		-o-filter: blur(7px); 
		-ms-filter: blur(7px); 
		filter: blur(7px);
	}
	
	.single .jumbo .jumbo-heading, .page .jumbo .jumbo-heading, .archive .jumbo .jumbo-heading{
		position:absolute;
		top:0px;
		left:0px;
		z-index:20;
		background-color: rgba(34,0,22,0.2);
		width:100%;
		height:100%;
		text-align:center;
		box-sizing:border-box;
		padding:30px 0px 0px 0px;
	}
	
	.jumbo .jumbo-heading .text h2 {
		color:white;
		line-height:1.0em;
	}
	
	.single-pattern .jumbo .jumbo-heading .text h2 {
		    font-size: 56px;
			letter-spacing: 0.04em;
			font-weight: 500;
	}
	
}

@media screen and (min-width: 1280px){ 
	.single-pattern .jumbo .resbox {padding-bottom: 35%;} 
	.single-pattern .jumbo .jumbo-heading .text h2 { font-size: 64px; }
}
	
.jumbo .jumbo-heading::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.jumbo .jumbo-heading .text{ 
	display: inline-block;
	vertical-align:middle;
}

.single .jumbo .jumbo-heading .text h2{ 
	line-height:1.05em;
	margin-bottom:5px !important;
}

.page .jumbo .jumbo-heading .text h2,.archive .jumbo .jumbo-heading .text h2{
	font-size:5vw !important;
	font-weight:300;
	text-shadow: 1px 0px 3px rgba(34,0,22,0.2);
}

.archive .jumbo .jumbo-heading .text h2{
	text-transform: uppercase;
    letter-spacing: 0.1em;
}


.jumbo .jumbo-heading .author{ 
	font-weight:bold;
	font-weight:500;
	color:white;
}
	
@media screen and (min-width: 1600px){
	
	.page .jumbo .jumbo-heading .text h2{ 
		font-size:80px !important;
	}
	.archive .jumbo .jumbo-heading .text h2{ 
		font-size:80px !important;
	}
}

@media screen and (max-width: 1023.99px) {
	.single-pattern #iasu_main  .jumbo .jumbo-heading .text h2 { font-size: 48px; }
}

@media screen and (max-width: 767.99px) {
	.archive .jumbo .jumbo-heading{	padding:10px 10px; }
	.single-pattern #iasu_main  .jumbo .jumbo-heading .text h2 { font-size: 38px; }
}

@media (max-width: 479.99px){
	
	.jumbo .resbox{ padding-bottom: 75%; }

	.page .jumbo .jumbo-heading .text h2{ 
		font-size:8vw !important;
	}
	.archive .jumbo .jumbo-heading .text h2{ 
		font-size:8vw !important;
	}
}


@media screen and (max-width: 479.99px), screen and (max-width:767.99px) and (orientation:landscape){ 
	.jumbo{ margin:0px -10px 10px -10px; }
}

/* flickr images on product pages */
#iasu_flickr_product{
	display:block;
	width:100%;
	margin-bottom:10px;
	overflow:hidden;
}

#iasu_flickr_img_wrap{
	display:block;
	width:auto;
}

.iasu_flickr_thumb a{display:block; position:relative; width:75px; height:75px; overflow:hidden;}

#iasu_flickr_img{
	max-width:100%;
	width:100%;
	height:auto;
	margin:0;
	display:block;
}

#iasu_flickr_thumbs{
	margin:10px -10px -5px -5px;	
	padding: 0px 0px 5px 5px;
}

.iasu_flickr_thumb a {margin:0;border:0;}
.iasu_flickr_thumb{
	float:left;
	border:3px solid #c8bcc4;
	margin:0px 5px 5px 0px;
}

.iasu_flickr_thumb.current{
	border-color:#e70193;
}

.iasu_flickr_thumb:hover {
	border-color:#e70193;
}

@media (max-width: 479px){
	#iasu_flickr_img{ max-width:100% !important; }
	.iasu_flickr_thumb a, .iasu_flickr_thumb a img{width:30px; height:30px;}
	#iasu_flickr_thumbs{margin-top:3px;}
	.iasu_flickr_thumb{border-width:2px}
}

/* SHOP needs revisiting */

.single-product h2{font-size:32px;margin-bottom:16.8px;margin-top:-7px;}

.single-product .main h3{ text-transform:uppercase; font-size:20px; font-weight:300; }
.single-product .buycta {clear:both;margin-top:20px; margin-bottom:0px;}

.single-product .product_info hr.divider{width:50%;margin-left:0;margin-right:0; border-color:#c8bcc4}
.single-product .product_info  hr.divider.top{margin-top:0;}

.single-product .catsmeta h4{
	font-weight:100;
	text-transform: uppercase;
	font-size:16px;
	
}

.single-product .catsmeta ul{
	margin-left:0;
	margin-top:0px;
	padding:0;
}

.single-product .catsmeta li{ list-style:none; margin:0; padding:0; }

.single-product .catsmeta ul > li li{
	list-style:none;
	font-size:14px;
	margin-left:0;
	margin-top:10px;
	padding:0;
	display:inline-block;
}

.single-product .catsmeta ul > li li:after{
	content: "/";
	display:inline-block;
	padding:0px 5px;
	color: #9f8d99;
}

.single-product .catsmeta ul > li li:last-child:after, .single-product .catsmeta ul > li li:first-child:after{ content:''; }

@media (min-width:1280px){ .single-product h2{font-size:36px;margin-bottom:16.4px;margin-top:-8px;} }

@media (max-width:767px){ 
	.single-product .product_info  hr.divider.top{display:none;} 
	.single-product .product_info hr.divider{width:100%} 
	
}

.single-product p.price{font-size:20px;}
.old_price{text-decoration:line-through; }
.sale_notice{font-size:16px; color: #9f8d99;}
.sale_price{color:red;}

@media (max-width:479px){
	.single-product #quantityform label{
		float:left;
	}
	.single-product .well{ margin-top:10px!important;margin-bottom:10px;}
	.single-product .product_info hr.divider{margin-top:10px;margin-bottom:10px;}
}

.shipping{font-size:14px; margin-top:0px; padding:6px 10px 6px 60px;}
.shipping .truck{ 
	display:block;
	float:left;
	background: url('img/delivery-truck.png') no-repeat;
	background-size:contain;
	background-position: top left;
	width:41px;
	height:23px;
	margin:3px 0px 0px -52px ;
	opacity: 0.7;
}


.tax-product_category h2, .tax-yarn_weight h2,.tax-yarn_line h2{margin-top:-4.8px;}


/* shop home pboxes */

.catbox_row{margin-top:20px;}

.shop_catbox, .infobox{ margin-bottom:20px;}

.shop_catbox .resbox{
	padding-bottom: 100%;
}

.shop_catbox.yarn_line .resbox{
	padding-bottom: 66.66%;
}

.infobox a{
	display:block;
	position:absolute;
	height:100%;
	width:100%;
	background-color: rgba(34,0,22,0.1);
	transition: 0.3s;
}
.infobox a:hover {background-color:transparent;}

.infobox h3{
	position:absolute;
	left:0;
	bottom:0;
	padding:18.8px 20px; /* needs adjusting for line height */
	font-family: 'museo-slab', Roboto;
	color:white;
	margin:0;
	font-size:24px;
	line-height:1.1em;
	background-color:#220016;
	width:100%;
	font-weight:500;
	text-align:center;
	transition: 0.3s;
}

.infobox a:hover h3{ background-color:rgba(231,1,147,1); }


@media (max-width:1023px){
	.infobox h3{ padding:19px 20px; font-size:20px; }
}
@media (max-width:480px ){
	.infobox h3{ padding:9.1px 10px; font-size:16px; }
}

.shop_catbox a{
	display:block;
	position:absolute;
	height:100%;
	width:100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 38%,rgba(24,0,22,0.2) 49%,rgba(34,0,22,0.7 100%));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(49%,rgba(8,0,3,0)), color-stop(100%,rgba(25,0,10,0.6)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 38%,rgba(24,0,22,0.2) 49%,rgba(34,0,22,0.7 100%));
    background: -o-linear-gradient(top, rgba(0,0,0,0) 38%,rgba(24,0,22,0.2) 49%,rgba(34,0,22,0.7 100%));
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 38%,rgba(24,0,22,0.2) 49%,rgba(34,0,22,0.7 100%));
    background: linear-gradient(to bottom, rgba(0,0,0,0) 38%,rgba(24,0,22,0.2) 49%,rgba(34,0,22,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#9919000a',GradientType=0 );
	-webkit-transition:background 500ms; 
	transition: background 500ms;
}

.shop_catbox a:hover{
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(24,0,22,0.2) 35%,rgba(34,0,22,0.7 100%));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(35%,rgba(8,0,3,0.2)), color-stop(100%,rgba(25,0,10,0.6)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(24,0,22,0.2) 35%,rgba(34,0,22,0.8 100%));
    background: -o-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(24,0,22,0.2) 35%,rgba(34,0,22,0.8 100%));
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(24,0,22,0.2) 35%,rgba(34,0,22,0.8 100%));
    background: linear-gradient(to bottom, rgba(0,0,0,0) 5%,rgba(24,0,22,0.2) 35%,rgba(34,0,22,0.8) 100%);
}

.shop_catbox h3{
	position:absolute;
	left:0;
	bottom:0;
	padding:20px 145px 21px 20px; /* needs adjusting for line height */
	font-family: 'museo-slab', Roboto;
	color:white;
	margin:0;
	font-size:28px;
	line-height:1.1em;
}

.shop_catbox.yarn_line h3{
	padding:10px 10px 8.6px 10px; /* needs adjusting for line height */
	z-index:55;
	position:relative;
}

.shop_catbox.colour h3{
	padding:10px 10px 8.6px 10px; /* needs adjusting for line height */
	font-size:22px;
	line-height:1.1em;
}

.shop_catbox.yarn_line a .tagline{
	padding:0px 10px 8.6px 10px; /* needs adjusting for line height */
	z-index:55;
	color:white; 
	text-decoration:none;
	font-weight: 300;
	font-size: 16px;
	margin:-2px 0px 0px 0px;
	line-height: 1em;
	text-transform: uppercase;
} 

.shop_catbox.yarn_line .pos{
	position:absolute;
	bottom:0px;
	left:0px;
}

.shop_catbox .btn.btn-pbox{
	position:absolute;
	bottom: 20px;
	right:20px;
	line-height:1em;
	font-size:14px;
	-webkit-transition:background-color 500ms; 
	transition: background-color 500ms;
}

.shop_catbox .btn.btn-pbox .glyphicon{font-size:0.87em;}

.shop_catbox .btn.btn-pbox:hover{ color: #220016;background-color:white; }

.shop_catbox_sm .resbox{ padding-bottom:100%; }

.shop_catbox_sm .a{ display:block;width:100%;height:100%;}
.shop_catbox_sm h3{ 
	margin:0;
	color:white;
	text-align:center;
	font-family: museo-slab, Roboto, sans-serif;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform: translate(0, -50%);
	padding:10px;
	font-weight:bold;
	font-size:24px;
}

.catbox_row .listbox.mosaic {
    margin-bottom: 20px;
    margin-top: 0px;
}

@media  (max-width:1279px){
	.shop_catbox h3{ font-size:26px; }
}

@media  (max-width:999px){
	.shop_catbox h3{ font-size:22px; font-weight:bold;}
	.shop_catbox.colour h3{ font-size:16px; }
	.shop_catbox.colour h3 .glyphicon{ font-size:10px; whitespace:nowrap; }
}

@media  (max-width:767px){
	.shop_catbox .btn.btn-pbox{display:none;}
	.shop_catbox h3{padding-right:20px;}
	.shop_catbox.yarn_line a .tagline{
		font-size: 13px;
	}
	.shop_catbox.yarn_line .resbox{ padding-bottom:  100%;
	}

}

@media  (max-width:767px) and (orientation:landscape), (max-width: 479px){
	.shop_catbox h3{padding:10px;}
	.catbox_row{margin-top:10px;}
	.shop_catbox{margin-bottom:10px;}
	.catbox_row .listbox.mosaic { margin-bottom: 10px;}
}

@media (max-width: 479px) {
	.tax-product_category h2 {margin-top:-3px; font-size:30px; margin-bottom:10px;}
	.single-product h2{margin-top:-3px; font-size:24px; margin-bottom:10px;}
	.shop_catbox h3{font-size:20px;}
	.col-xs-12 .shop_catbox h3{ font-size:24px; }
	.col-xs-12 > .shop_catbox .resbox{ padding-bottom: 50%; }
}

.tab-pane{
	padding-top:20px; padding-bottom: 20px;
}

.tab-pane p{
	margin-top:-4.8px;
}

.nav-tabs>li>a{padding:8px 15px;}

@media (min-width: 1280px){
	.tab-pane p .alignright{
		position:absolute;
		right:0;
	}
	.tab-pane p{
		max-width: 875px;
	}
}

@media (max-width:479.99px){
	.nav-tabs>li>a{padding:5px 10px;font-size:14px;}
}


/* SHOPPING BASKET */
#shop_basket {
    overflow:hidden;
	border-radius:3px;
    width: 100%;
    margin: 13px 0px 20px 0px;
}

#shop_basket th {
    background-color: #f2ebf0;
    font-weight: bold;
    padding: 10px;
	border-left:0;
	border-right:0;
}

#shop_basket tbody td {
    border: 0;
    border-top: 1px solid #c8bcc4;
    padding: 10px;
}

#shop_basket img {
    border: 0;
    margin-left: -10px;
}

#shop_basket tbody td.title{padding-left:0px;}

#shop_basket tbody td.quantity {
    text-align: center;
}
#shop_basket tbody td .available {
    font-size: 12px;
    white-space: nowrap;
}
#shop_basket tbody td.remove {
	font-size:12px;
}
#shop_basket tbody td.remove a{ color: #c8bcc4; }
#shop_basket tbody td.remove a:hover{ color: #e70193; }
#shop_basket tbody th {
    text-align: right;
    background: none;
}

#basket_total{
	width:100%;
	border-collapse: collapse;
	margin: 20px 0px 10px 0px;
}

#basket_total td, #basket_total th{
	padding: 0px 0px 10px 0px;
	vertical-align:top;
}

#basket_total td{
	text-align:right;	
	padding-left:20px;
}

#basket_total .shipping_description{font-weight:normal; font-size:14px}

.page-template-page-basket-bootstrap h3{
	    font-weight: 300;
    text-transform: uppercase;
}

@media (max-width: 479px) {
	#shop_basket thead{border-top:2px solid #c8bcc4;display:block;}
	#shop_basket thead tr{display:none;}
	#shop_basket tbody td, #shop_basket tbody th{ display:block; border:0; box-sizing:border-box;}
	#shop_basket tbody tr{border-bottom:1px solid #c8bcc4; display:block;}
	#shop_basket tbody tr::after{content:'';clear:both;display:block;}
	 #shop_basket tbody td.basketthumb{ float:left; padding-bottom:0px; }
	 
	#shop_basket tbody td.unitprice{padding-top:0px; margin-left:75px; font-size:12px;}
	#shop_basket tbody td.unitprice p::after{content:' each';}
	#shop_basket tbody td.unitprice p{margin-bottom:0;}
	#shop_basket tbody td.quantity{float:left;clear:both;padding-left:0px;width:75px;text-align:left;}
	#shop_basket tbody td.quantity::before{content: "Qty: "; }
	#shop_basket tbody td.lineprice{ float:left; font-weight:bold;}
	#shop_basket tbody td.remove{ float:right; }
	
	#shop_basket tbody th{ float:left; width:66%; clear:both; font-weight:normal;}
	#shop_basket tbody td.total{ float:right; font-weight:bold; }
}


#giftaccordion a.collapsed #giftoptionsclose.glyphicon-minus:before { content: "\002b";}


@media screen, print{
.rating{
	white-space:nowrap;
	 position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.rating span{display:none;}
.rating.star1:before{     content: "\e006\e007\e007\e007\e007";}
.rating.star2:before{     content: "\e006\e006\e007\e007\e007";}
.rating.star3:before{     content: "\e006\e006\e006\e007\e007";}
.rating.star4:before{     content: "\e006\e006\e006\e006\e007";}
.rating.star5:before{     content: "\e006\e006\e006\e006\e006";}

.rating.cloud1:before{	content: "\2601"; }
.rating.cloud2:before{	content: "\2601\2601"; }
.rating.cloud3:before{	content: "\2601\2601\2601"; }
.rating.cloud4:before{	content: "\2601\2601\2601\2601"; }
.rating.cloud5:before{	content: "\2601\2601\2601\2601\2601"; }
}

/* mittens pattern */

.postid-2766 .panel .row{margin-bottom:0;}

.postid-2766 .inline-form input.form-control, .postid-2766 .inline-form select.form-control, .postid-2766 .inline-form label, .postid-2766  .inline-form .form_group span{width:auto; display:inline-block; float:none;}
.postid-2766 .inline-form input.form-control.short{ width:70px;}

.postid-2766 .panel .panel-heading:nth-child(3) { border-top-width:1px; }

.postid-2766 .post .btn-primary{margin-bottom:10px;}
.postid-2766 .modal .btn-primary{margin-bottom:0px;}

.modal {z-index:35000;}
.modal-backdrop {background-color:rgba(0,0,0,0.75);z-index:34000;}
.modal-footer{margin-top:0;}

/* Chrome, Safari, Opera */
@-webkit-keyframes update {
	from {background-color: #faeeb9;}
	to {background-color: #fff;}
}

/* Standard syntax */
@keyframes update {
	from {background-color: #faeeb9;}
	to {background-color: #fff;}
}
	
@media screen{
	.postid-2766 .dynamic{
		 background-color: #fff;
	}	
	.postid-2766 .dynamic.updated{ 
		-webkit-animation-name: update; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
		animation-name: update;
		animation-duration: 0.5s;
	}
}

.postid-2766 .nav-pills > li > a {
    border-radius: 5px;
	border:1px solid #c8bcc4;
	padding: 5px 10px;
}

.postid-2766 .nav-pills > li.active > a {
	border:1px solid #e70193;
}

.postid-2766 .nav-pills > li + li {
    margin-left: 10px;
}

.btn-primary.btn-lg .loading{display:none;height:18px;width:18px;background:url(./images/rolling.svg) no-repeat top left;}

.btn-primary.btn-lg.loading .loading{display:inline-block;}
.btn-primary.btn-lg.loading .glyphicon{display:none;}
#button-update.btn-primary.btn-lg[disabled] .glyphicon.glyphicon-refresh:before{content: "\e013";}

/* LISTBOXES */

.listbox{margin-bottom:20px;}
.listbox.mosaic{margin-bottom:10px;margin-top:10px;}

.listbox .resbox{ /* responsive box */
	padding-bottom: 66.66666%;
	background-color: #00a9b4;	
	background-image: -webkit-gradient(radial, 80% 100%, 0, 80% 100%, 182, color-stop(0%, rgb(128, 212, 218)), color-stop(100%, #00a9b4));
	background-image: -webkit-radial-gradient(80% bottom, farthest-side, #99dde1 -20%, #00a9b4 100%);
	background-image: -moz-radial-gradient(80% bottom, farthest-side, #99dde1 -20%, #00a9b4 100%);
	background-image: -ms-radial-gradient(80% bottom, farthest-side, #99dde1 -20%, #00a9b4 100%);
	background-image: -o-radial-gradient(80% bottom, farthest-side, #99dde1 -20%, #00a9b4 100%);
	background-image: radial-gradient(farthest-side at 80% bottom, #99dde1 -20%, #00a9b4 100%);
}

.home .products .listbox .resbox{ /* responsive box */
	padding-bottom: 75%;
}

.listbox:nth-child(5n+1)  .resbox{
	background-color:rgba(237, 190, 19, 1);
	background-image: -moz-radial-gradient(15% 19%, circle farthest-side, rgba(255, 255, 255, 0.7), rgba(237, 190, 19, 1) 80%,rgba(255, 255, 255, 0.2) 100%);
	background-image: -webkit-radial-gradient(15% 19%, circle farthest-side, rgba(255, 255, 255, 0.7), rgba(237, 190, 19, 1) 80%,rgba(255, 255, 255, 0.2) 100%);
	background-image: -o-radial-gradient(15% 19%, circle farthest-side, rgba(255, 255, 255, 0.7), rgba(237, 190, 19, 1) 80%,rgba(255, 255, 255, 0.2) 100%);
	background-image: -ms-radial-gradient(15% 19%, circle farthest-side, rgba(255, 255, 255, 0.7), rgba(237, 190, 19, 1) 80%,rgba(255, 255, 255, 0.2) 100%);
	background-image: radial-gradient(15% 19%, circle farthest-side, rgba(255, 255, 255, 0.7), rgba(237, 190, 19, 1) 80%,rgba(255, 255, 255, 0.2) 100%);	
}
.listbox:nth-child(5n+2)  .resbox{
	background-color: #4d4247;
	background-image: -moz-radial-gradient(79% -24%, circle farthest-corner, rgba(200, 188, 196, 0.7), #4d4247 74%);
	background-image: -webkit-radial-gradient(79% -24%, circle farthest-corner, rgba(200, 188, 196, 0.7), #4d4247 74%);
	background-image: -o-radial-gradient(79% -24%, circle farthest-corner, rgba(200, 188, 196, 0.7), #4d4247 74%);
	background-image: -ms-radial-gradient(79% -24%, circle farthest-corner, rgba(200, 188, 196, 0.7), #4d4247 74%);
	background-image: radial-gradient(79% -24%, circle farthest-corner, rgba(200, 188, 196, 0.7), #4d4247 74%)
}

.listbox:nth-child(5n+3)  .resbox{
	background-color: #e70193;
	background-image: -moz-radial-gradient(12% 100%, circle farthest-corner, rgba(213, 199, 217, 0), rgba(34,0,22,0.4) 79%);
	background-image: -webkit-radial-gradient(12% 100%, circle farthest-corner, rgba(213, 199, 217, 0), rgba(34,0,22,0.4)79%);
	background-image: -o-radial-gradient(12% 100%, circle farthest-corner, rgba(213, 199, 217, 0), rgba(34,0,22,0.4) 79%);
	background-image: -ms-radial-gradient(12% 100%, circle farthest-corner, rgba(213, 199, 217, 0), rgba(34,0,22,0.4) 79%);
	background-image: radial-gradient(12% 100%, circle farthest-corner, rgba(213, 199, 217, 0), rgba(34,0,22,0.4) 79%)
}

.listbox:nth-child(5n+4)  .resbox{
	background-color: #f2ebf0;
	background-image: -moz-radial-gradient(38% -5%, circle farthest-side, rgba(237, 190, 19, 0.5), rgba(231, 1, 147, 0.3) 79%);
	background-image: -webkit-radial-gradient(38% -5%, circle farthest-side, rgba(237, 190, 19, 0.5), rgba(231, 1, 147, 0.3) 79%);
	background-image: -o-radial-gradient(38% -5%, circle farthest-side, rgba(237, 190, 19, 0.5), rgba(231, 1, 147, 0.3) 79%);
	background-image: -ms-radial-gradient(38% -5%, circle farthest-side, rgba(237, 190, 19, 0.5), rgba(231, 1, 147, 0.3) 79%);
	background-image: radial-gradient(38% -5%, circle farthest-side, rgba(237, 190, 19, 0.5), rgba(231, 1, 147, 0.3) 79%)
}

.listbox.mini .resbox{ /* responsive box */
	padding-bottom: 100%;
}

.archive .listbox.product .resbox{ /* responsive box */
	padding-bottom: 75%;
}

/* too many font sizes :/  */
.listbox  h3{
	font-size: 20px; 
	margin-top:8px;
	margin-bottom:8px;
}

.archive .listbox.product h3, .single-product .listbox.product h3.post_title, .single-pattern .listbox.product h3.post_title, .home .listbox.product h3{
	font-size:16px;
	font-weight:300;
	text-transform:none;
}

.listbox a.wrapper h3,.listbox h3 a{
	color: #220016;	
}
.listbox.mini a.wrapper h3{
	font-size: 16px; 
	margin-top:5px;	
}
.listbox h3 a:hover, .listbox a.wrapper:hover h3, .listbox a.wrapper:hover {color: #e70193; text-decoration:none; }

.listbox .resbox h3{ 
	color:white; 
	padding:20px;
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	z-index:5;
	line-height:1.05em;
	font-size:27px;
	font-style:italic;
}

.listbox h3 .post_type{
	font-family:Roboto, sans-serif;
	font-weight:300;
	display:block;	
	font-size:14px;
	color: #220016;
	text-transform:uppercase;
	margin-bottom:5px;
}

.listbox.mini h3 .post_type {
	margin-bottom:3px;
}

/* medium size block, add other selectors as needed */
.col-md-3 .row .listbox .resbox h3, .tab-pane .listbox .resbox h3{
	font-size:16px;
	padding:10px;
}

.listbox.mosaic .resbox h3{
	font-size:16px;
	font-style: normal;
	padding:10px;
	font-weight:400;
	top:0px;
	line-height: 1.2em;
	font-family:Roboto;
}

.search .col-md-4.listbox .resbox h3{ font-size:22px; padding:10px;}

.listbox .gradientbg{
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	z-index:4;	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 25%, rgba(0,0,0,0) 40%, rgba(34,0,22,0.06) 46%, rgba(34,0,22,0.4) 80%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 25%,rgba(0,0,0,0) 40%,rgba(34,0,22,0.06) 46%,rgba(34,0,22,0.4) 80%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 25%,rgba(0,0,0,0) 40%,rgba(34,0,22,0.06) 46%,rgba(34,0,22,0.4) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
}

.listbox.mosaic .gradientbg{
	background: none;
	filter:none;
	opacity:0;
}

.listbox a:hover .gradientbg{
	background: -moz-linear-gradient(top,  rgba(34,0,22,0.05) 25%, rgba(34,0,22,0.05) 45%, rgba(34,0,22,0.07) 46%, rgba(34,0,22,0.6) 75%);
	background: -webkit-linear-gradient(top,  rgba(34,0,22,0.05) 25%,rgba(34,0,22,0.05) 45%,rgba(34,0,22,0.07) 46%,rgba(34,0,22,0.6) 75%);
	background: linear-gradient(to bottom,  rgba(34,0,22,0.05) 25%,rgba(34,0,22,0.05) 45%,rgba(34,0,22,0.07) 46%,rgba(34,0,22,0.6) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#99000000',GradientType=0 );
}
.listbox.mosaic a:hover .gradientbg{
	filter:none;
	background: rgba(34,0,22,0.35);
	-webkit-opacity: 1;
	opacity: 1;
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
}

.listbox .resbox .btn{
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: block;
    z-index: 5;
    margin-bottom: 0;
    line-height: 1;
    font-size: 14px;
}

.listbox .resbox .btn .glyphicon{font-size:11px;}

.listbox .resbox .btn:hover {
    background-color: white;
}

.listbox p.excerpt{
	font-size:16px;
	margin:5px 0px 0px;
}
.listbox .authordate{
    display: block;
    color: #9f8d99;
    font-style: italic;
    margin: 0px 0px 0px 0px;
}
.listbox .btn{ margin-top:10px; margin-bottom:5px; }

.listbox .pattern_format{
	text-transform:uppercase;
	font-weight:300;
}
.listbox .pattern_format.pdf {font-weight:400;}
.listbox .pattern .price{ font-weight:500; }
.listbox .pattern_format.pdf .glyphicon{ font-size:14px; }
.listbox .cta-light{
	font-weight:500;
	font-size:16px;
}


@media (max-width:1023.99px){
	.single-post .col-md-6.listbox:nth-child(2n+1){clear:both;}
}

.archive .col-md-4.listbox.product:nth-child(3n+1){clear:both;}
.archive .col-md-3.listbox.product:nth-child(4n+1){clear:both;}

.search .listbox a.btn{color:white;}

.ribbon-wrapper {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: -4px;
  left: -4px;
  z-index:10;
}

.ribbon {
  color: #fff;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  transform: rotate(-45deg);
  position: relative;
  padding: 3px 0px 2px;
  left: -25px;
  top: 14px;
  width:104px;
  background-color: #edbe13;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
  text-transform:uppercase;
  font-size:14px;
}

.ribbon:before, .ribbon:after {
  content: "";
  border-top:   3px solid #a68c0e;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.shop .ribbon{background-color: red;}
.shop .ribbon:before, .shop .ribbon:after { border-top:   3px solid #7a000d; }

.shop .ribbon{background-color: #e70193;}
.shop .ribbon:before, .shop .ribbon:after { border-top:   3px solid #990161; }

.ribbon:before { left: 0; }
.ribbon:after { right: 0; }

/* shop specific */
.listbox a .product-price, .listbox a .product-colour{
	position:absolute;
	bottom:10px;
	left:0;
	background-color:rgba(22,00,16,0.7);
	padding:10px 10px 10px 20px;
	color:white;
	font-weight:500;
	font-size:14px;
	text-transform:uppercase;
	line-height:1em;
}

.listbox a .product-colour{ bottom: 49px; }

.listbox a .oos .product-price, .listbox a .oos .product-colour{ background-color:#9f8d99; }

.listbox a:hover .product-price, .listbox a:hover .product-colour{
	background-color:#e70193;
	-webkit-transition: background-color 500ms, color 250ms;
    transition: background-color 500ms, color 250ms;
	text-decoration:none;
}

.listbox .resbox .product-price .original_price{ font-weight:300; text-decoration:line-through; padding-right:5px;}

/* mosaic boxes */

.listbox.mosaic .resbox{ padding-bottom: 100%; }

@media (min-width:768px) and (max-width:1279.99px){
	.home .col-md-8.listbox .resbox{padding-bottom: 67.8%} /* adjust for gap */
}

@media (min-width:1280px){
	
	.container > .row > .listbox.col-md-4:not(.product) .wrapper h3{ font-size:27px }
	
	.home .col-md-8.listbox .resbox{padding-bottom: 67.45%}
	
	.ribbon {
	  padding: 4px 0px 4px;
	  left: -29px;
	  top: 15px;
	  width: 120px;
	  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	  -moz-box-shadow:    0px 0px 4px rgba(0,0,0,0.3);
	  box-shadow:         0px 0px 4px rgba(0,0,0,0.3);
	  font-size:16px;
	}
	
	.col-md-3 .row .listbox .resbox h3, .tab-pane .listbox .resbox h3{ font-size:22px; }
	.container > .row > .col-md-6.listbox .resbox h3, 	.home .col-md-8.listbox .resbox h3{ font-size:36px;	}
	.listbox.mini a.wrapper h3 { font-size: 18px; }
	.search .col-md-4.listbox .resbox h3{ font-size:27px; padding:20px;}
	
	.listbox.mosaic .resbox h3{	font-size:18px; }
}

@media (max-width:999.99px ){
	.listbox.mosaic .resbox h3{	font-size:14px; }
	.listbox.mosaic .resbox .btn{display:none;}
	.listbox a .product-price, .listbox a .product-colour{font-size:11px; bottom:5px; padding: 6px 7px 6px 10px}
	.listbox a .product-colour{ bottom: 31px; }
}

@media(min-width:480px) and (max-width:767.99px){
	.listbox.mini:nth-child(3n+1){ clear:both; }
	.archive .col-md-4.listbox.product:nth-child(3n+1){clear:none;}
	.archive .col-md-3.listbox.product:nth-child(4n+1){clear:none;}
	.archive .col-sm-4.listbox.product:nth-child(3n+1){clear:both;}
	.single-product .col-sm-4.listbox.product:nth-child(3n+1){clear:both;}
	.listbox a .product-price, .listbox a .product-colour{bottom:10px; padding: 5px 5px 5px 10px}
}

@media (max-width:767px) and (orientation:portrait){
	.col-sm-12 .row .col-sm-6.listbox .resbox h3{ font-size: 22px;	}
}

@media (max-width:479px), (max-width:767px) and (orientation:landscape){
	
	.listbox a .product-price, .listbox a .product-colour{
		bottom:5px;
		padding:5px 8px 5px 10px;
		font-size:11px;
	}
	.listbox a .product-colour{ bottom: 30px; }
	
	.listbox .resbox h3{
		padding:10px;	
		font-size:22px;
	}
	
	.listbox  h3 { font-size:18px; }
	.listbox h3 .post_type{font-size:13px}
	
	.col-xs-12 .row .col-xs-6.listbox .resbox h3, .search .col-xs-6.listbox .resbox h3{ font-size:15px;	}
	.listbox{margin-bottom:10px;}
	.listbox.mosaic{margin-bottom:5px;margin-top:5px;}
	.ribbon{
		padding: 2px 0px 1px;
		left: -18px;
		top: 8px;
		width: 73px;
		font-size: 12px;
	}
}
@media (max-width:767px) and (orientation:landscape){
	.col-xs-12 .row .col-xs-6.listbox .resbox h3 { font-size:22px ; padding:10px;}
}

@media (max-width:479px){
	.listbox.mini .resbox{ 
		width:100px;
		height:100px;
		float:left;
		padding-bottom:0;
		margin-right:10px;
	}
	.container > .row > .col-xs-12.listbox.mosaic .resbox{ padding-bottom: 50%; }
	.container > .row > .col-xs-12.listbox.mosaic .resbox h3{ font-size:18px; top:initial;bottom:0px;}
	.container > .row > .col-xs-12.listbox.mosaic .gradientbg{ 
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 25%, rgba(0,0,0,0) 40%, rgba(34,0,22,0.06) 46%, rgba(34,0,22,0.4) 80%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 25%,rgba(0,0,0,0) 40%,rgba(34,0,22,0.06) 46%,rgba(34,0,22,0.4) 80%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 25%,rgba(0,0,0,0) 40%,rgba(34,0,22,0.06) 46%,rgba(34,0,22,0.4) 80%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
		-webkit-opacity:1;
		opacity:1;
	}
	
	.listbox.mini a.wrapper h3{
		margin-top:0;	
		font-size:18px;
	}
	
	.container > .row > .listbox.col-xs-12.col-md-4:not(.product) .wrapper h3{ font-size:22px }
	.archive .col-sm-4.listbox.product:nth-child(3n+1), .single-product .col-sm-4.listbox.product:nth-child(3n+1){clear:none;}
	.archive .col-xs-6.listbox.product:nth-child(2n+1), .single-product .col-xs-6.listbox.product:nth-child(2n+1){clear:both;}
}

/* yarn modal */

.yarnpop .modal-header {
	padding: 15.2px 20px 0px 20px;
	border:0;
}

.yarnpop .modal-title {
	font-family: 'museo-slab', 'Roboto', sans-serif;
	font-weight:700;
}

.yarnpop .modal-body { padding-top:10px; padding-bottom:10px; }
.yarnpop .modal-footer { text-align:left; padding-top:18px; padding-bottom:18px; }

.yarnpop #large_img{
	width:100%;
	max-width:100%;
	height:auto;
}

.modal-lg {
    width: 842px;
}
.yarnpop  #yarnpop_thumbs{ padding-bottom: 0px; }
.yarnpop  .yarnpop_thumb{
	display:inline-block;
	margin:10px 10px 0px 0px;
	cursor:pointer;
}

.yarnpop label{
	font-size:16px;
	width:initial;
	display: inline;
	padding:0;
    padding-right: 10px;
    font-weight: normal;
}
.yarnpop .stock_msg{
	display:block;
	font-size:14px;
	clear:both;
}

.currencyconversion{font-style: italic;}
a.currencyconversion{
	color:inherit;
	border-bottom: 1px dashed #9f8d99;
}

a.currencyconversion:hover{
	text-decoration:none;
}

.yarnpop .old_price{font-size:14px;}

.yarnpop .price{line-height:1.2em;}

.yarnpop .price strong{font-size:18px;}

.yarnpop hr{margin-top:0;margin-bottom:10px;}

.yarnpop .btn-primary{margin-bottom:0;}

.yarnpop .stock{margin-right:20px;}
.yarnpop .stock_msg{white-space:nowrap;}

.yarnpop #poppin{
	position: absolute;
	top: 10px;
	left: 20px;
}

@media (max-height:929px){
	.yarnpop  .yarnpop_thumb img{ 
		width:50px;
		height:50px;
	}
}


/* IMAGE ENLARGER */

#sb_imageviewer{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:40000;
	padding:10px; 
	background-color: rgba(0,0,0,0.6);
}

@media(min-width:768px){ .admin-bar #sb_imageviewer{  padding-top:52px;} }

#sb_imageviewer .cellwrapper{
	display:table-cell;
	vertical-align:middle;	
	width:100%;
	text-align:inherit;
}

#sb_positioners{
	position:relative;
	width:100%;
	display:block;
	height:100%;	
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);
}

/* HEADER */

#sb_imgheader{
	top:0px;
	left:0;
	width:100%;
	height:40px;
	position:absolute;
	background-color: #f2ebf0;
	color:#220016;
	z-index:55;
	
}

#sb_logo{
	color: #fff;
	text-decoration: none;
	text-shadow: -1px 1px 3px #e70193;	
    font-family: museo-slab;
    font-weight: 700;
    font-size: 22px;
	display:table;
	height:40px;
	padding-left:10px;
	font-style:italic;
}

#sb_imageinfo{
	position:absolute;
	top:0px;
	left:0;
	margin:0px 200px 0px 225px;
	padding:9px 9px;
	max-width:993px;
	min-height:40px;
	background-color:rgba(200,188,196,0.9);
}

@media(max-width:767.999px){

	#sb_imageviewer{
		padding:0px;
	}
}


.hide{
	-webkit-opacity: 0;
 	-moz-opacity: 0;
 	opacity: 0;
}

@media(min-width:768px){
	.hide{
		-webkit-transition: -webkit-opacity 200ms ease-in-out;
		-moz-transition: -moz-opacity 200ms ease-in-out;
		-ms-transition: opacity 200ms ease-in-out;
		-o-transition: opacity 200ms ease-in-out;
		transition: opacity 200ms ease-in-out;
	}
}

.sb_single #sb_imageinfo{margin-right:51px}

#sb_imageinfo p{ 
	margin:0;
	padding:0;
	line-height:1.2em;
}
#sb_imageinfo p#sb_infoheading{ text-transform:uppercase;}

#sb_counter{
	right:120px;
	width:80px;
	height:40px;
	top:0;
	display:table;
	position:absolute;
	z-index:556;
	text-align:right;
	color:inherit;
	color:#220016;
	line-height:1.2em;
	box-sizing:border-box;
	padding-right:15px;
}

.sb_headerbutton{
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:40px;
	display:table;
	margin:0px 0px 0px 0px;
	border-color:#9f8d99;
	border-style:solid;
	border-width:0;
	border-left-width:1px;
	font-size:1.2em;
	color:#9f8d99;
	cursor:pointer;
	z-index:555;
}
.sb_headerbutton.selected{  background-color:rgba(200,188,196,0.9); color:#f9f7f8; }
/*.sb_headerbutton:hover, .sb_headerbutton.selected:hover{background-color: #f09;color:#f9f7f8;} */
.sb_headerbutton.hover, .sb_headerbutton.selected.hover{background-color: #e70193;color:#fff;} 
.sb_headerbutton:active, .sb_headerbutton.selected:active{background-color:#220016;color:#fff;}
.sb_headerbutton.selected.disabled, .sb_headerbutton.disabled{color:#fff; background-color:transparent;cursor:default;}

.sb_headerbutton span{ text-align:center; vertical-align:middle; display:table-cell;padding-bottom:5px;}

#sb_right{ right:40px; }

#sb_left{ right:80px; }

#sb_info{ left:0px; border-right-width:1px;}


/* IMAGE ENLARGER */

#sb_imagebody{
	top:0;
	left:0;
	position:relative; 
	height:100%;
	width:100%;
	background-color:rgba(34,0,22,0.9);
	text-align:center;
	overflow:hidden;
	box-sizing:border-box;
	padding:50px 10px 10px 10px;
}

#sb_imagebody #sb_image {
	display: inline-block;
	width: auto;
	height:auto;
	max-height:100%; 
	max-width:100%;
	border:0;
	vertical-align: middle;
}

#sb_imagebody::before {
	  content: '';
	  display: inline-block;
	  height: 100%;
	  vertical-align: middle;
	  xmargin-right: -0.25em; /* Adjusts for spacing */
}

/* add a loading class */
#sb_imagebody.loading{
	/*background-image:url(loading.gif);*/
	background-position:center center;
	background-repeat:no-repeat;
}

@media (max-width: 999.99px){ 
	#sb_info{
		left:0px;
		border-right-width: 1px;
		border-left-width:0;
	}
	#sb_imageinfo{margin-left:50px;}
}

@media(max-width:767.99px){
	.sb_headerbutton{
		border:0;
		color:white;
		background-color:rgba(0,0,0,0.3);
	}
	#sb_left{ left:10px;top:50%; margin-top:-20px;}

	#sb_counter,#sb_imageinfo{ display:none;}
	#sb_right{ right:10px;top:50%; margin-top:-20px;}
	
	#sb_imgheader{background-color:transparent;height:100%}
	
	#sb_imagebody{padding-top:10px;}
	
}


/* IN PAGE */
a.enlarge{display:inline-block;position:relative;}
a.enlarge.alignright, a.enlarge.alignleftt{display:block;}
.single-product a.enlarge{display:block;}

.sb_enlargeicon.glyphicon{
	color:#fff;
	font-size:15px;
	box-shadow: -0px 1px 3px rgba(0,0,0,0.4);
	height:30px;
	width:30px;
	text-align:center;
	top:10px;
	right:10px;
	position:absolute;
	background-color:#9f8d99;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	box-sizing:border-box;
	padding-top:8px;
	-webkit-opacity: 0.6;
 	-moz-opacity: 0.6;
 	opacity: 0.6;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#pattern_images  .sb_enlargeicon.glyphicon {
    font-size: 13px;
    height: 30px;
    width: 30px;
    top: 15px;
    right: 15px;
    padding-top: 9px;
}

a.enlarge:hover .sb_enlargeicon.glyphicon{
	-webkit-opacity: 1;
 	 -moz-opacity: 1;
 	 opacity: 1;
}

a.enlarge  .sb_enlargeicon.glyphicon:hover{background-color:#e70193}

@media(max-width:999.99px ){ 
	.sb_enlargeicon.glyphicon{
		-webkit-opacity: 0.9;
		-moz-opacity: 0.9;
		opacity: 0.9;
		-webkit-transition: none;
		-moz-transition:none;
		-ms-transition:none;
		-o-transition: none;
		transition: none;
	}
}

@media(max-width:479.99px){
	.sb_enlargeicon.glyphicon{ top:10px; right:10px;}
}

@media print{.sb_enlargeicon{display:none;}}

.fixbody{overflow:hidden !important;}

/* carousels */

.iasu_carousel{
	position:relative;
	margin: 0px -20px 0px -20px;
	background-color:#220016;
}
.iasu_carousel > .resbox{
	padding-bottom: 40%;
}
.iasu_carousel .citem{
	position:absolute;
	display:block;
	height:100%;
	width:100%;
	background-size:cover;
	background-position: center center;
	color:white;
	z-index:10;
	opacity:0;
	transition: opacity 3s, z-index 1ms;
}

.iasu_carousel .citem.active{
	visibility:visible;
	z-index:20;
	opacity:1;
}

.iasu_carousel a.citem .content{
	position:absolute;
	bottom:40px;
	left:40px;
	padding-right:40px;
	z-index:50;
	visibility:hidden;
}

.iasu_carousel .pcontent{ /* permanent carousel content */
	position:absolute;
	z-index:70;

		top: 0px;
		left: 0px;
		background-color: rgba(34,0,22,0.1);
		width: 100%;
		height: 100%;
		text-align: center;
		box-sizing: border-box;
		padding: 30px 30px 30px 30px;
}
.iasu_carousel .pcontent::before{ 
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
}
.iasu_carousel .pcontent h2{ 
	text-transform:uppercase;
	font-weight:900;
	display:inline-block; 
	color:rgba(255,255,255,1);
	font-size:5vw;
	letter-spacing: 0.05em;
	margin:0;
	vertical-align: middle;
}
@media(min-width:1600px){
	.iasu_carousel .pcontent h2{
		font-size:80px
	}
}

@media(max-width:480px){
	.iasu_carousel .pcontent h2{
		font-size:30px
	}
}
	
.iasu_carousel a.citem.active .content{
	visibility:visible;
}

.iasu_carousel a.citem .overlay{
	position:absolute;
	width:100%;
	height:100%;
	z-index:49;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 38%,rgba(24,0,22,0.2) 49%,rgba(34,0,22,0.7 100%));
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(8,0,3,0)), color-stop(100%,rgba(25,0,10,0.6)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 38%,rgba(24,0,22,0.2) 49%,rgba(34,0,22,0.7 100%));
    background: -o-linear-gradient(top, rgba(0,0,0,0) 38%,rgba(24,0,22,0.2) 49%,rgba(34,0,22,0.7 100%));
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 38%,rgba(24,0,22,0.2) 49%,rgba(34,0,22,0.7 100%));
    background: linear-gradient(to bottom, rgba(0,0,0,0) 38%,rgba(24,0,22,0.2) 49%,rgba(34,0,22,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#9919000a',GradientType=0 );
}

.iasu_carousel a.citem p{
	max-width:800px;
	font-size:20px;
	margin-bottom:24px;
}

.iasu_carousel a.citem h3{
	font-size:48px;
	font-family:'museo-slab', Georgia, serif;
	font-weight: 300;
}

.iasu_carousel a.citem .btn.btn-pbox{
	transition: background-color 500ms, color 500ms;
	color:white;
	font-size:18px;
	line-height:1.1em;
}
.iasu_carousel a.citem .btn.btn-pbox:hover{
	color: #220016;
	background-color:white;
}

@media (max-width:1023.99px){
	.iasu_carousel a.citem h3{ font-size:36px; margin-bottom:11px;}
	.iasu_carousel a.citem p{ font-size:18px; margin-bottom:14.6px;}

}
@media (max-width:767.99px){
	.iasu_carousel a.citem .content{ bottom:20px; left:20px;margin-right:20px; padding-right:0;}
	.iasu_carousel a.citem h3{ font-size:32px; margin-bottom:3px;}
	.iasu_carousel a.citem p{ font-size:16px; margin-bottom:10.2px;line-height:1.2em;}
	.iasu_carousel a.citem .btn.btn-pbox{font-size:16px;}
}
@media (max-width: 479.99px), (max-width: 767.99px) and (orientation:landscape) {
	.iasu_carousel{margin:0px -10px;}
}

@media (max-width: 479.99px){
	.iasu_carousel a.citem h3{ font-size:24px; }
	.iasu_carousel a.citem p{ font-size:14px; margin-bottom:10.2px;}
	.iasu_carousel a.citem .btn.btn-pbox{font-size:12px;}
	.iasu_carousel .resbox{	padding-bottom: 60%; }
	.postid-2922 .iasu_carousel .resbox{	padding-bottom: 75%; }
}


.instagram-media{display:block !important; position:static !important;}

.page-id-183 .form-group.order-number{display:none;}