/*
Theme Name:   Ink Trader - Child Theme for WooCommerce Storefront
Description:  A custom theme for Ink Trader - Child theme of Storefront by WooCommerce
Author:       Jan Hacker @ 1348 Design
Author URI:   https://1348design.com
Template:     storefront
Version:      2.4
*/

/***** global *****/

/* override fonts */
body{
	font-family: 'Barlow', sans-serif !important;
	color: #222;
	font-weight: 400;
	font-size: 18px;
}
/* widen full width column */
.col-full{
    max-width: 84% !important;
    padding: 0 2%;
}
/* margin on content for header*/
.site-content{
	margin-top: 163px;
}
/* add border to headers */
.section-title{
	position: relative;
	padding: 30px 0;
}
.section-title::after,
.related.products > h2::after,
.upsells.products > h2::after,
.up-sells.products > h2::after,
.woocommerce-products-header h1::after{
	content: "";
	display: block;
	width: 200px;
	margin: 30px auto;
	border-bottom: 1px solid #333;
}
a:hover{
	color: #000;
}
.entry-content a{
	text-decoration: underline;
}
/* style products for 4 column layout */
.columns-3 .product{
    width: 22%;
    margin-right: 4%;
}
a:focus,
button:focus,
.focus a{
	outline: none !important;
	outline-color: transparent !important;
}
p{
	margin-bottom: 1em;
}
p+h2, p+header h2, p+h3, p+h4, ul+h2, ul+header h2, ul+h3, ul+h4, ol+h2, ol+header h2, ol+h3, ol+h4, table+h2, table+header h2, table+h3, table+h4, blockquote+h2, blockquote+header h2, blockquote+h3, blockquote+h4, form+h2, form+header h2, form+h3, form+h4{
	margin-top: 0.5em;
}
h1{
	font-size: 40px;
}



/* ----- Cookie Notice ----- */
.cookie-notice-container .button{
	background: #1D3C80;
    color: #ddd;
    text-decoration: underline;
    padding: 0 5px;
}
.cookie-notice-container .button:hover{
	background: #1D3C80;
    color: #fff;
}
#cn-accept-cookie{
	background: #fff;
	color: #1D3C80;
	text-decoration: none;
    border: 1px solid #fff;
    border-radius: 2px;
}
#cn-accept-cookie:hover{
	color: #000;
}

/***** header *****/

.site-header{
	position: fixed;
	width: 100%;
    border-top: 4px solid #1D3C80;
	padding: 30px 0;
	line-height: 1;
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.header-content{
	position: relative;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
	align-items: center;
    width: 100%;
}
.header-content-col{
	position: relative;
}
.header-logo{
	height: 88px !important;
	width: auto !important;
	-webkit-transition: all 250ms ease-in-out !important;
    -moz-transition: all 250ms ease-in-out !important;
    -ms-transition: all 250ms ease-in-out !important;
    -o-transition: all 250ms ease-in-out !important;
    transition: all 250ms ease-in-out !important;
}
.header-right{
	text-align: right;
}
.header-right-upper{
	position: relative;
    display: flex;
    align-content: space-between;
    justify-content: flex-end;
    flex-flow: row wrap;
  	align-items: center;
    width: 100%;
}
.header-action{
	position: relative;
	margin: 0 0 0 10px;
}
/*search*/
.header-search{
	width: 500px;
}
.header-search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
	border: 1px solid #ddd;
	border-radius: 9999px;
	background: #eff1f5;
	box-shadow: none !important;
	font-family: 'Barlow', sans-serif !important;
}
.header-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{
	min-width: 0;
	padding: 0 5px 0 2px;
	border-radius: 0 9999px 9999px 0;
	text-transform: none;
  	text-indent: -9999px; /* hide text */
  	line-height: 0; /* Collapse the original line */
	background-color: #343434;
}
.header-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit::after{
 	display: block;
 	content: "";
	background-image: url("_images/icon-search.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
}
.dgwt-wcas-suggestions-wrapp{
	border-top: 1px solid #ddd !important;
	margin-top: 4px;
	border-radius: 2px;
}
.header-icon{
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.header-icon:hover{
	opacity: 0.7;
}
.header-tooltip{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	border-radius: 9999px;
	top: -28px;
	font-size: 14px;
	background: #343434;
	width: 100px;
	height: 20px;
	padding: 3px;
	left: -30px;
	text-align: center;
	color: #fff;
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.header-tooltip::after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #343434;
	border-width: 8px;
	margin-left: -8px;
}
.header-action:hover .header-tooltip{
	visibility: visible;
	opacity: 1;
}
.main-navigation{
	width: auto !important;
	height: auto;
    float: none !important;
    margin-right: 0 !important;
	padding: 30px 0 0 0;
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.main-navigation a:hover,
.main-navigation li:hover > a,
.site-title a:hover,
.cart-contents:hover,
.widget_shopping_cart a:hover,
.site-header-cart:hover > li > a,
.current-menu-item > a{
	color: #1D3C80;
}
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{
	padding: 0 0 10px 20px;
	margin: 0 0 0 20px;
}
.main-navigation li:last-child a{
	padding-right: 0 !important;
}
.main-navigation a::after{
	margin: 0 0 0 12px !important;
	color: #eff1f5;
}
.main-navigation ul.menu ul.sub-menu{
	display: none;
	flex-flow: wrap;
	width: 100%;
	left: 20px;
	border-top: 30px solid #fff;
	border-bottom: 4px solid #ccc;
}
.main-navigation ul.menu li.two-col-sub-menu ul.sub-menu{
	width: 470px;
}
.main-navigation ul.menu li.menu-item:hover ul.sub-menu,
.main-navigation ul.menu ul.sub-menu:hover{
	display: flex;
}
.main-navigation ul.menu ul.sub-menu li{
	width: 100%;
}
.main-navigation ul.menu li.two-col-sub-menu ul.sub-menu li{
	width: 50%;
}
.main-navigation ul.menu ul.sub-menu li a{
    width: 100%;
    padding: 16px 20px !important;	
	font-size: 16px;
}
.header--sticky{
	padding: 10px 0;
}
.header--sticky .header-logo{
	height: 40px !important;
}
.header--sticky .main-navigation{
	height: 0;
	padding: 0;
	overflow: hidden;
}
.header--sticky .header-action .header-tooltip,
.header--sticky .header-action:hover .header-tooltip{
	display: none;
	visibility: hidden;
	opacity: 0;
}





/***** footer *****/

.site-footer{
	padding: 0;
}
.site-footer .col-full{
	position: relative;
	width: 100%;
    padding: 0;
    max-width: none !important;
}
.footer-top{
	position: relative;
    display: flex;
	justify-content: space-between;
    width: 100%;
	background: #fff;
	padding: 0 40px 40px 40px;
}
.footer-top-col{
	position: relative;
	width: calc(50% - 20px);
}
.footer-top-link{
	position: relative;
	display: block;
}
.footer-top-link-img{
	width: 100%;
	height: auto;
}
.footer-upper{
	position: relative;
    display: flex;
    align-content: space-around;
    justify-content: flex-end;
    flex-flow: row wrap;
    width: 100%;
}
.footer-upper-col{
	position: relative;
	width: 50%;
	padding: 0 100px 0 40px;
}
.footer-upper-col--01{
	position: relative;
	background: #eff1f5;
}
.footer-upper-col--02{
	position: relative;
	background: #1d3d7d;
	color: #fff;
}
.footer-upper-col--02 h2{
	color: #fff;
}
.footer-content-blog,
.footer-content-offers{
	padding: 40px;
}
.footer-offers-form .terms-link a{
	color: #fff !important;
}
.footer-offers-form input[type=button]{
	background: #fff;
	color: #1d3d7d;
}
.footer-offers-form input[type=button]:hover{
	background: #333;
	color: #fff;
}
.footer-offers-form #nf-field-41-wrap > div.nf-field-element::after{
	position: absolute;
	top: 6px;
    right: 18px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f107';
    pointer-events: none;
	color: #444;
}
.footer-upper-links{
	position: relative;
    display: flex;
    align-content: space-around;
	align-items: center;
    justify-content: flex-end;
    flex-flow: row wrap;
    width: 100%;
	background: #eff1f5;
	padding: 0 0 40px 0;
}
.footer-upper-link-col{
	position: relative;
	width: 50%;
	padding: 40px 0 0 0;
}
.footer-upper-link{
	position: relative;
    display: flex;
    align-content: space-around;
	align-items: center;
    flex-flow: row wrap;
	padding: 20px;
	text-decoration: none !important;
}
.footer-upper-link-col:nth-child(odd) .footer-upper-link{
	border-right: 1px solid #aaa;
	padding-right: 40px;
}
.footer-upper-link-col:nth-child(even) .footer-upper-link{
	padding-left: 40px;
}
.footer-upper-link-img{
	position: relative;
	width: 20%;
	height: auto;
}
.footer-upper-link-text{
	position: relative;
	width: 80%;
	height: auto;
	padding: 0 0 0 20px;
}
.footer-upper-link:hover .footer-upper-link-title{
	text-decoration: underline;
}
.footer-upper-link-title{
	margin: 0 0 6px 0;
}
.footer-upper-link-cta{
	margin: 0;
	font-size: 14px;
}
.footer-lower{
	background: #222222;
	padding: 30px 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.footer-lower-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-lower p{
	margin: 0;
}
.footer-lower a{
	color: #fff !important;
	text-decoration: underline;
}
.footer-break{
	display: inline-block;
	padding: 0 20px;
}
.footer-lower-cards{
	position: relative;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    width: 400px;
}
.footer-payment-card{
	position: relative;
	width: 16.66%;
}
.footer-payment-card-img{
	width: 90%;
	height: auto;
}

/***** forms *****/

.nf-form-wrap{
	max-width: 600px;
}
.nf-form-fields-required,
.ninja-forms-req-symbol{
	display: none;
}
.nf-field-description{
	padding: 0 0 20px 0;
}
.nf-form-wrap select,
.woocommerce-ordering select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	border-radius: 20px !important;
	border: 1px solid #aaa !important;
	padding: 6px 6px 6px 30px !important;
	height: 40px !important;
    margin: 0 0 14px 0 !important;
	background: #fff !important;
	color: #333;
}
.footer-offers-form .nf-form-wrap select{
	border: none !important;
}
.woocommerce-ordering{
	position: relative;
}
.woocommerce-ordering select{
	padding: 1px 30px 1px 10px !important;
	height: auto !important;
}
.woocommerce-ordering::after{
	position: absolute;
	top: 8px;
    right: 11px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f107';
    pointer-events: none;
	color: #444;
}
.terms-link{
	font-size: 12px;
	padding-left: calc(20px + 2%);
	display: block;
	margin-top: -20px;
}
#tbSearch {
	min-width: 280px;
}
#searchBox .form-input-select {
	padding: 0.6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
}


