/*
Theme Name: PrinterStore
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.32111
*/
	
/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
    --primary: #19124f;
    --primary-dk: #07002f;
    --primary-lt: #a397e1;
    --secondary: #ff7300;
    --secondary-dk: #ff4e00;
    --successful: #258635;
    --successful-dk: #218838;
    --white: #fff;
    --light: #f5f5f5;
    --flash: #e1e1e1;
    --gray: #a1a1a1;
    --dark: #999;
    --darkness: #444;
    --black: #111;
    --primary-price: #c52c29;
    --primary-title: #19124f;
    --font: 'Roboto',Helvetica,sans-serif;
    --shadow: rgba(11, 11, 11, 0.1);
    --trans: all 300ms ease-in-out;
    --multiply: #f7f7f7;
    --left: 230px;
    --right: 230px;
    --small-padding: 8px;
    --middle-padding: 16px;
    --large-padding: 32px;
    --pr-color-brand: #19124f;
    --pr-color-primary: #19124f;
    --pr-color-primary-300: #a397e1;
    --pr-color-secondary: #ff7300;
    --pr-color-secondary-500: #ff4e00;
    --pr-color-secondary-700: #c50008;
    --pr-color-dodgerblue: #2792ce;
    --pr-color-darkslateblue: #04497d;
    --pr-color-checkout: #ff3945;
    --pr-color-checkout-hover: #d2212b;
    --pr-color-addtocart: #ff5965;
    --pr-color-addtocart-hover: #cc2d38;
    --pr-color-neutral-100: #e1e1e1;
    --pr-color-neutral-200: #D6DADF;
    --pr-color-neutral-900: #07002f;
    --pr-color-success-100: #ccf7d4;
    --pr-color-success-200: #5bbb6b;
    --pr-color-success-500: #258635;
    --pr-color-information-100: #e7e4f7;
    --pr-color-information-300: #A397E1;
    --pr-color-information-500: #6551CC;
    --pr-color-information-600: #5441b5;
    --pr-color-warning-200: #fdebd2;
    --pr-color-warning-600: #ffa800;
    --pr-color-warning-700: #d89205;
    --pr-color-error-300: #fe7c7c;
    --pr-color-error-500: #ff5965;
    --pr-color-price: #c52c29;
    --pr-color-price-compare: #595959;
    --pr-color-price-cart: #19124f;
    --pr-color-title: #19124f;
    --pr-color-light: #f5f5f5;
    --pr-color-flash: #e1e1e1;
    --pr-color-gray: #a1a1a1;
    --pr-color-dark: #999;
    --pr-color-dark-2: #595959;
    --pr-color-darkness: #444;
    --pr-color-dark-x: #222;
    --pr-color-white: #ffffff;
    --pr-color-black: #000000;
    --pr-color-transparent: transparent;
    --pr-color-border: var(--pr-color-neutral-100);
    --pr-color-text: var(--pr-color-darkness);
    --pr-color-text-contrast: var(--pr-color-white);
    --pr-font-family: 'Roboto',Helvetica,sans-serif;
    --pr-font-weight-display1: 400;
    --pr-font-weight-display2: 400;
    --pr-font-weight-display3: 500;
    --pr-font-weight-display4: 500;
    --pr-font-weight-display5: 500;
    --pr-font-weight-display6: 500;
    --pr-font-weight-body: var(--pr-font-weight-display2);
    --pr-font-weight-heading: var(--pr-font-weight-display3);
    --pr-font-size-display1: 36px;
    --pr-font-size-display2: 24px;
    --pr-font-size-display3: 20px;
    --pr-font-size-display4: 18px;
    --pr-font-size-display5: 16px;
    --pr-font-size-display6: 14px;
    --pr-font-size-display7: 12px;
    --pr-font-size-display8: 13px;
    --pr-font-size-body: var(--pr-font-size-display5);
    --pr-line-height-display1: 48px;
    --pr-line-height-display2: 32px;
    --pr-line-height-display3: 30px;
    --pr-line-height-display4: 28px;
    --pr-line-height-display5: 26px;
    --pr-line-height-display6: 24px;
    --pr-line-height-display7: 18px;
    --pr-line-height-display8: 20px;
    --pr-line-height-body: 1.5;
    --pr-radius-xs-small: 3px;
    --pr-radius-small: 4px;
    --pr-radius-x-small: 5px;
    --pr-radius-medium: 8px;
    --pr-radius-large: 12px;
    --pr-radius-x-large: 36px;
    --pr-radius-cycle: 50%;
    --pr-size-border-width-hairline: 1px;
    --pr-size-border-width-small: 2px;
    --pr-size-border-width-large: 8px;
    --pr-spacing: 2px;
    --pr-spacing-02: 4px;
    --pr-spacing-03: 8px;
    --pr-spacing-04: 12px;
    --pr-spacing-05: 16px;
    --pr-spacing-07: 24px;
    --pr-spacing-09: 32px;
    --pr-spacing-10: 48px;
    --pr-shadow-300: 0 1px 1px -1px rgba(0, 0, 0, .15),0 1px 2px 0 rgba(0, 0, 0, .1),0 1px 4px 0 rgba(0, 0, 0, .1);
    --pr-shadow-500: 0 3px 4px -1px rgba(0, 0, 0, .15),0 5px 10px 0 rgba(0, 0, 0, .1),0 1px 12px 0 rgba(0, 0, 0, .1);
    --pr-shadow-700: 0 8px 10px -5px rgba(0, 0, 0, .2),0 16px 24px 2px rgba(0, 0, 0, .14),0 6px 30px 5px rgba(0, 0, 0, .1);
    --pr-transition-fast: 150ms;
    --pr-transition-standard: 300ms;
    --pr-trans-fast: all var(--pr-transition-fast) ease-in-out;
    --pr-trans-standard: all var(--pr-transition-standard) ease-in-out;
    --pr-width-left: 230px;
    --pr-width-right: 230px
}

