/*
Theme Name: Cambridge Juice Company – Theme 2022-24
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, accessibility-ready

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/


@font-face {
    font-family: SF-Pro-Medium;
    src: url(/wp-content/themes/CJC24/fonts/SF-Pro-Display-Medium.otf); 
} 

@font-face {
    font-family: SF-Pro-Regular;
    src: url(/wp-content/themes/CJC24/fonts/SF-Pro-Display-Regular.otf); 
} 

@font-face {
    font-family: SF-Pro-Light;
    src: url(/wp-content/themes/CJC24/fonts/SF-Pro-Display-Light.otf); 
} 

  


html {
}

body {
	background-color: #FFF;
    font-family: SF-Pro-Medium;
    font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 18px;
	line-height: 140%;
	color: #000;
}

p {
	margin: 0;
    font-family: SF-Pro-Medium;
    font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 140%;
	color: #000;
}

a {
	text-decoration: none;	
	color: inherit;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
    font-family: SF-Pro-Medium;
    font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0;
} 

h1 {
	font-size: 90px;
	line-height: 110%;
}

h2 {
	font-size: 40px;
	line-height: 140%;
	font-style: normal;
    font-weight: normal;
}

h3 {
	font-size: 30px;
	line-height: 140%;
}

h4 {
	font-size: 25px;
	line-height: 140%;
}

h5 {
	font-size: 25px;
	line-height: 140%;
}

#wrapper {
	width: 100%;
	height: auto;
	float: left;
}

#header {
	width: 85%;
	height: 120px;
	float: left;
	position: relative;
	z-index: 222;
	text-align: center;
	padding: 0 7.5%;
	background-color: #FFF;
}

#logo {
	width: auto;
	height: 100px;
	float: left;
	margin-top: 10px;
}

#logo img {
	width: auto;
	height: 100px;
	float: left;
}

#button {
	line-height: 100%;
	width: auto;
	padding: 12px 26px 12px;
	color: #FFF;
	font-size: 85%;
	margin-top: 40px;
	display: inline-block;
	background-color: #017db0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	text-transform: uppercase;
	border-radius: 30px;
}

#button:hover {
	background-color: #093f5b;
}

#button.black {
	background-color: #000;
}

#button-abbo {
	position: absolute;
	top: 14vh;
	right: 7.5%;
	left: inherit;
	width: 250px !important;
	margin-top: 0px;
	text-align: center;
	position: absolute;
	background-color: #000;
	font-size: 16px;
	line-height: 100%;
	width: auto;
	padding: 12px 0 12px;
	color: #FFF;
	display: inline-block;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	text-transform: uppercase;
	border-radius: 30px;
}

#button-shop {
	position: absolute;
	background-color: #F69609;	
	font-size: 16px;
	right: 0;
	top: 0;
	line-height: 100%;
	width: auto;
	padding: 12px 26px 12px;
	color: #FFF;
	display: inline-block;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	text-transform: uppercase;
	border-radius: 30px;
}

#button-quick {
	position: absolute;
	background-color: #F69609;	
	font-size: 16px;
	right: 0;
	bottom: 0;
	line-height: 100%;
	width: auto;
	padding: 12px 26px 12px;
	color: #FFF;
	display: inline-block;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	text-transform: uppercase;
	border-radius: 30px;
}

.wc-store-catalog-pdf-download-link.button {
	display: none !important;
	visibility: hidden !important;
}

#profile {
	height: 120px;
	width: 37.5px;
	float: right;
	background-image: url(/wp-content/uploads/2023/12/user.png);
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-right: 20px;
}

#bag {
	height: 120px;
	width: 40px;
	float: right;
	background-image: url(/wp-content/uploads/2023/12/shopping-basket.png);
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

#bag span {
	background-color: #F69609;
	height: 30px;
	width: 30px;
	line-height: 30px;
	float: right;
	color: #FFF;
	font-size: 13px;
	border-radius: 20px;
	margin-right: -20px;
	margin-top: 15px;
}

#social {
	height: 50px;
	width: auto;
	float: right;
}

#social img {
	height: 30px;
	width: auto;
	float: left;
	margin-top: 10px;
}

#social img.insta {
	height: 25px;
	width: auto;
	float: left;
	margin-top: 14px;
	margin-right: 5px;
}

#social img.tik {
	height: 25px;
	margin-top: 14px;
	margin-left: 5px;
}

#social img.phone {
	height: 25px;
	margin-top: 14px;
	margin-left: 10px;
}

#social-footer {
	height: 50px;
	width: auto;
	float: left;
}

#social-footer img {
	height: 30px;
	width: auto;
	float: left;
	margin-top: 10px;
}

#social-footer img.insta {
	height: 25px;
	width: auto;
	float: left;
	margin-top: 14px;
	margin-right: 5px;
}

#social-footer img.tik {
	height: 25px;
	margin-top: 14px;
	margin-left: 5px;
}

#social-footer img.phone {
	height: 25px;
	margin-top: 14px;
	margin-left: 10px;
}

#access {
	height: 50px;
	width: 85%;
	padding: 0 7.5%;
	float: left;
	background-color: #017db0;
}

#access ul {
	height: 50px;
	width: auto;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#access ul li {
	line-height: 50px;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#access ul li a {
	line-height: 50px;
	color: #FFF;
	font-size: 85%;
	padding: 0 15px;
	text-transform: uppercase;
	height: 50px;
	float: left;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#access ul li a:hover {
	background-color: #093f5b;
}

#access ul li ul {
	position: absolute;
	top: 170px;
	left: 0;
	width: 100%;
	z-index: 444;
	background-color: #093f5b;
	padding: 20px 2.5%;
	height: auto;
	display: none;
	column-count: 4;
	column-gap: 50px;
}

#access ul li:hover ul {
	display: block;
}

#access ul li ul li {
	width: 100%;
	float: left;
}

#access ul li ul li a {
	width: 100%;
	float: left;
	line-height: 20px;
	color: #FFF;
	font-size: 80%;
	padding: 5px 10px;
	text-transform: uppercase;
	height: auto;
}

#access ul li ul li a:hover {
	background-color: #017db0;
}

#callout-bar {
	height: auto;
	width: 85%;
	padding: 15px 7.5%;
	float: left;
	background-color: #000;
	color: #FFF;
	line-height: 120%;
	text-align: center;
	font-size: 100%;
}

#content {
	width: 100%;
	height: auto;
	float: left;
}

#panel {
	width: 85%;
	height: auto;
	float: left;
	padding: 12vh 7.5%;
	position: relative;
}

#panel.logo {
	width: 95%;
	padding: 10vh 2.5%;
}

#wpls-logo-showcase-slider-1 .wpls-fix-box, #wpls-logo-showcase-slider-1 .wpls-fix-box img.wp-post-image {
	max-height: 180px !important;
}

#panel.center {
	text-align: center;
}

#panel.blue {
	background-color: #017db0;
}

#panel.blue h2 {
	color: #FFF;
	padding: 0 1% 40px;
	font-size: 300%;
}

#panel.blue p a {
	color: #FFF;
	width: 29.3333%;
	float: left;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 10px 1%;
	margin: 0 1% -2px;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#panel.blue p a:hover {
	background-color: #000;
}

#panel.blue input {
	padding: 10px;
	border: none;
	margin: 0 10px;
	font-size: 90%;
	width: 300px;
}

#panel.blue input[type="submit"] {
	background-color: #000;
	color: #FFF;
	line-height: 100%;
	width: auto;
	padding: 12px 26px 12px;
	font-size: 85%;
	margin-top: 30px;
	display: inline-block;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	text-transform: uppercase;
	border-radius: 30px;
	cursor: pointer;
}

#panel.dark-blue {
	background-color: #093f5b;
}

#panel.dark-blue h2 {
	color: #FFF;
}

#panel.insta {
	padding: 5vh 0 0;
	width: 100%;
}

#panel.insta h2 {
	font-size: 55px;
	line-height: 55px;
	padding: 0 7.5% 5vh;
}

#panel.insta h2 span {
	font-size: 35px;
	float: right;
	padding-top: 8px;
}

#panel.insta h2 span a {
	border-bottom: 3px solid #017db0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}

#panel.insta h2 span a:hover {
	color: #017db0;
	border-bottom: 3px solid transparent;
}

#panel.sixty {
	width: 60%;
	padding: 12vh 20%;
}

.woocommerce #panel.sixty {
	width: 85%;
	padding: 12vh 7.5%;
	text-align: center;
}

#panel.slider {
	width: 90%;
	padding: 0 5% 12vh;
	margin-top: -5vh;
}

.wcpscwc-product-slider .products li {
	margin: 0 30px !important;
	text-align: center;
}

.wcpscwc-product-slider .products li h2 {
	color: #000 !important;
	font-size: 110% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.wcpscwc-product-slider .products li .price {
	color: #000 !important;
	font-size: 90% !important;
	padding: 0 !important;
	margin: 0 !important;
}

#panel.page h3 {
	padding-bottom: 20px;
}

#panel.page h4 {
	padding-top: 20px;
	padding-bottom: 0;
}

#panel.page p {
	padding: 10px 0;
}

#panel-fifty {
	width: 100%;
	height: auto;
	float: left;
	background-color: #093f5b;
	position: relative;
}

#fifty-image {
	width: 50%;
	height: 100%;
	float: left;
	position: absolute;
	background-image: url(/wp-content/uploads/2023/12/CJC-COMP-SLIP-scaled-1.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#fifty-text {
	width: 35%;
	height: auto;
	float: right;
	padding: 15vh 7.5%;
	text-align: left !important;
}

#fifty-text h2 {
	color: #FFF;
	font-size: 250%;
	line-height: 120%;
	padding-bottom: 10px;
}

#fifty-text p {
	color: #FFF;
}

#cmp-top-bar-element {
	width: 100% !important;
	display: inline-block;
	float: left;
	margin-left: -30px;
	margin-top: 20px;
	text-align: left !important;
}

.cmp-top-bar-header {
	width: 100%;
	border: none !important;
	border-radius: 0 !important;
	grid-auto-flow: none;
	grid-template-rows: none;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
	float: left;
}

.cmp_main_container .form-control, .cmp-element .form-control {
}

.cmp_zip_form {
	float: left;
	text-align: left !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	justify-content: left !important;
	align-items: left !important;
	align-content: left !important;
}

.cmp-form-zip-inner {
	width: 200px !important;
	min-width: none !important;
	max-width: none !important;
	float: left;
}

.cmp_zip_form input {
	line-height: 100%;
	width: auto;
	padding: 10px 10px 10px;
	font-size: 80%;
	float: left;
	background-color: #FFF;
	border: none;
}

.cmp_zip_form button {
	line-height: 100%;
	width: auto;
	padding: 10px 20px 10px;
	color: #FFF;
	font-size: 80%;
	float: left;
	background-color: #017db0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	text-transform: uppercase;
	border-radius: 30px;
	border: none;
}

.cmp_zip_form button:hover {
	background-color: #000;
}

#cmp_delivery_notice_wrapper {
	margin-top: 5px;
	margin-bottom: 5px;
	min-height: 2em;
	text-align: center;
	font-size: 1.1em;
	display: flex;
	justify-content: center;
	float: left;
	margin-left: 20px;
	color: #FFF;
}

#panel-image {
	width: 100%;
	height: auto;
	float: left;
	background-image: url(/wp-content/uploads/2023/12/1664188409-e1622017966447.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

#panel-image-overlay {
	position: relative;
	padding: 15vh 5%;
	width: 90%;
	height: auto;
	float: left;
	background-color: rgba(0,0,0,0.6);
	text-align: center;
}

#panel-image-overlay h1 {
	color: #FFF;
	font-size: 4.5vw;
}

#panel-image-overlay h2 {
	color: #FFF;
	padding-top: 1.5vh;
}

#panel-image-overlay p {
	color: #FFF;
	padding-top: 2vh;
}

#image-wrapper {
	width: 100%;
	height: 60vh;
	float: left;
	position: relative;
}

.woocommerce #image-wrapper {
	display: none;
}

#image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	float: left;
}

#shop-row {
	width: calc(100% - 30px);
	height: auto;
	float: left;
	background-color: #F5F5F5;
	padding: 15px;
	margin: 2px 0;
	text-align: center;
	font-size: 95%;
}

#row-title {
	width: 40%;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

#row-price {
	width: 20%;
	display: inline-block;
	vertical-align: middle;
	font-size: 90%;
}

#row-buy {
	width: 38%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}

#row-quantity {
	width: 40%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

#row-quantity .quantity .qty {
	width: 3.631em;
	text-align: center;
	padding: 5px;
	font-size: 100%;
	border: none;
	background-color: #FFF;
	margin: 0 0;
}

#row-button {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}

#row-button button {
	line-height: 100%;
	width: auto;
	padding: 10px 20px 10px;
	color: #FFF;
	font-size: 75%;
	display: inline-block;
	background-color: #017db0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	text-transform: uppercase;
	border-radius: 30px;
	box-shadow: none;
	border: none;
	cursor: pointer;
}

#row-button button:hover {
	background-color: #093f5b;
}

#footer {
	width: 90%;
	height: auto;
	float: left;
	padding: 10vh 5%;
	background-color: #000;
	color: #FFF;
}

#third {
	width: 27.5%;
	float: left;
}

#third.first {
	width: 35%;
	padding-right: 10%;
	float: left;
}

#footer h5 {
	color: #FFF;
	font-size: 23px;
	padding-bottom: 10px;
}

#footer p {
	color: #FFF;
	font-size: 90%;
	padding: 2px 0;
}

#footer p a.email {
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	border-bottom: solid 1.5px #017db0;
}

#footer p a.email:hover {
	color: #AAA;
	border-bottom: solid 1.5px transparent;
}

#copy {
	width: 70%;
	float: left;
	margin-top: 5vh;
	font-size: 90%;
}

#design {
	width: 30%;
	float: left;
	text-align: right;
	margin-top: 5vh;
	font-size: 90%;
}

#design a {
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	border-bottom: solid 1.5px #017db0;
}

#design a:hover {
	color: #AAA;
	border-bottom: solid 1.5px transparent;
}

select {
	appearance: none;
	background-color: #FFF !important;
	border: solid 1.5px #000;
	padding: 5px 10px;
	margin: 0;
	width: 90%;
	font-family: inherit;
	font-size: 90%;
	cursor: inherit;
	line-height: inherit;
	border-radius: 0;
	background-image: url("/wp-content/themes/AlfreshCo/images/Arrow-NEW.png");
	background-repeat: no-repeat;
	background-size: auto 70%;
	background-position: calc(100% - 5px) center;
	margin-top: -10px;
	color: #000;
}

select::-ms-expand {
	display: none;
}

select option {
}

.woocommerce {
}

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
}

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
}

.woocommerce ul.products li.product {
	text-align: center;
	margin-top: 5vh;
	margin-bottom: 5vh;
}

.woocommerce ul.products li.product a img {
	width: 90%;
	height: 250px !important;
	object-fit: contain !important;
	background-color: #FFF;
	padding: 25px 5%;
}

.woocommerce ul.products li.product.product_cat-cambridge-juice a img {
	width: 100%;
	height: 300px !important;
	object-fit: cover !important;
	padding: 0;
}

.woocommerce ul.products li.product.product_cat-coffee a img {
	width: 100%;
	height: 300px !important;
	object-fit: cover !important;
	padding: 0;
}

.woocommerce ul.products li.product .price {
	color: #000;
	font-weight: normal;
	font-size: 100%;
}

.woocommerce ul.products li.product .price ins {
	font-weight: normal;
	text-decoration: none;
}

.woocommerce ul.products li.product .price del {
	color: inherit;
	opacity: 1;
	display: block;
	font-size: 90%;
	color: #017db0;
}

.woocommerce span.onsale {
	background-color: #F69609;
	font-weight: normal;
	top: 20px;
	left: 20px;
}

.woocommerce ul.products li.product .onsale {
	margin: 10px 10px 0 0;
}

.woocommerce ul.products li.product .button {
	display: inline-block;
	margin-top: 1em;
	line-height: 100%;
	width: auto;
	padding: 12px 22px 12px;
	color: #FFF;
	font-size: 75%;
	border-radius: 30px;
	display: inline-block;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	font-weight: normal;
	background-color: #017db0;
	text-transform: uppercase;
}

.woocommerce ul.products li.product .button:hover {
	background-color: #093f5b;
}

.woocommerce div.product form.cart .button {
	margin-top: 1em;
	line-height: 100%;
	width: auto;
	padding: 14px 25px 14px;
	color: #FFF;
	font-size: 90%;
	border-radius: 30px;
	display: inline-block;
	background-color: #017db0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	font-weight: normal !important;
	float: left !important;
	clear: both;
    font-family: SF-Pro-Medium;
	-webkit-font-smoothing: subpixel-antialiased;
	text-transform: uppercase;
}

.woocommerce div.product form.cart .button:hover {
	background-color: #093f5b;
}

.woocommerce .quantity .qty {
	width: 3.631em;
	text-align: center;
	padding: 5px;
	font-size: 100%;
	border: none;
	background-color: #FFF;
	margin: 20px 0;
}

.woocommerce section.related {
	display: none;
}

.woocommerce .woocommerce-tabs {
	display: none;
}

.woocommerce .product_meta span.sku_wrapper {
	display: none;
}

.woocommerce .product_meta span.tagged_as {
	display: none;
}

.woocommerce .product_meta span.posted_in {
	font-size: 90%;
}

.woocommerce .product_meta span.posted_in a {
	color: #017db0;
}


.woocommerce div.product p.price, .woocommerce div.product span.price {
	color: #000;
	font-weight: normal;
	font-size: 110%;
	text-decoration: none !important;
	padding: 20px 0;
}

.woocommerce div.product p.price del, .woocommerce div.product span.price del {
	opacity: 1;
	display: inline-block;
	font-size: 110%;
	color: #017db0;
}

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
	color: #000;
	font-weight: normal;
	font-size: 110%;
	text-decoration: none !important;
}

.woocommerce .woocommerce-product-details__short-description p {
	padding: 5px 0;
}

.woocommerce .woocommerce-breadcrumb {
	display: none;
}

.woocommerce div.product div.images .flex-control-thumbs {
	margin-top: 10px;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
	clear: none;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	width: calc(12.5% - 10px);
	float: left;
	margin: 5px 5px;
	list-style: none;
}

#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: 100%;
	padding: 1em;
	border-radius: 30px;
	background-color: #017db0;
	font-weight: normal;
    font-family: SF-Pro-Medium;
	-webkit-font-smoothing: subpixel-antialiased;
	text-transform: uppercase;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
	background-color: #F69609;
}


.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 {
	display: none;
}

.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
	display: none;
}

.woocommerce .checkout input {
	background-color: #F5F5F5;
	font-size: 90%;
	border: none;
	color: #000;
	padding: 10px;
}

.woocommerce .checkout textarea {
	background-color: #F5F5F5;
	font-size: 90%;
	border: none;
	color: #000;
	padding: 10px;
}

.woocommerce .checkout h3#order_review_heading {
	padding: 5vh 0 10px;
	display: block;
}

.woocommerce .checkout #payment.woocommerce-checkout-payment {
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
	padding: 20px 20px 20px;
	margin: 0 0 5vh;
	position: relative;
	background-color: #000 !important;
	color: #FFF;
	border-top: none !important;
	list-style: none outside;
	width: auto;
	word-wrap: break-word;
	font-size: 90%;
}

.woocommerce-error {
	background-color: red !important;
	font-size: 95%;
}

.woocommerce-message::before {
	content: "\e015";
	color: #8fae1b;
	display: none;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
	display: none;
}

.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
	background-color: #017db0;
	font-weight: normal;
    font-family: SF-Pro-Medium;
	-webkit-font-smoothing: subpixel-antialiased;
	border-radius: 30px;
	color: #FFF;
	padding: 8px 16px !important;
	font-size: 80%;
	text-transform: uppercase;
}

.woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover {
	background-color: #F69609;
	color: #FFF;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
	height: 500px !important;
	overflow: hidden;
	background-color: #FFF;
}

div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images
div.woocommerce-product-gallery__wrapper
div.woocommerce-product-gallery__image img {
	height: 500px !important;
	width: 100% !important;
	object-fit: contain;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background-color: transparent;
	border-radius: 0;
	text-align: center;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
	display: none;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	background-color: #017db0;
	font-weight: normal;
    font-family: SF-Pro-Medium;
	-webkit-font-smoothing: subpixel-antialiased;
	border-radius: 30px;
	float: none;
	margin-top: 3vh;
	width: 100%;
	padding: 20px 0;
	text-transform: uppercase;
}

.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
	background-color: #F69609;
}

.woocommerce h1.woo-head {
	margin-bottom: 2.5vh; 
	width: 70%;
	position: relative;
	padding-right: 30%;
	line-height: 100%;
}

.woocommerce div.term-description {
	padding-bottom: 5vh;
}

.woocommerce div.term-description p {
	font-size: 110%;
	width: 60%
}

.woocommerce-pagination {
}

.woocommerce nav.woocommerce-pagination ul {
	border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
	border: none;
}

.woocommerce nav.woocommerce-pagination ul li a {
	text-decoration: none;
	border: none;
	padding: 0 !important;
	margin: 0 2px !important;
	color: #111;
	background-color: #D5D5D5;
	width: 30px !important;
	line-height: 30px !important;
	display: inline-block;
	border-radius: 20px;
}

.woocommerce nav.woocommerce-pagination ul li a.prev {
}

.woocommerce nav.woocommerce-pagination ul li a.next {
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
	background-color: #F69609;
	color: #FFF;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
	font-weight: normal;
	background-color: #017db0;
	border: none;
	color: #FFF;
	margin: 0 2px !important;
	padding: 0 !important;
	width: 30px !important;
	line-height: 30px !important;
	display: inline-block;
	border-radius: 20px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus {
}

.wp-pagenavi {
	display: none;
	text-align: center;
	margin-top: 5vh;
	float: left;
	width: 100%;
}

.wp-pagenavi a:hover {
	background-color: #F69609;
	color: #FFF;
}

.wp-pagenavi span.current {
	font-weight: normal;
	background-color: #017db0;
	border: none;
	color: #FFF;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: none;
	padding: 0 !important;
	margin: 2px;
	color: #111;
	background-color: #D5D5D5;
	width: 30px;
	line-height: 30px;
	display: inline-block;
	border-radius: 20px;
}

.wc-block-components-notice-banner {
	border-color: #000 !important;
	border-radius: 0 !important;
	border: solid 2px !important;
	margin-bottom: 5vh !important;
}

.wc-block-components-notice-banner.is-success {
	border-color: #000 !important;
	background-color: #FFF !important;
}

.wc-block-components-notice-banner a.button.wc-forward {
	background-color: #017db0 !important;
	text-decoration: none !important;
	color: #FFF !important;
	font-weight: normal !important;
	letter-spacing: 0 !important;
	opacity: 1 !important;
	text-transform: uppercase;
	padding: 8px 15px !important;
	float: right !important;
	font-size: 80% !important;
	border-radius: 30px !important;
}

.woocommerce tr.woocommerce-shipping-totals.shipping {
	display: none;
}

.woocommerce table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
	border: none;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table {
	border: none;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table thead {
	background-color: #000;
	color: #FFF;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table thead th {
	font-weight: normal !important;
}

.woocommerce table.shop_table.shop_table_responsive {
	border: none;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul {
	padding: 0;
	margin: 0 0 5vh;
	list-style: none;
	width: 100%;
	float: left;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul li {
	width: 100%;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul li a {
	background-color: #F5F5F5;
	width: calc(100% - 20px);
	float: left;
	margin-bottom: 2px;
	padding: 8px 10px;
	font-size: 90%;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	text-transform: capitalize;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul li a:hover {
	background-color: #017db0 !important;
	color: #FFF;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
	border: none;
	padding: 0;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	background-color: #F5F5F5;
	border: none;
	color: #000;
	padding: 10px;
	font-size: 100%;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
	line-height: 100%;
	width: auto;
	padding: 12px 26px 12px;
	color: #FFF;
	font-size: 85%;
	font-weight: normal;
	display: inline-block;
	background-color: #017db0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	text-transform: uppercase;
	border-radius: 30px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover {
	background-color: #000;
	color: #FFF;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: none;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
	top: .6em;
}

.woocommerce table.my_account_orders .button {
	border-radius: 30px;	
	color: #FFF;
	background-color: #017db0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 80%;
	padding: 6px 15px 5px;
}

.woocommerce .woocommerce-customer-details address {
	border: none;
	padding: 0;
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
	display: none;	
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
	display: none;	
}

.woocommerce mark {
	background-color: transparent;
	color: #017db0;
}

.woocommerce p.order-again a.button {
	line-height: 100%;
	width: auto;
	padding: 12px 26px 12px;
	color: #FFF;
	font-size: 85%;
	font-weight: normal;
	display: inline-block;
	background-color: #017db0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	text-transform: uppercase;
	border-radius: 30px;
}

.woocommerce address {
	font-style: normal;
}

.woocommerce a.edit {
	line-height: 100%;
	width: auto;
	padding: 8px 16px 8px;
	color: #FFF;
	font-size: 85%;
	font-weight: normal;
	display: inline-block;
	background-color: #017db0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	text-transform: uppercase;
	border-radius: 30px;
	margin-top: 10px;
}

.woocommerce-MyAccount-content fieldset {
	border: none;
	padding: 0;
}

.woocommerce .woocommerce-Button.button {
	line-height: 100%;
	width: auto;
	padding: 12px 26px 12px;
	color: #FFF;
	font-size: 85%;
	font-weight: normal;
	display: inline-block;
	background-color: #017db0;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
	text-transform: uppercase;
	border-radius: 30px;
}

.woocommerce .woocommerce-Button.button:hover {
	background-color: #000;
	color: #FFF;
}





@media only screen and (max-width: 1450px) {

body, p, ul {
	font-size: 18px;
}
	
h1 {
	font-size: 70px;
}
	
h2 {
	font-size: 35px;
}
	
h3 {
	font-size: 27px;
}

#footer h5 {
	font-size: 20px;
}

#button-shop {
	font-size: 15px;
}

#button-abbo {
	top: 16vh;
	width: 250px !important;
	font-size: 15px;
}

#access ul li a {
	font-size: 80%;
	padding: 0 15px;
}
	
}





@media only screen and (max-width: 1024px) {

body, p {
	font-size: 16px;
}

h1 {
	font-size: 60px;
	padding-top: 5vh;
}
	
h2 {
	font-size: 30px;
}
	
h3 {
	font-size: 25px;
}

h4 {
	font-size: 22px;
}
	
h5 {
}

#header {
	width: 90%;
	padding: 0 5%;
}
	
#profile {
	margin-right: 10px;
}
	
#access {
	width: 90%;
	padding: 0 5%;
}

#access ul li a {
	font-size: 80%;
	padding: 0 10px;
}
	
#access ul li ul {
	column-count: 3;
	column-gap: 50px;
}
	
#panel {
	width: 90%;
	padding: 12vh 5%;
}
	
#panel.sixty {
	width: 80%;
	padding: 12vh 10%;
}

#button-abbo {
	right: 5%;
}
	
.woocommerce ul.products li.product a img {
	height: 200px !important;
	padding: 15px 5%;
}
	
.woocommerce ul.products li.product.product_cat-cambridge-juice a img {
	height: 230px !important;
	padding: 0 0;
}
	
.woocommerce ul.products li.product.product_cat-coffee a img {
	height: 230px !important;
	padding: 0 0;
}
	
}







@media only screen and (max-width: 900px) {

h3 {
	font-size: 22px;
}

h4 {
}

#header {
}
	
#logo {
	width: auto;
	height: 100px;
	float: none;
	margin-top: 10px;
	text-align: center;
	position: absolute;
	left: 50%;
}

#logo img {
	width: auto;
	height: 100px;
	transform: translateX(-50%);
	
}
	
#access {
	display: none;
}

#panel.blue p a {
	width: 46%;
}
	
#fifty-image {
	width: 100%;
	height: 40vh;
	float: left;
	position: relative;
}

#fifty-text {
	width: 90%;
	height: auto;
	float: right;
	padding: 7.5vh 5% 2.5vh;
	text-align: left !important;
}

#fifty-text h2 {
	font-size: 250%;
}
	
.woocommerce h1.woo-head {
	width: 80%;
	padding-right: 20%;
}

.woocommerce div.term-description p {
	font-size: 110%;
	width: 80%
}
	
#button-shop {
	font-size: 15px;
	left: 0;
	right: 0;
	top: -10vh;
	text-align: center;
}
	
#button-abbo {
	top: 14vh;
	right: 7.5%;
	width: 200px !important;
}

#third {
	width: 35%;
	float: left;
	padding-bottom: 2vh;
}

#third.first {
	width: 80%;
	padding-right: 10%;
	float: left;
	padding-bottom: 5vh;
}

#panel-image-overlay h1 {
	font-size: 5vw;
}

#panel-image-overlay h2 {
	font-size: 3.5vw;
}
	
}








@media only screen and (max-width: 700px) {

body, p {
}
	
h1 {
	font-size: 45px;
	padding-top: 5vh;
}
	
h2 {
	font-size: 25px;
}
	
h3 {
	font-size: 20px;
}

#callout-bar {
	margin-top: 80px;
	font-size: 90%;
}
	
#header {
	width: 90%;
	height: 80px;
	float: left;
	position: fixed;
	z-index: 222;
	text-align: center;
	padding: 0 5%;
}

#logo {
	width: auto;
	height: 70px;
	float: left;
	margin-top: 5px;
}

#logo img {
	width: auto;
	height: 70px;
	float: left;
}

#profile {
	height: 80px;
	width: 32.5px;
	margin-right: 10px;
}

#bag {
	height: 80px;
	width: 35px;
}

#bag span {
	background-color: #F69609;
	height: 20px;
	width: 20px;
	line-height: 20px;
	float: right;
	color: #FFF;
	font-size: 10px;
	border-radius: 15px;
	margin-right: -10px;
	margin-top: 7.5px;
}
	
#button-shop {
	font-size: 15px;
	left: 0;
	right: 0;
	top: -10vh;
	text-align: center;
}

#button-abbo {
	display: none;
}

#panel.blue p a {
	color: #FFF;
	width: 98%;
	float: left;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 10px 1%;
	margin: 0 1% -2px;
	transition-property: all;
	transition-duration: .60s;
	transition-timing-function: ease-in-out;
}
	
.woocommerce .woocommerce-ordering {
	float: left;
	margin: 10px 0 30px;
	clear: both;
}

.woocommerce h1.woo-head {
	width: 90%;
	padding-right: 10%;
}

.woocommerce div.term-description p {
	font-size: 100%;
	width: 100%
}

#fifty-text h2 {
	font-size: 200%;
}
	
#third {
	width: 80%;
	float: left;
	padding-bottom: 5vh;
}

#third.first {
	width: 80%;
	padding-right: 10%;
	float: left;
	padding-bottom: 5vh;
}
	
#copy {
	width: 100%;
	float: left;
	margin-top: 4vh;
}

#design {
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 0.5vh;
}

#panel-image-overlay h1 {
	font-size: 200%;
}

#panel-image-overlay h2 {
	font-size: 100%;
}

.woocommerce ul.products li.product a img {
	height: 160px !important;
	padding: 15px 5%;
}
	
.woocommerce ul.products li.product.product_cat-cambridge-juice a img {
	height: 190px !important;
	padding: 0 0;
}
	
.woocommerce ul.products li.product.product_cat-coffee a img {
	height: 190px !important;
	padding: 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 {
	font-size: 90%;
}	
	
.woocommerce ul.products li.product .price {
	font-size: 80%;
}
	
#panel.insta h2 {
	font-size: 45px;
	line-height: 45px;
	padding: 0 7.5% 5vh;
	float: none;
}

#panel.insta h2 span {
	font-size: 25px;
	float: none;
	padding-top: 8px;
	display: block;
}

#panel.blue input {
	margin: 5px 10px;
}
	
}