/***** home page *****/

.page-template-template-homepage:not(.has-post-thumbnail) .site-main{
	padding-top: 0;
}

/* home-hero */
.home-hero-wrap{
	position: relative;
    margin-right: -9.5%;
    margin-left: -9.5%;
}
.home-hero-main{
	position: relative;
    display: flex;
	width: 100%;
	padding: 40px;
	justify-content: space-between;
}
.home-hero-content{
	position: relative;
    display: flex;
	width: 100%;
	/*height: 400px;*/
}
.home-hero-col{
	position: relative;
	width: 50%;
}
.home-hero-col--printer-browser{
	margin: 0 20px 0 0;
	background: #f2f2f2;
    border-left: 4px solid #cccccc;
}
.home-hero-col--search{
	margin: 0 0 0 20px;
	background: #f2f2f2;
    border-left: 4px solid #cccccc;
}
.hero-h1{
	padding: 0 0 10px 10px;
}
.hero-h1--search{
	padding: 0 0 40px 10px;
}

/*hero browser*/
.home-hero-col--printer-browser form{
	margin-bottom: 0;
}
ul.select2-choices{
	border-radius: 9999px;
}
.hero-browser-wrap{
	padding: 30px;
}
.select2-container{
    margin: 0 0 14px 0;
}
.select2-container--default .select2-selection--single{
	border-radius: 20px;
	border: none;
	padding: 6px 20px;
	height: 40px;
}
.select2-container--open .select2-selection--single{
	border-radius: 2px 2px 0 0;
	border: 1px solid #aaa;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 38px;
	width: 40px;
}
/*hide printer browser elements before selection*/
#printer-browser .printer-selection,
#printer-browser .range-selection{
	display: none;
}
#printer-browser .button{
	margin: 0;
}

#printer-browser select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	border-radius: 20px !important;
	border: none !important;
	padding: 6px 6px 6px 30px !important;
	height: 40px !important;
    margin: 0 0 14px 0 !important;
	background: #fff !important;
	font-family: 'Barlow', sans-serif !important;
	color: #222;
	font-size: 18px;
}
#printer-browser label{
	position: relative;
	display: block;
}
#printer-browser label::after{
	position: absolute;
	top: 6px;
    right: 18px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f107';
    pointer-events: none;
}

/*hero search*/
.hero-search-wrap{
	padding: 30px;
}
.hero-search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
	position: relative;
	border-radius: 9999px;
	border: none;
	box-shadow: none !important;
	font-family: 'Barlow', sans-serif !important;
	color: #222;
	font-size: 18px;
	padding: 10px 10px 10px 30px;
 }
