﻿/*!
Theme Name: 	Parallelograph
Theme URI: 		http://dev.craigomatic.co.uk/
Description: 	Craig's shop for things
Version: 		0.1
Author: 		Craig Cooper
Author URI: 	http://craigomatic.co.uk
Tags: 			scaffolding
*/.results{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"count order";gap:16px}@media(min-width: 768px){.results{display:flex}}@media(min-width: 1025px){.results{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"count order";gap:16px}}@media(min-width: 1025px)and (min-width: 768px){.results{display:flex}}.result-count{grid-area:count;line-height:44px}.ordering{grid-area:order}.ordering__orderby{border:1px solid #262626;position:relative;height:50px}.ordering__orderby select{width:100%;height:100%;line-height:42px;padding:0 32px 0 10px;border:0;position:relative;z-index:1;background:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#262626}@media(min-width: 1025px){.ordering__orderby select{padding:0 32px 0 16px}}.ordering__orderby:after{content:"";position:absolute;top:50%;right:16px;border:2px solid #262626;height:8px;width:8px;display:block;border-top:0;border-left:0;transform:rotate(45deg) translateY(-75%)}.product-list{list-style:none;margin:0;padding:0;margin-top:30px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(50%, max(150px, 33.3333333333%)), 1fr));grid-template-rows:auto;gap:16px}@media(min-width: 768px){.product-list{grid-template-columns:repeat(auto-fill, minmax(min(33.3333333333%, max(230px, 25%)), 1fr))}}@media(min-width: 1025px){.product-list{gap:60px 32px;grid-template-columns:repeat(auto-fill, minmax(min(25%, max(360px, 20%)), 1fr))}}@media(min-width: 1025px){.product-list{margin-top:60px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(50%, max(150px, 33.3333333333%)), 1fr));grid-template-rows:auto;gap:16px}}@media(min-width: 1025px)and (min-width: 768px){.product-list{grid-template-columns:repeat(auto-fill, minmax(min(33.3333333333%, max(230px, 25%)), 1fr))}}@media(min-width: 1025px)and (min-width: 1025px){.product-list{gap:60px 32px;grid-template-columns:repeat(auto-fill, minmax(min(25%, max(360px, 20%)), 1fr))}}.product{position:relative;container-type:inline-size;transition:all ease .3s}.product img{width:100%}@media(min-width: 768px){.product{padding-bottom:7px}}@media(min-width: 1025px){.product{padding:16px}.product:hover,.product:focus{background:#f2f2f2}}.product__link{display:block;text-decoration:none;color:inherit;height:100%;position:relative;padding-bottom:44px}@media(min-width: 1025px){.product__link{padding-bottom:70px}}.product__title{margin-top:30px;font-weight:400;font-size:16px}@media(min-width: 1025px){.product__title{font-size:20px}}@media(min-width: 1920px){.product__title{font-size:30px}}.product__action{position:absolute;right:0;bottom:0;display:block;white-space:nowrap;transition:all ease .3s;color:inherit;width:44px;height:44px;padding:0;background:#262626}.product__action--buy:after,.product__action--view:after{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.product__action--buy:after{content:url(img/basket-icon-add.svg);width:15px;height:16px}@media(min-width: 1025px){.product__action--buy:after{width:19px;height:21px}}.product__action--view:after{content:"";width:8px;height:8px;border:1px solid #fff;border-left:none;border-bottom:none;transform:rotate(45deg) translate(-80%, 10%);margin-left:.1em}@media(min-width: 1025px){.product__action--view:after{width:12px;height:12px;margin:0}}.product__action span{display:none}@media(min-width: 1025px){.product__action{width:60px;height:60px;right:16px;bottom:16px}}.price{margin-top:12px;position:absolute;bottom:0;left:0;width:100%;line-height:1}@media(min-width: 1025px){.price{font-size:20px;line-height:20px}}@media(min-width: 1025px){.price{font-size:30px;line-height:30px}}.price__from{font-size:12px;display:block;line-height:1.5}@media(min-width: 1025px){.price__from{font-size:16px}}.price__amount{color:#e49012}.sale{color:#e49012;text-transform:uppercase;font-weight:700;font-size:12px;border:1px solid #e49012;border-radius:4px;line-height:23px;padding:0 8px;background:#fff;position:absolute;top:0;left:0}@media(min-width: 1025px){.sale{font-size:20px;line-height:30px}}.price__was{font-size:12px;color:#999;margin-left:8px}.price__was .price__amount{text-decoration:line-through;color:inherit}@media(min-width: 1025px){.price__was{font-size:16px;margin-left:16px}}.pagination{margin:30px 0}@media(min-width: 1025px){.pagination{margin:60px}}.pagination__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:8px}.pagination__item{display:inline-block;width:44px;height:44px;border:1px solid #999;line-height:42px;text-align:center}.pagination__item--cur{border-color:#e49012;position:relative;font-weight:700}.pagination__item--cur:after{content:"↑";position:absolute;top:100%;left:50%;transform:translateX(-50%);color:#e49012;line-height:1.5;font-size:30px}@media(min-width: 1025px){.pagination__item{width:60px;height:60px;line-height:58px}}.pagination__link{display:block;text-decoration:none;color:inherit;transition:all ease .3s;text-align:center;height:100%}.pagination__and{display:block}.pagination__dir{position:relative}.pagination__dir:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border:1px solid #262626;border-bottom:none;border-left:none}.pagination__dir--nxt:after{transform:rotate(45deg) translate(-90%, 5%)}.pagination__dir--pre:after{transform:rotate(-135deg) translate(55%, 5%)}.page-description,.term-description{margin-top:30px;max-width:800px;margin-left:auto;margin-right:auto}
/*# sourceMappingURL=product-list.css.map */