body,html {
    text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0
}

body {
    font-family: Roboto,sans-serif;
    color: #444;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.overlay-heading {
    margin: 0;
    min-height: 40px;
    background-color: #f2f2f6;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #f2f2f6;
    font-size: 14px;
    font-family: Arial;
    color: #444;
    font-weight: 500
}

a {
    text-decoration: none;
    color: #19124f;
    text-decoration: none
}

html[lang=jp] body {
    font-size: 17px;
    font-weight: 400
}

b,strong {
    font-weight: 500
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 500;
    margin-top: 0;
    line-height: 1.1;
    margin-bottom: 16px;
}


h2 {
    font-size: calc(var(--pr-font-size-display3) + (24 - 20) * ((100vw - 300px)/ (1920 - 300)))
}

h3 {
    font-size: calc(var(--pr-font-size-display4) + (20 - 18) * ((100vw - 300px)/ (1920 - 300)))
}

h4 {
    font-size: calc(var(--pr-font-size-display5) + (20 - 16) * ((100vw - 300px)/ (1920 - 300)))
}


.home .text-heading>h2{
    font-weight: var(--pr-font-weight-heading);
    margin-bottom: var(--pr-spacing-07);
    color: var(--pr-color-title);
    line-height: var(--pr-line-height-display2);
    font-size: calc(var(--pr-font-size-display2) + (33 - 24) * ((100vw - 300px)/ (1920 - 300)))
}

