@charset "UTF-8";
#place_order.ppcp-hidden{display:none !important}.ppcp-disabled{cursor:not-allowed;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.ppcp-disabled *{pointer-events:none}.ppc-button-wrapper .ppcp-messages:first-child{padding-top:10px}#ppc-button-ppcp-gateway{line-height:0}#ppc-button-ppcp-gateway div[class^=item-]{margin-top:14px}#ppc-button-ppcp-gateway div[class^=item-]:first-child{margin-top:0}#ppc-button-minicart{line-height:0;display:block}.ppcp-button-apm{--apm-button-border-radius: 4px;overflow:hidden;min-width:0;max-width:750px;line-height:0;border-radius:var(--apm-button-border-radius);height:45px;margin-top:14px}.ppcp-button-apm.ppcp-button-pill{--apm-button-border-radius: 50px}.ppcp-button-apm.ppcp-button-minicart{display:block}.ppcp-width-min .ppcp-button-apm{height:35px}.ppcp-width-300 .ppcp-button-apm{height:45px}.ppcp-width-500 .ppcp-button-apm{height:55px}.wp-block-woocommerce-checkout .ppcp-button-apm,.wp-block-woocommerce-cart .ppcp-button-apm{margin:0;min-width:0}.wp-admin .ppcp-button-apm{pointer-events:none}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}

