/*
Theme Name:Seja Framework Version 3.0
Description:woocommerce formatting styles.
*/
.woo-main{font-family:'Open Sans', sans-serif;position:relative;padding:0;}
.woo-main .page-title{margin:0;font-weight:300;}
.woocommerce .woocommerce-breadcrumb{margin:0;font-size:0.5em;}
.related{clear:both;}
/* price */.price span{font-size:1.25em;}
/* select and add to cart */.quantity input.qty{border-color:#c8bfc6;-webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;border-style:solid none solid solid;border-width:1px 0 1px 1px;float:left;font-weight:700;height:36px;margin:0;padding:0 8px 0 0;position:relative;left:8px;}
.woocommerce-cart .quantity input.qty{border:none;}
/* buttons - Set the default 'grey' button and standard formatting */.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button{background:rgb(247,246,247);background:-moz-linear-gradient(top, rgba(247,246,247,1) 0%, rgba(224,218,223,1) 100%);background:-webkit-linear-gradient(top, rgba(247,246,247,1) 0%, rgba(224,218,223,1) 100%);background:linear-gradient(to bottom, rgba(247,246,247,1) 0%, rgba(224,218,223,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f6f7', endColorstr='#e0dadf', GradientType=0 );border-color:#c8bfc6;color:#555;border-width:1px;border-style:solid;font-size:0.8rem;text-decoration:none;}
.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover{background:rgb(247,246,247);background:-moz-linear-gradient(top, rgba(247,246,247,1) 0%, rgba(212,205,210,1) 100%);background:-webkit-linear-gradient(top, rgba(247,246,247,1) 0%, rgba(212,205,210,1) 100%);background:linear-gradient(to bottom, rgba(247,246,247,1) 0%, rgba(212,205,210,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f6f7', endColorstr='#d4cdd2', GradientType=0 );}
/*buttons - the coloured override */.woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt{height:20px;}
.woocommerce-ordering{position:absolute; top:20px;right:0}
.woocommerce-ordering select{position:relative;top:-15px;}
.woocommerce-ordering .select-style::after{top:-10px;}
.variations_form .select-style::after{right:25px;}
img.attachment-shop_catalog, img.woocommerce-placeholder{max-width:150px;}
.catalogue-mode form.cart, .archive a.add_to_cart_button, .related a.add_to_cart_button{display:none;}
.catalogue-mode .product_meta::before{content:"This item is not available to purchase online.";margin-bottom:10px;font-style:italic;color:#f00;}
/* checkout *//*.shop_table .actions .button{font-size:0.8rem;} */
.wc-proceed-to-checkout a.button.alt{font-size:1rem;padding:0 0 10px;}
/* grid view */ul.products.grid div[itemprop="description"]{display:none;}
ul.products.grid hr{display:none;}
ul.products.list li.product{float:none;width:100%;text-align:left;}
ul.products.list li.product:after{content:"";display:block;clear:both;}
ul.products.list li.product img{width:30.75%;float:left;margin-bottom:1.5em;-webkit-transition:none;margin-right:3.8%;}
ul.products.list li.product h3, ul.products.list li.product div[itemprop="description"], ul.products.list li.product .price, ul.products.list li.product .gridlist-buttonwrap{width:calc(100% - 220px);float:right;clear:none;}
ul.products.list li.product div[itemprop="description"]{display:block;}
ul.products.list li.product .star-rating{margin:0 0 1em;}
ul.products.list li.product .gridlist-buttonwrap{margin-bottom:1.5em;}
ul.products.list li.product hr{clear:both;}
.seja-gridlist-toggle{display:block;clear:both;margin:0;padding:0;line-height:1em;position:absolute;right:220px;top:3px;}
.seja-gridlist-toggle a{display:inline-block;padding:.618em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;text-decoration:none;font-weight:400;font-size:0.9rem;line-height:1em;background-color:rgba(0, 0, 0, 0.03);}
.seja-gridlist-toggle a em{display:none;}
.seja-gridlist-toggle a:hover{background-color:rgba(0, 0, 0, 0.2);}
.seja-gridlist-toggle a.active{background-color:rgba(0, 0, 0, 0.15);}
/* plugin quickview */.woocommerce .products li.type-product a.button.yith-wcqv-button{ display:none;}
.woocommerce .products li.type-product:hover a.button.yith-wcqv-button{display:inline-block;position:absolute;top:-10px;left:0;background:rgba(0,0,0,0.5);text-shadow:1px 1px 1px #333;font-size:0.6rem;border:none;-webkit-border-radius:0 15px 15px 0;-moz-border-radius:0 15px 15px 0;border-radius:0 15px 15px 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#fff; text-transform:none; font-weight:400; padding:10px 30px 10px 10px;}
.woocommerce a.button.yith-wcqv-button::before{font-family:'Font Awesome 5 Free', 'Font Awesome 5 Pro';content:"\f002";padding-right:5px;}
/* column widths */.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product { width: calc(48% - 2px); /*2px adjustment to  allow for a single pixel border*/}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: calc(30.8% - 2px);}
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product { width: calc(22.15% - 2px);}
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product { width: calc(16.95% - 2px);}
.woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product {width: calc(13.5% - 2px);}
.woocommerce ul.products li.product.has-padding {padding:20px;}  /*, .woocommerce-page ul.products li.product  <-- may also need this (Not sure, I may not want padding on the page) */.woocommerce ul.products.columns-2 li.product.has-padding { width: calc(48% - 42px); /*if we do need to duplicate with woocommerce-page, then do the same for all these as well as well as the responsive ones below*/}
.woocommerce ul.products.columns-3 li.product.has-padding { width: calc(30.8% - 42px);}
.woocommerce ul.products.columns-4 li.product.has-padding { width: calc(22.15% - 42px);}
.woocommerce ul.products.columns-5 li.product.has-padding { width: calc(16.95% - 42px);}
.woocommerce ul.products.columns-6 li.product.has-padding {width: calc(13.5% - 42px);}
/* slideout sidebar */.two-fixed .colleft{right:calc(100% - 75px);}
.two-fixed .col1{width:calc(100% - 75px);left:100%;}
.two-fixed .col2{width:50px;left:0;display:none;}
input#slide{display:none;}
.toggle{font-size: 2em;color: #e96608;position:absolute;z-index:9999;top:30px;-webkit-transition:all .45s ease-in-out;-moz-transition:all .45s ease-in-out;-ms-transition:all .45s ease-in-out;-o-transition:all .45s ease-in-out;transition:all .45s ease-in-out;}
#slide:checked + .toggle{color:#999;}
.two-fixed .col2.slideout {left: calc(100% - 75px);position:absolute;top:50px;z-index:9998;display:block;;max-width:95%;-webkit-transition:all .45s ease-in-out;-moz-transition:all .45s ease-in-out;-ms-transition:all .45s ease-in-out;-o-transition:all .45s ease-in-out;transition:all .45s ease-in-out;}
@media( max-width: 800px) {
.woo-main .page-title {margin-top:30px;}
.seja-gridlist-toggle{top:20px;}
.woocommerce-ordering{top:37px;}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product {width: calc(46.45% - 2px);}
.woocommerce ul.products.columns-3 li.product.has-padding,
.woocommerce ul.products.columns-4 li.product.has-padding,
.woocommerce ul.products.columns-5 li.product.has-padding,
.woocommerce ul.products.columns-6 li.product.has-padding {width: calc(46.45% - 42px);}
.toggle{top:60px;}
}
@media (max-width:600px) {
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product,
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product {width: calc(98% - 2px);}
.woocommerce ul.products.columns-2 li.product.has-padding,
.woocommerce ul.products.columns-3 li.product.has-padding,
.woocommerce ul.products.columns-4 li.product.has-padding,
.woocommerce ul.products.columns-5 li.product.has-padding,
.woocommerce ul.products.columns-6 li.product.has-padding {width: calc(98% - 42px);}
.seja-gridlist-toggle{display:none;}
}