.home-categories .flickity-slider>.col{
    flex-basis: 10%;
    max-width: 10%;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.home-categories{
    position: relative;
}
.home-categories::before {
    content: "";
    width: 100vw;
    height: 40%;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #FDEBD2;
}

.home-categories .box-image {
    border-radius: 99px;
    font-size: calc(13px +(16 - 13)*((100vw - 300px) /(1920 - 300)));
}


.home-categories h5 {
    color: var(--pr-color-dark-x);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: var(--pr-font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    text-transform: capitalize;
}

.home-categories .flickity-prev-next-button{
    top: 70%;
}
.home-categories .flickity-prev-next-button svg{
    background-color: #fff;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
    border: none!important;
}
.slider-nav-circle:hover .flickity-prev-next-button{
    opacity: 1!important;
}

.flickity-prev-next-button.next {
    right: 0;
}

.flickity-prev-next-button.previous {
    left: 0;
}

.product-small .box-image{
    border-radius: var(--pr-radius-large);
}
.price del, .product_list_widget del, del .woocommerce-Price-amount{
    margin-left: 4px;
    font-size: 13px;
    opacity: 1!important;
}

.saleoff-text{
    font-size: 13px;
}
.box-text {
    font-size: 1em;
}
span.amount {
    color: #111;
    font-weight: 500;
    white-space: nowrap;
}

.product-small .saleoff-text {
    color: #258635 !important;
}

.featured-home span.amount {
    color: #77dd93;
    font-weight: 500;
    line-height: 24px;
    font-size: 21px;
}
.featured-home del .amount{
    line-height: 24px;
    color: rgba(255 255 255 / 70%);
    font-weight: 400;
    font-size: 18px;
}
.featured-home .product-title .woocommerce-LoopProduct-link{
    color: #fff;
    font-size: 23px;
    line-height: 1.2;
    position: relative;
    z-index: 2;
    font-weight: 500;
}

.product-small .product-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    width: 100%;
    font-size: var(--pr-font-size-display6);
    line-height: 1.6;
    color: var(--pr-color-primary);
    font-weight: var(--pr-font-weight-heading);
    margin-bottom: 0;
    word-break: break-all;
}

.product-small .price-wrapper {
    margin-top: 4px;
}
.icon-box-left+.icon-box-left{
    margin-top: 10px;
}

.checklist .icon-box-img .icon{
    width: 32px;
    height: 32px;
    background-color: #e2f5f2;
    border-radius: 50%;
    padding: 2px 7px;
}

.checklist .icon-box-text {
    line-height: 32px;
    padding-left: 1.5em !important;
    font-size: 18px;
    font-weight: 500;
}
.category-page-row {
    padding-top: 10px;
}

.d-block{
    display: block;
}
.woocommerce-result-count{
    margin: 0;
}

input, select{
    border-radius: 4px;
    color: var(--pr-color-darkness);
    border: var(--pr-size-border-width-small) solid var(--pr-color-flash);
    margin: 0;
    min-height: 46px;
}

body:not(.woocommerce-checkout) select, body .wcpa_form_outer .wcpa_form_item select {
    border-radius: 32px;
}

.breadcrumbs, .breadcrumbs a {
    color: var(--pr-color-primary);
    font-weight: 400;
}

.wcpa_form_outer .wcpa_form_item .wcpa_helptext{
    font-size: 1em!important;
}

.wcpa_form_item:not(.flex-field_parent) .color-group label{
    overflow: hidden;
    width: 44px;
    height: 44px;
    padding: 0;
}
.wcpa_form_outer .wcpa_form_item:not(.flex-field_parent) .color-group .wcpa_color input:checked+label span{
    border: none;
    position: relative;
}

.wcpa_form_outer .wcpa_form_item:not(.flex-field_parent) .color-group .wcpa_color input:checked+label span:before {
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    border-radius: 50%;
    content: "";
    border: 2px solid var(--pr-color-white);
}

.wcpa_color input:checked+label span.wcpa_clb_nowhite:before {
    border: 2px solid var(--pr-color-primary)!important;
}

.wcpa_form_outer .wcpa_form_item .color-group .wcpa_color input:checked+label span{
    box-shadow: none;
}

.add-to-cart-container{
    background-color: #f8f8f8;
    border-radius: 11px;
    padding: 16px !important;
}
.wcpa_form_outer .wcpa_form_item:not(.flex-field_parent) .color-group .wcpa_color input:checked+label span:after {
    top: 50%;
    left: 50%;
    transform: translate(-4px);
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    background-size: 100%;
    background-image: url(tick-white.svg);
    background-size: 100%;
    border: none!important;
}
.wcpa_form_outer .wcpa_form_item:not(.flex-field_parent) .color-group .wcpa_color input:checked+label span.wcpa_clb_nowhite:after {
    background-image: url(tick-black.svg);
}

.wcpa_form_item.flex-field_parent{
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    width: 100%;
}
.wcpa_form_outer .wcpa_form_item.flex-field_parent .color-group .wcpa_color label span{
    background-color: var(--pr-color-white);
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: var(--pr-size-border-width-small) solid var(--pr-color-flash);
    cursor: pointer;
    user-select: none;
    border-radius: 44px;
    padding: 8px 10px;
    margin: 0;
    -webkit-border-radius: 44px;
    -moz-border-radius: 44px;
    -ms-border-radius: 44px;
    -o-border-radius: 44px;
    overflow: initial;
    width: auto !important;
    font-weight: 500;
}

.wcpa_form_item.flex-field_parent .wcpa_helptext{
    display: none;
}

.wcpa_form_outer .wcpa_form_item.flex-field_parent .color-group .wcpa_color input:checked+label span{
    background-color: var(--primary-dk) !important;
    border-color: var(--primary-dk);
    color: var(--pr-color-white);
}
.wcpa_form_outer label{
    font-weight: 400;
    color: var(--primary-dk);
    font-size: 1em;
    margin: 0;
}
.wcpa_form_item.flex-field_parent>label{
    min-width: 80px;
}

.wcpa_form_outer .wcpa_form_item.flex-field_parent .select{
    flex: 1;
}

body .quantity .button.minus{
    border-top-left-radius: 99px;
    border-bottom-left-radius: 99px;
}

body .quantity .button.plus{
    border-top-right-radius: 99px;
    border-bottom-right-radius: 99px;
}
.quantity .minus, .quantity .plus {
    padding-left: 1em;
    padding-right: 1em;
    font-size: 16px;
}
.quantity input{
    border-width: 2px !important;
    height: auto !important;
    background: #fff !important;
}

.button, button{
    border-radius: 99px;
}

.single_add_to_cart_button {
    font-weight: 500;
    font-size: 18px !important;
    text-transform: initial;
    display: block;
    width: 100%;
    height: 54px;
}

.quantity-inputs{
    display: inline-flex;
}


form.cart .ux-quantity.form-minimal {
    align-items: center;
    justify-content: space-between !important;
    width: 100%;
    margin-bottom: 20px;
}

.add-to-cart-container .quantity-label label{
    font-weight: 500;
    display: block !important;
    visibility: visible !important;
}
.add-to-cart-container .quantity .quantity-inputs input[type=number]{
    width: 100px!important;
    max-width: 100%!important;
}

.product-content {
    height: 150px;
    overflow: hidden;
    transition: height 0.3s ease;
    position: relative;
}
.expanded {
    height: auto;
}
.product-more-content {
    cursor: pointer;
    color: blue;
    z-index: 2;
    text-align: center;
    display: block;
    width: 100%;
}
.product-more-content .button{
    margin: 0 auto;
}
.product-more-content span {
    position: relative;
    z-index: 2;
    user-select: none;
    background-color: var(--pr-color-white) !important;
    padding: var(--pr-spacing-03) var(--pr-spacing-05);
    cursor: pointer;
    user-select: none;
    border-radius: var(--pr-radius-x-large);
    border: var(--pr-size-border-width-small) solid var(--pr-color-light);
    transition: var(--pr-trans-standard);
    font-size: var(--pr-font-size-display6);
    font-weight: var(--pr-font-weight-body);
    color: var(--darkness);
    transition: var(--pr-trans-standard);
    line-height: 24px;
    display: inline-flex;
    width: fit-content;
    max-width: -moz-fit-content;
    justify-content: center;
    align-items: center;
    background-color: var(--pr-color-white);
}

.product-content:after {
    opacity: 1;
    content: "";
    position: absolute;
    bottom: 0;
    height: 70%;
    width: 100%;
    z-index: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(var(--pr-color-white)));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), var(--pr-color-white));
    pointer-events: none;
    transition: opacity 300msease-in-out!important;
    left: 0;
}

