/*! Theme Name: Storefront Theme URI: https://woocommerce.com/products/storefront/ Author: Automattic Author URI: https://woocommerce.com/ Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further! Version: 4.6.0 Tested up to: 6.5 Requires PHP: 5.6.0 License: GNU General Public License v3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.html Text Domain: storefront Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Storefront is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ All sizing (typography, layout, padding/margins, etc) are inspired by a modular scale that uses 1em as a base size with a 1.618 ratio. You can read more about the calculator we use in our Sass here: https://github.com/modularscale/modularscale-sass FontAwesome License: SIL Open Font License - http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL Images License: GNU General Public License v2 or later */
/*! * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@font-face {
   font-family: 'JosefinSans-Regular';
   src: url('fonts/JosefinSans-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'JosefinSans-Bold';
   src: url('fonts/JosefinSans-Bold.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
#page {
   padding-top: 120px;
}
.inner-width {
   max-width: 1240px;
   padding-left: 20px;
   padding-right: 20px;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}
#header {
   background-color: white;
   width: 100%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 1000;
   box-shadow: 0 4px 12px 0 rgba(0,0,0,.14);
}
#header .checkbox, #header .hamburger-lines {
  display: none;
}
#header .inner-width {
   display: flex;
   height: 120px;
   align-items: center;
}
#header .logo {
   width: 180px;
   height: auto;
}
#header .mainnavigation {
   display: flex;
   justify-content: space-between;
   width: calc(100% - 180px);
   padding-left: 75px;
   height: 100%;
   align-items: center;
}
#header nav > ul {
   list-style: none;
   display: flex;
   margin: 0px;
   position: relative;
   z-index: 10;
}
#header nav > ul > li {
   margin-right: 25px;
}
#header nav a {
   color: #56595C;
   font-size: 24px;
   line-height: 34px;
}
#header nav a:hover {
   color: #D6B160;
}
#header nav > ul > li:hover ul {
   display: flex;
   flex-wrap: wrap;
}
#header nav > ul ul {
  display: none;
  list-style: none;
  position: absolute;
  left: 0px;
  padding-top: 42px;
  margin: 0;
  width: 650px;
  background: white;
  z-index: 5;
  box-shadow: 0 4px 12px 0 rgba(0,0,0,.14);
}
#header nav > ul ul::before {
  content: "";
  width: calc(100% + 20px);
  height: 48px;
  background-color: white;
  position: absolute;
  left: -10px;
  top: -5px;
}
#header nav > ul ul li {
   padding: 8px 10px 3px;
   width: 50%;
}
#header nav > ul ul li a {
   font-size: 20px;
   line-height: 30px;
   display: block;
   width: 100%;
}
#header .smallnav {
   display: flex;
   height: 100%;
   align-items: center;
   z-index: 10;
}
#header .smallnav a {
  display: block;
  height: 30px;
  position: relative;
  width: 40px;
  margin-left: 15px;
}
#header .smallnav img {
   height: 30px;
   width: auto;
   position: absolute;
   max-width: 35px;
   right: 0;
}
#header .smallnav a:hover > img:first-child {
  display: none;
}
#header .smallnav a:hover > img:last-child {
  display: block;
}
#header .smallnav a img:last-child {
  display: none;
}

.widget_search form:not(.wp-block-search)::before, .widget_product_search form:not(.wp-block-search)::before {
  top: 11px !important;
}



#header .smallnav .widget {
   margin: 0;
   margin-left: 20px;
}
#header .smallnav form {
   margin: 0;
}
#header .smallnav form input {
   outline: none !important;
   box-shadow: none !important;
   padding-top: 7px !important;
   border: 1px solid #56595C;
}
#masthead {
   margin-top: 100px;
}
main {
   min-height: 65vh;
}
#footer {
   background-color: #56595C;
   padding-top: 25px;
   padding-bottom: 20px;
}
#footer .inner-width {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
#footer span {
   color: white;
   font-size: 18px;
   line-height: 28px;
}
#footer a {
   text-decoration: underline;
   color: white;
}
#footer a:hover {
   color: #D6B160;
}





a{
  color:#2c2d33;
  text-decoration:none
}



table{
  border-spacing:0;
  width:100%;
  margin-bottom: 40px;
  border-collapse:separate;
  font-size: 17px;
}
table input {
  background-color: white;
  border: 1px solid #56595C;
  width: 50px;
  outline: none !important;
}
table caption{
  padding:1em 0;
  font-weight:600
}
table td,table th{
  text-align:left;
  vertical-align:middle;
}
table td {
  background-color: white !important;
  padding: 10px 0px 10px 10px; 
}
table td .line {
  font-size: 35px;
  line-height: 20px;
}
#primary table tr.space td {
  background-color: white !important;
}
table tr:nth-child(odd) td {
  background-color: #F2F2F2 !important;
}
table tr:nth-child(odd)  {
background-color: #F2F2F2 !important;
}
table td p:last-child,table th p:last-child{
  margin-bottom:0
}
table th{
  font-weight:600
}
table thead th{
  vertical-align:middle;
  background-color: white !important;
  font-weight: 400;
  border-bottom: 2px solid #56595C;
  font-size: 20px;
  padding: 10px 0px 10px 10px !important;
}
table thead th.nopadl {
  padding-left: 0 !important;
}

.shop_table .table_designations{
  width: 30%;
}

.table_product_sku {
  width: 11%;
}

.pagination,.woocommerce-pagination{
  padding:1em 0;
  border:1px solid rgba(0,0,0,.05);
  border-width:1px 0;
  text-align:center;
  clear:both
}
.pagination ul.page-numbers::before,.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::before,.woocommerce-pagination ul.page-numbers::after{
  content:"";
  display:table
}
.pagination ul.page-numbers::after,.woocommerce-pagination ul.page-numbers::after{
  clear:both
}
.pagination .page-numbers,.woocommerce-pagination .page-numbers{
  list-style:none;
  margin:0;
  vertical-align:middle
}
.pagination .page-numbers li,.woocommerce-pagination .page-numbers li{
  display:inline-block
}
.pagination .page-numbers li .page-numbers,.woocommerce-pagination .page-numbers li .page-numbers{
  display:inline-block;
  color:#56595C;
  background-color: white;
  border: 1px solid #56595C;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 15px;
  padding-top: 3px;
}

.pagination .page-numbers li .page-numbers.current,.woocommerce-pagination .page-numbers li .page-numbers.current{
  background-color: #d6b160 !important;
  border-color:#56595C !important;
}
.pagination .page-numbers li .page-numbers.dots,.woocommerce-pagination .page-numbers li .page-numbers.dots{
  background-color:rgba(0,0,0,0);
  padding-top: 0;
  border: none;
}
.pagination .page-numbers li .page-numbers.prev,.pagination .page-numbers li .page-numbers.next,.woocommerce-pagination .page-numbers li .page-numbers.prev,.woocommerce-pagination .page-numbers li .page-numbers.next{
  padding-left:1em;
  padding-right:1em;
  border: none;
}
.pagination .page-numbers li a.page-numbers:hover,.woocommerce-pagination .page-numbers li a.page-numbers:hover{
  background-color:rgba(0,0,0,.05)
}
@media(min-width: 768px){
  table.shop_table_responsive tbody tr td,table.shop_table_responsive tbody tr th{
      text-align:left
  }
  .site-header{
      padding-top:2.617924em;
      padding-bottom:0
  }
  .site-header .site-branding{
      display:block;
      width:100%;
      float:left;
      margin-left:0;
      margin-right:0;
      clear:both
  }
  .site-header .site-branding img{
      height:auto;
      max-width:230px;
      max-height:none
  }
  .woocommerce-active .site-header .site-branding{
      width:73.9130434783%;
      float:left;
      margin-right:4.347826087%
  }
  .woocommerce-active .site-header .site-search{
      width:21.7391304348%;
      float:right;
      margin-right:0;
      clear:none
  }
  .woocommerce-active .site-header .main-navigation{
      width:73.9130434783%;
      float:left;
      margin-right:4.347826087%;
      clear:both
  }
  .woocommerce-active .site-header .site-header-cart{
      width:21.7391304348%;
      float:right;
      margin-right:0;
      margin-bottom:0
  }
  .storefront-secondary-navigation .site-header .site-branding{
      width:39.1304347826%;
      float:left;
      margin-right:4.347826087%
  }
  .storefront-secondary-navigation .site-header .secondary-navigation{
      width:56.5217391304%;
      float:right;
      margin-right:0
  }
  .storefront-secondary-navigation.woocommerce-active .site-header .site-branding{
      width:21.7391304348%;
      float:left;
      margin-right:4.347826087%
  }
  .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation{
      width:47.8260869565%;
      float:left;
      margin-right:4.347826087%
  }
  .site-branding .site-description{
      margin-bottom:0;
      display:block
  }
  .site-branding,.site-search,.site-header-cart,.site-logo-anchor,.site-logo-link,.custom-logo-link{
      margin-bottom:1.41575em
  }
  .site-header .subscribe-and-connect-connect{
      float:right;
      margin-bottom:1em
  }
  .site-header .subscribe-and-connect-connect .icons{
      list-style:none;
      margin:0
  }
  .site-header .subscribe-and-connect-connect .icons a{
      font-size:1em !important
  }
  .site-header .subscribe-and-connect-connect .icons li{
      margin:0 0 0 .5407911001em !important;
      display:inline-block
  }
  .col-full{
      max-width:1240px;
      padding-left: 20px;
      padding-right: 20px;
      margin-left:auto;
      margin-right:auto;
      box-sizing:content-box
  }
  .col-full::before,.col-full::after{
      content:"";
      display:table
  }
  .col-full::after{
      clear:both
  }
  .col-full:after{
      content:" ";
      display:block;
      clear:both
  }
  .site-content::before,.site-content::after{
      content:"";
      display:table
  }
  .site-content::after{
      clear:both
  }
  .content-area{
      width:73.9130434783%;
      float:left;
      margin-right:4.347826087%
  }
  .widget-area{
      width:21.7391304348%;
      float:right;
      margin-right:0
  }
  .right-sidebar .content-area{
      width:73.9130434783%;
      float:left;
      margin-right:4.347826087%
  }
  .right-sidebar .widget-area{
      width:21.7391304348%;
      float:right;
      margin-right:0
  }
  .left-sidebar .content-area{
      width:73.9130434783%;
      float:right;
      margin-right:0
  }
  .left-sidebar .widget-area{
      width:21.7391304348%;
      float:left;
      margin-right:4.347826087%
  }
  .storefront-full-width-content .content-area{
      width:100%;
      float:left;
      margin-left:0;
      margin-right:0
  }
  .content-area,.widget-area{
      margin-bottom:2.617924em
  }
  .page-template-template-fullwidth-php .content-area,.page-template-template-homepage-php .content-area{
      width:100%;
      float:left;
      margin-left:0;
      margin-right:0
  }
  .footer-widgets{
      padding-top:4.235801032em;
      border-bottom:1px solid rgba(0,0,0,.05)
  }
  .footer-widgets::before,.footer-widgets::after{
      content:"";
      display:table
  }
  .footer-widgets::after{
      clear:both
  }
  .footer-widgets.col-2 .block{
      width:47.8260869565%;
      float:left;
      margin-right:4.347826087%
  }
  .footer-widgets.col-2 .block.footer-widget-2{
      float:right;
      margin-right:0
  }
  .footer-widgets.col-3 .block{
      width:30.4347826087%;
      float:left;
      margin-right:4.347826087%
  }
  .footer-widgets.col-3 .block.footer-widget-3{
      float:right;
      margin-right:0
  }
  .footer-widgets.col-4 .block{
      width:21.7391304348%;
      float:left;
      margin-right:4.347826087%
  }
  .footer-widgets.col-4 .block.footer-widget-4{
      float:right;
      margin-right:0
  }
  .comment-list::before,.comment-list::after{
      content:"";
      display:table
  }
  .comment-list::after{
      clear:both
  }
  .comment-list .comment{
      clear:both
  }
  .comment-list .comment-meta{
      width:17.6470588235%;
      float:left;
      margin-right:5.8823529412%;
      text-align:right
  }
  .comment-list .comment-meta .avatar{
      float:right
  }
  .comment-list .comment-content{
      padding-bottom:3.706325903em;
      margin-bottom:3.706325903em
  }
  .comment-list .comment-content,.comment-list #respond{
      width:76.4705882353%;
      float:right;
      margin-right:0
  }
  .comment-list #respond{
      float:right
  }
  .comment-list #respond .comment-form-author,.comment-list #respond .comment-form-email,.comment-list #respond .comment-form-url{
      width:100%;
      margin-right:0
  }
  .comment-list .comment-body #respond{
      box-shadow:0 6px 2em rgba(0,0,0,.2);
      margin-bottom:2.617924em;
      margin-top:-1.618em
  }
  .comment-list .reply{
      clear:both;
      text-align:right
  }
  .comment-list ol.children{
      width:88.2352941176%;
      float:right;
      margin-right:0;
      list-style:none
  }
  .comment-list ol.children .comment-meta{
      width:20%;
      float:left;
      margin-right:6.6666666667%
  }
  .comment-list ol.children .comment-content,.comment-list ol.children #respond{
      width:73.3333333333%;
      float:right;
      margin-right:0
  }
  .comment-list ol.children ol.children{
      width:86.6666666667%;
      float:right;
      margin-right:0
  }
  .comment-list ol.children ol.children .comment-meta{
      width:23.0769230769%;
      float:left;
      margin-right:7.6923076923%
  }
  .comment-list ol.children ol.children .comment-content,.comment-list ol.children ol.children #respond{
      width:69.2307692308%;
      float:right;
      margin-right:0
  }
  .comment-list ol.children ol.children ol.children{
      width:84.6153846154%;
      float:right;
      margin-right:0
  }
  .comment-list ol.children ol.children ol.children .comment-meta{
      width:27.2727272727%;
      float:left;
      margin-right:9.0909090909%
  }
  .comment-list ol.children ol.children ol.children .comment-content,.comment-list ol.children ol.children ol.children #respond{
      width:63.6363636364%;
      float:right;
      margin-right:0
  }
  .comment-list ol.children ol.children ol.children ol.children{
      width:81.8181818182%;
      float:right;
      margin-right:0
  }
  .comment-list ol.children ol.children ol.children ol.children .comment-meta{
      width:33.3333333333%;
      float:left;
      margin-right:11.1111111111%
  }
  .comment-list ol.children ol.children ol.children ol.children .comment-content,.comment-list ol.children ol.children ol.children ol.children #respond{
      width:55.5555555556%;
      float:right;
      margin-right:0
  }
  #respond{
      padding:2.617924em
  }
  #respond .comment-form-author,#respond .comment-form-email,#respond .comment-form-url{
      width:29.4117647059%;
      float:left;
      margin-right:5.8823529412%
  }
  #respond .comment-form-url{
      float:right;
      margin-right:0
  }
  #respond .comment-form-comment{
      clear:both
  }
  .hentry .entry-header{
      margin-bottom:2.617924em
  }
  .menu-toggle,.handheld-navigation,.main-navigation.toggled .handheld-navigation,.main-navigation.toggled div.menu{
      display:none
  }
  .primary-navigation{
      display:block
  }
  .main-navigation,.secondary-navigation{
      clear:both;
      display:block;
      width:100%
  }
  .main-navigation ul,.secondary-navigation ul{
      list-style:none;
      margin:0;
      padding-left:0;
      display:block
  }
  .main-navigation ul li,.secondary-navigation ul li{
      position:relative;
      display:inline-block;
      text-align:left
  }
  .main-navigation ul li a,.secondary-navigation ul li a{
      display:block
  }
  .main-navigation ul li a::before,.secondary-navigation ul li a::before{
      display:none
  }
  .main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul,.secondary-navigation ul li:hover>ul,.secondary-navigation ul li.focus>ul{
      left:0;
      display:block
  }
  .main-navigation ul li:hover>ul li>ul,.main-navigation ul li.focus>ul li>ul,.secondary-navigation ul li:hover>ul li>ul,.secondary-navigation ul li.focus>ul li>ul{
      left:-9999px
  }
  .main-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,.main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device,.secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device,.secondary-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device{
      display:none;
      left:0
  }
  .main-navigation ul li:hover>ul li:hover>ul,.main-navigation ul li:hover>ul li.focus>ul,.main-navigation ul li.focus>ul li:hover>ul,.main-navigation ul li.focus>ul li.focus>ul,.secondary-navigation ul li:hover>ul li:hover>ul,.secondary-navigation ul li:hover>ul li.focus>ul,.secondary-navigation ul li.focus>ul li:hover>ul,.secondary-navigation ul li.focus>ul li.focus>ul{
      left:100%;
      top:0;
      display:block
  }
  .main-navigation ul ul,.secondary-navigation ul ul{
      float:left;
      position:absolute;
      top:100%;
      z-index:99999;
      left:-9999px
  }
  .main-navigation ul ul.sub-menu--is-touch-device,.secondary-navigation ul ul.sub-menu--is-touch-device{
      display:none;
      left:0
  }
  .main-navigation ul ul li,.secondary-navigation ul ul li{
      display:block
  }
  .main-navigation ul ul li a,.secondary-navigation ul ul li a{
      width:200px
  }
  ul.menu li.current-menu-item>a{
      color:#43454b
  }
  .storefront-primary-navigation{
      clear:both
  }
  .storefront-primary-navigation::before,.storefront-primary-navigation::after{
      content:"";
      display:table
  }
  .storefront-primary-navigation::after{
      clear:both
  }
  .main-navigation div.menu{
      display:block
  }
  .main-navigation ul.menu,.main-navigation ul.nav-menu{
      max-height:none;
      overflow:visible;
      margin-left:-1em;
      transition:none
  }
  .main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a{
      padding:1.618em 1em
  }
  .main-navigation ul.menu>li.menu-item-has-children:hover::after,.main-navigation ul.menu>li.page_item_has_children:hover::after,.main-navigation ul.nav-menu>li.menu-item-has-children:hover::after,.main-navigation ul.nav-menu>li.page_item_has_children:hover::after{
      display:block
  }
  .main-navigation ul.menu ul,.main-navigation ul.nav-menu ul{
      margin-left:0
  }
  .main-navigation ul.menu ul li a,.main-navigation ul.nav-menu ul li a{
      padding:.875em 1.41575em;
      font-weight:400;
      font-size:.875em
  }
  .main-navigation ul.menu ul li:last-child,.main-navigation ul.nav-menu ul li:last-child{
      border-bottom:0
  }
  .main-navigation ul.menu ul ul,.main-navigation ul.nav-menu ul ul{
      margin-left:0;
      box-shadow:none
  }
  .main-navigation ul.menu ul a:hover,.main-navigation ul.menu ul li:hover>a,.main-navigation ul.menu ul li.focus,.main-navigation ul.nav-menu ul a:hover,.main-navigation ul.nav-menu ul li:hover>a,.main-navigation ul.nav-menu ul li.focus{
      background-color:rgba(0,0,0,.025)
  }
  .main-navigation a{
      padding:0 1em 2.2906835em
  }
  .secondary-navigation{
      margin:0 0 1.618em;
      width:auto;
      clear:none;
      line-height:1
  }
  .secondary-navigation .menu{
      font-size:.875em;
      width:auto;
      float:right
  }
  .secondary-navigation .menu>li:hover>a{
      text-decoration:none
  }
  .secondary-navigation .menu ul a{
      padding:.326em .875em;
      background:rgba(0,0,0,.05)
  }
  .secondary-navigation .menu ul li:first-child a{
      padding-top:1em
  }
  .secondary-navigation .menu ul li:last-child a{
      padding-bottom:1em
  }
  .secondary-navigation .menu ul ul{
      margin-top:-.6180469716em
  }
  .secondary-navigation .menu a{
      padding:1em .875em;
      color:#737781;
      font-weight:400
  }
  .secondary-navigation .menu a:hover{
      text-decoration:none
  }
  .error404 .fourohfour-columns-2 .col-1{
      width:47.8260869565%;
      float:left;
      margin-right:4.347826087%
  }
  .error404 .fourohfour-columns-2 .col-1 ul.products{
      margin-bottom:0
  }
  .error404 .fourohfour-columns-2 .col-2{
      width:47.8260869565%;
      float:right;
      margin-right:0
  }
}
@media(max-width: 66.4989378333em){
  .col-full{
      margin-left:2.617924em;
      margin-right:2.617924em;
      padding:0
  }
}
@media(max-width: 568px){
  .col-full{
      margin-left:1.41575em;
      margin-right:1.41575em;
      padding:0
  }
}

.storefront-breadcrumb {
  margin-bottom: 0 !important;
}

.shop_table form {
  margin-bottom: 0;
}

.shop_table .button {
  background-color: transparent !important;
  padding: 0 !important;
  outline: none !important;
}

.shop_table .button img {
  width: 20px;
  height: auto;
  padding-top: 4px;
}

table .redspan {
  color: #e2401c;
}

table .greenspan {
  color: #0f834d;
}

table .stockcol {
  padding-left: 0 !important;
}

table .stockcol i {
  margin-right: 15px;
}


.icons {
  margin-top: 60px;
  margin-bottom: 100px; 
}

.icons > .wp-block-column {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 20px;
  text-align: center;
}

.icons img {
  width: 100%;
  height: auto;
  transition: all 300ms;
}

.icons p {
  font-size: 20px;
}

.icons a:hover img {
  transform: scale(1.05);
}

.woocommerce-info, .woocommerce-noreviews, p.no-comments {
  background-color: #d6b160 !important;
}

.tinv-wishlist .product-thumbnail {
  display: none !important;
}

.tinv-wishlist table td, .tinv-wishlist table th {
  padding: 10px 0px 10px 10px !important;
}
#primary .product-action button.button {
  width: 200px;
}

#primary .wc-block-components-button:not(.is-link) {
  text-decoration: none;
}

#primary .wc-block-components-button:not(.is-link):hover {
  background-color: #d6b160;
}

#primary button.button:hover {
  background-color: #d6b160;
}

#primary .tinv-header {
  display: none;
}

#primary .wishlist_item .product-name a {
  pointer-events: none;
  text-decoration: none;
  color: #56595C;
}

#primary .tinv-wishlist .product-action {
  padding-right: 10px !important;
}

table tfoot {
  display: none;
}

#primary .wishlist_item .product-action .button.product_type_simple {
  display: none;
}


#primary .wc-block-cart-items .wc-block-cart-items__header-product, #primary .wc-block-cart-items .wc-block-cart-item__image {
  display: none;
}


#primary .wc-block-cart-items .wc-block-components-product-name {
  text-decoration: none;
  pointer-events: none;
}

.single-product div.product .summary {
  width: 100% !important;
}

#primary .storefront-product-pagination {
  display: none;
}

.listimage-button {
  cursor: pointer;
  width: 30px;
  height: auto;
}

.listimage-wrapper a {
  display: none;
}

.listimage-slider {
  max-width: 90vw;
  max-height: 70vh;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.listimage-slider img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


/* TABLET */
@media only screen and (max-width: 1080px) {
  #header .checkbox, #header .hamburger-lines {
     display: block;
  }
  #header .hamburger-lines {
     display: block;
     height: 26px;
     width: 32px;
     position: absolute;
     top: 25px;
     right: 20px;
     z-index: 2;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
  }
  #header .hamburger-lines::after {
     content: "";
     height: 40px;
     width: 2px;
     background-color: #F2F2F2 ;
     position: absolute;
     left: -15px;
     top: -7px;
  }
  #header .hamburger-lines .line {
     display: block;
     height: 4px;
     width: 100%;
     border-radius: 10px;
     background: #56595c;
  }
  #header .hamburger-lines .line1 {
     transform-origin: 0% 0%;
     transition: transform 0.4s ease-in-out; 
  }
  #header .hamburger-lines .line2 {
     transition: transform 0.2s ease-in-out;
  }
  #header .hamburger-lines .line3 {
     transform-origin: 0% 100%;
     transition: transform 0.4s ease-in-out;
  }
  #header input[type="checkbox"]:checked ~ .hamburger-lines .line1  {
     transform: rotate(45deg);
  }
  #header input[type="checkbox"]:checked ~ .hamburger-lines .line2  {
     transform: scaleY(0);
  }
  #header input[type="checkbox"]:checked ~ .hamburger-lines .line3  {
     transform: rotate(-45deg);
  }
  #header .checkbox {
     position: absolute;
     display: block;
     height: 32px;
     width: 32px;
     top: 20px;
     right: 20px;
     z-index: 5;
     opacity: 0;
     cursor: pointer;  
  }
  #header .mainnavigation nav {
     display: none;
     position: fixed;
     left: 0px;
     top: 75px;
     background: white;
     height: calc(100vh - 75px);
     width: 100%;
     z-index: 999;
     padding-top: 40px;
     overflow: scroll;
     padding-bottom: 100px;
  }
  #header nav > ul {
     flex-direction: column;
  }
  #header nav > ul > li {
     display: flex;
     align-items: start;
     flex-direction: column;
     border-bottom: 1px solid #F2F2F2;
     margin-right: 0;
     position: relative;
     padding: 10px 20px 10px 20px;
  }
  #header nav > ul > li::after {
     content: "";
     width: 20px;
     height: 20px;
     position: absolute;
     right: 20px;
     top: 20px;
     background-image: url('/wp-content/themes/storefront/assets/images/arrow-down.svg');
     background-size: contain;
     background-repeat: no-repeat;
  }
  #header nav a {
     display: block;
     width: 100%;
  }
  #header nav > ul > li:hover ul {
     display: none;
  }
  #header nav > ul ul {
     position: relative;
     width: 100%;
     padding-top: 5px;
     box-shadow: none;
  }
  #header .inner-width {
     height: 75px;
  }
  #header .logo {
     width: auto;
     height: 50px;
  }
  #header .smallnav .widget {
     display: none;
  }
  #header .mainnavigation {
     justify-content: right;
  }
  #header .smallnav img {
     height: 25px;
     max-width: 30px;
  }
  #header .smallnav a {
     margin-left: 10px;
     height: 25px;
  }
  #header nav > ul ul::before {
     display: none;
  }
  .site-content {
     padding-top: 30px;
  }
  h1 {
     font-size: 35px;
     line-height: 45px;
     text-align: center;
  }
  .icons {
     margin-top: 25px;
  }
  .icons p {
     text-align: center;
  }
}

