/*
 Theme Name:   Weaving Yarn
 Theme URI:    http://weavingyarn.co.uk
 Description:  The Weaving Yarn theme, a child theme of Storefront
 Author:       Adrian Ince
 Author URI:   http://incechen.com
 Template:     storefront
 Version:      1.0.0
 Text Domain:  weavingyarn
*/


/* Make space for the header logo */
@media screen and (min-width: 768px) {
	.woocommerce-active .site-header .site-branding img {
		max-width: 100%; /* Adjust this percentage up or down to make the logo larger or smaller. */
    }
	.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
		width: 40%;
		float: left;
		margin-right: 5%;
	}
	.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
		width: 28%;
		float: left;
		margin-right: 5%;
	}
}	

/* Hide Google's RECAPTCHA badge */
.grecaptcha-badge { visibility: hidden; }

/* This CSS was previously set using in-line styles from the theme customiser */
.main-navigation ul li a,
.site-title a,
ul.menu li a,
.site-branding h1 a,
button.menu-toggle,
button.menu-toggle:hover,
.handheld-navigation .dropdown-toggle {
	color: #333333;
}

button.menu-toggle,
button.menu-toggle:hover {
	border-color: #333333;
}

.main-navigation ul li a:hover,
.main-navigation ul li:hover > a,
.site-title a:hover,
.site-header ul.menu li.current-menu-item > a {
	color: #747474;
}

table:not( .has-background ) th {
	background-color: #f8f8f8;
}

table:not( .has-background ) tbody td {
	background-color: #fdfdfd;
}

table:not( .has-background ) tbody tr:nth-child(2n) td,
fieldset,
fieldset legend {
	background-color: #fbfbfb;
}

.site-header,
.secondary-navigation ul ul,
.main-navigation ul.menu > li.menu-item-has-children:after,
.secondary-navigation ul.menu ul,
.storefront-handheld-footer-bar,
.storefront-handheld-footer-bar ul li > a,
.storefront-handheld-footer-bar ul li.search .site-search,
button.menu-toggle,
button.menu-toggle:hover {
	background-color: #ffffff;
}

p.site-description,
.site-header,
.storefront-handheld-footer-bar {
	color: #404040;
}

button.menu-toggle:after,
button.menu-toggle:before,
button.menu-toggle span:before {
	background-color: #333333;
}

h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {
	color: #333333;
}

.widget h1 {
	border-bottom-color: #333333;
}

body,
.secondary-navigation a {
	color: #6d6d6d;
}

.widget-area .widget a,
.hentry .entry-header .posted-on a,
.hentry .entry-header .post-author a,
.hentry .entry-header .post-comments a,
.hentry .entry-header .byline a {
	color: #727272;
}

a {
	color: #996600;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
	outline-color: #996600;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
	background-color: #eeeeee;
	border-color: #eeeeee;
	color: #333333;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
	background-color: #d5d5d5;
	border-color: #d5d5d5;
	color: #333333;
}

button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
	background-color: #333333;
	border-color: #333333;
	color: #ffffff;
}

button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #ffffff;
}

.pagination .page-numbers li .page-numbers.current {
	background-color: #e6e6e6;
	color: #636363;
}

#comments .comment-list .comment-content .comment-text {
	background-color: #f8f8f8;
}

.site-footer {
	background-color: #f0f0f0;
	color: #6d6d6d;
}

.site-footer a:not(.button):not(.components-button) {
	color: #996600;
	text-decoration: none;
}

.site-footer a:not(.button):not(.components-button):hover {
	text-decoration: underline;
}

.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
	color: #333333;
}

.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle {
	color: #333333;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
	color: #000000;
}

.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content {
	color: #000000;
}

@media screen and ( min-width: 768px ) {
	.secondary-navigation ul.menu a:hover {
		color: #595959;
	}

	.secondary-navigation ul.menu a {
		color: #404040;
	}

	.main-navigation ul.menu ul.sub-menu,
	.main-navigation ul.nav-menu ul.children {
		background-color: #f0f0f0;
	}

	.site-header {
		border-bottom-color: #f0f0f0;
	}
}

/* Product single page should be full width */
body.woocommerce.single-product #primary { 
	width: 100%; 
    float: none;
	margin-right: 0%;
}
/* Footer links widget padding, this keeps the headings closer to the links below. */
.widget{
	margin:0 0 1.1em
};
/* Format the footer links */
.icon {
    font-weight: 600;
    width: 1.25em;
    text-align: center;
	color: #996600;
}

/* Reduce menu item padding */
@media screen and (min-width: 768px) {
	.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
		padding: 1.618em 0.5em;
	}
}
/* Remove accessibility outline */
a:focus,
.focus a {
	outline: none !important;
}

/* Cookie Control 8 by Civic styling */
#ccc-icon.ccc-icon--light {
    fill: #996600 !important;
}

/* Make arrow button visible on product categories select */
.wc-block-product-categories__button {
    overflow: visible;
}

/* Separate the compare and wishlist link text or buttons in single product page */
.woosw-btn-has-icon .woosw-btn-icon,
.woosc-btn-has-icon .woosc-btn-icon  {
    margin-left: 15px;
}

/* Remove the background alternating fill for WPC Product Table images */
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #fafafa;
}

/* Right align price on WPC Product Table column heading */
th.wpc_product_table_th.wpc_product_table_th_price_html {
	text-align: right;
}

/* Change transparent background of mini cart to white. */
@media (min-width: 768px) {
	.site-header-cart .widget_shopping_cart {
		background-color: #ffffff;
	}
}