@font-face {
font-family: "Circular";
src: url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/fonts/CircularStd-Black.otf);
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: "Circular";
src: url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/fonts/CircularStd-Bold.otf);
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Circular";
src: url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/fonts/CircularStd-Medium.otf);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Circular";
src: url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/fonts/CircularStd-Book.otf);
font-weight: 300;
font-style: normal;
}
body , textarea , input , select , button {
font-family: "Circular";
color: #3F3F3F;
font-weight: 300;
font-size: 18px;
line-height: 156%;
}
h1 , h2 ,.title-large  {
font-style: normal;
font-weight: 400;
font-size: 38px;
line-height: 120%;
letter-spacing: 0.01em;
text-transform: uppercase
}
h3 , .title-medium {
font-weight: bold;
font-size: 36px;
line-height: 140%;
}
h4 {
font-weight: 400;
font-size: 30px;
line-height: 140%;
text-transform: uppercase;
color: #3F3F3F;
}
h5{
font-weight: 900;
font-size: 24px;
line-height:140%;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #3F3F3F;
}
h6 , .title-small  {
font-size: 24px;
line-height: 142%;
color: #3F3F3F;
font-weight: 400;
}
h1 strong , h2 strong,.title-large strong, h3 strong, .title-medium strong, h4 strong, h5 strong,.title-small strong, h6  strong {
display: block;
color: #74BD48;
font-size: 0.7em;
}
.hero {
font-weight: bold;
font-size: 70px;
line-height: 114%;
letter-spacing: 1.2px;
text-transform: none;
}
.small-text {
font-size: 16px;
line-height: 20px;
}
blockquote {
padding: 10px 30px;
background-color: #f1f1f1;
margin-left: 0;
margin-right: 0;
font-style: italic;
}
a {
color: #74BD48;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.alignleft {
float: left;
margin-right: 20px;
}
.alignright { margin-left: 20px;
}
.aligncenter {
margin: auto;
text-align: center;
}
img {
max-width: 100%;
height: auto;
}
div.wp-caption {
max-width: 100%;
display: inline-block;
}
p.wp-caption-text {
background-color: #f7f7f7;
color: #808080;
padding: 16px 25px;
font-size: 18px;
font-style: italic;
}
.button {
padding: 12px 24px;
display: inline-block;
text-decoration: none;
color: #fff;
background: #74BD48;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
border-radius: 3px;
overflow: hidden;
position: relative;
border: 2px solid #74BD48;
margin-right: 10px;
}
.button::after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: .2;
position: absolute;
top: -50px;
transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 6;
}
input.button:hover {
opacity: 0.7;
transition: .3s;
}
.button:hover::after , .wp_content .button:hover::after {
left: 120%;
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.button:hover , .wp_content .button:hover {
text-decoration: none;
}
.button.outline {
background: none;
color: #74BD48;;
}
.button.outline.white {
border-color: #fff;
color: #fff;
}
.mce-content-body a.button[data-mce-selected] {
padding: 8px 20px;
margin: 0;
box-shadow: none;
border-radius: 0;
}
.underline::after {
display: block;
width: 245px;
height: 4px;
background: #74BD48;
content: '';
margin-top: 10px;
}
.underline[style="text-align: center"]:after ,
.underline[style="text-align: center;"]:after {
margin-left: auto;
margin-right: auto;
}
ul.checked , .wp_content ul.checked {
margin: 0 0 30px;
padding: 0;
list-style: none;
}
ul.checked 	li , .wp_content ul.checked 	li {
padding-left: 30px;
margin-bottom: 10px;
background: no-repeat left 4px / 20px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'%3E%3Cpath d='M3.5 6.7l2.6 3.9.6-.7c.7-1 1.6-1.8 2.5-2.6l3-2.8A26.1 26.1 0 0118.8.2l.9-.2h.2v.3l-.4.3A32.3 32.3 0 008.6 12l-2 3.7-.3.3L0 9l3.5-2.3z' fill='%2374BD48'/%3E%3C/svg%3E");
}
ul.checked 	li:last-child {
margin-bottom: 0;
}
.wp_content ul.download_links ,  ul.download_links {
padding: 0;
list-style: none;display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.wp_content ul.download_links li:before , ul.download_links li:before {
display: none;
}
.wp_content ul.download_links li ,  ul.download_links li {
width: calc(50% - 7.5px);
}
.wp_content ul.download_links li a , ul.download_links li a {
border: 1px solid #E1E2E5;
box-sizing: border-box;
padding: 15px 25px 15px 60px;
display: flex;
margin-bottom: 15px;
background: #f1eded no-repeat 10px center / 35px url("data:image/svg+xml,%0A%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 18v6H4v-6H.7v7.7c0 1 .8 1.7 1.7 1.7h21.4c1 0 1.8-.8 1.8-1.7V18H22zM12.7 16.6l-5-6s-.7-.7.1-.7h2.8V8.7 1.2s0-.4.5-.4h4c.4 0 .4.4.4.4v8.5h2.6c1 0 .2.8.2.8s-4.2 5.6-4.8 6.2c-.4.4-.8 0-.8 0z' fill='%2374BD48'/%3E%3C/svg%3E");
transition: none;
color: #333;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.wp_content ul.download_links li a:hover , ul.download_links li a:hover {
box-sizing: border-box;
padding: 15px 25px 15px 60px;
display: flex;
margin-bottom: 15px;
background: #fff no-repeat 10px center / 35px url("data:image/svg+xml,%0A%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 18v6H4v-6H.7v7.7c0 1 .8 1.7 1.7 1.7h21.4c1 0 1.8-.8 1.8-1.7V18H22zM12.7 16.6l-5-6s-.7-.7.1-.7h2.8V8.7 1.2s0-.4.5-.4h4c.4 0 .4.4.4.4v8.5h2.6c1 0 .2.8.2.8s-4.2 5.6-4.8 6.2c-.4.4-.8 0-.8 0z' fill='%2374BD48'/%3E%3C/svg%3E");
text-decoration: none;
transition: none;
color: #74BD48;
border-color: #74BD48;
}
@media (max-width: 768px) {
.hero {
font-size: 34px;
}
h1 , h2 ,.title-large  {
font-size: 28px;
}
h3 , .title-medium {
font-size: 26px;
}
h4 {
font-size: 22px;
}
h5, .title-small {
font-size: 20px;
}
h6 {
font-size: 19px;
}
}
@media (max-width: 450px) {
.button {
min-width: 100%;
box-sizing: border-box;
text-align: center;
margin-right: 0;
}
.hero {
font-size: 30px;
}
}
.woocommerce-store-notice,
p.demo_store {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #a46497;
color: #fff;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2);
display: none;
}
.woocommerce-store-notice a,
p.demo_store a {
color: #fff;
text-decoration: underline;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.admin-bar p.demo_store {
top: 32px;
}
.clear {
clear: both;
}
.woocommerce .blockUI.blockOverlay {
position: relative;
}
.woocommerce .blockUI.blockOverlay::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
content: "";
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 0.75);
}
.woocommerce .loader::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -0.5em;
margin-top: -0.5em;
content: "";
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 0.75);
}
.woocommerce a.remove {
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
color: red !important;
text-decoration: none;
font-weight: 700;
border: 0;
}
.woocommerce a.remove:hover {
color: #fff !important;
background: red;
}
.woocommerce small.note {
display: block;
color: #767676;
font-size: 0.857em;
margin-top: 10px;
}
.woocommerce .woocommerce-breadcrumb {
margin: 0 0 1em;
padding: 0;
font-size: 0.92em;
color: #767676;
}
.woocommerce .woocommerce-breadcrumb::after,
.woocommerce .woocommerce-breadcrumb::before {
content: " ";
display: table;
}
.woocommerce .woocommerce-breadcrumb::after {
clear: both;
}
.woocommerce .woocommerce-breadcrumb a {
color: #767676;
}
.woocommerce .quantity .qty {
width: 3.631em;
text-align: center;
}
.woocommerce div.product {
margin-bottom: 0;
position: relative;
}
.woocommerce div.product .product_title {
clear: none;
margin-top: 0;
padding: 0;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #77a464;
font-size: 1.25em;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
background: inherit;
font-weight: 700;
display: inline-block;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
opacity: 0.5;
display: inline-block;
}
.woocommerce div.product p.stock {
font-size: 0.92em;
}
.woocommerce div.product .stock {
color: #77a464;
}
.woocommerce div.product .out-of-stock {
color: red;
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 1.618em;
}
.woocommerce div.product div.images {
margin-bottom: 2em;
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
}
.woocommerce div.product div.images div.thumbnails {
padding-top: 1em;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
-webkit-transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
margin: 0;
padding: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
background-color: #fff;
opacity: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
border: 1px solid #f2f2f2;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n + 2) {
width: 25%;
display: inline-block;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
position: absolute;
top: 0.5em;
right: 0.5em;
font-size: 2em;
z-index: 9;
width: 36px;
height: 36px;
background: #fff;
text-indent: -9999px;
border-radius: 100%;
box-sizing: content-box;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 100%;
position: absolute;
top: 9px;
left: 9px;
box-sizing: content-box;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
content: "";
display: block;
width: 2px;
height: 8px;
background: #000;
border-radius: 6px;
position: absolute;
top: 19px;
left: 22px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: content-box;
}
.woocommerce div.product div.images .flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 0;
padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
list-style: none;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
cursor: pointer;
opacity: 0.5;
margin: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
opacity: 1;
}
.woocommerce div.product .woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n + 1) {
clear: left;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n + 1) {
clear: left;
}
.woocommerce div.product .woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n + 1) {
clear: left;
}
.woocommerce div.product div.summary {
margin-bottom: 2em;
}
.woocommerce div.product div.social {
text-align: right;
margin: 0 0 1em;
}
.woocommerce div.product div.social span {
margin: 0 0 0 2px;
}
.woocommerce div.product div.social span span {
margin: 0;
}
.woocommerce div.product div.social span .stButton .chicklets {
padding-left: 16px;
width: 0;
}
.woocommerce div.product div.social iframe {
float: left;
margin-top: 3px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0 0 0 1em;
margin: 0 0 1.618em;
overflow: hidden;
position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #d3ced2;
background-color: #ebe9eb;
display: inline-block;
position: relative;
z-index: 0;
border-radius: 4px 4px 0 0;
margin: 0 -5px;
padding: 0 1em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: 0.5em 0;
font-weight: 700;
color: #515151;
text-decoration: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
text-decoration: none;
color: #6b6a6b;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: #fff;
z-index: 2;
border-bottom-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: inherit;
text-shadow: inherit;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
box-shadow: 2px 2px 0 #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
box-shadow: -2px 2px 0 #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: 1px solid #d3ced2;
position: absolute;
bottom: -1px;
width: 5px;
height: 5px;
content: " ";
box-sizing: border-box;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
left: -5px;
border-bottom-right-radius: 4px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #ebe9eb;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
right: -5px;
border-bottom-left-radius: 4px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #ebe9eb;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 1px solid #d3ced2;
z-index: 1;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0 0 2em;
padding: 0;
}
.woocommerce div.product p.cart {
margin-bottom: 2em;
}
.woocommerce div.product p.cart::after,
.woocommerce div.product p.cart::before {
content: " ";
display: table;
}
.woocommerce div.product p.cart::after {
clear: both;
}
.woocommerce div.product form.cart {
margin-bottom: 2em;
}
.woocommerce div.product form.cart::after,
.woocommerce div.product form.cart::before {
content: " ";
display: table;
}
.woocommerce div.product form.cart::after {
clear: both;
}
.woocommerce div.product form.cart div.quantity {
float: left;
margin: 0 4px 0 0;
}
.woocommerce div.product form.cart table {
border-width: 0 0 1px;
}
.woocommerce div.product form.cart table td {
padding-left: 0;
}
.woocommerce div.product form.cart table div.quantity {
float: none;
margin: 0;
}
.woocommerce div.product form.cart table small.stock {
display: block;
float: none;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 1em;
border: 0;
width: 100%;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
border: 0;
vertical-align: top;
line-height: 2em;
}
.woocommerce div.product form.cart .variations label {
font-weight: 700;
}
.woocommerce div.product form.cart .variations select {
max-width: 100%;
min-width: 75%;
display: inline-block;
margin-right: 1em;
}
.woocommerce div.product form.cart .variations td.label {
padding-right: 1em;
}
.woocommerce div.product form.cart .woocommerce-variation-description p {
margin-bottom: 1em;
}
.woocommerce div.product form.cart .reset_variations {
visibility: hidden;
font-size: 0.83em;
}
.woocommerce div.product form.cart .wc-no-matching-variations {
display: none;
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: left;
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
padding-right: 1em;
padding-left: 1em;
}
.woocommerce div.product form.cart .group_table td {
vertical-align: top;
padding-bottom: 0.5em;
border: 0;
}
.woocommerce div.product form.cart .group_table td:first-child {
width: 4em;
text-align: center;
}
.woocommerce div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox {
display: inline-block;
width: auto;
margin: 0 auto;
-webkit-transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
.woocommerce span.onsale {
min-height: 3.236em;
min-width: 3.236em;
padding: 0.202em;
font-size: 1em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 3.236;
top: -0.5em;
left: -0.5em;
margin: 0;
border-radius: 100%;
background-color: #77a464;
color: #fff;
font-size: 0.857em;
z-index: 9;
}
.woocommerce .products ul,
.woocommerce ul.products {
margin: 0 0 1em;
padding: 0;
list-style: none outside;
clear: both;
}
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
content: " ";
display: table;
}
.woocommerce .products ul::after,
.woocommerce ul.products::after {
clear: both;
}
.woocommerce .products ul li,
.woocommerce ul.products li {
list-style: none outside;
}
.woocommerce ul.products li.product .onsale {
top: 0;
right: 0;
left: auto;
margin: -0.5em -0.5em 0 0;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
padding: 0.5em 0;
margin: 0;
font-size: 1em;
}
.woocommerce ul.products li.product a {
text-decoration: none;
}
.woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 0 1em;
box-shadow: none;
}
.woocommerce ul.products li.product strong {
display: block;
}
.woocommerce ul.products li.product .woocommerce-placeholder {
border: 1px solid #f2f2f2;
}
.woocommerce ul.products li.product .star-rating {
font-size: 0.857em;
}
.woocommerce ul.products li.product .button {
margin-top: 1em;
}
.woocommerce ul.products li.product .price {
color: #77a464;
display: block;
font-weight: 400;
margin-bottom: 0.5em;
font-size: 0.857em;
}
.woocommerce ul.products li.product .price del {
color: inherit;
opacity: 0.5;
display: inline-block;
}
.woocommerce ul.products li.product .price ins {
background: 0 0;
font-weight: 700;
display: inline-block;
}
.woocommerce ul.products li.product .price .from {
font-size: 0.67em;
margin: -2px 0 0 0;
text-transform: uppercase;
color: rgba(132, 132, 132, 0.5);
}
.woocommerce .woocommerce-result-count {
margin: 0 0 1em;
}
.woocommerce .woocommerce-ordering {
margin: 0 0 1em;
}
.woocommerce .woocommerce-ordering select {
vertical-align: top;
}
.woocommerce nav.woocommerce-pagination {
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul {
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border: 1px solid #d3ced2;
border-right: 0;
margin: 1px;
}
.woocommerce nav.woocommerce-pagination ul li {
border-right: 1px solid #d3ced2;
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
margin: 0;
text-decoration: none;
padding: 0;
line-height: 1;
font-size: 1em;
font-weight: 400;
padding: 0.5em;
min-width: 1em;
display: block;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #ebe9eb;
color: #8a7e88;
}
.woocommerce a.added_to_cart {
padding-top: 0.5em;
display: inline-block;
}
.woocommerce #reviews h2 small {
float: right;
color: #767676;
font-size: 15px;
margin: 10px 0 0;
}
.woocommerce #reviews h2 small a {
text-decoration: none;
color: #767676;
}
.woocommerce #reviews h3 {
margin: 0;
}
.woocommerce #reviews #respond {
margin: 0;
border: 0;
padding: 0;
}
.woocommerce #reviews #comment {
height: 75px;
}
.woocommerce #reviews #comments .add_review::after,
.woocommerce #reviews #comments .add_review::before {
content: " ";
display: table;
}
.woocommerce #reviews #comments .add_review::after {
clear: both;
}
.woocommerce #reviews #comments h2 {
clear: none;
}
.woocommerce #reviews #comments ol.commentlist {
margin: 0;
width: 100%;
background: 0 0;
list-style: none;
}
.woocommerce #reviews #comments ol.commentlist::after,
.woocommerce #reviews #comments ol.commentlist::before {
content: " ";
display: table;
}
.woocommerce #reviews #comments ol.commentlist::after {
clear: both;
}
.woocommerce #reviews #comments ol.commentlist li {
padding: 0;
margin: 0 0 20px;
border: 0;
position: relative;
background: 0;
border: 0;
}
.woocommerce #reviews #comments ol.commentlist li .meta {
color: #767676;
font-size: 0.75em;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
float: left;
position: absolute;
top: 0;
left: 0;
padding: 3px;
width: 32px;
height: auto;
background: #ebe9eb;
border: 1px solid #e4e1e3;
margin: 0;
box-shadow: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 50px;
border: 1px solid #e4e1e3;
border-radius: 4px;
padding: 1em 1em 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text::after,
.woocommerce #reviews #comments ol.commentlist li .comment-text::before {
content: " ";
display: table;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text::after {
clear: both;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
margin: 0 0 1em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 0.83em;
}
.woocommerce #reviews #comments ol.commentlist ul.children {
list-style: none outside;
margin: 20px 0 0 50px;
}
.woocommerce #reviews #comments ol.commentlist ul.children .star-rating {
display: none;
}
.woocommerce #reviews #comments ol.commentlist #respond {
border: 1px solid #e4e1e3;
border-radius: 4px;
padding: 1em 1em 0;
margin: 20px 0 0 50px;
}
.woocommerce #reviews #comments .commentlist > li::before {
content: "";
}
.woocommerce .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: star;
}
.woocommerce .star-rating::before {
content: "\73\73\73\73\73";
color: #d3ced2;
float: left;
top: 0;
left: 0;
position: absolute;
}
.woocommerce .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.woocommerce .star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
}
.woocommerce .woocommerce-product-rating {
line-height: 2;
display: block;
}
.woocommerce .woocommerce-product-rating::after,
.woocommerce .woocommerce-product-rating::before {
content: " ";
display: table;
}
.woocommerce .woocommerce-product-rating::after {
clear: both;
}
.woocommerce .woocommerce-product-rating .star-rating {
margin: 0.5em 4px 0 0;
float: left;
}
.woocommerce .products .star-rating {
display: block;
margin: 0 0 0.5em;
float: none;
}
.woocommerce .hreview-aggregate .star-rating {
margin: 10px 0 0;
}
.woocommerce #review_form #respond {
position: static;
margin: 0;
width: auto;
padding: 0;
background: transparent none;
border: 0;
}
.woocommerce #review_form #respond::after,
.woocommerce #review_form #respond::before {
content: " ";
display: table;
}
.woocommerce #review_form #respond::after {
clear: both;
}
.woocommerce #review_form #respond p {
margin: 0 0 10px;
}
.woocommerce #review_form #respond .form-submit input {
left: auto;
}
.woocommerce #review_form #respond textarea {
box-sizing: border-box;
width: 100%;
}
.woocommerce p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
}
.woocommerce p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: WooCommerce;
content: "\e021";
text-indent: 0;
}
.woocommerce p.stars a:hover ~ a::before {
content: "\e021";
}
.woocommerce p.stars:hover a::before {
content: "\e020";
}
.woocommerce p.stars.selected a.active::before {
content: "\e020";
}
.woocommerce p.stars.selected a.active ~ a::before {
content: "\e021";
}
.woocommerce p.stars.selected a:not(.active)::before {
content: "\e020";
}
.woocommerce table.shop_attributes {
border: 0;
border-top: 1px dotted rgba(0, 0, 0, 0.1);
margin-bottom: 1.618em;
width: 100%;
}
.woocommerce table.shop_attributes th {
width: 150px;
font-weight: 700;
padding: 8px;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0;
line-height: 1.5;
}
.woocommerce table.shop_attributes td {
font-style: italic;
padding: 0;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
margin: 0;
line-height: 1.5;
}
.woocommerce table.shop_attributes td p {
margin: 0;
padding: 8px 0;
}
.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
background: rgba(0, 0, 0, 0.025);
}
.woocommerce table.shop_table {
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-collapse: separate;
border-radius: 5px;
}
.woocommerce table.shop_table th {
font-weight: 700;
padding: 9px 12px;
line-height: 1.5em;
}
.woocommerce table.shop_table td {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 9px 12px;
vertical-align: middle;
line-height: 1.5em;
}
.woocommerce table.shop_table td small {
font-weight: 400;
}
.woocommerce table.shop_table td del {
font-weight: 400;
}
.woocommerce table.shop_table tbody:first-child tr:first-child td,
.woocommerce table.shop_table tbody:first-child tr:first-child th {
border-top: 0;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
font-weight: 700;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce table.my_account_orders {
font-size: 0.85em;
}
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
padding: 4px 8px;
vertical-align: middle;
}
.woocommerce table.my_account_orders .button {
white-space: nowrap;
}
.woocommerce table.woocommerce-MyAccount-downloads td,
.woocommerce table.woocommerce-MyAccount-downloads th {
vertical-align: top;
text-align: center;
}
.woocommerce table.woocommerce-MyAccount-downloads td:first-child,
.woocommerce table.woocommerce-MyAccount-downloads th:first-child {
text-align: left;
}
.woocommerce table.woocommerce-MyAccount-downloads td:last-child,
.woocommerce table.woocommerce-MyAccount-downloads th:last-child {
text-align: left;
}
.woocommerce table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before,
.woocommerce table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before {
content: "\2193";
display: inline-block;
}
.woocommerce td.product-name .wc-item-meta,
.woocommerce td.product-name dl.variation {
list-style: none outside;
}
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label,
.woocommerce td.product-name .wc-item-meta dt,
.woocommerce td.product-name dl.variation .wc-item-meta-label,
.woocommerce td.product-name dl.variation dt {
float: left;
clear: both;
margin-right: 0.25em;
display: inline-block;
list-style: none outside;
}
.woocommerce td.product-name .wc-item-meta dd,
.woocommerce td.product-name dl.variation dd {
margin: 0;
}
.woocommerce td.product-name .wc-item-meta p,
.woocommerce td.product-name .wc-item-meta:last-child,
.woocommerce td.product-name dl.variation p,
.woocommerce td.product-name dl.variation:last-child {
margin-bottom: 0;
}
.woocommerce td.product-name p.backorder_notification {
font-size: 0.83em;
}
.woocommerce td.product-quantity {
min-width: 80px;
}
.woocommerce ul.cart_list,
.woocommerce ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: 0;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
padding: 4px 0;
margin: 0;
list-style: none;
}
.woocommerce ul.cart_list li::after,
.woocommerce ul.cart_list li::before,
.woocommerce ul.product_list_widget li::after,
.woocommerce ul.product_list_widget li::before {
content: " ";
display: table;
}
.woocommerce ul.cart_list li::after,
.woocommerce ul.product_list_widget li::after {
clear: both;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
display: block;
font-weight: 700;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
float: right;
margin-left: 4px;
width: 32px;
height: auto;
box-shadow: none;
}
.woocommerce ul.cart_list li dl,
.woocommerce ul.product_list_widget li dl {
margin: 0;
padding-left: 1em;
border-left: 2px solid rgba(0, 0, 0, 0.1);
}
.woocommerce ul.cart_list li dl::after,
.woocommerce ul.cart_list li dl::before,
.woocommerce ul.product_list_widget li dl::after,
.woocommerce ul.product_list_widget li dl::before {
content: " ";
display: table;
}
.woocommerce ul.cart_list li dl::after,
.woocommerce ul.product_list_widget li dl::after {
clear: both;
}
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dd,
.woocommerce ul.product_list_widget li dl dt {
display: inline-block;
float: left;
margin-bottom: 1em;
}
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dt {
font-weight: 700;
padding: 0 0 0.25em;
margin: 0 4px 0 0;
clear: left;
}
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.product_list_widget li dl dd {
padding: 0 0 0.25em;
}
.woocommerce ul.cart_list li dl dd p:last-child,
.woocommerce ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0;
}
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
float: none;
}
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
border-top: 3px double #ebe9eb;
padding: 4px 0 0;
}
.woocommerce .widget_shopping_cart .total strong,
.woocommerce.widget_shopping_cart .total strong {
min-width: 40px;
display: inline-block;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
padding-left: 2em;
position: relative;
padding-top: 0;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
position: absolute;
top: 0;
left: 0;
}
.woocommerce .widget_shopping_cart .buttons::after,
.woocommerce .widget_shopping_cart .buttons::before,
.woocommerce.widget_shopping_cart .buttons::after,
.woocommerce.widget_shopping_cart .buttons::before {
content: " ";
display: table;
}
.woocommerce .widget_shopping_cart .buttons::after,
.woocommerce.widget_shopping_cart .buttons::after {
clear: both;
}
.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a {
margin-right: 5px;
margin-bottom: 5px;
}
.woocommerce form .form-row {
padding: 3px;
margin: 0 0 6px;
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s ease;
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
.woocommerce form .form-row label {
line-height: 2;
}
.woocommerce form .form-row label.hidden {
visibility: hidden;
}
.woocommerce form .form-row label.inline {
display: inline;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description {
background: #1e85be;
color: #fff;
border-radius: 3px;
padding: 1em;
margin: 0.5em 0 0;
clear: both;
display: none;
position: relative;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description a {
color: #fff;
text-decoration: underline;
border: 0;
box-shadow: none;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description::before {
left: 50%;
top: 0;
margin-top: -4px;
-webkit-transform: translateX(-50%) rotate(180deg);
-ms-transform: translateX(-50%) rotate(180deg);
transform: translateX(-50%) rotate(180deg);
content: "";
position: absolute;
border-width: 4px 6px 0 6px;
border-style: solid;
border-color: #1e85be transparent transparent transparent;
z-index: 100;
display: block;
}
.woocommerce form .form-row select {
cursor: pointer;
margin: 0;
}
.woocommerce form .form-row .required {
color: red;
font-weight: 700;
border: 0 !important;
text-decoration: none;
visibility: hidden;
}
.woocommerce form .form-row .optional {
visibility: visible;
}
.woocommerce form .form-row .input-checkbox {
display: inline;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: normal;
}
.woocommerce form .form-row textarea {
height: 4em;
line-height: 1.5;
display: block;
box-shadow: none;
}
.woocommerce form .form-row .select2-container {
width: 100%;
line-height: 2em;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #a00;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
border-color: #a00;
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
border-color: #6dc22e;
}
.woocommerce form .form-row ::-webkit-input-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-moz-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-ms-input-placeholder {
line-height: normal;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: 1px solid #d3ced2;
padding: 20px;
margin: 2em 0;
text-align: left;
border-radius: 5px;
}
.woocommerce ul#shipping_method {
list-style: none outside;
margin: 0;
padding: 0;
}
.woocommerce ul#shipping_method li {
margin: 0 0 0.5em;
line-height: 1.5em;
list-style: none outside;
}
.woocommerce ul#shipping_method li input {
margin: 3px 0.4375em 0 0;
vertical-align: top;
}
.woocommerce ul#shipping_method li label {
display: inline;
}
.woocommerce ul#shipping_method .amount {
font-weight: 700;
}
.woocommerce p.woocommerce-shipping-contents {
margin: 0;
}
.woocommerce ul.order_details {
margin: 0 0 3em;
list-style: none;
}
.woocommerce ul.order_details::after,
.woocommerce ul.order_details::before {
content: " ";
display: table;
}
.woocommerce ul.order_details::after {
clear: both;
}
.woocommerce ul.order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1;
border-right: 1px dashed #d3ced2;
padding-right: 2em;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
.woocommerce ul.order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5;
}
.woocommerce ul.order_details li:last-of-type {
border: none;
}
.woocommerce .wc-bacs-bank-details-account-name {
font-weight: 700;
}
.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
margin-bottom: 2em;
}
.woocommerce .woocommerce-customer-details :last-child,
.woocommerce .woocommerce-order-details :last-child,
.woocommerce .woocommerce-order-downloads :last-child {
margin-bottom: 0;
}
.woocommerce .woocommerce-customer-details address {
font-style: normal;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-width: 2px;
border-right-width: 2px;
text-align: left;
width: 100%;
border-radius: 5px;
padding: 6px 12px;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
margin-bottom: 0;
padding-left: 1.5em;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "";
text-decoration: none;
margin-left: -1.5em;
line-height: 1.75;
position: absolute;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "";
text-decoration: none;
margin-left: -1.5em;
line-height: 1.75;
position: absolute;
}
.woocommerce .woocommerce-widget-layered-nav-list {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
padding: 0 0 1px;
list-style: none;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before {
content: " ";
display: table;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after {
clear: both;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span {
padding: 1px 0;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "";
text-decoration: none;
color: #a00;
}
.woocommerce .woocommerce-widget-layered-nav-dropdown__submit {
margin-top: 1em;
}
.woocommerce .widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
overflow: hidden;
zoom: 1;
}
.woocommerce .widget_layered_nav_filters ul li {
float: left;
padding: 0 1em 1px 1px;
list-style: none;
}
.woocommerce .widget_layered_nav_filters ul li a {
text-decoration: none;
}
.woocommerce .widget_layered_nav_filters ul li a::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "";
text-decoration: none;
color: #a00;
vertical-align: inherit;
margin-right: 0.5em;
}
.woocommerce .widget_price_filter .price_slider {
margin-bottom: 1em;
}
.woocommerce .widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
font-size: 0.8751em;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
float: left;
padding: 5px 15px;
font-size: 14px;
}
.woocommerce .widget_price_filter .ui-slider {
position: relative;
text-align: left;
margin-left: 0.5em;
margin-right: 0.5em;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: #a46497;
border-radius: 1em;
cursor: ew-resize;
outline: 0;
top: -0.3em;
margin-left: -0.5em;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
border-radius: 1em;
background-color: #a46497;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: #462940;
border: 0;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 0.5em;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.woocommerce .widget_rating_filter ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.woocommerce .widget_rating_filter ul li {
padding: 0 0 1px;
list-style: none;
}
.woocommerce .widget_rating_filter ul li::after,
.woocommerce .widget_rating_filter ul li::before {
content: " ";
display: table;
}
.woocommerce .widget_rating_filter ul li::after {
clear: both;
}
.woocommerce .widget_rating_filter ul li a {
padding: 1px 0;
text-decoration: none;
}
.woocommerce .widget_rating_filter ul li .star-rating {
float: none;
display: inline-block;
}
.woocommerce .widget_rating_filter ul li.chosen a::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "";
text-decoration: none;
color: #a00;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
float: left;
margin-right: 1em;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: inline-block;
}
.woocommerce-no-js form.woocommerce-form-coupon,
.woocommerce-no-js form.woocommerce-form-login {
display: block !important;
}
.woocommerce-no-js .showcoupon,
.woocommerce-no-js .woocommerce-form-coupon-toggle,
.woocommerce-no-js .woocommerce-form-login-toggle {
display: none !important;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
padding: 1em 2em 1em 3.5em;
margin: 0 0 2em;
position: relative;
background-color: #f7f6f7;
color: #515151;
border-top: 3px solid #a46497;
list-style: none outside;
width: auto;
word-wrap: break-word;
}
.woocommerce-error::after,
.woocommerce-error::before,
.woocommerce-info::after,
.woocommerce-info::before,
.woocommerce-message::after,
.woocommerce-message::before {
content: " ";
display: table;
}
.woocommerce-error::after,
.woocommerce-info::after,
.woocommerce-message::after {
clear: both;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
font-family: WooCommerce;
content: "\e028";
display: inline-block;
position: absolute;
top: 1em;
left: 1.5em;
}
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button {
float: right;
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
list-style: none outside !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.rtl.woocommerce .price_label,
.rtl.woocommerce .price_label span {
direction: ltr;
unicode-bidi: embed;
}
.woocommerce-message {
border-top-color: #8fae1b;
}
.woocommerce-message::before {
content: "\e015";
color: #8fae1b;
}
.woocommerce-info {
border-top-color: #1e85be;
}
.woocommerce-info::before {
color: #1e85be;
}
.woocommerce-error {
border-top-color: #b81c23;
}
.woocommerce-error::before {
content: "\e016";
color: #b81c23;
}
.woocommerce-account .woocommerce::after,
.woocommerce-account .woocommerce::before {
content: " ";
display: table;
}
.woocommerce-account .woocommerce::after {
clear: both;
}
.woocommerce-account .addresses .title::after,
.woocommerce-account .addresses .title::before {
content: " ";
display: table;
}
.woocommerce-account .addresses .title::after {
clear: both;
}
.woocommerce-account .addresses .title h3 {
float: left;
}
.woocommerce-account .addresses .title .edit {
float: right;
}
.woocommerce-account ol.commentlist.notes li.note p.meta {
font-weight: 700;
margin-bottom: 0;
}
.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0;
}
.woocommerce-account ul.digital-downloads {
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads li {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads li::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "";
text-decoration: none;
}
.woocommerce-account ul.digital-downloads li .count {
float: right;
}
#add_payment_method table.cart .product-thumbnail,
.woocommerce-cart table.cart .product-thumbnail,
.woocommerce-checkout table.cart .product-thumbnail {
min-width: 32px;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 32px;
box-shadow: none;
}
#add_payment_method table.cart td,
#add_payment_method table.cart th,
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th,
.woocommerce-checkout table.cart td,
.woocommerce-checkout table.cart th {
vertical-align: middle;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
float: left;
box-sizing: border-box;
border: 1px solid #d3ced2;
padding: 6px 6px 5px;
margin: 0 4px 0 0;
outline: 0;
}
#add_payment_method table.cart input,
.woocommerce-cart table.cart input,
.woocommerce-checkout table.cart input {
margin: 0;
vertical-align: middle;
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
padding: 1em 0;
}
#add_payment_method .wc-proceed-to-checkout::after,
#add_payment_method .wc-proceed-to-checkout::before,
.woocommerce-cart .wc-proceed-to-checkout::after,
.woocommerce-cart .wc-proceed-to-checkout::before,
.woocommerce-checkout .wc-proceed-to-checkout::after,
.woocommerce-checkout .wc-proceed-to-checkout::before {
content: " ";
display: table;
}
#add_payment_method .wc-proceed-to-checkout::after,
.woocommerce-cart .wc-proceed-to-checkout::after,
.woocommerce-checkout .wc-proceed-to-checkout::after {
clear: both;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
display: block;
text-align: center;
margin-bottom: 1em;
font-size: 1.25em;
padding: 1em;
}
#add_payment_method .cart-collaterals .shipping-calculator-button,
.woocommerce-cart .cart-collaterals .shipping-calculator-button,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button {
float: none;
margin-top: 0.5em;
display: inline-block;
}
#add_payment_method .cart-collaterals .shipping-calculator-button::after,
.woocommerce-cart .cart-collaterals .shipping-calculator-button::after,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button::after {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: 0.618em;
content: "";
text-decoration: none;
}
#add_payment_method .cart-collaterals .shipping-calculator-form,
.woocommerce-cart .cart-collaterals .shipping-calculator-form,
.woocommerce-checkout .cart-collaterals .shipping-calculator-form {
margin: 1em 0 0 0;
}
#add_payment_method .cart-collaterals .cart_totals p small,
.woocommerce-cart .cart-collaterals .cart_totals p small,
.woocommerce-checkout .cart-collaterals .cart_totals p small {
color: #767676;
font-size: 0.83em;
}
#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
border-collapse: separate;
margin: 0 0 6px;
padding: 0;
}
#add_payment_method .cart-collaterals .cart_totals table tr:first-child td,
#add_payment_method .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th {
border-top: 0;
}
#add_payment_method .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table th {
width: 35%;
}
#add_payment_method .cart-collaterals .cart_totals table td,
#add_payment_method .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table td,
.woocommerce-checkout .cart-collaterals .cart_totals table th {
vertical-align: top;
border-left: 0;
border-right: 0;
line-height: 1.5em;
}
#add_payment_method .cart-collaterals .cart_totals table small,
.woocommerce-cart .cart-collaterals .cart_totals table small,
.woocommerce-checkout .cart-collaterals .cart_totals table small {
color: #767676;
}
#add_payment_method .cart-collaterals .cart_totals table select,
.woocommerce-cart .cart-collaterals .cart_totals table select,
.woocommerce-checkout .cart-collaterals .cart_totals table select {
width: 100%;
}
#add_payment_method .cart-collaterals .cart_totals .discount td,
.woocommerce-cart .cart-collaterals .cart_totals .discount td,
.woocommerce-checkout .cart-collaterals .cart_totals .discount td {
color: #77a464;
}
#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
border-top: 1px solid #ebe9eb;
}
#add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination,
.woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination {
margin-bottom: 0;
}
#add_payment_method .cart-collaterals .cross-sells ul.products li.product,
.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product,
.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product {
margin-top: 0;
}
#add_payment_method .checkout .col-2 h3#ship-to-different-address,
.woocommerce-cart .checkout .col-2 h3#ship-to-different-address,
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
float: left;
clear: none;
}
#add_payment_method .checkout .col-2 .notes,
.woocommerce-cart .checkout .col-2 .notes,
.woocommerce-checkout .checkout .col-2 .notes {
clear: left;
}
#add_payment_method .checkout .col-2 .form-row-first,
.woocommerce-cart .checkout .col-2 .form-row-first,
.woocommerce-checkout .checkout .col-2 .form-row-first {
clear: left;
}
#add_payment_method .checkout .create-account small,
.woocommerce-cart .checkout .create-account small,
.woocommerce-checkout .checkout .create-account small {
font-size: 11px;
color: #767676;
font-weight: 400;
}
#add_payment_method .checkout div.shipping-address,
.woocommerce-cart .checkout div.shipping-address,
.woocommerce-checkout .checkout div.shipping-address {
padding: 0;
clear: left;
width: 100%;
}
#add_payment_method .checkout .shipping_address,
.woocommerce-cart .checkout .shipping_address,
.woocommerce-checkout .checkout .shipping_address {
clear: both;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #ebe9eb;
border-radius: 5px;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
text-align: left;
padding: 1em;
border-bottom: 1px solid #d3ced2;
margin: 0;
list-style: none outside;
}
#add_payment_method #payment ul.payment_methods::after,
#add_payment_method #payment ul.payment_methods::before,
.woocommerce-cart #payment ul.payment_methods::after,
.woocommerce-cart #payment ul.payment_methods::before,
.woocommerce-checkout #payment ul.payment_methods::after,
.woocommerce-checkout #payment ul.payment_methods::before {
content: " ";
display: table;
}
#add_payment_method #payment ul.payment_methods::after,
.woocommerce-cart #payment ul.payment_methods::after,
.woocommerce-checkout #payment ul.payment_methods::after {
clear: both;
}
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
line-height: 2;
text-align: left;
margin: 0;
font-weight: 400;
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 1em 0 0;
}
#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
vertical-align: middle;
margin: -2px 0 0 0.5em;
padding: 0;
position: relative;
box-shadow: none;
}
#add_payment_method #payment ul.payment_methods li img + img,
.woocommerce-cart #payment ul.payment_methods li img + img,
.woocommerce-checkout #payment ul.payment_methods li img + img {
margin-left: 2px;
}
#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,
#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before,
.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,
.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before,
.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after,
.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before {
content: " ";
display: table;
}
#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after,
.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after,
.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after {
clear: both;
}
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
padding: 1em;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0;
font-size: 0.92em;
border-radius: 2px;
line-height: 1.5;
background-color: #dfdcde;
color: #515151;
}
#add_payment_method #payment div.payment_box input.input-text,
#add_payment_method #payment div.payment_box textarea,
.woocommerce-cart #payment div.payment_box input.input-text,
.woocommerce-cart #payment div.payment_box textarea,
.woocommerce-checkout #payment div.payment_box input.input-text,
.woocommerce-checkout #payment div.payment_box textarea {
border-color: #c7c1c6;
border-top-color: #bbb3b9;
}
#add_payment_method #payment div.payment_box ::-webkit-input-placeholder,
.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder,
.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder {
color: #bbb3b9;
}
#add_payment_method #payment div.payment_box :-moz-placeholder,
.woocommerce-cart #payment div.payment_box :-moz-placeholder,
.woocommerce-checkout #payment div.payment_box :-moz-placeholder {
color: #bbb3b9;
}
#add_payment_method #payment div.payment_box :-ms-input-placeholder,
.woocommerce-cart #payment div.payment_box :-ms-input-placeholder,
.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder {
color: #bbb3b9;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods {
list-style: none outside;
margin: 0;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token {
margin: 0 0 0.5em;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label {
cursor: pointer;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
vertical-align: middle;
margin: -3px 1em 0 0;
position: relative;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form {
border: 0;
padding: 0;
margin: 1em 0 0;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right 0.618em center;
background-size: 32px 20px;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa {
background-image: url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/icons/credit-cards/visa.svg);
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard {
background-image: url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/icons/credit-cards/mastercard.svg);
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser {
background-image: url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/icons/credit-cards/laser.svg);
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub {
background-image: url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/icons/credit-cards/diners.svg);
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro {
background-image: url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/icons/credit-cards/maestro.svg);
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb {
background-image: url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/icons/credit-cards/jcb.svg);
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex {
background-image: url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/icons/credit-cards/amex.svg);
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover {
background-image: url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/icons/credit-cards/discover.svg);
}
#add_payment_method #payment div.payment_box span.help,
.woocommerce-cart #payment div.payment_box span.help,
.woocommerce-checkout #payment div.payment_box span.help {
font-size: 0.857em;
color: #767676;
font-weight: 400;
}
#add_payment_method #payment div.payment_box .form-row,
.woocommerce-cart #payment div.payment_box .form-row,
.woocommerce-checkout #payment div.payment_box .form-row {
margin: 0 0 1em;
}
#add_payment_method #payment div.payment_box p:last-child,
.woocommerce-cart #payment div.payment_box p:last-child,
.woocommerce-checkout #payment div.payment_box p:last-child {
margin-bottom: 0;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
content: "";
display: block;
border: 1em solid #dfdcde;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -0.75em;
left: 0;
margin: -1em 0 0 2em;
}
#add_payment_method #payment .payment_method_paypal .about_paypal,
.woocommerce-cart #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
float: right;
line-height: 52px;
font-size: 0.83em;
}
#add_payment_method #payment .payment_method_paypal img,
.woocommerce-cart #payment .payment_method_paypal img,
.woocommerce-checkout #payment .payment_method_paypal img {
max-height: 52px;
vertical-align: middle;
}
.woocommerce-terms-and-conditions {
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
}
.woocommerce-invalid #terms {
outline: 2px solid red;
outline-offset: 2px;
}
.woocommerce-password-strength {
text-align: center;
font-weight: 600;
padding: 3px 0.5em;
font-size: 1em;
}
.woocommerce-password-strength.strong {
background-color: #c1e1b9;
border-color: #83c373;
}
.woocommerce-password-strength.short {
background-color: #f1adad;
border-color: #e35b5b;
}
.woocommerce-password-strength.bad {
background-color: #fbc5a9;
border-color: #f78b53;
}
.woocommerce-password-strength.good {
background-color: #ffe399;
border-color: #ffc733;
}
.woocommerce-password-hint {
margin: 0.5em 0 0;
display: block;
}
#content.twentyeleven .woocommerce-pagination a {
font-size: 1em;
line-height: 1;
}
.single-product .twentythirteen #reply-title,
.single-product .twentythirteen #respond #commentform,
.single-product .twentythirteen .entry-summary {
padding: 0;
}
.single-product .twentythirteen p.stars {
clear: both;
}
.twentythirteen .woocommerce-breadcrumb {
padding-top: 40px;
}
.twentyfourteen ul.products li.product {
margin-top: 0 !important;
}
body:not(.search-results) .twentysixteen .entry-summary {
color: inherit;
font-size: inherit;
line-height: inherit;
}
.twentysixteen .price ins {
background: inherit;
color: inherit;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last,
.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
width: 100%;
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@font-face {
font-family: star;
src: url(//www.simplygreatcoffee.co.uk/wp-content/plugins/woocommerce/assets/fonts/star.eot);
src: url(//www.simplygreatcoffee.co.uk/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"), url(//www.simplygreatcoffee.co.uk/wp-content/plugins/woocommerce/assets/fonts/star.woff) format("woff"), url(//www.simplygreatcoffee.co.uk/wp-content/plugins/woocommerce/assets/fonts/star.ttf) format("truetype"), url(//www.simplygreatcoffee.co.uk/wp-content/plugins/woocommerce/assets/fonts/star.svg#star) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: WooCommerce;
src: url(//www.simplygreatcoffee.co.uk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot);
src: url(//www.simplygreatcoffee.co.uk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"), url(//www.simplygreatcoffee.co.uk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"), url(//www.simplygreatcoffee.co.uk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype"), url(//www.simplygreatcoffee.co.uk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce) format("svg");
font-weight: 400;
font-style: normal;
}   #baguetteBox-overlay {
display: none;
opacity: 0;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000000;
background-color: #222;
background-color: rgba(0, 0, 0, 0.8);
transition: opacity 0.5s ease;
}
#baguetteBox-overlay.visible {
opacity: 1;
}
#baguetteBox-overlay .full-image {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
text-align: center;
}
#baguetteBox-overlay .full-image figure {
display: inline;
margin: 0;
height: 100%;
}
#baguetteBox-overlay .full-image img {
display: inline-block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
display: block;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
line-height: 1.8;
white-space: normal;
color: #ccc;
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
font-family: sans-serif;
}
#baguetteBox-overlay .full-image:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#baguetteBox-slider {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
white-space: nowrap;
transition: left 0.4s ease, transform 0.4s ease;
}
#baguetteBox-slider.bounce-from-right {
animation: bounceFromRight 0.4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
animation: bounceFromLeft 0.4s ease-out;
}
@keyframes bounceFromRight {
0% {
margin-left: 0;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0;
}
}
@keyframes bounceFromLeft {
0% {
margin-left: 0;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0;
}
}
.baguetteBox-button#previous-button, .baguetteBox-button#next-button {
top: 50%;
top: calc(50% - 30px);
width: 44px;
height: 60px;
}
.baguetteBox-button {
position: absolute;
cursor: pointer;
outline: none;
padding: 0;
margin: 0;
border: 0;
border-radius: 15%;
background-color: #323232;
background-color: rgba(50, 50, 50, 0.5);
color: #ddd;
font: 1.6em sans-serif;
transition: background-color 0.4s ease;
}
.baguetteBox-button:focus, .baguetteBox-button:hover {
background-color: rgba(50, 50, 50, 0.9);
}
.baguetteBox-button#next-button {
right: 2%;
}
.baguetteBox-button#previous-button {
left: 2%;
}
.baguetteBox-button#close-button {
top: 20px;
right: 2%;
right: calc(2% + 6px);
width: 30px;
height: 30px;
}
.baguetteBox-button svg {
position: absolute;
left: 0;
top: 0;
} .baguetteBox-spinner {
width: 40px;
height: 40px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
}
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: bounce 2s infinite ease-in-out;
}
.baguetteBox-double-bounce2 {
animation-delay: -1s;
}
@keyframes bounce {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
.tns-outer {
padding: 0 !important;
}
.tns-outer [hidden] {
display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
cursor: pointer;
}
.tns-slider {
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
.tns-slider > .tns-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
display: inline-block;
vertical-align: top;
white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
content: "";
display: table;
clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
margin-right: -100%;
}
.tns-no-calc {
position: relative;
left: 0;
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px;
}
.tns-gallery > .tns-item {
position: absolute;
left: -100%;
-webkit-transition: transform 0s, opacity 0s;
-moz-transition: transform 0s, opacity 0s;
transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
position: relative;
left: auto !important;
}
.tns-gallery > .tns-moving {
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
}
.tns-autowidth {
display: inline-block;
}
.tns-lazy-img {
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
transition: opacity 0.6s;
opacity: 0.6;
}
.tns-lazy-img.tns-complete {
opacity: 1;
}
.tns-ah {
-webkit-transition: height 0s;
-moz-transition: height 0s;
transition: height 0s;
}
.tns-ovh {
overflow: hidden;
}
.tns-visually-hidden {
position: absolute;
left: -10000em;
}
.tns-transparent {
opacity: 0;
visibility: hidden;
}
.tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0;
}
.tns-normal, .tns-fadeOut {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1;
}
.tns-vpfix {
white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
display: inline-block;
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden;
}
.tns-t-ct {
width: 2333.3333333%;
width: -webkit-calc(100% * 70 / 3);
width: -moz-calc(100% * 70 / 3);
width: 2333.3333333333%;
position: absolute;
right: 0;
}
.tns-t-ct:after {
content: "";
display: table;
clear: both;
}
.tns-t-ct > div {
width: 1.4285714%;
width: -webkit-calc(100% / 70);
width: -moz-calc(100% / 70);
width: 1.4285714286%;
height: 10px;
float: left;
}
body {
margin: 0;
}
.error_404 {
text-align: center;
padding: 200px 0;
}
.wp_content > :first-child, .term-description > :first-child {
margin-top: 0;
}
.wp_content > :last-child, .term-description > :last-child {
margin-bottom: 0;
}
.padding_1000 {
padding-left: calc(50% - 500px);
padding-right: calc(50% - 500px);
}
@media (max-width: 1040px) {
.padding_1000 {
padding-left: 20px;
padding-right: 20px;
}
}
.padding_1100 {
padding-left: calc(50% - 550px);
padding-right: calc(50% - 550px);
}
@media (max-width: 1140px) {
.padding_1100 {
padding-left: 20px;
padding-right: 20px;
}
}
.padding_1200 {
padding-left: calc(50% - 600px);
padding-right: calc(50% - 600px);
}
@media (max-width: 1240px) {
.padding_1200 {
padding-left: 20px;
padding-right: 20px;
}
}
.padding_1300 {
padding-left: calc(50% - 650px);
padding-right: calc(50% - 650px);
}
@media (max-width: 1340px) {
.padding_1300 {
padding-left: 20px;
padding-right: 20px;
}
}
.padding_1400 {
padding-left: calc(50% - 700px);
padding-right: calc(50% - 700px);
}
@media (max-width: 1440px) {
.padding_1400 {
padding-left: 20px;
padding-right: 20px;
}
}
.padding_1500 {
padding-left: calc(50% - 750px);
padding-right: calc(50% - 750px);
}
@media (max-width: 1540px) {
.padding_1500 {
padding-left: 20px;
padding-right: 20px;
}
}
.fc_simple_content {
padding: 60px;
} #pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 60px 0 0;
}
@media (max-width: 1024px) {
#pagination {
margin-top: 40px;
}
}
#pagination a, #pagination > span {
display: inline-block;
padding: 8px 20px;
font-size: 16px;
color: #C4C4C4;
margin: 0 5px 5px 5px;
text-decoration: none;
font-weight: 400;
}
#pagination > span, #pagination a:hover {
background: #74BD48;
color: #fff;
opacity: 1;
} .gallery {
column-count: 4;
column-gap: 20px;
}
.gallery .gallery-item {
display: inline;
margin: 0;
}
.gallery .gallery-item img {
display: block;
margin: 0 0 20px 0;
}
.gallery-caption {
display: none;
} .gfield_description.validation_message {
position: absolute;
right: -5px;
top: -14px;
background-color: #74BD48;
color: white;
padding: 5px 10px;
font-size: 12px;
text-align: center;
border-radius: 2px;
}
.validation_message::after {
content: "";
display: block;
position: absolute;
border: 5px solid transparent;
border-top-color: #74BD48;
width: 0;
height: 0;
bottom: -10px;
left: 10px;
}
.validation_error {
margin-bottom: 20px;
border: 1px solid #74BD48;
padding: 10px 20px;
font-size: 15px;
color: #74BD48;
}
.gform_confirmation_message {
color: #1ba21b;
}
.gform_body ul {
padding: 0;
margin: 0;
list-style: none;
}
.gform_body > ul {
margin: 20px 0 0 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.gform_body > ul > li {
position: relative;
}
.gform_body .gfield_error input, .gform_body .gfield_error textarea, .gform_body .gfield_error select {
border-color: #d80000;
}
.gform_body > ul > li {
width: 100%;
margin-bottom: 20px;
}
.gform_body > ul > li.gform_hidden {
display: none;
}
.gform_body > ul > li.medium_field {
width: calc(50% - 10px);
}
.gform_body > ul > li.small_field {
width: calc(33.33% - 13px);
}
.gform_body > ul > li.large_field {
width: 100%;
}
.gform_body > ul > li.captcha_field {
margin: 0;
width: 0;
margin-right: 0 !important;
}
.gform_body > ul > li.captcha_field > .gfield_label {
display: none;
}
.gform_body li.hidden_label > label {
display: none;
}
.gfield_checkbox label {
display: inline;
}
.gform_body input[type=text], .gform_body textarea, .gform_body select,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce form .form-row select {
height: 50px;
color: #404040;
padding-left: 15px;
width: 100%;
border: 1px solid rgba(229, 229, 229, 0.75);
box-sizing: border-box;
}
input[type=search] {
-webkit-appearance: none;
}
.gform_body select {
appearance: none;
-webkit-appearance: none;
background: #fff calc(100% - 20px) center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='15'%3E%3Cpath fill-rule='evenodd' fill='rgba(51, 51, 51, 0.4)' d='M27 1L14 15 0 1l1-1 13 13L26 0l1 1z'/%3E%3C/svg%3E");
padding-right: 70px;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.gform_body select::-ms-expand {
display: none;
}
.gform_body textarea, .woocommerce form .form-row textarea {
height: 140px;
padding-top: 20px;
}
.gfield_visibility_ {
display: none;
}
.gform_validation_container,
.gform_wrapper .gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
display: none !important;
position: absolute !important;
left: -9000px;
}
::-webkit-input-placeholder { color: #818181;
}
::-moz-placeholder { color: #818181;
}
:-ms-input-placeholder { color: #818181;
}
:-moz-placeholder { color: #818181;
}
.dark_grey_bg p, .dark_grey_bg h1, .dark_grey_bg h2, .dark_grey_bg h3, .dark_grey_bg h4, .dark_grey_bg h5, .black_bg p, .black_bg h1, .black_bg h2, .black_bg h3, .black_bg h4, .black_bg h5 {
color: #fff;
}
.green_bg {
background-color: #74BD48;
}
.green_bg * {
color: #fff;
}
.green_bg *:after {
background-color: #fff;
}
.grey_bg {
background-color: #F3F3F3;
}
.dark_grey_bg {
background-color: #3F3F3F;
}
.black_bg {
background-color: #333333;
}
.white_bg {
background-color: #fff;
}
.image, .image-switch {
background: no-repeat center/cover;
}
.wp_content ol li, .wp_content ul li {
padding-bottom: 5px;
}
@media (max-width: 640px) {
.gallery {
column-count: 2;
}
.header-right {
display: flex;
justify-content: space-between;
}
.gform_body > ul > li:nth-child(n) {
width: 100%;
}
}
.main_container table {
border-collapse: collapse;
border-spacing: 0;
max-width: 100%;
}
.main_container table td, .main_container table th {
border: 1px solid #ddd;
padding: 5px 10px;
box-sizing: border-box;
}
@media (max-width: 400px) {
.main_container table td, .main_container table th {
font-size: 16px;
}
}
.main_container table th {
background-color: #f5f5f5;
}
#header {
height: 205px;
display: flex;
box-sizing: border-box;
padding-right: 50px;
justify-content: space-between;
position: relative;
align-items: center;
z-index: 2;
border-top: 10px solid #333333;
background-color: #3F3F3F;
}
@media (max-width: 1200px) {
#header {
height: 130px;
padding-right: 20px;
}
}
@media (max-width: 768px) {
#header {
height: auto;
padding: 15px 20px;
}
}
@media (max-width: 640px) {
#header {
flex-direction: column;
justify-content: center;
}
}
#header.with_banner {
background-color: transparent;
border: none;
}
#header.green_bg {
border-top: 10px solid #65A340;
background-color: #74BD48;
}
#header.green_bg #logo {
background: no-repeat center/420px url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/logoalt.png);
width: 420px;
height: 271px;
}
@media (max-width: 1200px) {
#header.green_bg #logo {
width: 250px;
background-size: contain;
height: 160px;
}
}
@media (max-width: 768px) {
#header.green_bg #logo {
position: relative;
width: 200px;
height: 50px;
top: auto;
left: auto;
background: no-repeat center/130px url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/logoaltmobile.png);
}
}
#header.green_bg .socials {
display: flex;
}
@media (max-width: 1024px) {
#header.green_bg .socials {
display: none;
}
}
#header.green_bg .socials a:hover {
filter: saturate(0%) brightness(0%);
}
#header.green_bg .cart_link .basket_link:hover div, #header.green_bg .search-toggle:hover {
filter: saturate(0%) brightness(0%);
}
#header.green_bg .header-top .tel a:hover, #header.green_bg .header-top .account_link a:hover {
color: #333333;
}
#header.green_bg .header-top .tel a {
background: no-repeat center left/19px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath clip-rule='evenodd' d='M8.1 10.4c1.7 1.6 3.6 3.2 4.4 2.4 1-1 1.7-2 4.1 0 2.4 1.8.6 3-.5 4.1-1.2 1.2-5.7 0-10.2-4.3C1.4 8 .2 3.6 1.5 2.4c1-1 2.3-2.8 4.2-.4 2 2.3 1 3 0 4-.8.8.8 2.7 2.4 4.4z' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");
}
#header.green_bg .header-top .tel a:hover {
filter: saturate(0%) brightness(0%);
}
#header.with_banner {
position: absolute;
width: 100%;
}
#logo {
background: no-repeat center/412px url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/logo.png);
width: 412px;
height: 271px;
position: absolute;
display: block;
text-indent: -99999px;
overflow: hidden;
top: -10px;
left: 4.5%;
}
@media (max-width: 1400px) {
#logo {
left: -20px;
}
}
@media (max-width: 1200px) {
#logo {
width: 250px;
background-size: contain;
height: 160px;
}
}
@media (max-width: 768px) {
#logo {
position: relative;
width: 200px;
height: 50px;
top: auto;
left: auto;
background: no-repeat center/150px url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/logomobile.png);
}
}
@media (max-width: 640px) {
#logo {
margin-bottom: 20px;
}
}
.header-top {
display: flex;
align-items: flex-end;
padding-bottom: 20px;
justify-content: flex-end;
}
@media (max-width: 768px) {
.header-top {
padding-bottom: 0;
}
}
.header-top > div {
height: 24px;
display: flex;
align-items: center;
border-right: 1px solid rgba(255, 255, 255, 0.5);
margin-left: 20px;
padding-right: 20px;
}
@media (max-width: 640px) {
.header-top > div:nth-child(2) {
margin-left: 0;
}
}
.header-top > div:last-child, .header-top > div:nth-last-child(2) {
border-right: none;
padding-right: 0;
}
.header-top .tel a, .header-top .account_link a {
color: #fff;
font-size: 16px;
letter-spacing: 1.2px;
padding-left: 26px;
background: no-repeat center left/19px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath clip-rule='evenodd' d='M8.1 10.4c1.7 1.6 3.6 3.2 4.4 2.4 1-1 1.7-2 4.1 0 2.4 1.8.6 3-.5 4.1-1.2 1.2-5.7 0-10.2-4.3C1.4 8 .2 3.6 1.5 2.4c1-1 2.3-2.8 4.2-.4 2 2.3 1 3 0 4-.8.8.8 2.7 2.4 4.4z' stroke='%2374BD48' stroke-width='1.5'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
.header-top .tel a, .header-top .account_link a {
padding-left: 0;
text-indent: -99999px;
background-position: center;
width: 24px;
height: 24px;
background-size: 22px;
}
}
.header-top .tel a:hover, .header-top .account_link a:hover {
color: #74BD48;
text-decoration: none;
}
.header-top .account_link a {
background: none;
padding-left: 0;
}
@media (max-width: 768px) {
.header-top .account_link a {
width: 24px;
height: 24px;
text-indent: -99999px;
background: no-repeat center/30px url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='currentColor' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4a4 4 0 110 8 4 4 0 010-8m0 10c4.4 0 8 1.8 8 4v2H4v-2c0-2.2 3.6-4 8-4z'/%3E%3C/svg%3E");
}
}
@media (max-width: 1024px) {
.header-top .socials {
display: none;
}
}
.search-icon {
display: flex;
align-items: center;
}
.search-toggle {
width: 20px;
height: 20px;
cursor: pointer;
background: no-repeat center/20px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 6.9a6.8 6.8 0 0111.4-4 6.7 6.7 0 01.2 9.4.3.3 0 00.1.3l3.5 4.8a1 1 0 01-.5 1.8 1 1 0 01-1.2-.5l-2.4-3.2-1.1-1.6a.3.3 0 00-.5-.1c-1.1.5-2.4.7-3.7.6a6.7 6.7 0 01-5.8-7.5zM9 2.5A5.2 5.2 0 003 8a5.2 5.2 0 003.4 4.7 5.2 5.2 0 007-4.1 5.2 5.2 0 00-4.4-6z' fill='%23fff'/%3E%3C/svg%3E");
}
.search-toggle:hover {
text-decoration: none;
filter: sepia(100%) saturate(5000%) brightness(67%) hue-rotate(385deg);
}
.cart_link {
position: relative;
}
.cart_link .basket_link {
display: block;
width: 20px;
height: 24px;
position: relative;
}
.cart_link .basket_link div {
width: 100%;
height: 100%;
background: no-repeat center/24px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 22'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 3.7a1.6 1.6 0 00-1.3-.6H6L5.7 2A2 2 0 003.8.4h-3A.8.8 0 00.8 2h3a.4.4 0 01.4.3l3 13a1.7 1.7 0 001.6 1.4h12.9a.8.8 0 100-1.5H8.8a.2.2 0 01-.1-.2l-.2-1 13-1.5a1.6 1.6 0 001.4-1.3l1.3-6a1.6 1.6 0 00-.3-1.5zm-1.3 1L21.4 11h-.1L8.1 12.5 6.4 4.7h16.3zM12 19.8a1.6 1.6 0 11-3.2 0 1.6 1.6 0 013.2 0zm9.3 0a1.6 1.6 0 11-3.2 0 1.6 1.6 0 013.2 0z' fill='%23fff'/%3E%3C/svg%3E");
}
.cart_link .basket_link span {
position: absolute;
border-radius: 100%;
right: -10px;
top: -10px;
background: #B62101;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 10px;
line-height: 16px;
color: #FFFFFF;
z-index: 2;
padding: 0px 3px;
min-width: 9px;
min-height: 4px;
}
.cart_link .basket_link:hover div {
text-decoration: none;
filter: sepia(100%) saturate(5000%) brightness(67%) hue-rotate(385deg);
}
.socials {
display: flex;
}
.socials a {
margin-right: 20px;
width: 21px;
height: 21px;
background: no-repeat center/contain;
transition: none;
}
.socials a:last-child {
margin-right: 0;
}
.socials a:hover {
text-decoration: none;
filter: sepia(100%) saturate(5000%) brightness(67%) hue-rotate(385deg);
}
.socials a.fb {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 21'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.9 20.4h3.7V10.2h2.8L8.9 7H5.6V4.7c0-.7.5-1.5 1.1-1.5h2V0H6.2C2.7.1 2 2.3 2 4.5V7H0v3.2h1.9v10.2z' fill='%23fff'/%3E%3C/svg%3E");
}
.socials a.twitter {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 17'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5.7c-.6.4-1.9.9-2.5.9a4 4 0 00-7 3.7c-3 0-6.4-1.6-8.4-4.2a4 4 0 001.2 5.4c-.5 0-1.3 0-1.8-.5 0 1.5.7 3.3 3.2 4-.5.3-1.3.2-1.7.2.1 1.2 1.8 2.7 3.7 2.7-.7.8-3.2 2.2-6 1.7 2 1.2 4.1 1.8 6.5 1.8 6.6 0 11.7-5.3 11.4-11.9v-.1a7 7 0 002-2.1c-.4.2-1.4.5-2.3.6.6-.3 1.5-1.4 1.7-2.2z' fill='%23fff'/%3E%3C/svg%3E");
}
.socials a.instagram {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 21'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 0h9.4c3.2 0 5.8 2.6 5.8 5.8v9.4c0 3.2-2.6 5.8-5.8 5.8H6a5.8 5.8 0 01-5.8-5.8V5.8C.2 2.6 2.8 0 6 0zm9.4 19.1a4 4 0 003.9-3.9V5.8a4 4 0 00-4-4H6a4 4 0 00-4 4v9.4a4 4 0 004 4h9.4z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.3 10.5a5.4 5.4 0 1110.8 0 5.4 5.4 0 01-10.8 0zm1.8 0a3.6 3.6 0 107.1 0 3.6 3.6 0 00-7 0z' fill='%23fff'/%3E%3Cpath d='M16.3 3.5A1.4 1.4 0 0015 5a1.4 1.4 0 001.4 1.3 1.4 1.4 0 001-2.3c-.3-.2-.6-.4-1-.4z' fill='%23fff'/%3E%3C/svg%3E");
}
.search-wrapper {
height: 95px;
max-height: 0;
width: 100%;
box-sizing: border-box;
top: 0;
z-index: 12;
overflow: hidden;
transition: 0.15s;
}
.search-wrapper.open {
max-height: 95px;
}
.search-wrapper .close-search {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
width: 15px;
height: 15px;
transition: 0.3s;
background: no-repeat center/20px url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%23fff' d='M123.5 11.6l-7-7L64 56.8 11.6 4.5l-7.1 7L56.9 64 4.5 116.4l7 7L64 71.2l52.4 52.4 7.1-7L71.1 64z'/%3E%3C/svg%3E");
}
.search-wrapper .close-search:hover {
opacity: 0.7;
}
.search-wrapper > div {
padding: 20px 50px;
box-sizing: border-box;
height: 100%;
display: flex;
align-items: flex-end;
}
.search-wrapper > div form {
position: relative;
height: 100%;
width: 100%;
}
.search-wrapper > div form * {
height: 100%;
}
.search-wrapper > div form input[type=text] {
width: 100%;
box-sizing: border-box;
background-color: transparent;
color: rgb(255, 255, 255);
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.7);
outline: none;
}
.search-wrapper > div form input[type=submit] {
position: absolute;
top: 0;
right: 0;
width: 50px;
text-indent: -9999px;
overflow: hidden;
border: none;
transition: 0.3s;
cursor: pointer;
background: no-repeat center/25px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg clip-path='url(%23clip0)' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M0 7.4a7.2 7.2 0 0111.3-6 7.1 7.1 0 011.7 9.8.3.3 0 00.2.3l4.4 4.5a1.2 1.2 0 01-.3 1.9 1.2 1.2 0 01-1.3-.3l-3-3-1.5-1.4a.3.3 0 00-.5 0A7.1 7.1 0 010 7.4zm7.2-5.8a5.5 5.5 0 00-5.5 6.6A5.5 5.5 0 006 12.6 5.6 5.6 0 0012.6 7a5.5 5.5 0 00-5.4-5.5z' fill='%23171717'/%3E%3Cpath d='M0 7.4a7.2 7.2 0 0111.3-6 7.1 7.1 0 011.7 9.8.3.3 0 00.2.3l4.4 4.5a1.2 1.2 0 01-.3 1.9 1.2 1.2 0 01-1.3-.3l-3-3-1.5-1.4a.3.3 0 00-.5 0A7.1 7.1 0 010 7.4zm7.2-5.8a5.5 5.5 0 00-5.5 6.6 5.5 5.5 0 007.5 4 5.5 5.5 0 001.8-9c-1-1-2.4-1.5-3.8-1.6z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.search-wrapper > div form input[type=submit]:hover {
opacity: 0.7;
}
.search-wrapper > div ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7);
}
.search-wrapper > div ::-moz-placeholder { color: rgba(255, 255, 255, 0.7);
}
.search-wrapper > div :-ms-input-placeholder { color: rgba(255, 255, 255, 0.7);
}
.search-wrapper > div :-moz-placeholder { color: rgba(255, 255, 255, 0.7);
}
@media (min-width: 1024px) {
#main_menu {
display: flex;
padding: 0;
margin: 0;
list-style: none;
justify-content: flex-end;
}
#main_menu > li > a {
padding: 7px 25px 25px 25px;
display: block;
color: #fff;
font-size: 14px;
line-height: 101%;
letter-spacing: 1.2px;
text-transform: uppercase;
}
#main_menu > li:hover > a, #main_menu > li.current-menu-item > a {
color: #74BD48;
text-decoration: none;
}
.green_bg #main_menu > li:hover > a, .green_bg #main_menu > li.current-menu-item > a {
color: #333333;
}
#main_menu > li:last-child > a {
padding-right: 0;
}
#mobile_menu_button {
display: none;
}
#main_menu > li > ul {
padding: 0;
position: absolute;
left: 0;
min-width: 200px;
background-color: #F3F3F3;
display: none;
list-style: none;
}
#main_menu > li.menu-item-has-children > a::before {
content: "";
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #F3F3F3;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
margin: auto;
display: none;
}
#main_menu > li.menu-item-has-children:hover > a:before {
display: block;
}
#main_menu > li:hover > ul {
display: block;
}
#main_menu > li > ul a {
padding: 5px 10px;
display: block;
color: #333333;
}
#main_menu > li > ul > li:hover > a, #main_menu > li > ul > li.current-menu-item > a {
background-color: #74BD48;
color: #fff;
text-decoration: none;
}
#main_menu > li.menu-item-has-children {
position: relative;
}
#main_menu > li.mega_menu {
position: static;
}
#main_menu > li.mega_menu:before, #main_menu > li.mega_menu:after {
content: "";
border: none;
left: auto;
right: auto;
width: 140px;
height: 100px;
position: absolute;
margin-top: 20px;
bottom: auto;
margin-left: -80px;
display: none;
}
#main_menu > li.mega_menu:after {
margin-left: 60px;
margin-top: -26px;
}
#main_menu > li.mega_menu:hover:before, #main_menu > li.mega_menu:hover:after {
display: block;
background-color: transparent;
}
#main_menu > li.mega_menu > a {
position: relative;
}
#main_menu > li.mega_menu > ul {
width: 100%;
padding-left: calc(50% - 600px);
padding-right: calc(50% - 600px);
box-sizing: border-box;
padding-top: 65px;
padding-bottom: 65px;
border-bottom: 5px solid #74BD48;
list-style: none;
justify-content: space-between;
min-height: 625px;
}
}
@media (min-width: 1024px) and (max-width: 1250px) {
#main_menu > li.mega_menu > ul {
padding-left: 20px;
}
}
@media (min-width: 1024px) {
#main_menu > li.mega_menu:hover > ul {
display: block;
overflow: hidden;
}
#main_menu > li.mega_menu > ul > li > a {
background: #fff no-repeat calc(100% - 20px) center url("data:image/svg+xml,%3Csvg width='11' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 13l6-5.5L2 2' stroke='%2374BD48' stroke-width='3'/%3E%3C/svg%3E");
padding: 10px;
border-bottom: 1px solid #ddd;
}
#main_menu > li.mega_menu > ul > li:last-child > a {
border-bottom: none;
}
#main_menu > li.mega_menu > ul > li {
width: 280px;
}
#main_menu > li.mega_menu > ul > li:hover > a {
background: #74BD48 no-repeat calc(100% - 20px) center url("data:image/svg+xml,%3Csvg width='11' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 13l6-5.5L2 2' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");
}
#main_menu > li.mega_menu > ul > li.title-small {
font-weight: 300;
text-transform: uppercase;
padding-bottom: 20px;
}
#main_menu > li.mega_menu > ul > li.title-small strong {
display: inline-block;
font-size: 1em;
}
#main_menu > li.mega_menu > ul > li > ul {
position: absolute;
list-style: none;
top: 115px;
margin-left: 280px;
flex-flow: wrap;
padding: 0 0 0 40px;
width: 880px;
background-color: #F3F3F3;
display: flex;
height: 475px;
}
#main_menu .parent_cat .sub_cats.active {
z-index: 1;
}
#main_menu > li.mega_menu > ul > li:hover > ul {
z-index: 3;
}
#main_menu > li.mega_menu > ul > li > ul > li {
width: calc(25% - 15px);
margin-right: 15px;
margin-bottom: 15px;
background: #fff;
height: calc(50% - 30px);
}
#main_menu > li.mega_menu > ul > li > ul > li a {
padding: 10px;
text-align: center;
transition: 0.3s;
}
#main_menu > li.mega_menu > ul > li > ul > li:nth-child(4n) {
margin-right: 0;
}
.menu-image {
width: 100%;
height: 40vw;
max-height: 150px;
display: block;
background: #fff no-repeat center/contain;
margin-bottom: 10px;
}
#main_menu > li.mega_menu > ul > li > ul > li a:hover {
text-decoration: none;
opacity: 0.7;
}
}
@media (max-width: 1400px) and (min-width: 1024px) {
#main_menu > li > a {
padding: 7px 15px 25px 15px;
}
}
@media (max-width: 1250px) {
#main_menu > li.mega_menu > ul > li:nth-child(2) .products li:last-child {
display: none;
}
}
@media (max-width: 1250px) and (min-width: 1024px) {
#main_menu > li.mega_menu > ul > li > ul {
width: 680px;
}
}
@media (max-width: 1024px) {
#main_menu a {
outline: none;
}
#main_menu > li.mega_menu > ul > li .mega_menu_title {
display: none;
}
#close_menu {
background-color: rgba(0, 0, 0, 0.01);
position: fixed;
top: 0;
right: 0;
z-index: 10;
width: 0;
height: 100vh;
display: block;
transition: background-color 0.3s ease, right 0.3s ease;
-webkit-transition: background-color 0.3s ease, right 0.3s ease;
}
body.menu_open {
overflow: hidden;
}
body.menu_open #close_menu {
display: block;
background: rgba(0, 0, 0, 0.5);
right: 300px;
width: 100%;
}
body.menu_open.show_menu_close #close_menu {
background-color: rgba(0, 0, 0, 0.01);
width: 100%;
right: 0;
}
#main_menu > li:hover > a, #main_menu > li.current-menu-item > a {
color: #fff;
}
#main_menu > li:nth-child(n) > a {
padding: 20px;
font-size: 18px;
}
#main_menu > li > ul a, #main_menu > li.mega_menu > ul > li:nth-child(1) li a,
#main_menu > li > ul a, #main_menu > li.mega_menu > ul > li:nth-child(1) li a,
#main_menu > li.mega_menu > ul > li > a,
#main_menu > li.mega_menu > ul > li > ul > li a { color: #fff;
padding: 10px 10px 10px 35px;
}
#main_menu > li > ul {
position: relative;
}
#main_menu > li > ul {
display: block;
background: transparent;
}
#main_menu > li.menu-item-has-children:hover:before {
display: none;
}
#main_menu > li.mega_menu > ul {
padding: 0;
display: block;
}
#main_menu > li.mega_menu > ul > li:nth-child(1) li a {
margin-bottom: 0;
}
#main_menu > li.mega_menu > ul:before {
display: none;
}
#wrap {
position: relative;
width: auto;
min-width: 320px;
overflow: hidden;
}
#shifter {
position: relative;
width: 100%;
left: 0px;
transition: left 0.3s ease;
-webkit-transition: left 0.3s ease;
background: #fff;
}
body {
background: #d8d8d8;
}
body.menu_open #shifter {
left: -300px;
}
body.menu_open.show_menu_close #shifter {
left: 0;
}
#mobile_menu_button {
width: 30px;
display: block;
}
#mobile_menu_button > div {
width: 100%;
height: 4px;
background-color: #fff;
margin-bottom: 5px;
}
#mobile_menu_button > div:last-child {
margin-bottom: 0;
}
#mobile_menu_button > div:last-child {
margin: 0;
}
#main_menu {
display: block;
top: 0;
left: 100%; z-index: 11;
position: fixed;
overflow-x: hidden;
overflow-y: scroll;
max-height: 100vh;
-webkit-transition: left 0.3s ease;
}
body.menu_open #main_menu {
left: calc(100% - 300px);
}
body.menu_open.show_menu_close #main_menu {
left: 100%;
}
.main_menu, .main_menu ul {
padding: 0;
margin: 0;
list-style: none;
background: #74BD48;
}
.main_menu ul {
max-height: 0;
transition: max-height 0.3s;
overflow: hidden;
width: 100%;
}
.main_menu li.open > ul {
max-height: 2000px;
}
.main_menu ul li {
background: rgba(255, 255, 255, 0.3);
}
.main_menu li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main_menu a {
display: block;
color: #fff;
padding: 20px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
width: 100%;
}
.main_menu li * {
box-sizing: border-box;
}   .main_menu ul a {
font-size: 16px;
padding: 15px 25px;
}
.main_menu li {
position: relative;
}
#main_menu > li.menu-item-has-children > a::before,
#main_menu > li.menu-item-has-children:hover > a:before {
display: none;
}
#main_menu > li > a {
text-transform: uppercase;
line-height: 101%;
letter-spacing: 1.2px;
}
.main_menu li.menu-item-has-children {
display:flex;
flex-flow: row wrap;
align-items: center;
}
.main_menu li.menu-item-has-children > a {
flex-grow: 1;
width: calc(100% - 60px);
}
.main_menu li.menu-item-has-children .visually-hidden {
display: none;
}
.main_menu li.menu-item-has-children > .submenu-toggle {
all: unset;
flex-shrink: 0;
width: 60px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.main_menu li.menu-item-has-children > .submenu-toggle:after {
content: "";
display: block;
width: 20px;
height: 20px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: translateY(-15%) rotate(45deg);
transition: transform 0.3s;
transform-origin: center;
}
.main_menu li.menu-item-has-children.open > .submenu-toggle:after {
transform: translateY(50%) rotate(-135deg);
}
#main_menu > li.mega_menu > ul > li.title-small {
display: none;
}
#main_menu > li.mega_menu > ul > li {
width: 100%;
}      #main_menu > li.mega_menu > ul > li > a[data-id="94"] + ul > li > a {
padding-inline: 60px;
}
#main_menu > li.mega_menu > ul {
min-height: unset;
position: relative;
}
.gallery {
column-count: 3;
column-gap: 10px;
}
.gallery .gallery-item img {
margin-bottom: 10px;
}
}
.page_banner {
height: 80vw;
max-height: 550px;
min-height: 400px;
display: flex;
align-items: flex-end;
justify-content: center;
text-align: center;
position: relative;
}
@media (max-width: 640px) {
.page_banner {
height: auto;
padding-top: 155px;
min-height: unset;
}
}
.page_banner:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
background-color: #333333;
opacity: 0.6;
}
.page_banner .banner_title {
position: relative;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-end;
overflow: hidden;
padding-bottom: 10%;
}
@media (max-width: 768px) {
.page_banner .banner_title {
padding: 0 20px 20px;
}
}
.page_banner .banner_title p:not(.hero) {
font-weight: 300;
text-align: center;
color: #FFFFFE;
position: relative;
width: 100%;
bottom: -100%;
}
@media (max-width: 768px) {
.page_banner .banner_title p:not(.hero) {
font-size: 21px;
}
}
.page_banner .banner_title > *:first-child {
position: relative;
width: 100%;
top: -100%;
margin-bottom: 0;
}
.page_banner .banner_title.ready *:first-child {
top: 0;
}
.page_banner .banner_title.ready p {
bottom: 0;
}
.page_banner * {
transition: 1.5s;
color: #fff;
}
.main_container {
display: flex;
padding-top: 100px;
}
.main_container + * {
margin-top: 150px;
}
@media (max-width: 768px) {
.main_container {
padding-top: 60px;
}
.main_container + * {
margin-top: 70px;
}
}
.main_container main {
flex: 1 0 auto;
flex-basis: calc(90% - 350px);
}
.main_container aside {
flex: 1 0 350px;
margin-left: 10%;
}
@media (max-width: 1024px) {
.main_container aside {
display: none;
}
}
aside > div {
margin-bottom: 50px;
}
aside > div:last-child {
margin-bottom: 0;
}
.sideblock {
padding: 25px 40px;
text-align: center;
position: relative;
}
.sideblock * {
color: #fff;
margin-bottom: 10px;
margin-top: 0;
position: relative;
}
.sideblock *:last-child {
margin-bottom: 0;
}
.sideblock.top {
background: #74BD48 no-repeat center/cover url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 350 300'%3E%3Cpath opacity='.1' d='M393.7 117.6c-13.4 37.4-63.3 62.7-120.6 58.4-65-5-115-46.1-111.5-92v-.2c18.6-7.4 62.8-18 119.9 15 52.3 30.1 90.7 26 112.2 18.8zM214.4 63.8c21 1.6 45.9 8 73.4 24C343.6 120 381 110 397 102.7l.2-1c3.4-45.9-46.5-87-111.6-92-57.8-4.4-108.2 21.5-121 59.6 12-3.8 29-7 49.8-5.5zM182.7 257c-38.5-53.5-83-62-103-63l-.2.2c-22 40.4 6.5 98.5 63.7 129.7 50.5 27.6 106.3 25.1 134-3.5-22.6-2.2-59.3-14.3-94.5-63.4zm40.5-79.4c-51-27.8-107.4-25-134.9 4.4 12.5 1.5 29.3 5.5 47.7 15.6 18.5 10 38.5 26.2 57 52 37.5 52.3 75.8 58.8 93.4 58.6l.5-.8c22-40.4-6.5-98.5-63.7-129.8zM31.2 92c-65.8 4.6-96.5 38-107.8 54.6v.2c22.9 40 87.3 46.2 144 14 50-28.5 77.2-77.3 67.4-116C121 63 91.4 87.9 31.2 92zm-113.4 41c7.8-9.9 20-22.1 38.2-32.5 18.3-10.4 42.6-19 74.3-21.1 64.2-4.5 89.8-33.7 98.9-48.7l-.4-.9c-22.8-40-87.3-46.2-144-14-50.4 28.8-77.7 78.4-67 117.1z' fill='%23fff'/%3E%3C/svg%3E");
}
.sideblock.bottom {
background: no-repeat center/cover;
}
.sideblock.bottom:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
background-color: #333333;
opacity: 0.6;
}
.side_cats .title {
text-transform: uppercase;
text-align: center;
}
.side_cats .title strong {
display: inline;
font-size: 1em;
}
.side_cats a {
display: block;
background: #F3F3F3 no-repeat calc(100% - 20px) center/12px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 17'%3E%3Cpath d='M1.5 15l7.4-7-7.4-6.8' stroke='%2374BD48' stroke-width='3'/%3E%3C/svg%3E");
border-radius: 2px;
margin: 0 0 10px;
padding: 10px 15px;
color: #3F3F3F;
overflow: hidden;
position: relative;
transition: 0.3s;
}
.side_cats a:last-child {
margin-bottom: 0;
}
.side_cats a:hover {
color: #74BD48;
text-decoration: none;
}
.single_post {
color: #2E3438;
display: flex;
margin-bottom: 30px;
min-height: 250px;
background: #F3F3F3;
}
.single_post:hover {
text-decoration: none;
}
.single_post:hover .button {
color: #fff;
background-color: #74BD48;
}
.single_post:hover .button::after {
display: none;
}
.single_post .image {
flex-basis: 250px;
background: center/cover no-repeat;
flex-shrink: 0;
}
.single_post .small-text {
margin-bottom: 5px;
text-transform: uppercase;
color: #74BD48;
}
.single_post h4 {
margin: 0;
}
.single_post h4 + p {
margin-top: 5px;
}
.single_post .post_meta {
padding: 25px 30px;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.single_post .date_link {
display: flex;
justify-content: space-between;
align-items: center;
}
.single_post .date_link p {
font-size: 12px;
text-transform: uppercase;
line-height: 12px;
padding: 4px 0 4px 25px;
background: left center/17px 16px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 17'%3E%3Cpath d='M8.8 0A8.6 8.6 0 000 8.5C0 13.2 4 17 8.8 17c4.8 0 8.7-3.8 8.7-8.5S13.6 0 8.8 0zm0 15.5a7 7 0 01-7.2-7 7 7 0 017.2-7 7 7 0 017.1 7 7 7 0 01-7.1 7z' fill='%23C4C4C4'/%3E%3Cpath d='M9.6 8.2V3.9c0-.5-.4-.8-.8-.8-.5 0-.8.3-.8.8V8.8l.1.1.1.1 2.3 2.2c.3.3.8.3 1 0 .4-.3.4-.8 0-1l-2-2z' fill='%23C4C4C4'/%3E%3C/svg%3E") no-repeat;
color: #c8c8c8;
}
.single_post .date_link p span {
color: #74BD48;
}
@media (max-width: 768px) {
.single_post .image {
display: none;
}
.single_post .post_meta {
padding: 20px;
}
.single_post {
min-height: auto;
}
.single_post .date_link .button {
display: none;
}
}
.intro_text {
padding-top: 90px;
padding-bottom: 90px;
}
@media (max-width: 768px) {
.intro_text {
padding-top: 35px;
padding-bottom: 35px;
}
}
.intro_text + .main_container {
padding-top: 0;
}
.blog #pagination {
padding-bottom: 70px;
}
iframe#richSnippetReviewsWidget-defaultContainer_frame {
bottom: 5% !important;
top: auto;
}
@media (max-width: 1024px) {
iframe#richSnippetReviewsWidget-defaultContainer_frame {
display: none;
}
}
.newsletter {
display: flex;
background: rgba(229, 229, 229, 0.47);
}
@media (max-width: 1024px) {
.newsletter {
display: block;
}
}
.newsletter > div {
display: flex;
align-items: center;
justify-content: center;
padding: 70px 20px 70px 60px;
}
.newsletter > div:nth-child(1) {
background: no-repeat center url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 571 232'%3E%3Cpath opacity='.8' d='M71.4 146c14.8-35.9 64.6-58.3 120.4-51.6 63.3 7.7 110.1 50.2 104.7 94.9v.1c-18.5 6.5-62 14.8-116.3-20-49.8-31.8-87.5-29.5-108.8-23.3zM244 206.7a168 168 0 01-70.5-26.7c-53-34-90.1-26-106-19.4l-.1.9c-5.5 44.6 41.4 87 104.7 94.8C228.4 263 278.7 240 293 203.5a129.8 129.8 0 01-48.9 3zm39.6-187.2c35.2 54 78.3 64.3 97.8 66.1l.1-.1c23.4-38.5-1.9-96.5-56.4-129.6-48-29.1-102.6-29.2-131-2.5 22 3.1 57.3 16.6 89.5 66.1zm-43 75.7c48.5 29.5 103.7 29.2 131.8 1.7-12-2-28.4-6.7-45.9-17.3a168.2 168.2 0 01-53.2-53.3c-34.4-52.8-71.5-60.8-88.6-61.4l-.5.8C160.8 4 186 62 240.6 95zm183.6 92.1c64.4-1.5 95.9-32.8 107.6-48.4v-.2c-20.5-40-83.1-49-139.9-20-50 25.5-78.8 72-71 110 14.3-17 44.3-40 103.3-41.4zm112.5-34.8c-8 9.2-20.6 20.6-38.8 30a168.4 168.4 0 01-73.4 17.2c-63 1.5-89.2 28.9-98.7 43.2l.3.8c20.5 40 83.1 49 139.9 20 50.5-25.7 79.4-72.9 70.7-111.2z' fill='%23fff'/%3E%3C/svg%3E");
flex-basis: 35%;
text-align: center;
}
@media (max-width: 640px) {
.newsletter > div:nth-child(1) {
padding: 40px 20px;
background-size: cover;
}
}
.newsletter > div:nth-child(1) .title {
margin-bottom: 0;
font-weight: 300;
text-transform: uppercase;
}
.newsletter > div:nth-child(1) .title strong {
display: inline-block;
font-size: 1em;
color: #333333;
}
.newsletter > div:nth-child(1) .title + p {
margin-top: 5px;
}
.newsletter > div:nth-child(1) > div {
max-width: 500px;
}
.newsletter > div:nth-child(2) {
background-color: #74BD48;
flex-basis: 65%;
clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media (max-width: 1024px) {
.newsletter > div:nth-child(2) {
clip: unset;
clip-path: none;
padding-bottom: 100px;
padding-left: 20px;
}
}
@media (max-width: 640px) {
.newsletter > div:nth-child(2) {
padding: 40px 20px;
}
.newsletter > div:nth-child(2) .button {
width: 100%;
text-align: center;
box-sizing: border-box;
}
}
.newsletter > div:nth-child(2) div {
width: 100%;
}
.newsletter > div:nth-child(2) div.gform_footer {
max-width: 125px;
}
@media (max-width: 640px) {
.newsletter > div:nth-child(2) div.gform_footer {
max-width: unset;
}
}
.newsletter > div:nth-child(2) * {
color: #000;
}
.newsletter form {
max-width: 1000px;
margin: auto;
display: flex;
position: relative;
margin-top: -50px;
}
@media (max-width: 1024px) {
.newsletter form {
margin-top: 0;
}
}
@media (max-width: 640px) {
.newsletter form {
display: block;
}
}
.newsletter form .button {
border-color: #fff;
}
.newsletter form .button:hover {
opacity: 0.7;
}
.newsletter form .button {
height: 60px;
box-sizing: border-box;
transition: 0.3s;
text-transform: uppercase;
}
.newsletter form .gform_body {
flex-grow: 1;
}
.newsletter form .gform_body ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7);
}
.newsletter form .gform_body ::-moz-placeholder { color: rgba(255, 255, 255, 0.7);
}
.newsletter form .gform_body :-ms-input-placeholder { color: rgba(255, 255, 255, 0.7);
}
.newsletter form .gform_body :-moz-placeholder { color: rgba(255, 255, 255, 0.7);
}
.newsletter form .gform_body input {
height: 60px;
border: none;
}
@media (max-width: 768px) {
.newsletter form .gform_body input {
font-size: 16px;
}
}
.newsletter form .gform_body input[type=text] {
background: rgba(255, 255, 255, 0.2);
color: #fff;
border-radius: 4px;
}
.newsletter form .gform_body > ul {
flex-wrap: nowrap;
margin: 0;
}
@media (max-width: 640px) {
.newsletter form .gform_body > ul {
flex-wrap: wrap;
}
}
.newsletter form .gform_body li {
margin-right: 15px;
margin-bottom: 0;
}
.newsletter form .gform_body li:nth-child(1), .newsletter form .gform_body li:nth-child(2) {
min-width: 180px;
}
@media (max-width: 768px) {
.newsletter form .gform_body li:nth-child(1), .newsletter form .gform_body li:nth-child(2) {
min-width: 120px;
}
}
.newsletter form .gform_body li.consent-field {
position: absolute;
margin-top: 70px;
width: 100%;
display: flex;
align-items: flex-start;
}
@media (max-width: 640px) {
.newsletter form .gform_body li.consent-field {
position: relative;
margin-top: 0;
}
}
.newsletter form .gform_body li.consent-field input {
height: auto;
}
@media (max-width: 640px) {
.newsletter form .gform_body li:nth-child(n) {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
}
.newsletter > div:nth-child(2) div.validation_error {
position: absolute;
top: -48px;
padding: 0;
}
@media (max-width: 640px) {
.newsletter > div:nth-child(2) div.validation_error {
position: relative;
top: 0;
}
}
.newsletter .gfield_description.validation_message {
background: transparent;
text-align: right;
right: -5px;
position: absolute;
top: -8px;
}
.newsletter .consent-field .gfield_description.validation_message {
bottom: -13px;
top: auto;
}
@media (max-width: 640px) {
.newsletter .consent-field .gfield_description.validation_message {
position: relative;
right: 15px;
bottom: 0;
}
}
@media (max-width: 640px) {
.newsletter form .gform_body li.consent-field {
display: block;
}
}
#footer {
display: flex;
justify-content: space-between;
}
@media (max-width: 640px) {
#footer .socials {
justify-content: center;
}
}
@media (max-width: 1024px) {
#footer {
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
#footer {
padding: 20px;
}
}
#footer .title {
color: #74BD48;
text-transform: uppercase;
}
#footer a:not(.button) {
color: #fff;
}
#footer a[href^="tel:"] {
font-size: 24px;
color: #74BD48;
}
@media (max-width: 1100px) {
#footer a[href^="tel:"] {
font-size: 22px;
}
}
#footer ul {
padding: 0;
}
#footer > div {
padding: 80px 20px;
}
@media (max-width: 768px) {
#footer > div {
padding: 20px 10px;
}
#footer > div:nth-child(2) {
padding-left: 0;
}
}
#footer > div:nth-child(1) {
padding-top: 0;
padding-left: 0;
max-width: 400px;
}
@media (max-width: 1024px) {
#footer > div:nth-child(1) {
display: none;
}
}
#footer > div:nth-child(1) .footer_logo {
background: no-repeat center/412px url(//www.simplygreatcoffee.co.uk/wp-content/themes/coffeesolutions/includes/images/logo.png);
width: 412px;
height: 271px;
display: block;
text-indent: -99999px;
overflow: hidden;
position: relative;
left: -55px;
}
#footer > div:nth-child(1) .footer_logo + p {
margin-top: 0;
}
@media (max-width: 640px) {
#footer > div:nth-child(3), #footer > div:nth-child(2) {
display: none;
}
}
#footer > div:last-child {
padding-right: 0;
}
@media (max-width: 640px) {
#footer > div:last-child {
width: 100%;
padding: 20px 0;
text-align: center;
}
}
.end_of_page {
display: flex;
justify-content: space-between;
padding-top: 20px;
background: #333333;
padding-bottom: 20px;
}
.end_of_page * {
color: #fff;
}
@media (max-width: 768px) {
.end_of_page {
display: block;
text-align: center;
}
}
.end_of_page > p:nth-child(2) {
margin-left: 20px;
}
@media (max-width: 768px) {
.end_of_page > p:nth-child(2) {
margin-left: 0;
}
}
@media (max-width: 640px) {
.end_of_page > p:nth-child(1) a {
margin: 0 5px;
padding: 5px 0;
display: inline-block;
}
}
.end_of_page > p:nth-child(1) a:after {
content: "|";
margin-left: 6px;
}
@media (max-width: 640px) {
.end_of_page > p:nth-child(1) a:after {
display: none;
}
}
.end_of_page > p:nth-child(1) a:last-child:after {
display: none;
}
@media (min-width: 1024px) {
#footer .socials {
display: none;
}
}
.flexible-content {
padding-top: 0;
display: block;
}
.flexible-content + * {
margin-top: 0;
}
.fc_split_content {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.fc_split_content.right {
flex-direction: row-reverse;
}
.fc_split_content.with_map > div.image-switch {
flex-basis: 70%;
}
.fc_split_content > div {
flex-basis: calc(50% - 10px);
}
.fc_split_content > div.image-switch {
min-height: 700px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
position: relative;
}
.fc_split_content > div.image-switch.with_quote:before {
content: "";
display: block;
width: 100%;
height: 50%;
max-height: 250px;
position: absolute;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(63, 63, 63, 0) 0%, #3F3F3F 96.35%);
opacity: 0.8;
}
.fc_split_content > div.image-switch * {
width: 100%;
height: 100%;
margin: 0;
}
.fc_split_content > div.image-switch .quote {
padding: 30px;
box-sizing: border-box;
height: auto;
max-width: 700px;
position: relative;
}
.fc_split_content > div.image-switch .quote:before {
content: "";
width: 37px;
height: 28px;
display: block;
margin-left: auto;
background: no-repeat center/37px url("data:image/svg+xml,%3Csvg width='37' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.86 20.73a7 7 0 01-2.24 5.18A8.07 8.07 0 018.89 28a8.3 8.3 0 01-6.44-2.69A10.04 10.04 0 010 18.43C0 12.46 1.64 8 4.9 5.08A18.68 18.68 0 0115.85 0v6.08a11.01 11.01 0 00-5.72 2.79 7.24 7.24 0 00-2.66 5.48c.55-.33 1.26-.5 2.15-.5 2.25 0 4.02.63 5.31 1.9 1.3 1.19 1.94 2.85 1.94 4.98zm20.14 0a7 7 0 01-2.25 5.18A8.07 8.07 0 0129.03 28a8.3 8.3 0 01-6.44-2.69 10.04 10.04 0 01-2.45-6.88c0-5.97 1.63-10.43 4.9-13.35A18.68 18.68 0 0135.98 0v6.08a11.01 11.01 0 00-5.73 2.79 7.24 7.24 0 00-2.65 5.48c.54-.33 1.26-.5 2.14-.5 2.25 0 4.02.63 5.32 1.9 1.3 1.19 1.94 2.85 1.94 4.98z' fill='%2374BD48'/%3E%3C/svg%3E");
}
.fc_split_content > div.image-switch .quote * {
color: #fff;
text-shadow: 1px 1px 5px #808080;
}
.fc_split_content > div.image-switch .quote .title {
font-weight: 300;
line-height: 1.2em;
}
.fc_split_content > div.image-switch iframe {
width: calc(100% + 20px);
height: 100%;
}
.fc_split_content > div.content {
display: flex;
align-items: center;
padding: 100px 20px;
justify-content: center;
box-sizing: border-box;
}
.fc_split_content > div.content > div {
max-width: 70%;
}
@media (max-width: 1400px) {
.fc_split_content > div.content > div {
max-width: 85%;
}
}
@media (max-width: 1200px) {
.fc_split_content > div.content > div {
max-width: 95%;
}
}
@media (max-width: 1024px) {
.fc_split_content {
display: block;
}
.fc_split_content div.content {
padding: 30px 20px;
justify-content: flex-start;
}
.fc_split_content div.content > div {
max-width: 100%;
}
.fc_split_content div.image-switch {
height: 60vw;
max-height: 500px;
min-height: 300px;
}
.fc_split_content div.image-switch iframe {
width: 100%;
}
}
.team_intro {
text-align: center;
}
.team_intro .title {
text-transform: uppercase;
font-weight: bold;
}
.team_wrapper {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding-bottom: 70px;
}
.team_wrapper + .intro_text {
padding-top: 0;
}
.team_wrapper a {
flex-basis: calc(25% - 20px);
margin: 0 10px 20px;
text-align: center;
transition: 0.3s;
padding: 25px 30px;
box-sizing: border-box;
background-color: #fff;
}
@media (max-width: 1100px) {
.team_wrapper a {
flex-basis: calc(33.3% - 20px);
}
}
@media (max-width: 800px) {
.team_wrapper a {
flex-basis: calc(50% - 20px);
}
}
@media (max-width: 640px) {
.team_wrapper a {
flex-basis: 100%;
margin: 0 0 20px;
}
}
.team_wrapper a .team_thumb {
width: 180px;
height: 180px;
background: no-repeat center/cover;
border-radius: 180px;
margin: 0 auto 20px;
}
.team_wrapper a h5 {
margin-bottom: 0;
color: #74BD48;
}
.team_wrapper a h5 + p {
margin-top: 0;
}
.team_wrapper a p {
color: #3F3F3F;
}
.team_wrapper a * {
transition: 0.3s;
}
.team_wrapper a:hover {
background-color: #3F3F3F;
text-decoration: none;
}
.team_wrapper a:hover .button {
background-color: #74BD48;
color: #fff;
}
.team_wrapper a:hover p {
color: #fff;
}
.team_wrapper.white a {
background-color: #F3F3F3;
}
.team_wrapper.white a:hover {
background-color: #3F3F3F;
}
.unity-slider .tns-horizontal.tns-subpixel > .tns-item {
display: inline-flex;
height: 150px;
width: 250px;
align-items: center;
justify-content: center;
border: 1px solid #E5E5E5;
margin-right: 20px !important;
overflow: hidden;
margin-left: 0 !important;
box-sizing: border-box;
}
@media (max-width: 640px) {
.unity-slider .tns-horizontal.tns-subpixel > .tns-item {
margin-right: 10px !important;
}
}
.unity-slider .tns-horizontal.tns-subpixel > .tns-item img {
width: auto;
max-width: 80%;
}
.unity-slider .tns-horizontal.tns-subpixel > .tns-item a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.tns-horizontal.tns-subpixel > .tns-item {
display: flex;
align-items: center;
justify-content: center;
}
.unity-slider {
padding: 50px 0;
background-color: #fff;
}
.tns-outer {
position: relative;
}
.tns-outer .tns-controls button {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 50px;
text-indent: -9999px;
z-index: 2;
border: none;
background: no-repeat center/30px url("data:image/svg+xml,%3Csvg height='512px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpolygon points='352,115.4 331.3,96 160,256 331.3,416 352,396.7 201.5,256 '/%3E%3C/svg%3E");
background-color: rgba(236, 236, 236, 0.7);
transition: opacity 0.3s;
opacity: 1;
}
@media (max-width: 1025px) {
.tns-outer .tns-controls button {
opacity: 1;
}
}
.tns-outer .tns-controls button:nth-child(2) {
left: auto;
right: 0;
background: no-repeat center/30px url("data:image/svg+xml,%3Csvg height='512px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpolygon points='160,115.4 180.7,96 352,256 180.7,416 160,396.7 310.5,256 '/%3E%3C/svg%3E");
background-color: rgba(236, 236, 236, 0.7);
}
.tns-outer:hover .tns-controls button {
opacity: 1;
}
.tns-controls {
display: none;
}
.tns-liveregion.tns-visually-hidden {
display: none;
}
.team-link {
text-align: center;
margin-top: -40px;
padding-bottom: 60px;
}
.the_usps {
display: flex;
background: #F3F3F3 no-repeat left center url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 696 150'%3E%3Cpath d='M68.7 207c.8-50.9 50.8-102 122-120.5 80.8-20.9 158.2 8.4 173 65.4v.3c-19.5 16.6-68.6 47.6-151.3 31.3-75.8-15-120.7 5.8-143.7 23.5zm239.3-8.8a220 220 0 01-98.7 1.2c-80.9-16-122.3 11.5-138.5 27l.3 1.2c14.7 57 92.2 86.3 173 65.5C316 274.5 366.2 222.4 366 171a170 170 0 01-58.1 27.2zM266.7-49C335.4 0 393-8 417.5-15.1v-.2c10.1-58-48.4-116.7-130.6-131-72.4-12.5-139 13.6-160.8 59.6 28.3-6.7 77.7-7 140.6 37.8zM250.4 64C323.6 76.7 391 50 412 3a169.4 169.4 0 01-64.1.8c-26.5-4.6-57.4-16-90.5-39.5-67-47.9-116.1-40-137.3-32.4l-.2 1.2C109.8-9 168.2 49.7 250.4 64zm267.9 24.4c77.8-32.7 101.1-85.9 108-110.6l-.2-.1c-44-39.1-124.7-20-180 42.4-48.8 55-61.6 125.4-33.8 168.1 9.2-27.6 34.8-69.9 106-99.8zM638.7-8c-5.4 15-15.2 35-33 55a220.5 220.5 0 01-81 56.2c-76 32-95 77.9-99.8 99.8l.9.9c44 39 124.7 20 180-42.5C655 106 667.6 34.6 638.8-7.9z' fill='%23fff'/%3E%3C/svg%3E");
padding: 40px 20px;
justify-content: center;
text-align: center;
}
@media (max-width: 1024px) {
.the_usps {
height: 60px;
background-size: cover;
}
}
@media (max-width: 400px) {
.the_usps {
height: 80px;
}
}
.the_usps .usp {
margin: 0 50px;
position: relative;
}
.the_usps .usp:after {
background: #E5E5E5;
width: 11px;
height: 11px;
border-radius: 11px;
display: inline-block;
position: absolute;
content: "";
right: -50px;
top: 0;
bottom: 0;
margin: auto;
}
@media (max-width: 1400px) {
.the_usps .usp {
margin: 0 20px;
}
.the_usps .usp:after {
display: none;
}
}
@media (max-width: 1024px) {
.the_usps .usp {
position: absolute;
margin: 0;
opacity: 0;
transition: 0.3s;
}
.the_usps .usp.active {
opacity: 1;
}
}
.the_usps .usp:first-child {
margin-left: 0;
}
.the_usps .usp:last-child {
margin-right: 0;
}
.the_usps .usp:last-child:after {
display: none;
}
.the_usps p {
margin: 0;
text-align: center;
}
.the_usps p:nth-child(1) {
font-size: 25px;
color: #74BD48;
}
.the_usps p:nth-child(2) {
color: #A6A6A6;
}
.reviews-widget {
margin: 70px 0;
}
@media (max-width: 768px) {
.reviews-widget {
margin: 40px 0;
}
}
.reviews-widget iframe {
width: 100%;
border: none;
}
.remove_top {
padding-top: 0;
}
.remove_bottom {
padding-bottom: 0;
}
.remove_both {
padding-top: 0;
padding-bottom: 0;
}
.block-ctas {
margin: 70px 0 50px;
display: flex;
justify-content: center;
}
@media (max-width: 768px) {
.block-ctas {
margin: 40px 0 20px;
flex-wrap: wrap;
justify-content: space-between;
}
}
.block-ctas a {
flex-basis: calc(33.3% - 20px);
display: flex;
position: relative;
padding: 40px 80px;
box-sizing: border-box;
text-decoration: none;
margin-bottom: 20px;
}
@media (max-width: 1300px) {
.block-ctas a {
padding: 30px 50px;
}
}
@media (max-width: 1024px) {
.block-ctas a {
padding: 20px;
flex-basis: 33.3%;
}
}
.block-ctas a:before {
background: #3F3F3F;
opacity: 0.8;
position: absolute;
width: 100%;
height: 100%;
content: "";
top: 0;
left: 0;
}
.block-ctas a > div {
display: flex;
width: 100%;
position: relative;
}
.block-ctas a > div .wp_content {
width: 100%;
display: flex;
flex-direction: column;
text-align: center;
}
.block-ctas a > div .wp_content p {
margin: 0 0 20px;
color: #fff;
}
.block-ctas a > div .wp_content .title {
margin-bottom: 0;
}
.block-ctas a > div .wp_content .button {
margin-right: 0;
align-self: center;
margin-top: auto;
}
.block-ctas a:nth-child(2) {
margin: 0 30px 20px;
}
@media (max-width: 1024px) {
.block-ctas a:nth-child(2) {
margin: 0 15px 20px;
}
}
@media (max-width: 768px) {
.block-ctas a:nth-child(1) {
flex-basis: 100%;
}
.block-ctas a:nth-child(2), .block-ctas a:nth-child(3) {
flex-basis: calc(50% - 10px);
margin: 0 0 20px;
}
}
@media (max-width: 640px) {
.block-ctas a:nth-child(n) {
flex-basis: 100%;
}
}
.block-ctas a:hover:before {
background: #74BD48;
}
.block-ctas a:hover > div .wp_content .button {
background-color: transparent;
border-color: #fff;
}
.fc_gallery {
display: flex;
flex-wrap: wrap;
column-count: unset;
column-gap: 0;
margin-bottom: -20px;
}
.fc_gallery + * {
position: relative;
z-index: 1;
}
.fc_gallery a {
flex: 1 0 calc(33.3% - 13.1px);
margin: 0 20px 20px 0;
height: 50vw;
max-height: 335px;
min-height: 170px;
position: relative;
}
.fc_gallery a:before {
background: #3F3F3F;
transition: 0.3s;
position: absolute;
width: 100%;
height: 100%;
content: "";
top: 0;
left: 0;
opacity: 0;
}
.fc_gallery a:nth-child(3n+3) {
margin-right: 0;
}
@media (max-width: 768px) {
.fc_gallery a:nth-child(n) {
flex-basis: calc(50% - 5px);
margin: 0 10px 10px 0;
}
.fc_gallery a:nth-child(2n+2) {
margin-right: 0;
}
}
.fc_gallery a:hover:before {
opacity: 0.7;
}
.listing {
padding-top: 20px;
padding-bottom: 60px;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.listing {
padding-bottom: 40px;
}
}
.listing a {
display: flex;
flex-direction: column;
flex-basis: calc(50% - 5px);
margin: 0 10px 10px 0;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
@media (max-width: 640px) {
.listing a {
flex-basis: 100%;
margin: 0 0 20px;
}
}
.listing a * {
transition: 0.3s;
}
.listing a:nth-child(2n+2) {
margin-right: 0;
}
.listing a .image-switch {
height: 40vw;
max-height: 290px;
min-height: 18px;
}
.listing a .wp_content {
flex-grow: 1;
padding: 40px 50px;
background: #F3F3F3 no-repeat calc(100% - 50px) calc(100% - 40px)/13px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 19'%3E%3Cpath d='M2 17l8-7.5L2 2' stroke='%2374BD48' stroke-width='3'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
.listing a .wp_content {
background: none;
background-color: #F3F3F3;
padding: 30px 20px;
}
}
.listing a .wp_content p {
color: #333333;
}
.listing a .wp_content h5 {
color: #74BD48;
margin-bottom: 10px;
}
.listing a:hover {
text-decoration: none;
}
.listing a:hover .wp_content {
padding: 40px 50px;
background: #74BD48 no-repeat calc(100% - 50px) calc(100% - 40px)/13px url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 19'%3E%3Cpath d='M2 17l8-7.5L2 2' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");
}
.listing a:hover .wp_content p {
color: #fff;
}
.listing a:hover .wp_content h5 {
color: #fff;
}
@media (min-width: 640px) {
.home .page_banner {
max-height: 700px;
}
.home .page_banner:before {
background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 88.43%);
}
}
.image-links {
padding-bottom: 90px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.image-links a {
width: calc(20% - 14px);
margin: 0 7px 15px;
height: 20vw;
min-height: 160px;
max-height: 260px;
background: no-repeat center/cover;
display: flex;
align-items: flex-end;
position: relative;
transition: 0.3s;
}
@media (max-width: 1024px) {
.image-links a {
width: calc(33.3% - 14px);
}
}
@media (max-width: 640px) {
.image-links a {
width: calc(50% - 14px);
}
}
@media (max-width: 450px) {
.image-links a {
width: 100%;
margin: 0 0 15px;
}
}
.image-links a:before {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 4.47%, rgba(0, 0, 0, 0.9) 79.88%);
position: absolute;
width: 100%;
height: 100%;
content: "";
opacity: 0.5;
}
.image-links a p {
position: relative;
color: #fff;
padding: 0 25px;
width: 100%;
box-sizing: border-box;
background: no-repeat calc(100% - 20px) center/13px url("data:image/svg+xml,%3Csvg width='13' height='19' viewBox='0 0 13 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 17L10 9.5L2 2' stroke='%2374BD48' stroke-width='3'/%3E%3C/svg%3E%0A");
text-transform: uppercase;
font-weight: 600;
}
.image-links a:hover {
text-decoration: none;
}
@media (min-width: 1024px) {
.image-links a:hover {
transform: scale(1.05);
}
}
.intro_text + .block-ctas {
margin-top: 0;
}
.tax-product_cat .main_container, .tax-product_tag .main_container, [class^="archive tax-pa"] .main_container, .post-type-archive-product .main_container {
background-color: #F3F3F3;
padding-top: 90px;
padding-bottom: 90px;
}
@media (max-width: 1024px) {
.tax-product_cat .main_container, .tax-product_tag .main_container, [class^="archive tax-pa"] .main_container, .post-type-archive-product .main_container {
display: block;
padding-top: 50px;
padding-bottom: 50px;
}
}
.tax-product_cat .main_container + *, .tax-product_tag .main_container + *, [class^="archive tax-pa"] .main_container + *, .post-type-archive-product .main_container + * {
margin-top: 0;
}
.tax-product_cat aside, .tax-product_tag aside, [class^="archive tax-pa"] aside, .post-type-archive-product aside {
margin-left: 0;
margin-right: 30px;
flex-basis: 300px;
}
.tax-product_cat aside ul, .tax-product_tag aside ul, [class^="archive tax-pa"] aside ul, .post-type-archive-product aside ul {
padding: 0;
margin: 0;
list-style: none;
}
.tax-product_cat aside > ul > li, .tax-product_tag aside > ul > li, [class^="archive tax-pa"] aside > ul > li, .post-type-archive-product aside > ul > li {
margin-bottom: 50px;
}
.tax-product_cat aside > ul > li .tab-title, .tax-product_tag aside > ul > li .tab-title, [class^="archive tax-pa"] aside > ul > li .tab-title, .post-type-archive-product aside > ul > li .tab-title {
padding-bottom: 10px;
display: block;
letter-spacing: 0.01em;
text-transform: uppercase;
}
.tax-product_cat aside .product-categories > li > a, .tax-product_tag aside .product-categories > li > a, [class^="archive tax-pa"] aside .product-categories > li > a, .post-type-archive-product aside .product-categories > li > a {
color: #fff;
padding: 10px 20px;
background: rgba(63, 63, 63, 0.3);
display: block;
margin-bottom: 3px;
}
.tax-product_cat aside .product-categories > li.current-cat > a, .tax-product_cat aside .product-categories > li.current-cat-parent > a, .tax-product_tag aside .product-categories > li.current-cat > a, .tax-product_tag aside .product-categories > li.current-cat-parent > a, [class^="archive tax-pa"] aside .product-categories > li.current-cat > a, [class^="archive tax-pa"] aside .product-categories > li.current-cat-parent > a, .post-type-archive-product aside .product-categories > li.current-cat > a, .post-type-archive-product aside .product-categories > li.current-cat-parent > a {
color: #fff;
background: #74BD48;
}
.tax-product_cat aside .product-categories > li > ul > li > ul li a, .tax-product_tag aside .product-categories > li > ul > li > ul li a, [class^="archive tax-pa"] aside .product-categories > li > ul > li > ul li a, .post-type-archive-product aside .product-categories > li > ul > li > ul li a {
padding: 10px 20px 10px 60px;
}
.tax-product_cat aside .product-categories > li > ul > li.current-cat-parent > a, .tax-product_tag aside .product-categories > li > ul > li.current-cat-parent > a, [class^="archive tax-pa"] aside .product-categories > li > ul > li.current-cat-parent > a, .post-type-archive-product aside .product-categories > li > ul > li.current-cat-parent > a {
color: #fff;
background: rgba(116, 189, 72, 0.6);
}
.tax-product_cat aside .product-categories > li ul li a, .tax-product_tag aside .product-categories > li ul li a, [class^="archive tax-pa"] aside .product-categories > li ul li a, .post-type-archive-product aside .product-categories > li ul li a {
color: #BDBDBD;
background: #fff;
display: block;
margin-bottom: 3px;
padding: 10px 20px 10px 40px;
}
.tax-product_cat aside .product-categories > li ul li.current-cat > a, .tax-product_tag aside .product-categories > li ul li.current-cat > a, [class^="archive tax-pa"] aside .product-categories > li ul li.current-cat > a, .post-type-archive-product aside .product-categories > li ul li.current-cat > a {
color: #fff;
background: rgba(116, 189, 72, 0.8);
}
.tax-product_cat aside .product-categories > li ul li ul li.current-cat > a, .tax-product_tag aside .product-categories > li ul li ul li.current-cat > a, [class^="archive tax-pa"] aside .product-categories > li ul li ul li.current-cat > a, .post-type-archive-product aside .product-categories > li ul li ul li.current-cat > a {
color: #fff;
background: rgba(116, 189, 72, 0.6);
}
.tax-product_cat aside .woocommerce-widget-layered-nav-list li.woocommerce-widget-layered-nav-list__item a, .tax-product_tag aside .woocommerce-widget-layered-nav-list li.woocommerce-widget-layered-nav-list__item a, [class^="archive tax-pa"] aside .woocommerce-widget-layered-nav-list li.woocommerce-widget-layered-nav-list__item a, .post-type-archive-product aside .woocommerce-widget-layered-nav-list li.woocommerce-widget-layered-nav-list__item a {
color: #BDBDBD;
background: #fff;
display: block;
margin-bottom: 3px;
padding: 10px 20px;
}
.tax-product_cat aside .woocommerce-widget-layered-nav-list li.woocommerce-widget-layered-nav-list__item span, .tax-product_tag aside .woocommerce-widget-layered-nav-list li.woocommerce-widget-layered-nav-list__item span, [class^="archive tax-pa"] aside .woocommerce-widget-layered-nav-list li.woocommerce-widget-layered-nav-list__item span, .post-type-archive-product aside .woocommerce-widget-layered-nav-list li.woocommerce-widget-layered-nav-list__item span {
display: none;
}
.tax-product_cat aside form, .tax-product_tag aside form, [class^="archive tax-pa"] aside form, .post-type-archive-product aside form {
background-color: #fff;
padding: 25px;
}
@media (max-width: 1024px) {
.tax-product_cat aside form, .tax-product_tag aside form, [class^="archive tax-pa"] aside form, .post-type-archive-product aside form {
padding: 10px 0;
}
}
.tax-product_cat main, .tax-product_tag main, [class^="archive tax-pa"] main, .post-type-archive-product main {
flex-basis: calc(100% - 330px);
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #F3F3F3;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #3F3F3F;
}
.price_slider_amount {
display: flex;
align-items: flex-end;
}
.woocommerce .widget_price_filter .price_slider_amount {
line-height: 1em;
font-size: 14px;
}
.price_label {
margin-left: auto;
}
.woocommerce ul.products[class*=columns-] {
display: flex;
flex-wrap: wrap;
}
.woocommerce ul.products[class*=columns-] li.product {
width: calc(33.3% - 14px);
margin: 0 20px 20px 0;
background-color: #fff;
display: flex;
flex-direction: column;
}
.woocommerce ul.products[class*=columns-] li.product:nth-child(3n+3) {
margin-right: 0;
}
@media (min-width: 1024px) and (max-width: 1100px), (max-width: 768px) {
.woocommerce ul.products[class*=columns-] li.product:nth-child(n) {
width: calc(50% - 10px);
margin: 0 20px 20px 0;
}
.woocommerce ul.products[class*=columns-] li.product:nth-child(2n+2) {
margin-right: 0;
}
}
@media (max-width: 450px) {
.woocommerce ul.products[class*=columns-] li.product:nth-child(n) {
width: 100%;
margin: 0 0 20px;
}
}
.woocommerce ul.products[class*=columns-] li.product a {
padding: 10px;
display: flex;
flex-direction: column;
flex-grow: 1;
position: relative;
}
.woocommerce ul.products[class*=columns-] li.product a .best {
position: absolute;
top: 0;
left: 0;
width: 133px;
height: 30px;
font-weight: 500;
font-size: 14px;
line-height: 16px;
letter-spacing: 1px;
text-transform: uppercase;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
background: no-repeat center/133px url("data:image/svg+xml,%3Csvg width='133' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.9' d='M0 0h132.5L116 30H0V0z' fill='%2374BD48'/%3E%3C/svg%3E");
}
.woocommerce ul.products[class*=columns-] li.product a .product_thumb {
height: 20vw;
max-height: 350px;
min-height: 200px;
padding: 10px;
}
.woocommerce ul.products[class*=columns-] li.product a .product_thumb > div {
width: 100%;
height: 100%;
background: no-repeat center/contain;
}
.woocommerce ul.products[class*=columns-] li.product a .wp_content {
padding: 10px;
}
.woocommerce ul.products[class*=columns-] li.product a .wp_content .product_title {
padding-bottom: 10px;
border-bottom: 1px solid rgba(63, 63, 63, 0.2);
}
.woocommerce ul.products[class*=columns-] li.product a .wp_content .product_title .pre-text {
margin: 0;
color: #3F3F3F;
text-transform: uppercase;
font-weight: 600;
}
.woocommerce ul.products[class*=columns-] li.product a .wp_content .product_title h3 {
color: #A6A6A6;
margin: 0;
padding: 0;
flex-grow: 0;
}
.woocommerce ul.products[class*=columns-] li.product a .product_details {
padding-top: 5px;
}
.woocommerce ul.products[class*=columns-] li.product a .product_details * {
flex-grow: 0;
display: block;
}
.woocommerce ul.products[class*=columns-] li.product a .product_details .so {
color: #3F3F3F;
font-weight: 900;
margin: 0;
}
.woocommerce ul.products[class*=columns-] li.product a .product_details .product-price {
margin: 0;
padding-top: 5px;
}
.woocommerce ul.products[class*=columns-] li.product a .product_details .product-price * {
display: inline;
}
.woocommerce ul.products[class*=columns-] li.product a .product_details .product-price .from {
display: block;
color: #A6A6A6;
font-weight: 300;
margin-bottom: -5px;
}
.woocommerce ul.products[class*=columns-] li.product a .product_details .product-price ins, .woocommerce ul.products[class*=columns-] li.product a .product_details .product-price .woocommerce-Price-amount.amount {
text-decoration: none;
font-size: 36px;
}
@media (max-width: 768px) {
.woocommerce ul.products[class*=columns-] li.product a .product_details .product-price ins, .woocommerce ul.products[class*=columns-] li.product a .product_details .product-price .woocommerce-Price-amount.amount {
font-size: 21px;
}
}
.woocommerce ul.products[class*=columns-] li.product a .product_details .product-price ins small {
color: #A6A6A6;
font-size: 18px;
padding-left: 5px;
}
.woocommerce ul.products[class*=columns-] li.product a .product_details .product-price del {
color: #A6A6A6;
}
.woocommerce ul.products[class*=columns-] li.product a .product_details .product-price del .woocommerce-Price-amount.amount {
display: block;
color: #A6A6A6;
font-size: 18px;
}
.woocommerce ul.products[class*=columns-] li.product a .product_details .product-price small {
color: #A6A6A6;
}
.woocommerce ul.products[class*=columns-] li.product a .product_details .p-lease {
margin: 0;
color: #3F3F3F;
font-size: 16px;
}
.woocommerce ul.products[class*=columns-] li.product a span.button {
margin: auto 10px 10px 0;
flex-grow: 0;
align-self: center;
color: #A6A6A6;
border-color: #A6A6A6;
}
@media (max-width: 450px) {
.woocommerce ul.products[class*=columns-] li.product a span.button {
margin-right: 0;
}
}
.woocommerce ul.products[class*=columns-] li.product a:hover span.button {
background-color: #74BD48;
color: #fff;
border-color: #74BD48;
}
.sidebar-title {
justify-content: space-between;
align-items: flex-end;
display: none;
}
@media (max-width: 1024px) {
.sidebar-title {
display: flex;
}
}
.sidebar-title p {
margin: 0;
line-height: 100%;
}
.sidebar-title a {
color: #F3F3F3;
text-decoration: none;
line-height: 100%;
}
.close-sidebar {
display: none;
}
@media (max-width: 1024px) {
.close-sidebar {
text-align: right;
margin-bottom: 15px;
display: block;
font-size: 13px;
padding-right: 15px;
background: no-repeat center right/10px url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 14L14 2M2 2l12 12' style='fill:none;stroke:%23000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none'/%3E%3C/svg%3E");
}
}
.filter-toggle {
display: none;
float: right;
text-align: right;
}
.filter-toggle:before {
content: "";
display: block;
z-index: -1;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.4);
transition: opacity 0.25s, visibility 0ms linear 0.25s, z-index 0ms linear 0.25s;
}
@media (max-width: 1024px) {
.filter-toggle {
display: inline-block;
margin-left: auto;
background: no-repeat right center/20px url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231D1D1B'%3E%3Cpath d='M1.8 7.8h6.6C8.8 9 10 10 11.4 10s2.5-1 2.8-2.3h10a.8.8 0 000-1.5h-10a3 3 0 00-5.8 0H1.7a.8.8 0 000 1.5zm9.5-2.3a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM24.3 12.3h-1.7c-.3-1.3-1.5-2.3-2.9-2.3s-2.5 1-2.9 2.3h-15a.8.8 0 000 1.4h15c.4 1.3 1.5 2.3 3 2.3s2.5-1 2.8-2.2h1.6a.8.8 0 000-1.6zm-4.6 2.2a1.5 1.5 0 110-3 1.5 1.5 0 010 3zM24.3 18.3H9.7A3 3 0 006.8 16 3 3 0 004 18.3H1.8a.8.8 0 000 1.4h2.1A3 3 0 007 22a3 3 0 002.8-2.2h14.6a.8.8 0 000-1.6zM6.8 20.4a1.5 1.5 0 110-3 1.5 1.5 0 010 3z'/%3E%3C/g%3E%3C/svg%3E");
padding-right: 30px;
position: relative;
z-index: 11;
margin-bottom: 20px;
}
}
.woocommerce .sidebar {
margin-right: 30px;
margin-left: 0;
flex: 2 0 300px;
max-width: 300px;
}
@media (max-width: 1024px) {
.woocommerce .sidebar {
display: block;
position: fixed;
z-index: 20;
top: 0;
height: 100vh;
background: #fff;
padding: 20px;
left: 0;
bottom: 0;
width: 100%;
opacity: 0;
visibility: hidden;
overflow-y: scroll;
overflow-x: hidden;
transition: opacity 0.2s, visibility 0ms linear 0.2s, transform 0.5s ease;
transform: translate3d(-300px, 0, 0);
}
}
.filter_open .sidebar {
transform: translateZ(0);
opacity: 1;
visibility: visible;
transition: opacity 0.2s, visibility 0ms, transform 0.5s ease;
}
.filter_open .filter-toggle:before {
transform: translateZ(0);
opacity: 1;
visibility: visible;
transition: opacity 0.2s, visibility 0ms, transform 0.5s ease;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
width: 54%;
}
@media (max-width: 1024px) {
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
width: 48%;
}
}
@media (max-width: 768px) {
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
width: 100%;
}
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width: 41%;
}
@media (max-width: 1024px) {
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width: 50%;
}
}
@media (max-width: 768px) {
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width: 100%;
}
}
.product .flex-viewport {
border: 1px solid #C4C4C4;
}
.woocommerce div.product div.images .flex-control-thumbs {
display: flex;
flex-wrap: wrap;
padding-top: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: calc(20% - 10px);
margin: 0 10px 10px 0;
border: 1px solid #C4C4C4;
padding-bottom: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(5n+5) {
margin-right: 0;
}
@media (max-width: 450px) {
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(n) {
width: calc(33.3% - 9px);
margin: 0 10px 10px 0;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-child(3n+3) {
margin-right: 0;
}
}
.woocommerce div.product div.summary > *:first-child {
margin-top: 0;
}
.woocommerce div.product div.summary .pre-text {
color: #74BD48;
text-transform: uppercase;
font-size: 20px;
margin-bottom: 0;
font-weight: bold;
}
.woocommerce div.product div.summary h1 {
font-weight: 300;
}
.product_upsps {
padding-bottom: 20px;
}
.product_add_to_cart {
background-color: #F3F3F3;
padding: 40px;
}
.product_add_to_cart p {
margin-top: 0;
}
@media (max-width: 1024px) {
.product_add_to_cart {
padding: 30px 15px;
}
}
.product_add_to_cart::after {
display: block;
content: "";
clear: both;
width: 100%;
}
.woocommerce div.product .single-price {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
border-bottom: 1px solid #fff;
margin-bottom: 20px;
}
.woocommerce div.product .single-price p.price {
display: flex;
flex-wrap: wrap;
position: relative;
padding-right: 15px;
}
.woocommerce div.product .single-price p.price .woocommerce-Price-amount {
font-weight: bold;
font-size: 36px;
color: #74BD48;
}
.woocommerce div.product .single-price p.price del {
order: 1;
width: 100%;
position: absolute;
top: -10px;
left: 0;
}
.woocommerce div.product .single-price p.price del span.woocommerce-Price-amount {
color: #A6A6A6;
font-size: 20px;
font-weight: 300;
}
.woocommerce div.product .single-price p.price .from {
order: 2;
font-size: 18px;
color: #3F3F3F;
padding-right: 5px;
padding-top: 5px;
opacity: 0.8;
}
.woocommerce div.product .single-price p.price .from + .woocommerce-Price-amount {
order: 3;
}
.woocommerce div.product .single-price p.price ins {
order: 3;
text-decoration: none;
}
.woocommerce div.product .single-price p.price small {
order: 4;
padding-left: 5px;
padding-top: 4px;
font-size: 18px;
position: relative;
top: 2px;
}
.sale p.price {
padding-top: 20px;
}
.variations tr {
display: block;
}
.variations tr td {
display: block;
}
.variations tr td select {
background: #FFFFFF;
border: 1px solid #C4C4C4;
box-sizing: border-box;
height: 39px;
}
.woocommerce div.product form.cart .variations select {
max-width: 250px;
min-width: 100px;
width: 100%;
margin-bottom: 10px;
}
@media (max-width: 450px) {
.woocommerce div.product form.cart .variations select {
min-width: 100%;
}
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
line-height: 1.5em;
}
.tax-price {
opacity: 0.5;
color: #3F3F3F;
margin-top: 0;
padding-bottom: 6px;
position: relative;
top: 3px;
}
.tax-price.no-tax {
top: 6px;
}
.tax-price span {
padding-left: 5px;
}
.woocommerce-variation-price {
display: flex;
flex-wrap: wrap;
}
.woocommerce-variation-price .price {
padding-right: 15px;
}
.woocommerce .quantity .qty {
height: 56px;
margin-right: 5px;
box-sizing: border-box;
}
.woocommerce div.product form.cart {
margin-bottom: 0;
}
.woocommerce div.product form.cart .button {
margin-bottom: 10px;
}
@media (max-width: 450px) {
.woocommerce div.product form.cart .button.single_add_to_cart_button {
min-width: 100%;
width: 100%;
}
}
#tabs {
clear: both;
padding-top: 50px;
}
@media (max-width: 768px) {
#tabs {
padding-top: 0;
}
}
.tab-titles {
display: flex;
border-bottom: 3px solid #74BD48;
}
.tab-titles > div {
cursor: pointer;
text-transform: uppercase;
color: #282828;
padding: 17px 20px 13px;
margin-right: 15px;
font-size: 16px;
font-weight: 600;
transition: background 0.3s, color 0.3s;
background: #F3F3F3;
text-align: center;
display: flex;
align-items: center;
}
@media (max-width: 1250px) {
.tab-titles > div {
padding: 13px 10px 7px;
font-size: 13px;
}
}
.tab-titles > div:last-child {
margin-right: 0;
}
.tab-titles > div.active, .tab-titles > div:hover {
background: #74BD48;
color: #fff;
}
@media (max-width: 900px) {
.tab-titles {
display: none;
}
}
.content_tabs {
padding: 60px;
background: #F3F3F3;
}
@media (max-width: 900px) {
.content_tabs {
padding: 0;
border: none;
}
}
@media (max-width: 900px) {
.content_tabs {
margin-top: 40px;
}
}
.content_tabs > div {
display: none;
}
.content_tabs > div.active {
display: block;
}
@media (max-width: 900px) {
.content_tabs > div {
display: block;
max-height: 50px;
overflow: hidden;
transition: max-height 0.3s;
}
.content_tabs > div.active {
max-height: 100000px;
}
}
.product-description {
display: flex;
}
@media (max-width: 900px) {
.product-description {
padding: 10px 30px 20px;
}
}
@media (max-width: 640px) {
.product-description {
display: block;
padding: 30px 5px 10px;
}
}
.product-description > div .download_links {
max-width: 75%;
}
@media (max-width: 900px) {
.product-description > div:nth-child(1) {
width: 100%;
}
}
.mobile_tabs {
display: none;
}
@media (max-width: 900px) {
.mobile_tabs {
display: flex;
align-items: center;
height: 50px;
background: #74BD48;
padding: 0 20px;
color: #fff;
text-transform: uppercase;
border-bottom: 1px solid #fff;
box-sizing: border-box;
position: relative;
}
.mobile_tabs:after, .mobile_tabs:before {
display: block;
width: 20px;
height: 2px;
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
background-color: #fff;
transition: transform 0.3s;
}
.mobile_tabs:after {
transform: rotate(-90deg);
}
.mobile_tabs.active:after {
transform: rotate(0deg);
}
}
.woocommerce .the_related {
padding-top: 90px;
padding-bottom: 70px;
position: relative;
}
.woocommerce .the_related:before {
background: #3F3F3F;
opacity: 0.7;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
display: block;
position: absolute;
}
.woocommerce .the_related * {
position: relative;
}
.woocommerce .the_related h2 {
text-align: center;
color: #fff;
margin: 0 0 60px;
}
.woocommerce .the_related h2::after {
display: block;
width: 245px;
height: 4px;
background: #74BD48;
content: "";
margin: 10px auto 0;
}
.woocommerce .the_related ul.products li.product:nth-child(n) {
width: calc(25% - 15px);
margin: 0 20px 20px 0;
}
.woocommerce .the_related ul.products li.product:nth-child(4n+4) {
margin-right: 0;
}
@media (max-width: 900px) {
.woocommerce .the_related ul.products li.product:nth-child(n) {
width: calc(50% - 10px);
margin: 0 20px 20px 0;
}
.woocommerce .the_related ul.products li.product:nth-child(2n+2) {
margin-right: 0;
}
}
@media (max-width: 450px) {
.woocommerce .the_related ul.products li.product:nth-child(n) {
width: 100%;
margin: 0 0 20px;
}
}
.product_form {
max-height: 0;
overflow: hidden;
transition: 0.3s;
}
.product_form.open {
max-height: 1000px;
}
.product_form > div {
position: relative;
display: flex;
flex-direction: column;
margin-top: 20px;
padding: 20px;
border: 2px solid #F3F3F3;
}
.product_form > div .title {
margin-bottom: 10px;
margin-top: 0;
}
@media (max-width: 450px) {
.product_form > div {
padding: 10px;
}
}
.product_form .closeform {
align-self: flex-end;
background-color: #3F3F3F;
color: #fff;
cursor: pointer;
transition: 0.3s;
padding: 2px 5px;
position: absolute;
top: 10px;
right: 10px;
font-size: 14px;
}
@media (max-width: 450px) {
.product_form .closeform {
position: relative;
display: inline-block;
margin-bottom: 10px;
top: 0;
right: 0;
margin-left: auto;
}
}
.product_form .closeform:hover {
opacity: 0.7;
}
input#coupon_code {
width: 125px;
height: 56px;
}
@media (max-width: 450px) {
input#coupon_code {
width: 100%;
margin-bottom: 10px;
}
}
.select2-container .select2-selection--single .select2-selection__rendered {
height: 50px;
display: flex;
align-items: center;
}
.select2-container--default .select2-selection--single {
height: 50px;
border: 1px solid rgba(229, 229, 229, 0.75);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 50px;
}
address {
max-width: 100%;
box-sizing: border-box;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 180px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
padding-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul a {
display: block;
background-color: #3F3F3F;
color: #fff;
padding: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
background-color: #74BD48;
text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul a:hover {
opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: calc(100% - 230px);
}
.woocommerce-account .addresses .title .edit {
font-size: 16px;
}
header.woocommerce-Address-title.title h3 {
margin-top: 0;
font-size: 22px;
}
.woocommerce-Address {
padding-top: 20px;
}
.woocommerce-MyAccount-content mark {
background: none;
}
.term-description {
text-align: center;
}
@media (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: calc(100% - 200px);
}
}
@media (max-width: 640px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
float: none;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin-top: 0;
}
}
.shop_listing {
display: block;
}
.product_cat_listing {
padding-top: 90px;
padding-bottom: 60px;
position: relative;
}
@media (max-width: 768px) {
.product_cat_listing {
padding-top: 40px;
padding-bottom: 20px;
}
}
.product_cat_listing .the_cats {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.product_cat_listing .the_cats p {
font-weight: 500;
text-transform: uppercase;
}
.product_cat_listing > .wp_content {
position: relative;
max-width: 80%;
margin: 0 auto 60px;
}
@media (max-width: 640px) {
.product_cat_listing > .wp_content {
max-width: 100%;
margin: 0 auto 40px;
}
}
.product_cat_listing > .wp_content p {
color: #fff;
}
.product_cat_listing:before {
background: #3F3F3F;
opacity: 0.7;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
display: block;
position: absolute;
}
.product_cat_listing a {
position: relative;
width: calc(25% - 23px);
margin: 0 30px 30px 0;
}
.product_cat_listing a:nth-child(4n+4) {
margin-right: 0;
}
@media (max-width: 1024px) {
.product_cat_listing a:nth-child(n) {
width: calc(33.3% - 14px);
margin: 0 20px 20px 0;
}
.product_cat_listing a:nth-child(3n+3) {
margin-right: 0;
}
}
@media (max-width: 640px) {
.product_cat_listing a:nth-child(n) {
width: calc(50% - 5px);
margin: 0 10px 10px 0;
}
.product_cat_listing a:nth-child(2n+2) {
margin-right: 0;
}
}
@media (max-width: 450px) {
.product_cat_listing a:nth-child(n) {
width: 100%;
margin-right: 0;
}
.product_cat_listing a:nth-child(n) .image {
height: 60vw;
max-height: 270px;
}
}
.product_cat_listing a .image {
width: 100%;
height: 30vw;
max-height: 210px;
min-height: 140px;
padding: 10px;
box-sizing: border-box;
background-color: #fff;
}
.product_cat_listing a .image > div {
background: no-repeat center/contain;
background-color: #fff;
width: 100%;
height: 100%;
}
.product_cat_listing a .wp_content {
padding: 15px 25px;
background: rgb(229, 229, 229) no-repeat calc(100% - 20px) center/13px url("data:image/svg+xml,%3Csvg width='13' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 17l8-7.5L2 2' stroke='%233F3F3F' stroke-width='3'/%3E%3C/svg%3E");
}
@media (max-width: 640px) {
.product_cat_listing a .wp_content {
background-image: none;
}
}
.product_cat_listing a:hover .wp_content {
color: #fff;
background: #74BD48 no-repeat calc(100% - 20px) center/13px url("data:image/svg+xml,%3Csvg width='13' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 17l8-7.5L2 2' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");
}
.main_container.shop_listing {
padding-top: 0;
padding-bottom: 0;
}
.main_container.shop_listing + .unity-slider {
margin-top: 0;
}
section.related.products .products {
justify-content: center;
}
.lease_form {
background: #74BD48;
border-bottom: 3xp solid #333333;
margin-top: 60px;
}
.lease_form p, .lease_form label {
color: #fff;
display: block;
}
.lease_form .title {
margin: 0;
padding: 15px 40px;
text-transform: uppercase;
background: rgba(243, 243, 243, 0.2);
font-weight: 600;
}
.lease_form input, .lease_form select {
width: 100%;
box-sizing: border-box;
height: 40px;
border: none;
padding-left: 20px;
color: rgba(63, 63, 63, 0.5);
}
.lease_form input {
padding-left: 27px;
position: relative;
}
.lease_form form {
padding: 20px 40px;
}
.lease_form form .flex-fields {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
flex-wrap: wrap;
}
.lease_form form .flex-fields > div {
flex-basis: 48%;
margin-bottom: 10px;
}
@media (max-width: 1300px) {
.lease_form form .flex-fields > div {
flex-basis: 100%;
}
}
.lease_form form .flex-fields > div:nth-child(1) {
position: relative;
}
.lease_form form .flex-fields > div:nth-child(1):before {
content: "£";
position: absolute;
bottom: 5px;
left: 15px;
color: rgba(63, 63, 63, 0.5);
z-index: 2;
font-size: 18px;
}
.lease_form .form-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
display: none;
}
.lease_form .form-footer.open {
display: flex;
}
.lease_form .form-footer p {
font-weight: 300;
font-size: 28px;
margin-right: 10px;
}
.lease_form .form-footer p strong {
font-size: 36px;
}
.lease_form .form-footer .button {
margin: 0;
width: auto;
max-width: 110px;
text-align: center;
border: 2px solid #fff;
height: auto;
}
.brand_list {
display: flex;
flex-wrap: wrap;
}
.brand_list a {
margin: 0 15px 15px 0;
border: 1px solid #ccc;
flex-basis: calc(25% - 14px);
padding: 5px 5px 20px;
box-sizing: border-box;
text-align: center;
}
.brand_list a:nth-child(4n) {
margin-right: 0;
}
@media (max-width: 1200px) and (min-width: 1024px), (max-width: 768px) {
.brand_list a:nth-child(1n) {
flex-basis: calc(33.3% - 10px);
margin: 0 15px 15px 0;
}
.brand_list a:nth-child(3n) {
margin-right: 0;
}
}
@media (max-width: 640px) {
.brand_list a:nth-child(1n) {
flex-basis: calc(50% - 5px);
margin: 0 10px 10px 0;
}
.brand_list a:nth-child(2n) {
margin-right: 0;
}
}
.brand_list a .brand_thumb {
height: 70px;
padding: 15px;
}
.brand_list a .brand_thumb > span {
background: no-repeat center/contain;
width: 100%;
height: 100%;
display: block;
}
.brand_list a p {
margin: 0;
color: #3F3F3F;
font-weight: 400;
transition: 0.3s;
}
.brand_list a:hover {
text-decoration: none;
}
.brand_list a:hover p {
color: #1ba21b;
}
.woocommerce .woocommerce-ordering select {
height: 40px;
}
.product .gform_body > ul > li.gfield_html {
position: absolute;
bottom: 20px;
right: 20px;
text-align: right;
margin-bottom: 0;
font-size: 18px;
}
@media (max-width: 480px) {
.product .gform_body > ul > li.gfield_html {
position: relative;
bottom: auto;
right: auto;
text-align: center;
margin-bottom: 20px;
}
}
.product .gform_body > ul > li.gfield_html a {
display: block;
font-size: 1.8em;
}
.product_contact.product_add_to_cart p {
margin-bottom: 15px;
}
.product_contact.product_add_to_cart p a {
font-size: 1.5em;
}
@media (max-width: 640px) {
.product_contact.product_add_to_cart p a {
display: block;
}
}
@media (max-width: 640px) {
.product_contact.product_add_to_cart {
text-align: center;
}
}
@media (max-width: 1024px) {
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: none;
}
}
@media (max-width: 450px) {
.woocommerce .widget_price_filter .price_slider_amount .button {
min-width: unset;
}
.woocommerce .woocommerce-ordering select {
width: 160px;
}
}.woocommerce ul.products[class*=columns-] li.product a .best {
background: none;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 5px;
height: auto;
width: auto;
}
.woocommerce ul.products[class*=columns-] li.product a .best div {
background: top right / 773px 30px no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 773 30'%3e%3cpath fill='%2374BD48' d='M0 0h772.5L756 30H0V0Z' opacity='.9'/%3e%3c/svg%3e");
height: 25px;
line-height: 25px;
padding: 0 20px 0 8px;
}
.woocommerce ul.products[class*=columns-] li.product {
display: flex;
flex-direction: column;
}
.woocommerce ul.products li.product .product_list_quantity .button {
margin: 0;
display: inline;
flex-grow: unset;
}
.product_list_quantity {
padding: 0 20px 20px 20px;
display: flex;
gap: 10px;
}#sagepaydirect-cc-form .wc-credit-card-form-card-number,
#sagepaydirect-cc-form .wc-credit-card-form-card-expiry,
#sagepaydirect-cc-form .wc-credit-card-form-card-cvc {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right;
}
#sagepaydirect-cc-form .wc-credit-card-form-card-type {
box-sizing: border-box;
width: 100% !important;
margin: 0;
outline: 0;
line-height: 1;
border-color: #bbb3b9 #c7c1c6 #c7c1c6;
font-size: 1.5em;
background-repeat: no-repeat;
background-position: right;
}
#sagepaydirect-cc-form .visa {
background-image: url(//www.simplygreatcoffee.co.uk/wp-content/plugins/woocommerce-gateway-sagepay-form/assets/card-visa.png);
}
#sagepaydirect-cc-form .mastercard {
background-image: url(//www.simplygreatcoffee.co.uk/wp-content/plugins/woocommerce-gateway-sagepay-form/assets/card-mastercard.png);
}
#sagepaydirect-cc-form .discover {
background-image: url(//www.simplygreatcoffee.co.uk/wp-content/plugins/woocommerce-gateway-sagepay-form/assets/card-discover.png);
}
#sagepaydirect-cc-form .amex {
background-image: url(//www.simplygreatcoffee.co.uk/wp-content/plugins/woocommerce-gateway-sagepay-form/assets/card-american-express.png);
}