/* MOBILE */
@media only screen and (max-width: 768px) {
  .icons {
     max-width: 400px;
     margin-left: auto;
     margin-right: auto;
  }

  .shop_table {
     display: block;
  }

  .shop_table thead {
     display: none;
  }

  .shop_table tbody {
     display: block;
     width: 100%;
  }

  .shop_table tbody tr {
     display: flex;
     flex-wrap: wrap;
  }

  .shop_table tbody tr td:nth-child(1){
     width: 50%;
  }
  .shop_table tbody tr td:nth-child(2){
     width: 50%;
     text-align: right;
     padding-right: 10px;
  }
  .shop_table tbody tr td:nth-child(3){
     width: 100%;
     padding: 0px 10px;
  }
  .shop_table tbody tr td:nth-child(3) span:first-child {
     padding-left: 10px;
  }
  .shop_table tbody tr td:nth-child(4){
     width: 29%;
     text-align: left;
  }
  .shop_table tbody tr td:nth-child(5){
    width: 30%;
  }
  .shop_table tbody tr td:nth-child(6){
    width: 41%;
     padding-right: 10px;
  }
  .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-custom.no-txt {
     top: 2px !important;
     left: 5px !important;
  }
  #footer .inner-width {
     flex-direction: column;
     align-items: start;
  }
}

.wc-block-components-shipping-rates-control__package, .wp-block-woocommerce-cart-order-summary-shipping-block, .wp-block-woocommerce-cart-order-summary-totals-block, .wp-block-woocommerce-checkout-order-summary-totals-block {
  opacity: 0;
  height: 0;
}

.userinfo_checkout {
  margin-left: calc(25% - 25vw);
  margin-right: calc(25% - 25vw);
  padding-left: 1.41575em;
  padding-right: 1.41575em;
}