/* Format WPC Compare table */
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th {
	text-transform: none;
}

/* Calculated Form FIelds plugin - make "small" input fields wider */
@media screen and (min-width: 740px), print
.cp_cff_11 #fbuilder .small {
    width: 75px !important!;
}

/* Back in stock notification panel on product page */
.cwginstock-panel-heading h4 {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600;
}
.cwginstock_google_credit {
	display: none;
}

/* Slide down add to basket panel when scrolling background should not be transparent */
.admin-bar .storefront-sticky-add-to-cart--slideInDown {
    background: #ffffff;
}

/* Make it clearer which payment method is selected with green background */
#payment_method_bacs:checked + label, #payment_method_woocommerce_payments:checked + label {
  background-color: #ddffdd;
}

/* Aligh wrapped text in shipping method bulleted list 
ul#shipping_method li {
    padding-left: 2em;
    text-indent: -1.6em;
}*/

/* Storefront Inline sytles moved to this style.css */
@font-face {
	font-family: star;
	src: url(https://weavingyarn.co.uk/wp-content/plugins/woocommerce/assets/fonts/star.eot);
	src:
		url(https://weavingyarn.co.uk/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"),
		url(https://weavingyarn.co.uk/wp-content/plugins/woocommerce/assets/fonts/star.woff) format("woff"),
		url(https://weavingyarn.co.uk/wp-content/plugins/woocommerce/assets/fonts/star.ttf) format("truetype"),
		url(https://weavingyarn.co.uk/wp-content/plugins/woocommerce/assets/fonts/star.svg#star) format("svg");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: WooCommerce;
	src: url(https://weavingyarn.co.uk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot);
	src:
		url(https://weavingyarn.co.uk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
		url(https://weavingyarn.co.uk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),
		url(https://weavingyarn.co.uk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype"),
		url(https://weavingyarn.co.uk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce) format("svg");
	font-weight: 400;
	font-style: normal;
}	
 /* WPClever Linked Variations swatch formatting */
 .wpclv-attributes .wpclv-terms .wpclv-term {
    display: inline-block;
    height: 42px;
    min-width: 42px;
    line-height: 42px;
    text-align: center;
    margin: 6px 3px 0;
    padding: 0px;
    border-radius: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: #ddd;
    background-color: #fff;
    position: relative;
    float: left;
}
.wpclv-attributes .wpclv-terms .wpclv-term span, .wpclv-attributes .wpclv-terms .wpclv-term a {
    display: block;
    padding: 0 20px;
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
    width: 100%;
    position: relative;
    background-color: #efefef;
    border-radius: 0px;
    outline: none;
    box-shadow: none;
}
/* Change product tabs to horizontal layout */
.product .woocommerce-tabs ul.tabs {
	width: 100%;
	float: none;
	margin-right: 5.8823529412%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
	list-style: none;
	padding: 0;
	/*padding: 0 0 0 1em;*/
	margin: 0 0 1.618em;
	overflow: hidden;
	position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	position: absolute;
	content: ' ';
	width: 100%;
	bottom: 0;
	left: 0;
	/*border-bottom: 1px solid #d3ced2;*/
	z-index: 1;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 1px solid #d3ced2;
	border-radius: 4px 4px 0 0;
	/*background-color: #ebe9eb;*/
	display: inline-block;
	position: relative;
	z-index: 0;
	/*margin: 0 -5px;*/
	padding: 0 1em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	/*background: #fff;*/
	z-index: 2;
	border-bottom-color: #777;
	background-color: #ebe9eb;
	border: 1px solid #555;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	border: 1px solid #d3ced2;
	position: absolute;
	bottom: -1px;
	width: 0;
	height: 0;
	content: ' ';
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	left: -6px;
	border-bottom-right-radius: 4px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #ebe9eb;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
	box-shadow: 2px 2px 0 #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	right: -6px;
	border-bottom-left-radius: 4px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #ebe9eb;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
	box-shadow: -2px 2px 0 #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: .5em 0;
	/*font-weight: 700;*/
	color: #515151;
	text-decoration: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: inherit;
	text-shadow: inherit;
	font-weight:bold;
}
/* https://stackoverflow.com/questions/14144426/remove-outline-from-active-jquery-ui-tab */
.woocommerce .wc-tabs li a:focus, .ui-state-focus:focus { outline: none !important }
.ui-tabs-anchor:active, .ui-tabs-anchor:focus{
     outline:none;
}
.woocommerce-tabs .panel {

    float: left;
}
.woocommerce-tabs ul.tabs {
    border-bottom: 1px solid #555;
	border-top: none;
}
.woocommerce-tabs .panel {
    width: 100%;
}
.woocommerce table.shop_attributes tr th {
  width: 30%;
  min-width: 150px;
}

/* Resize brand logos */
.storefront-wc-brands-single-product img {
    max-height: 6em !important;
}
.tax-product_brand .woocommerce-products-header .brand-thumbnail {
    margin: 0 0 1em;
    width: auto;
    max-height: 10em !important;
    align-self: left !important;
    order: 1;
}

/* Remove gap at top of footer widgets */
.footer-widgets { padding-top: 0; }
/* Remove extra space between page content and footer */
.home #primary,
.home #main,
.home #main > article {
margin-bottom: 5px;
}
/* Full width */
.col-full {
	max-width: none;
}
/* Improve vertical alignment of mini cart with primary menu */
/* @media (min-width: 768px) {
    .site-header-cart .cart-contents {
        padding: 0.5em;
    }
} */