.hero-search .dgwt-wcas-preloader,
.hero-search .dgwt-wcas-close{
	right: 0px !important;
	height: 40px !important;
}
.hero-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
button.alt,
input[type="button"].alt,
input[type="reset"].alt,
input[type="submit"].alt,
.button.alt,
.widget-area .widget a.button.alt,
button, input[type=button],
input[type=reset],
input[type=submit],
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
.added_to_cart,
.my_account_orders .button,
.woocommerce-MyAccount-downloads .button{
	position: relative;
	right: auto;
	top: auto;
	margin: 14px 0 0 0;
	background-color: #1d3c80;
	border-radius: 9999px;
	height: 40px;
	padding: 0 30px;
	text-transform: none;
	text-align: left;
	line-height: 40px;
	color: #fff;
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.hero-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover,
button.alt, 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,
ul.products li.product .button:hover,
ul.products .wc-block-grid__product .button:hover,
.wc-block-grid__products li.product .button:hover,
.wc-block-grid__products .wc-block-grid__product .button:hover{
	background: #333;
	opacity: 1;
	color: #fff;
}
ul.products li.product .button,
ul.products .wc-block-grid__product .button,
.wc-block-grid__products li.product .button,
.wc-block-grid__products .wc-block-grid__product .button{
	display: block;
	width: 100%;
	min-width: 0;
	padding: 0;
	text-align: center;
	margin: 12px 0;
}
.hero-search .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before{
	display: none;
}


/*reviews*/
.home-hero-reviews-wrap{
	display:none;
	position: relative;
	width: calc(25% - 30px);
	padding: 20px;
	background-image: url("_images/banner-bg-trustpilot-reviews-2.jpg");
	background-position: center;
	background-size: cover;
	border-left: 4px solid #01ad6f;
}
.home-hero-review-h2{
	font-size: 31px;
}
.hero-review{
	font-size: 21px;
}
.hero-review-rating-text{
	position: relative;
	color: #333;
	font-size: 14px;
}
.hero-reviews-container{
	position: relative;
	margin: 0 0 30px 0;
}
.hero-review{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0; /* animate to 1 */
}
@-webkit-keyframes hero-review-animation{
  	0%    { opacity: 0; }
	2%    { opacity: 1; }
	11%   { opacity: 1; }
	13%   { opacity: 0; }
	100%  { opacity: 0; }
}
@-moz-keyframes hero-review-animation{
  	0%    { opacity: 0; }
	2%    { opacity: 1; }
	11%   { opacity: 1; }
	13%   { opacity: 0; }
	100%  { opacity: 0; }
}
@-o-keyframes hero-review-animation{
  	0%    { opacity: 0; }
	2%    { opacity: 1; }
	11%   { opacity: 1; }
	13%   { opacity: 0; }
	100%  { opacity: 0; }
}
@keyframes hero-review-animation{
  	0%    { opacity: 0; }
	2%    { opacity: 1; }
	11%   { opacity: 1; }
	13%   { opacity: 0; }
	100%  { opacity: 0; }
}
.hero-review{
	-webkit-animation: hero-review-animation 56s infinite;
	-moz-animation: hero-review-animation 56s infinite;
	-o-animation: hero-review-animation 56s infinite;
	animation: hero-review-animation 56s infinite;
}
.hero-review--02{
	-webkit-animation-delay: 7s;
	-moz-animation-delay: 7s;
	-o-animation-delay: 7s;
	animation-delay: 7s;
}
.hero-review--03{
	-webkit-animation-delay: 14s;
	-moz-animation-delay: 14s;
	-o-animation-delay: 14s;
	animation-delay: 14s;
}
.hero-review--04{
	-webkit-animation-delay: 21s;
	-moz-animation-delay: 21s;
	-o-animation-delay: 21s;
	animation-delay: 21s;
}
.hero-review--05{
	-webkit-animation-delay: 28s;
	-moz-animation-delay: 28s;
	-o-animation-delay: 28s;
	animation-delay: 28s;
}
.hero-review--06{
	-webkit-animation-delay: 35s;
	-moz-animation-delay: 35s;
	-o-animation-delay: 35s;
	animation-delay: 35s;
}
.hero-review--07{
	-webkit-animation-delay: 42s;
	-moz-animation-delay: 42s;
	-o-animation-delay: 42s;
	animation-delay: 42s;
}
.hero-review--08{
	-webkit-animation-delay: 49s;
	-moz-animation-delay: 49s;
	-o-animation-delay: 49s;
	animation-delay: 49s;
}
.hero-review-cta{
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 18px;
	color: #333;
}


.home-hero-brands{
	position: relative;
	margin-right: -9.5%;
	margin-left: -9.5%;
    display: flex;
    align-content: space-around;
	text-align: center;
}
.home-brand{
	position: relative;
	width: 25%;
	padding: 40px;
	background-image: url("_images/gradient-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	color: #333;
	font-size: 20px;
}
.home-brand-logo{
	display: inline-block;
	width: 70%;
	max-width: 350px;
	height: auto;
	margin: 0;
	padding: 0;
	line-height: 0;
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.home-brand-text{
	margin-top: 30px;
}
.home-brand:hover .home-brand-logo{
	opacity: 0.7;
}
.home-hero-banners-wrap{
	position: relative;
	margin-right: -9.5%;
	margin-left: -9.5%;
}
.home-hero-banners{
	position: relative;
    display: flex;
	width: 100%;
	padding: 0 40px 40px 40px;
	justify-content: space-between;
}
.home-hero-banner{
	position: relative;
	width: calc(25% - 30px);
	padding: 12px 20px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: #111;
	border-left: 4px solid #111;
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.home-hero-banner--01{
	background-image: url("_images/brand-banner-hp-2.jpg");
	border-left-color: #0096d6;
}
.home-hero-banner--02{
	background-image: url("_images/brand-banner-canon-2.jpg");
	border-left-color: #cc0000;
}
.home-hero-banner--03{
	background-image: url("_images/brand-banner-delivery-4.jpg");
	border-left-color: #1d3c80;
}
.home-hero-banner--security{
	background-image: url("_images/brand-banner-security-3.jpg");
}
.home-hero-banner--login{
	background-image: url("_images/brand-banner-login-3.jpg");
}
.home-hero-banner--buy-again{
	width: calc(50% - 20px);
	background: #f2f2f2;
	border-left-color: #1d3c80;
}
.home-hero-banner--buy-again + .home-hero-banner--buy-again{
	display: none !important;
	visibility: hidden !important;
}
.home-banner-product{
	display: flex;
}
.home-banner-product-image{
	padding: 8px 20px 8px 0;
}
.home-banner-product-eyebrow{
	margin: 8px 0 4px 0;
    font-size: 18px;
    line-height: 1.2;
}
.home-banner-product-title{
    margin: 0 0 10px 0;
    font-size: 24px;
    line-height: 1.2;
}
.home-banner-product-price{
	font-size: 20px;
	margin: 0 0 10px 0;
}
.hero-banner-cta-small{
	margin: 0 0 0 20px;
	font-size: 16px;
}
.home-hero-banner-row{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
.home-hero-banner-row--height-70px{
	height: 70px;	
}
.home-hero-banner-row--height-100pc{
	height: 100%;	
}
.hero-banner-image{
	height: auto;
}
.hero-banner-brand-eyebrow-text{
	margin: 10px 0 4px 0;
	font-size: 18px;
	line-height: 1.2;
}
.hero-banner-brand-text{
	margin: 0 0 10px 0;
	font-size: 33px;
	line-height: 1.2;
}
.hero-banner-large-text{
	margin: 0 0 20px 0;
	font-size: 34px;
	line-height: 1.2;
}
.hero-banner-standard-text{
	font-size: 20px;
	line-height: 1.6;
}
.hero-banner-cta.button{
	font-size: 15px;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	background: #333;
	color: #fff;
}
a.home-hero-banner:hover{
	color: #000;
	opacity: 0.8;
	cursor: pointer;
}
.hero-banner-h2{
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
a.home-hero-banner:hover .hero-banner-h2{
	color: #000;
}

section.storefront-best-selling-products ul.products li.product{
    margin-bottom: 40px;
}


/***** product category archives *****/

.woocommerce-products-header{
	padding-bottom: 20px;
	text-align: center;
}
ul.products.columns-4,
ul.products.columns-5,
ul.products.columns-6{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
}
ul.products.columns-4 li.product,
ul.products.columns-5 li.product,
ul.products.columns-6 li.product{
   width: calc(25% - 22.5px) !important;
	border: 1px solid #eff1f5;
	padding: 12px;
	margin: 0 30px 30px 0 !important;
}
ul.products.columns-4 li.product:nth-child(4n+4){
	margin-right: 0 !important;
}
ul.products.columns-5 li.product{
   width: calc(20% - 24px) !important;
}
ul.products.columns-5 li.product:nth-child(5n+5){
	margin-right: 0 !important;
}
ul.products.columns-6 li.product{
   width: calc(16.66% - 25px) !important;
}
ul.products.columns-6 li.product:nth-child(6n+6){
	margin-right: 0 !important;
}
ul.products.columns-4 li.product.product-category,
ul.products.columns-5 li.product.product-category,
ul.products.columns-6 li.product.product-category{
	border: none;
	padding: 0 12px;
}
ul.products::before, ul.products::after{
    display: none;
}
.woocommerce-loop-product__title{
    height: 110px;
    overflow: hidden;
	text-overflow: ellipsis;
	border-top: 1px solid #eff1f5;
	border-bottom: 1px solid #eff1f5;
	padding: 12px 0;
	margin: 0 !important;
	line-height: 1.5;
	font-size: 18px;
}
ul.products li.product .price, ul.products .wc-block-grid__product .price, .wc-block-grid__products li.product .price, .wc-block-grid__products .wc-block-grid__product .price{
	border-bottom: 1px solid #eff1f5;
	padding: 6px 0;
	line-height: 1.5;
	font-size: 18px;
}
.left-sidebar .widget-area{
	border-right: 1px solid rgba(0, 0, 0, .05);
}
.woocommerce-breadcrumb{
    margin-bottom: 20px;
}
.storefront-breadcrumb{
	margin-bottom: 0 !important;
}
.entry-header img{
	display: none;
}
.attachment-woocommerce_thumbnail:hover{
	opacity: 0.7;
}
.woocommerce-ordering .select2-container{
	min-width: 220px;
}

.menu-sidebar-menu-container .sub-menu{
	display: none;
}
.menu-sidebar-menu-container .current-product_cat-ancestor .sub-menu,
.menu-sidebar-menu-container .current-menu-item .sub-menu{
	display: block;
}
.widget_nav_menu ul li{
	padding: 0;
	margin: 0;
}
.widget_nav_menu ul li a{
	display: block;
	margin: 0 0 12px 0;
}
.widget-area .widget a{
	text-decoration: none;
	font-weight: 400;
}
.widget-area .widget a:hover{
	text-decoration: underline;
}
.widget_nav_menu ul li::before{
	display: none;
}
.menu-sidebar-menu-container .sub-menu{
	margin: 0 0 20px 20px;
}


/***** product page *****/

.storefront-full-width-content.single-product div.product .woocommerce-product-gallery{
	width: 28%;
}
.storefront-full-width-content.single-product div.product .summary{
	width: 67%;
}
.single-product div.product .woocommerce-product-gallery img.wp-post-image{
	width: 100%;
	height: auto;
}
.single-product div.product .zoomImg{
	display: none !important;
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li,
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li{
    width: 25%;
    margin-right: 0;
}

.product_title{
	font-size: 40px;
}
.single-product div.product p.price{
	margin: 0 0 20px 0;
}
.upsell-wrap{
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.upsell-col{
	width: 50%;
}
.upsell-col-content{
	margin: 40px 0 0 0;
	padding: 40px 0 0 0;
	border-top: 1px solid rgba(0,0,0,.05);
}
.upsell-col-content--left{
	padding-right: 20px;
}
.upsell-col-content--right{
	padding-left: 20px;
}
.upsell-row{
	display: flex;
	height: 52px;
}
.upsell-row--3{
	height: 48px;
	align-items: center;
}
.upsell-row--4{
	height: 42px;
}
.product-upsell{
	padding: 13px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	background: #f9f9f9;
	border: 1px solid #eee;
}
.product-upsell-img{
	width: 17%;
	height: auto;
	border: 1px solid #eee;
}
.product-upsell-info{
	padding: 0 0 0 16px;
}
.product-upsell-h2{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.05em;
}
.product-upsell-title{
	line-height: 1.2em;
	margin: 0 0 10px 0;
}
.product-upsell .button.single_add_to_cart_button{
    height: 30px;
	margin: 10px 0 0 0;
    padding: 0 23px;
    line-height: 30px;
    font-size: 16px;
	font-weight: normal;
}
.upsell-product-review{
	display:none;
	padding: 13px;
	border: 1px solid #eee;
	background-image: url(_images/banner-bg-trustpilot-reviews-2.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.upsell-product-review-h2{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.05em;
}
.upsell-product-review-text{
	line-height: 1.2em;
	margin: 0 0 10px 0;
}
.upsell-product-review-score-text{
	font-size: 14px;
}
.upsell-product-review-link{
	display: inline-block;
	font-size: 15px;
	margin: 20px 0 0 0;
}
.single-product div.product .product_meta .sku_wrapper{
	display: none;
}
.storefront-full-width-content .woocommerce-tabs ul.tabs{
	width: 100%;
}
.storefront-full-width-content.single-product div.product .woocommerce-tabs{
	padding-top: 0;
}
.storefront-full-width-content .woocommerce-tabs ul.tabs{
	display: flex;
	width: 100%;
	margin: 0;
	border-top: none;
	border-left: 1px solid #eff1f5;
}
.storefront-full-width-content .woocommerce-tabs ul.tabs li{
	display: block;
	padding: 0 30px;
	background: #f9f9f9;
	border-top: 1px solid #eff1f5;
	border-bottom: 1px solid #eff1f5;
	border-right: 1px solid #eff1f5;
}
.storefront-full-width-content .woocommerce-tabs ul.tabs li.active{
	background: #fff;
	border-bottom-color: #fff;
}
.woocommerce-tabs ul.tabs li.active::after{
	display: none;
}
.storefront-full-width-content .woocommerce-tabs .panel{
	margin-top: -1px;
	padding: 40px;
	width: 100%;
	float: left;
	border: 1px solid #eff1f5;
}
.woocommerce-tabs .panel h2,
.woocommerce-tabs .panel h3{
	display: inline-block;
}
.description-image{
	display: inline;
	float: right;
	margin: 0 0 60px 60px;
	max-width: 350px;
	height: auto;
}
#tab-compatible-printers-tab a{
	display: inline-block;
	padding: 10px 20px;
	width: 30%;
}
.related > h2:first-child,
.upsells > h2:first-child,
.up-sells > h2:first-child{
    font-size: 30px;
    margin-bottom: 60px;
	text-align: center;
}
.upsells.products .products.columns-6{
	justify-content: center;
}
.button.storefront-sticky-add-to-cart__content-button{
	margin: 0 0 0 auto;
}
.button.single_add_to_cart_button{
	margin: 0 0 0 20px;
}
.quantity .qty{
	height: 40px;
}
.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button, .woocommerce-noreviews .button, p.no-comments .button{
	margin: 0;
	height: auto;
}
.pswp__caption{
	display: none;
}

/***** Checkout *****/
.button.checkout-button,
#payment .place-order .button,
.woocommerce-checkout-payment .button,
.wc-proceed-to-checkout .button.checkout-button{
	height: auto;
    padding: .6180469716em 1.41575em;
	font-size: 20px;
}
.form-row .button{
	margin: 0 0 0 auto;
}
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
.input-text{
	height: 40px;
}
textarea,
textarea.input-text{
	height: auto;
}
.cart-collaterals .cross-sells{
	display: none;
}
#billing_gazchaps-woocommerce-getaddress-io-address-selector .select2-selection--single{
	padding-left: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
    border-radius: 0;
	background-color: #f2f2f2;
}

/***** Accordion  *****/

.accordion-wrap-main{
	margin: 20px;
	border-bottom: 1px solid #555;
}
.accordion{
	list-style: none;
	margin: 0;
}
.accordion__header{
	padding: 10px;
	cursor: pointer;
	background: #f0f0f0;
	border-top: 1px solid #555;
	margin: 0;
}
.accordion__header:hover{
	background: #ddd;
}
.accordion__content,
.accordion-sub__content{
	display: none;
	padding: 20px;
}
.accordion-sub__header{
	cursor: pointer;
	background: #fff;
	border-top: 1px solid #888;
	margin: 0;
	padding: 10px 20px
}
.accordion-sub__header:hover{
	background: #f0f0f0;	
}
.accordion-wrap-sub li:first-child .accordion-sub__header{
	border: none;
}

/***** account *****/
.woocommerce-MyAccount-navigation,
.page-template-template-fullwidth-php .woocommerce-MyAccount-navigation{
	width: 17.6470588235%;
    float: left;
    margin-right: 5.8823529412%;
}
.woocommerce-MyAccount-content,
.page-template-template-fullwidth-php .woocommerce-MyAccount-content{
	width: 76.4705882353%;
    float: right;
    margin-right: 0;
}
.my_account_orders .button,
.woocommerce-MyAccount-downloads .button{
	margin-top: auto;
}
	
/***** blog *****/

/*archive*/
body.blog .woocommerce-breadcrumb::after{
	content: 'Ink Trader Blog';
	display: block;
	font-size: 2.617924em;
	line-height: 1.214;
	color: #222;
	letter-spacing: -1px;
	clear: both;
    font-weight: 300;
    margin: 30px 0 0 0;
}
.hentry{
	position: relative;
}
.hentry.type-post .entry-content{
	width: 100%;
	border-top: 1px solid #f2f2f2;
	padding: 20px 0;
}
.hentry .wp-post-image{
	width: 25%;
	margin: 0 5% 0 0;
	float: left;
}
.hentry .entry-content a:hover .wp-post-image{
	opacity: 0.8;
}
.blog-entry-link{
	text-decoration: none !important;
}
.blog-entry-link__title{
	display: inline;
	font-size: 30px;
}
.blog-entry-link p{
	font-size: 18px;
	padding: 20px 0;
}
.entry-content .more{
	color: #fff;
}
.entry-content a:hover .more{
	color: #111;
}
.entry-taxonomy{
	display: none;
}
/*single post*/
.single-post .entry-header{
	margin: 0;
}
.single-post .posted-on,
.single-post .post-author{
    display: none;
}
.single-post .entry-meta{
    width: 100%;
    float: none;
	margin: 20px 0 18px 0;
}
.single-post .cat-links,
.single-post .tags-links{
    display: inline-block;
	margin: 0 40px 0 0;
}
.single-post .wp-post-image{
	width: 10%;
	margin: 0 20px 20px 0;
	float: left;
}
.single-post .entry-content p{
	max-width: 1048px;
}
.single-post .entry-content h2{
	display: inline-block;
}

/***** hp instant ink page *****/
body.page-template-template-hp-instant-ink .storefront-breadcrumb{
	display: none;
}
.hp-instant-ink-wrap{
	position: relative;
    margin-right: -9.5%;
    margin-left: -9.5%;
}
.hp-instant-ink-wrap .main-nav{
	display: none;
}
.hp-instant-ink-wrap .section1 .tagline img{
	display: inline-block;
}
.hp-instant-ink-wrap .how-do-i-save-on-ink_slider .slick-prev{
	border-radius: 0 !important;
	border-left: 2px solid #fff !important;
    border-top: 2px solid #fff !important;
    opacity: 1 !important;
}
.hp-instant-ink-wrap .how-do-i-save-on-ink_slider .slick-next{
	border-radius: 0 !important;
	border-right: 2px solid #fff !important;
    border-top: 2px solid #fff !important;
    opacity: 1 !important;
}
.hp-instant-ink-wrap .-or-{
	display: inline-block;
	padding: 0 10px;
	color: #fff;
}


/***** hide 'powered by bulletin' notice when plugin used *****/
.bulletinwp-bulletins .bulletinwp-bulletin-powered-by-label{
	display: none !important;
	visibility: hidden !important;
}

/***** my products account tab icon *****/ 
body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--my-products a:before{
	content: "\f005";
}

/***** QR Code Page *****/
.page-template-template-qr-code-page .entry-title {
	text-align: center;
}
.page-template-template-qr-code-page .entry-title::after {
	content: "";
    display: block;
    width: 200px;
    margin: 30px auto 60px auto;
    border-bottom: 1px solid #333;
}
.page-template-template-qr-code-page .hentry {
	margin: 0;
}
.qr-page .cols {
	display: flex;
	align-items: flex-start;
	background: #eff1f5;
	color: #333;
	padding: 40px 0;
}
.qr-page .col {
	width: 50%;
}
.qr-page .col--1 {
	border-right: 1px solid #aaa;
}
.qr-page .col-content {
	padding: 0 60px;
}
.qr-page .col-h3::after {
	padding: 0 60px;
	content: "";
    display: block;
    width: 50px;
    margin: 30px 0 40px 0;
    border-bottom: 1px solid #aaa;
}
.qr-page input[type=text],
.qr-page input[type=number], 
.qr-page input[type=email], 
.qr-page input[type=tel],
.qr-page textarea,
.qr-page .input-text {
	background: #fff;
}
.qr-page .environmental {
	padding: 60px 0 0 0;
	text-align: center;
}
.qr-page .environmental-h3::after {
	padding: 0 60px;
	content: "";
    display: block;
    width: 50px;
    margin: 30px auto 40px auto;
    border-bottom: 1px solid #333;
}
.qr-page .enviro-wrap {
	display: flex;
	justify-content: space-between;
}
.qr-page .enviro-box {
    display: flex;
    align-items: center;
	width: calc(25% - 20px);
	background: #eff1f5;
	color: #333;
	padding: 30px;
	font-size: 22px;
}
.qr-page .enviro-box p{
	margin: 0;	
}
.qr-page .enviro-small {
	margin: 30px 0 0 0;
	font-size: 13px;	
}

/***** responsive styles *****/

@media only screen and (max-width: 1790px){
	.footer-upper-link{
		padding: 10px 0;
	}	
	.footer-upper-link-col:nth-child(odd) .footer-upper-link {
		padding-right: 20px;
	}
	.footer-upper-link-col:nth-child(even) .footer-upper-link {
		padding-left: 20px;
	}
	.footer-upper-link-title{
		font-size: 17px;
	}	
}

@media only screen and (max-width: 1660px){
	h1{
		font-size: 35px;
	}
	.home-hero-review-h2{
		font-size: 23px;
	}
	.hero-review-text{
		font-size: 17px;
	}
	.home-hero-banner-row--height-70px{
		height: 64px;
	}
	.hero-banner-image--brand{
		transform-origin: top left;
		transform: scale(0.8);
	}
	.hero-banner-brand-text{
		font-size: 29px;
	}
	.hero-banner-large-text{
		font-size: 28px;
	}
	.hero-banner-standard-text{
		font-size: 17px;
		line-height: 1.3;
	}
	ul.products li.product .woocommerce-loop-product__title{
		font-size: 15px;
    	line-height: 1.3;
	}
}

@media only screen and (max-width: 1530px){
	/*widen wrap*/
	.col-full{
		max-width: 94% !important;
		padding: 0;
		margin: auto;
	}
	/*single blog post image size*/
	.single-post .hentry .entry-content .wp-post-image{
		width: 15%;
	}
	.home-hero-wrap{
		margin-right: -3%;
		margin-left: -3%;
	}
	.home-hero-main{
		padding: 30px;
	}
	.home-hero-content{
		width: 100%;
	}
	.home-hero-col--printer-browser{
    	margin: 0 15px 0 0;
	}
	.home-hero-col--search {
    	margin: 0 0 0 15px;
	}
	.home-hero-reviews-wrap{
		width: calc(25% - 22.5px);
	}
	.home-hero-banners-wrap{
		margin-right: -3%;
		margin-left: -3%;
	}
	.home-hero-banners{
		padding: 0 30px 30px 30px;
	}
	.home-hero-banner {
		width: calc(25% - 22.5px);
	}
	.home-hero-banner--buy-again{
		width: calc(50% - 16.33px);
	}
	
	.footer-top{
		padding: 0 30px 30px 30px;
	}
	.footer-upper-col{
		padding: 0 30px;
	}
	.footer-upper-link-img {
		width: 14%;
	}
	.footer-upper-link-text {
		width: 86%;
	}
	.product-upsell,
	.upsell-product-review{
		padding: 10px;
	}
	.upsell-col-content{
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
	}
	.upsell-col-content--left{
		padding-right: 10px;
	}
	.upsell-col-content--right{
		padding-left: 10px;
	}
	.upsell-row{
		height: 48px;
	}
	.upsell-row--3{
		height: 46px;
	}
	.upsell-row--4{
		height: 40px;
	}
	.product-upsell-info{
		padding: 0 0 0 10px;
	}
	.product-upsell-h2,
	.upsell-product-review-h2{
		font-size: 18px;
	}
	.product-upsell-title,
	.upsell-product-review-text{
		font-size: 16px;
	}
	.description-image{
		max-width: 260px;
	}
	.hp-instant-ink-wrap{
		margin-right: -3%;
		margin-left: -3%;
	}
}

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

	.home-hero-banner{
		padding: 12px;
	}
	.hero-banner-brand-text{
		font-size: 25px;
	}
	.hero-hp-amplify{
		width: 90px;
	}
	.home-banner-product-title{
		font-size: 20px;
	}
}

@media only screen and (max-width: 1348px){
	
	ul.products.columns-4 li.product,
	ul.products.columns-5 li.product,
	ul.products.columns-6 li.product,
	ul.products.columns-5 li.product:nth-child(5n+5),
	ul.products.columns-6 li.product:nth-child(6n+6){
		margin: 0 20px 20px 0 !important;
	}
	ul.products.columns-4 li.product,
	ul.products.columns-5 li.product{
	   width: calc(25% - 15px) !important;
	}
	ul.products.columns-4 li.product:nth-child(4n+4),
	ul.products.columns-5 li.product:nth-child(4n+4){
		margin-right: 0 !important;
	}
	ul.products.columns-6 li.product{
	   width: calc(20% - 16px) !important;
	}
	ul.products.columns-6 li.product:nth-child(5n+5){
		margin-right: 0 !important;
	}
	.footer-upper-link-title {
		font-size: 16px;
	}

}

@media only screen and (max-width: 1260px){
	
	.main-navigation ul.menu>li>a,
	.main-navigation ul.nav-menu>li>a{
		padding: 0 0 10px 8px;
		margin: 0 0 0 8px;
	}
	.home-hero-main{
		padding: 20px;
	}
	.home-hero-col--printer-browser{
		margin: 0 10px 0 0;
	}
	.home-hero-col--search{
		margin: 0 0 0 10px;
	}
	.hero-h1{
		font-size: 30px;
	}
	.hero-browser-wrap{
		padding: 20px;
	}
	.hero-search-wrap{
		padding: 20px;
	}
	.hero-search button,
	#printer-browser .button{
		height: 35px !important;
		line-height: 35px !important;
	}
	.home-hero-reviews-wrap{
		width: calc(25% - 15px);
	}
	.home-hero-review-h2{
		font-size: 20px;
	}
	.hero-review-text{
		font-size: 16px;
		line-height: 1.3;
		margin: 0 0 10px 0;
	}
	.hero-review-cta{
		font-size: 16px;
	}
	.home-hero-banners{
		padding: 0 20px 20px 20px;
	}
	.home-hero-banner{
		width: calc(25% - 15px);
	}
	.home-hero-banner--buy-again{
		width: calc(50% - 11px);
	}
	.home-banner-product-image{
		padding: 0 14px 0 0;
	}
	.home-banner-product-eyebrow{
		margin: 0 0 4px 0;
	}
	.description-image{
		max-width: 25%;
		margin: 0 0 60px 20px;
	}
	.footer-upper{
		flex-flow: wrap;
	}
	.footer-upper-col{
		width: 100%;
		padding: 0;
	}
	.footer-upper-col h2{
		font-size: 30px;
	}
	.footer-upper-links {
		padding: 0 40px 35px 40px;
	}
	.footer-upper-link-col:nth-child(odd) .footer-upper-link {
		padding-right: 40px;
	}
	.footer-upper-link-col:nth-child(even) .footer-upper-link {
		padding-left: 40px;
	}
	.footer-upper-link-title {
		font-size: 18px;
	}
	.footer-lower-cards {
		width: 310px;
	}
}


@media only screen and (max-width: 1200px){
	.site-header{
		padding: 17px 0;
	}
	.header-logo{
		height: 70px !important;
	}
	.header-search{
		width: 400px;
	}
	.header-search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
		height: 34px;
	}
	.header-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{
		height: 34px;
	}
	.header-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit::after{
		height: 34px;
		width: 34px;
	}
	.header-action .header-icon{
		height: 34px;
		width: 34px;
	}
	.header-tooltip{
		display: none !important;
	}
	.main-navigation{
		padding: 20px 0 0 0;
		font-size: 17px;
	}
	.main-navigation ul.menu ul.sub-menu{
		width: calc(100% + 18px);
		left: 0;
		border-top: 17px solid #fff;
	}
	.main-navigation ul.menu ul.sub-menu li a{
		padding: 15px 18px !important;
		font-size: 15px;
	}
	.main-navigation ul.menu li.two-col-sub-menu ul.sub-menu {
		width: 450px;
	}
	.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{
		margin: 0 0 0 10px;
	}
	.main-navigation ul.menu>li.menu-item-has-children>a::after, .main-navigation ul.menu>li.page_item_has_children>a::after, .main-navigation ul.nav-menu>li.menu-item-has-children>a::after, .main-navigation ul.nav-menu>li.page_item_has_children>a::after{
		display: none;
	}
	.site-content{
		margin-top: 120px;
	}
	.header--sticky{
		padding: 10px 0;
	}
	.header--sticky .header-logo{
		height: 34px !important;
	}
	.qr-page .col-content {
		padding: 0 40px;
	}
}

@media only screen and (max-width: 1150px){
	
	.hero-h1{
		font-size: 27px;
	}
	.home-hero-reviews-wrap{
		padding: 12px;
	}
	.hero-review-cta{
		display: none;
	}
	.home-hero-banners{
		flex-wrap: wrap;
	}
	.home-hero-banner{
		width: calc(50% - 10px);
		margin: 0 0 20px 0;
	}
	.home-hero-banner--buy-again{
		width: 100%;
	}
	.home-banner-product-image img{
		width: 180px;
	}
	ul.products.columns-6 li.product{
	   width: calc(25% - 15px) !important;
	}
	ul.products.columns-6 li.product:nth-child(5n+5){
		margin-right: 20px !important;
	}
	ul.products.columns-6 li.product:nth-child(4n+4){
		margin-right: 0 !important;
	}
	.footer-lower-content{
		flex-wrap: wrap-reverse;
	}
	.footer-lower-col{
		width: 100%;
	}
	.footer-lower-cards {
		width: 100%;
		padding: 0 0 30px 0;
	}
	.footer-payment-card {
		width: 60px;
	}

}

@media only screen and (max-width: 1050px){
	.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a{
		font-size: 16px;
	}
	.main-navigation ul.menu ul.sub-menu{
		width: calc(100% + 15px);
	}
	.main-navigation ul.menu ul.sub-menu li a{
		padding: 12px 15px !important;
		font-size: 14px;
	}
	.main-navigation ul.menu li.two-col-sub-menu ul.sub-menu {
		width: 420px;
	}
	.main-navigation ul.menu li:last-child a::after{
		display: none !important;
	}
	.home-hero-reviews-wrap{
		display: none;
	}
	.home-hero-content{
		width: 100%;
	}
	.home-brand-text{
		padding: 0 22px;
		line-height: 1.2;
	}
	/*respace printer links on product pages*/
	#tab-compatible-printers-tab a{
		display: block;
		padding: 0 20px 10px 0;
		width: 90%;
	}
	/*single blog post image size*/
	.single-post .hentry .entry-content .wp-post-image{
		width: 20%;
	}
	/*alter sidebar layout for smaller screens*/
	.archive.left-sidebar .col-full::before, .archive.left-sidebar .col-full::after{
		display: none;
	}
	.archive.left-sidebar .content-area{
		width: 100%;
		float: none;
	}
	.archive.left-sidebar .widget-area{
		width: 100%;
		float: none;
		margin-right: 0;
		border-right: none;
	}
	.upsell-wrap{
		flex-wrap: wrap;
	}
	.upsell-col{
		width: 100%;
		max-width: 500px;
	}
	.upsell-col-content--left{
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
		padding-right: 0;
	}
	.upsell-col-content--right{
		margin: 20px 0 0 0;
		padding: 0;
		padding-left: 0;
	}
	.upsell-row,
	.upsell-row--3,
	.upsell-row--4{
		height: auto;
	}
	.footer-top{
		flex-wrap: wrap;
		padding: 0 20px;
	}
	.footer-top-col{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.hp-instant-ink-wrap .-or-{
		width: 100%;
		padding: 12px 0 0 35px;
		color: #fff;
	}
}

@media only screen and (max-width: 900px){
	.header-search{
		width: 300px
	}
	.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{
		padding-left: 0;
	}
	.header-logo{
		height: 60px !important;
	}
	.home-hero-content{
		padding-bottom: 0;
	}
	.home-hero-main{
		padding: 0;
	}
	.home-hero-col--printer-browser{
		border-left: none;
		margin: 0;
		width: 100%;
	}
	.home-hero-col--search{
		display: none;
	}
	.home-hero-banners{
		padding: 20px;
	}
	ul.products.columns-4 li.product,
	ul.products.columns-5 li.product,
	ul.products.columns-6 li.product{
	   width: calc(33.33% - 13.33px) !important;
	}
	ul.products.columns-4 li.product:nth-child(4n+4),
	ul.products.columns-5 li.product:nth-child(4n+4),
	ul.products.columns-6 li.product:nth-child(4n+4){
		margin-right: 20px !important;
	}
	ul.products.columns-4 li.product:nth-child(3n+3),
	ul.products.columns-5 li.product:nth-child(3n+3),
	ul.products.columns-6 li.product:nth-child(3n+3){
		margin-right: 0 !important;
	}
	.qr-page .cols {
		display: flex;
		flex-wrap: wrap;
	}
	.qr-page .col {
		width: 100%;
	}
	.qr-page .col--1 {
		border-right: none;
		border-bottom: 1px solid #aaa;
	}
	.qr-page .col--2 {
		padding-top: 40px;
	}
	.qr-page .enviro-wrap {
		flex-wrap: wrap;
	}
	.qr-page .enviro-box {
		width: calc(50% - 10px);
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 840px){
	.site-header .col-full{
    	max-width: 97% !important;
	}
	.header-logo{
		height: 50px !important;
	}
	.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
		margin: 0 0 0 8px;
	}
}

@media only screen and (max-width: 767px){
	.header--sticky,
	.site-header{
		position: relative;
		padding: 20px 0;
	}
	.header--sticky .header-logo{
		height: 66px !important;
	}
	.header-search{
		display: none;
	}
	.header-right-upper{
		display: none;
	}
	.header-right-lower{
		height: 40px;
	}
	.main-navigation,
	.header--sticky .main-navigation{
		position: absolute;
		right: 0;
		max-width: 200px;
		height: 40px;
		padding: 0 20px 0 0;
		margin: 0;
		border: 2px solid #222;
		border-radius: 20px;
		background: #fff;
		transition: all 0.3s;
		overflow: hidden;
	}
	.main-navigation.toggled,
	.header--sticky .main-navigation.toggled{
		height: auto;
	}
	button.menu-toggle,
	button.menu-toggle:hover{
		margin: 0;
		padding: 0;
		border: none;
		line-height: 1;
		text-align: right;
		background-color: transparent;
		height: 38px;
		font-size: 18px;
		min-width: 160px;
		max-width: 160px;
	}
	button.menu-toggle::before,
	button.menu-toggle::after,
	button.menu-toggle span::before{
		left: 20px;
	}
	.handheld-navigation{
		padding: 10px 0 0 0;
	}
	.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a{
		font-size: 18px;
		padding: 0 0 20px 0;
	}
	.handheld-navigation ul.menu li button::after{
		display: none;
	}
	.site-content{
		margin-top: 0;
	}
	ul.products a h2 {
		font-size: auto;
	}
	.single-product div.product::before, .single-product div.product::after{
		content: "";
		display: table !important;
	}
	.storefront-full-width-content.single-product div.product .woocommerce-product-gallery{
		width: 28%;
		float: left;
		margin: 0 2% 0 0;
	}
	.storefront-full-width-content.single-product div.product .summary{
		width: 67%;
		float: right;
	}
	.storefront-full-width-content.single-product div.product .woocommerce-tabs{
		clear: both;
	}
	/*respace printer links on product pages*/
	#tab-compatible-printers-tab a{
		display: block;
		padding: 0 20px 10px 0;
		width: 90%;
	}
	/*single blog post image size*/
	.single-post .hentry .entry-content .wp-post-image{
		width: 25%;
	}
	.footer-upper-links {
		align-items: flex-start;
		padding: 0 30px 35px 30px; 
	}
	.footer-upper-link {
		display: block;
		text-align: center;
		padding: 10px 10px 0 10px !important;
		border-right: none !important;
	}
	.footer-upper-link-img {
		width: 50px;
		margin: 0 auto 10px auto;
	}
	.footer-upper-link-text {
		width: 100%;
		padding: 0;
	}
	.footer-lower{
		padding: 30px 30px 100px 30px;
	}
	.description-image{
		display: block;
		float: none;
		margin: 0 auto 40px auto;
		max-width: 50%;
	}
	.hp-instant-ink-wrap .-or-{
		padding: 12px 0 0 0;
		color: #333;
	}
}

@media only screen and (max-width: 680px){
	ul.columns-3.products li.product:not(.product-category),
	ul.columns-4.products li.product:not(.product-category){
		width: 90% !important;
		margin: 0 5% 70px 5% !important;
	}
	ul.products.columns-4 li.product,
	ul.products.columns-5 li.product,
	ul.products.columns-6 li.product{
	   width: calc(50% - 10px) !important;
	}
	ul.products.columns-4 li.product:nth-child(3n+3),
	ul.products.columns-5 li.product:nth-child(3n+3),
	ul.products.columns-6 li.product:nth-child(3n+3){
		margin-right: 20px !important;
	}
	ul.products.columns-4 li.product:nth-child(2n+2),
	ul.products.columns-5 li.product:nth-child(2n+2),
	ul.products.columns-6 li.product:nth-child(2n+2){
		margin-right: 0 !important;
	}
}

@media only screen and (max-width: 640px){
	
	.home-hero-banner{
		width: 100%;
	}
	.hero-banner-cta-small{
		display: block;
		width: 100%;
		margin: 10px 0;
		font-size: 15px;
	}
	.description-image{
		display: none;
	}
	.storefront-full-width-content.single-product div.product .woocommerce-product-gallery{
		width: 95%;
		margin: 0 auto 20px auto;
		float: none;
	}
	.storefront-full-width-content.single-product div.product .summary{
		width: 100%;
		float: none;
	}
	.storefront-full-width-content .woocommerce-tabs ul.tabs li{
		padding: 0 14px;
	}
	.woocommerce-tabs ul.tabs li a{
		padding: 14px 0;
	}
	
}

@media only screen and (max-width: 600px){
	
	.home-hero-banner{
		width: 100%;
	}
	.hero-banner-cta-small{
		display: block;
		width: 100%;
		margin: 10px 0;
		font-size: 15px;
	}
	.description-image{
		display: none;
	}
	
}

@media only screen and (max-width: 570px){
	.home-brand-text{
		padding: 0 35px;
	}
	.home-hero-banners{
		flex-flow: wrap;
	}
	.home-hero-banner--01,
	.home-hero-banner--02,
	.home-hero-banner--03{
		width: 100%;
	}
	.storefront-full-width-content .woocommerce-tabs ul.tabs{
    	display: block;
	}
}
	
@media only screen and (max-width: 545px){
	.home-hero-content{
		height: auto;
		padding: 30px 0 0 0;
	}
	/*respace printer links on product pages*/
	#tab-compatible-printers-tab a{
		display: block;
		padding: 0 20px 10px 0;
		width: 90%;
	}
	ul.products.columns-4 li.product,
	ul.products.columns-5 li.product,
	ul.products.columns-6 li.product,
	ul.products.columns-4 li.product:nth-child(2n+2),
	ul.products.columns-5 li.product:nth-child(2n+2),
	ul.products.columns-5 li.product:nth-child(3n+3),
	ul.products.columns-5 li.product:nth-child(4n+4),
	ul.products.columns-5 li.product:nth-child(5n+5),
	ul.products.columns-6 li.product:nth-child(2n+2),
	ul.products.columns-6 li.product:nth-child(3n+3),
	ul.products.columns-6 li.product:nth-child(4n+4),
	ul.products.columns-6 li.product:nth-child(5n+5){
		width: 100% !important;
		margin: 0 0 20px 0 !important;
		margin-right: 0 !important;
	}
	.woocommerce-loop-product__title{
		height: auto;
	}
	.qr-page .col-content {
		padding: 0 25px;
	}
	.qr-page .enviro-box {
		width: 100%;
	}
}

@media only screen and (max-width: 450px){
	.main-navigation{
		max-width: 170px;
	}
	button.menu-toggle,
	button.menu-toggle:hover{
		min-width: 130px;
		max-width: 130px;
	}
	.home-hero-wrap{
		background: #eff1f5;
	}
	.home-brand-text{
		padding: 0 10px;
	}
	.footer-top{
		display: none;
	}
	.footer-upper-link-col {
		width: 100%;
	}
	.footer-upper-link {
		padding: 10px 0 0 0 !important;
	}
}

@media only screen and (max-width: 420px){
	.home-banner-product-image{
		display: none;
	}
	.product-upsell-img{
		display: none;
	}
	.product-upsell-info{
		padding: 0;
	}
	.storefront-full-width-content .woocommerce-tabs .panel{
		padding: 20px;
	}
	ul, ol {
		margin: 0 0 1.41575em 20px;
	;
		padding: 0;
	}
}

@media only screen and (max-width: 350px){
	.main-navigation{
		max-width: 140px;
	}
	button.menu-toggle,
	button.menu-toggle:hover{
		min-width: 100px;
		max-width: 100px;
	}
	.home-brand-text{
		padding: 0;
	}
}