.product-content.expanded:after{
    opacity: 0;
}
.product-content.expanded{
    padding-bottom: 20px;
}
.product-content-wrp{
    padding: 20px 0;
}

.btn-tag{
    color: var(--primary);
    padding: 8px 16px;
    border-radius: 24px;
    font-weight: var(--pr-font-weight-display2);
    line-height: 1.2;
    margin-right: 9px;
    margin-bottom: 9px;
    font-size: 14px;
    position: relative;
    text-align: center;
    background-color: rgba(34 34 34 / 7%);
}

body .shop_table .order-total td, .shop_table .order-total th, body .shop_table thead th {
    border-width: 0px;
    text-transform: initial;
    font-size: 1em;
    letter-spacing: 0;
    line-height: 26px;
    font-weight: 500;
    
}

.cart-sidebar{
    padding: var(--pr-spacing-04);
    background-color: #f8f8f8;
    border-radius: 5px;
    margin-bottom: 0.8rem;
    position: relative;
    font-weight: 500;
}
.cart-subtotal th, .cart_totals tbody th{
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;

}

.shop_table>thead th{
    background-color: #f8f8f8;
    border-radius: 5px;
    padding: var(--pr-spacing-04);
}

.shop_table>thead tr{
    
    border-radius: 5px;
}

.checkout_coupon .button{
    margin-top: 10px!important;
}

body .wc-proceed-to-checkout a.button, body .place-order .button#place_order{
    background-color: #ff3945 !important;
    border-radius: 4px !important;
    line-height: 58px;
    height: 58px;
    font-size: 16px;
    padding: 0;
}

.checkout_coupon{
    margin-top: 10px;
}

