/*
Theme Name:   Autotag
Theme URI:    https://docs.woocommerce.com/documentation/themes/storefront/
Description:  Storefront Child Theme for Autotag
Author:       teclan ltd
Author URI:   http://www.teclan.com
Template:     storefront
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, WPML
Text Domain:  autotag-child
*/

body {font-family: 'Montserrat', sans-serif;font-weight:400;overflow-wrap:normal}
a {color:#000}
a:focus {outline-color: #f5d727}

h1.entry-title {font-size:1.61792em}
h2.section-title {font-size:1.3em}

.obfuscate {direction: rtl; unicode-bidi: bidi-override;}

/* header*/
#masthead {margin-bottom:0;padding-bottom: 0;background-image: url("assets/leather.jpg");background-color:none; background-position:center top;padding-top:1.5em}
#masthead > .col-full:first-child {margin-left:0;margin-right:0;}

.header-widget-region .widget{
	padding-top:0;
	padding-bottom:0
}
.site-header a {color:#FFF}
.site-header .site-branding {margin: 0}

.site-branding {padding: 0 1.45em}
.sub-branding {display:-webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;width:100%;clear:left;padding: 0 1.45em}
.sub-branding h2 {font-size:0.8em;color:#F8F6F7;}
.sub-branding h4 {color:#F8F6F7;margin-bottom:0;font-size:1em}
.sub-branding h4 .fa {margin-right: 5px;}

.woocommerce-active .site-header .secondary-navigation {margin:0}
#masthead .secondary-navigation ul.menu a {font-weight: 600;color: #F5D727}

.site-header-cart .cart-contents {padding: 1em 0;}

.woocommerce-info, .woocommerce-noreviews, p.no-comments {background-color:#2598F5}
.woocommerce-error, .woocommerce-message {background-color:#68AD5B}
.woocommerce-info.at-msg {background-color:#F1F1F1;border-color:#f5d727;color:#43454b}

.widget_product_search form button[type="submit"], .widget_search form input[type="submit"] {
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	position: absolute !important;
	top: 0;
	left: 0;
}

/* nav*/

.storefront-primary-navigation{
	background: rgb(89, 89, 89);
    background: -moz-linear-gradient(90deg, rgb(89, 89, 89) 0%, rgb(59, 59, 59) 40%);
    background: -webkit-linear-gradient(90deg, rgb(89, 89, 89) 0%, rgb(59, 59, 59) 40%);
    background: -o-linear-gradient(90deg, rgb(89, 89, 89) 0%, rgb(59, 59, 59) 40%);
    background: -ms-linear-gradient(90deg, rgb(89, 89, 89) 0%, rgb(59, 59, 59) 40%);
    background: linear-gradient(180deg, rgb(89, 89, 89) 0%, rgb(59, 59, 59) 40%);
    border-bottom: solid 3px #F5D727;
    border-top: 1px solid #111;
    margin-top:0
}

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    padding:1em 7px
}
.main-navigation ul li a:before {content:"";margin-right:1.45em}
.main-navigation ul.nav-menu > li > a:focus {outline-color: none}

.woocommerce-breadcrumb, #reviews .commentlist li .comment_container {background:#EfEFEF}

button.menu-toggle {background-color: transparent; border: medium none;border-radius:0}
button.menu-toggle:focus {outline:none}

/* USP*/
.header-widget-region .hero p {margin-bottom: 0;}
.header-widget-region .uspbar {background-image: url("assets/leather.jpg"); color:#FFFFFF; line-height:16px; padding:20px;margin-bottom:2em}

.uspbar aside {}
.uspbar h4, .uspbar h6 {display: inline;font-size: 1.1em;line-height: 1;color:#FFF; text-align: center}
.uspbar .textwidget {margin-bottom:1em}
.uspbar .textwidget > * {margin-bottom: 0}
.uspbar a {color:#FFF}

/* PDF */

.pdf-link{}

.pdf-link a{color:#f5d727; font-size:16px; font-weight:bold; text-shadow: -1px 1px 0px rgba(56, 56, 56, 1);background: -moz-linear-gradient(90deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
    background: -webkit-linear-gradient(90deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
    background: -o-linear-gradient(90deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
    background: -ms-linear-gradient(90deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
    background: linear-gradient(180deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
	text-shadow: -2px 2px 0px rgba(56, 56, 56, 1);
	padding: 15px;
    margin-bottom: 20px;}

.pdf-link a i { color:#000000; margin-right:10px; padding-right:10px; border-right:solid 1px #000000}

.pdf-link a span{width: 100%; text-align: center; text-shadow: -1px 1px 0px rgba(56, 56, 56, 1); font-style:italic}

/* newsletter */
.news-wrap {background-color:#f5d727}
.col-full.newsletter-signup {padding: 2.61792em 0; text-align: center; -webkit-align-items:center;align-items:center}
.newsletter-signup input {width:100%}
.newsletter-signup input[type="submit"]{ background: rgb(89, 89, 89);
    background: -moz-linear-gradient(90deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
    background: -webkit-linear-gradient(90deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
    background: -o-linear-gradient(90deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
    background: -ms-linear-gradient(90deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
    background: linear-gradient(180deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
	color:#FFFFFF;
	text-shadow: -1px 1px 0px rgba(56, 56, 56, 1);margin-top:1em}
.newsletter-signup input.captcha {width: 120px}


/* footer*/
.pdf-link > a {display:block; width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}

footer .widget-title{text-transform:uppercase;	font-weight:100;	font-style:italic}
.footer-widgets {border-bottom: none}
.footer-widgets .widget {margin: 0}
.footer-widgets .widget_nav_menu ul li:before {content:"";margin-right:0}
.footer-widgets .widget_nav_menu ul li {margin-bottom:0}
.footer-widgets .widget_nav_menu ul li a {font-size: 0.9em;font-weight: 400}
.footer-widgets .widget ul.fa-ul {margin-left:1.6em}

.site-footer {
    background-color: #f1f1f1;
	padding-bottom: 20px
	
}
.footer-widgets.col-3.fix{ padding:0px}

.secure-bar {padding:1em;padding-bottom: 5em;text-align: center}

.secure-bar .col-full{-webkit-align-items:center;align-items:center;}


/* security bar*/
.secure-bar{background: rgb(89, 89, 89);
    background: -moz-linear-gradient(90deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
    background: -webkit-linear-gradient(90deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
    background: -o-linear-gradient(90deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
    background: -ms-linear-gradient(90deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
    background: linear-gradient(180deg, rgb(89, 89, 89) 30%, rgb(59, 59, 59) 70%);
    border-bottom: solid 3px #F5D727;
	color:#ffffff;
	font-size:20px;
	font-style: italic}

/* Home Page */
.home .strong-content {-webkit-justify-content: space-between;justify-content: space-between}
.home .strong-view.default .readmore-page {border: medium none; padding: 0; text-align: right;}
.home .strong-content.strong-grid.columns-2 .testimonial {width:50%;border:none}
.home .storefront-product-categories h2 .count {display: none;}
.page-template-template-homepage .site-main {padding-top: 2em;}

.home .hero {margin: 0 auto;}
.hero img {border-radius: 0}
.hero .shade {display: none}
.hero .metaslider .caption-wrap {position:relative}

/* Category Page */

ul.products.subcategories {border-bottom: 2px solid #f5d727;}
ul.products.subcategories li {margin-bottom:1em}
.term-description {margin-bottom: 2em;font-size:0.9em}
ul.products li.product img, ul.products li.product.product-category img {border: 1px solid #EFEFEF;margin-bottom: 0.5em;}
ul.products li.product.product-category img {border: 3px solid #F5D727}
ul.products li a:focus {outline:none}
ul.products li.product h3 {font-size: 1.2em; line-height: 1.2;margin-top:0}
.product-category mark.count {display: none}
.archive .price del {display: block}
h3.subcat{margin-top:1em}
ul.products li.product .woocommerce-LoopProduct-link {position: relative}
ul.products li.product .onsale {position: absolute; right: 5px; top: 5px;background:#2598F5;color:#fff;border-width:0}
ul.products li.product .wc-new-badge {position: absolute;right: 5px; top: 5px;background:#F5D727;color:#333}

/* hide price on keytags until dsicount can show correctly */
/*.term-376 ul.products li.product .price, .term-366 ul.products li.product .price, .term-368 ul.products li.product .price {display:none;}*/

/* Product Page */
.single-product .site-main {margin-bottom: 0;}
.single-product div.product .summary .price {font-size: 2em}
.single-product div.product form.cart .button {background-color:#6EAA4E;border-right: 10px solid #F5D727;transition: border-color 0.5s ease;box-shadow:none}
.single-product div.product form.cart .button:hover {background-color:#80C15E;border-right-color: #F6E72C}

.MagicToolboxMainContainer {padding-right:0;border:1px solid #EFEFEF}
.woocommerce-main-image img {border-radius:0}

.woocommerce-tabs {background-color:#EFEFEF;padding:1em;border-radius:0;border:1px solid #ccc}
.woocommerce-tabs ul.tabs li:after {color:#F5D727;content:"\f0a9"}
.woocommerce-tabs ul.tabs li.active {background-image: url("assets/leather.jpg")}
.woocommerce-tabs ul.tabs li a {padding:1em}
.woocommerce-tabs ul.tabs li.active a {color:#FFF;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1)}
.woocommerce .quantity input.qty {min-width:100px}
.woocommerce .quantity input.qty::-webkit-inner-spin-button {padding:10px}

.storefront-full-width-content .woocommerce-tabs .panel {margin-bottom:0}
.storefront-full-width-content.single-product div.product .summary {width:60.2173913043%}
.storefront-full-width-content.single-product div.product .images {width: 35.4347826087%}

.chain-holder {float:left}
.chained_items_container ul.products li.product {font-size:0.8em;margin-bottom: 0}
.chained_items_container ul.products li.product img {max-width: 100px}
.chained_items_container ul.products li.product h3 {font-size: 1.2em; line-height: 1;margin:0}
.single-product div.product .summary .chained_items_container .price {font-size: 1em}

.product-addon-colour h3 {display: none;}

.related.products {margin-top: 2em}

/* Checkout Page */

.shipping-method-description {font-size: 0.8em;}
.woocommerce dl.variation {margin:0}
.woocommerce dl.variation dt, .woocommerce dl.variation dd {display: inline-block;width: 55%;margin-bottom:0}
.woocommerce dl.variation dd {width:40%}
.woocommerce tr.chained_item .product-name a {font-weight:400;color:#43454b}

.woocommerce-checkout .product-name img.wp-post-image {float: left;margin-right: 10px;max-width: 50px}
.woocommerce-checkout .product-name {line-height: 1.3;font-size:0.9em}

.payment-fixed h3.tec-ways2 {padding-left:1em}

table.cart td.actions .coupon {display:none}

.bulk-deal {font-size:0.8em;font-style: italic;display:block}

/* MEDIA QUERIES */
/* overrides for smaller screens up to 480 */
@media screen and (max-width:480px){

    .col-full.pdf-link{}

}

@media screen and (min-width:481px){

    #masthead > .col-full:first-child {display:-webkit-flex;display: flex;-webkit-flex-wrap:wrap;flex-wrap: wrap;margin-left:auto;margin-right:auto;}
    #masthead > .col-full:first-child > div, #masthead > .col-full:first-child > nav {float:none;-webkit-flex-shrink:0;flex-shrink:0;width:auto}
    .sub-branding {-webkit-flex-direction:column;flex-direction:column}
    .storefront-primary-navigation {}

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

    /* grid overrides for smaller screens */
    .col-full.navbar {margin:0}
    .storefront-best-selling-products ul.products li.product, .storefront-product-categories ul.products li.product {float:left;margin-right: 4.34783%;width:47.8261%}
    .storefront-best-selling-products ul.products li.product:nth-child(2n), .storefront-product-categories ul.products li.product:nth-child(2n) {margin-right:0}
    .header-widget-region .uspbar .col-full {margin: 0}
    ul.products li.product h3 {font-size: 1em; line-height: 1.2}
    .hero {background: #4D4D4D}
    .hero .metaslider .caption-wrap {opacity:1;background-color:#4D4D4D}
    .newsletter-signup input {margin:0}
    .newsletter-signup form {margin:1em 0 0}
    .col-full.newsletter-signup {}
    .footer-widgets .block {margin-bottom: 1em}
    .footer-widgets .widget-title {margin-bottom:0;padding-bottom: 0}
}

/* Main breakpoint from IPad Portrait up */
@media screen and (min-width:768px){
    
    h1.entry-title {font-size:2.61792em}
    h2.section-title {font-size: 2em}
    #masthead > .col-full:first-child {margin-left:2.61792em;margin-right:2.61792em}
    #masthead > .col-full div.site-search {margin-bottom: 0;-webkit-order:4;order:4;-webkit-flex:1 1 auto;flex:1 1 auto;}
    .site-header .site-branding {max-width: 300px;padding:0}
    .woocommerce-active .site-header .main-navigation{width:75%}
    .woocommerce-active .site-header .secondary-navigation {-webkit-flex-grow:1;flex-grow: 1;}
    #masthead > .col-full > div.sub-branding {clear:left;-webkit-flex:0 0 68%; flex: 0 0 68%;-webkit-flex-direction:row;-webkit-order:3;order:3;flex-direction:row;padding:0 0 1em;-webkit-justify-content: flex-start;justify-content: flex-start;width:68%}
    .sub-branding h2 {-webkit-flex-basis:100%;flex-basis: 100%;-webkit-flex-shrink:0;flex-shrink:0;font-size: 1.1em;margin-bottom:0;padding-right:1em}
    .sub-branding h4 {-webkit-flex-basis:60%;flex-basis: 60%;padding-right:0.5em;font-size:1.2em}
    .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {padding: 1em 4px;font-size:0.9em}
    .main-navigation ul.nav-menu > li > a:hover, .main-navigation ul.nav-menu > li:hover > a {background-color:#24252b}
    .main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover>a, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li:hover>a {background-color:#000}
    .main-navigation ul.menu > li.menu-item-has-children > a:after {margin-left:0.5em}
    .main-navigation ul.menu > li:first-child, .main-navigation ul.nav-menu > li:first-child {margin-left:-4px}
    .woocommerce-active .site-header .site-header-cart {padding: 0 10px; border-left: solid 1px #3b3b36;border-right: solid 1px #3b3b36;width:20%;font-size:0.9em}
    .site-header-cart .cart-contents .count {display:none}
    .uspbar h4 {font-size:40px;display:block}
    .uspbar h6 {font-size: 27px;display:block}
    .uspbar .col-full {display:-webkit-flex;display:flex;-webkit-justify-content: space-around;justify-content: space-around}
    .uspbar .textwidget {text-align: center}

    #order_review .shop_table {margin-bottom:1em}
    table.cart td.actions .coupon {display:none}
    
    .hero .metaslider .caption-wrap {position:absolute;background: rgba(0, 0, 0, 0) none repeat scroll 0 0;line-height: 1.1;font-weight: 600; bottom: auto;font-size: 1.9em;opacity:1;left: auto;max-width: 40%;text-align: right;right: 0;top: 0;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);height:100%;display:-webkit-flex;display:flex;align-items: center}
    
    .secure-bar .col-full {display: -webkit-flex;display: flex; -webkit-justify-content: space-around;justify-content: space-around;}
    .secure-bar{padding-bottom:1em}
	 
	.col-full.newsletter-signup {display:-webkit-flex;display:flex;-webkit-justify-content: space-around;justify-content: space-around;-webkit-align-items:center;align-items:center}
    .col-full.newsletter-signup form{ margin-bottom:0}	
	.col-full.newsletter-signup div{text-align:center;-webkit-flex-basis:50%;flex-basis:50%;font-size:1.3em}
	.col-full.newsletter-signup input[type="email"]{text-align:center;}
    .newsletter-signup input[type="submit"]{margin-top:0}
    
    .pdf-link a{font-size:30px;}

	 .footer-widgets.col-3.fix{padding:0px}
    .woocommerce-main-image {-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.25);-moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.25);box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.25);}
}

@media screen and (min-width:860px){
    .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {padding:1em 8px}   
}

/* Main breakpoint above iPad Landscape */
@media screen and (min-width:1024px){
    
    #masthead > .col-full div.site-search {width:inherit;-webkit-order:inherit;order:inherit}
    .woocommerce-active .site-header .site-header-cart {padding: 0 1em;width:21.7391%;font-size:1em}
    .woocommerce-active .site-header .main-navigation{width:73.913%}
    .site-header-cart .cart-contents .count {display:inline}
    .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {padding: 1em;font-size:1em}
    .sub-branding {flex-basis: 100%;}
    .sub-branding h4 {padding-right:2em;font-size:1.41575em}
    .home .hero {display:-webkit-flex;display:flex;max-width:none}
    .home .hero .shade {display: inherit}
    .home .hero .shade:first-child {width:100%;background: #FFF}
    .home .hero .shade:last-child {width:100%;background: #2598F5}
    .home .hero .widget {margin: 0;-webkit-flex-shrink:0;flex-shrink: 0;max-width:1024px}
    .hero .metaslider .caption-wrap {max-width: 38%}
    .hero .metaslider .caption-wrap .caption {font-size:1.3em}
    .newsletter-signup input {width:auto}
}

@media screen and (min-width:67.141em){
    #masthead > .col-full:first-child {margin-left:auto;margin-right:auto;}
    .home .hero .widget {max-width:1158px}
    .hero .metaslider .caption-wrap {padding-right:2.61792em}
}

/* Storefront overrides */

a {font-weight:600}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: 600}
#site-navigation.main-navigation ul.menu ul.sub-menu {background-color:#24252b}
.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header, .storefront-full-width-content .woocommerce-products-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header {max-width:none;text-align:left}
.col-full .col-full {padding:0}
.widget .widget-title, .widget .widgettitle {font-weight: 600}
.footer-widgets .widget_nav_menu ul li {padding-left:0}
.woocommerce-breadcrumb {background:transparent}
.site-footer a:not(.button):not(.components-button) {text-decoration:none}

.eori-notice {font-size:0.9em;border:solid 3px #F5D727;padding:10px;color:#000;background:#f1f1f1;margin-bottom:20px;text-align:center}