#woocommerce-product-search-field-0, #woocommerce-product-search-field-1{
    position: relative;
    width: 100%;
    background-color: #fff!important;
    border: 2px solid #ff7300;
    border-radius: 32px;
    color: #19124f;
}

#woocommerce-product-search-field-1::placeholder {
  color: #19124f;
  opacity: 1; /* Firefox */
}

#woocommerce-product-search-field-1::-ms-input-placeholder { /* Edge 12 -18 */
  color: #19124f;
}

.header-nav li{
    list-style: none;
}


.account-link.account-login .icon-user, .nav-top-link.nav-top-not-logged-in .icon-user{
    background-image: url(./account-icon.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}
.cart-item .header-cart-link i{
    background-image: url(./cart-icon.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}
.order-tracking-btn, .account-link.account-login:after, .account-link.account-login, .header-cart-link, .nav-top-link.nav-top-not-logged-in:after, .nav-top-link.nav-top-not-logged-in {
    position: relative;
    display: block!important;
    text-align: center;
}
.order-tracking-btn:before{
    background-image: url(./order-tracking.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    content:"";
    display: block!important;
    margin: 0 auto;
    visibility: visible!important;
    opacity: 1!important;
    margin-top: -5px;
    padding-bottom: 3px;
    box-sizing: content-box;
}

.cart-item .header-cart-link i:before, .account-link.account-login .icon-user:before, .nav-top-link.nav-top-not-logged-in .icon-user:before{
    content: " ";
}

.account-link.account-login:after, .nav-top-link.nav-top-not-logged-in:after{
    content: "Account";
    display: block;
    font-size: 11px;
    color: #19124f;
}
.header-cart-link:after{
    content: "Cart";
    display: block;
    font-size: 11px;
    color: #19124f;
}

.header-nav.header-nav-main.nav-right li{
    padding-top: 14px;
}
.account-login-inner{
    text-align: left;
}
.control-label {
    font-size: 16px;
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
}

.woocommerce-form .form-control {
    border-radius: 7px;
    padding: 12px 19px;
    border: 2px solid #e1e1e1;
    line-height: 1.2857143;
}
.woocommerce-form .form-control:focus {
    color: #495057;
    background-color: #fff;
    outline: 0;
    border: 2px solid #5441b5;
}

.woocommerce-form-row{
    margin-bottom: 20px;
}
.control-label.flex{
    display: flex;
}
.align-items-center{
    align-items: center;
}
.woocommerce-form__input-checkbox{
    min-height: 10px;
}

body .button.woocommerce-form-login__submit, body .lost_reset_password .button.woocommerce-Button, #customer_login .woocommerce-form-register  .button.woocommerce-Button {
    display: block;
    width: 100%;
    border-radius: 7px !important;
    line-height: 1.2857143 !important;
    min-height: 46px;
    font-weight: 400;
    text-transform: capitalize;
}

.is-sticky-column:not([data-sticky-mode]){
	z-index: 100;
}

.no-reviews{
    display: block;
    margin-bottom: 10px;
}
.no-reviews img{
    display: block;
}

.woocommerce-photo-reviews-form-button-add-review{
    text-transform: initial;
    padding: 5px 20px!important;
    background: var(--pr-color-secondary);
    border-color: var(--pr-color-secondary)!important;
    color: #fff;
    font-weight: 400;
}


.woocommerce-photo-reviews-form-button-add-review: hover{
    background: var(--pr-color-information-600);
    border-color: var(--pr-color-information-600);
    color: #fff;
}

.woocommerce-photo-reviews-form-container.woocommerce-photo-reviews-form-popup .woocommerce-photo-reviews-form-button-add-review-container{
    text-align: left!important;
    padding: 0!important;
}
body #woocommerce-photo-reviews-shortcode-1 .shortcode-wcpr-grid{
	column-count: 1!important
}
body .track_order .input-text {
    border-radius: 5px !important;
}
body .track_order .button{
	padding:3px 30px;
	border-radius:4px!important
}
body  input {
    border-radius: 5px !important;
}
.track-order-bg{
	background-color: rgb(250 197 181 / 20%);
}
body .input-text {
    border-width: 2px;
    box-shadow: none;
}
input:focus {
    color: #495057;
    background-color: #fff;
    outline: 0;
    border: 2px solid #5441b5;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

    .home-categories .flickity-slider>.col{
        flex-basis: 50%;
        max-width: 50%;;
    }
    .header-cart-link:after{
        display: none!important;
    }
}