/* DEFAULT RESETS */
*,
p,
h1 {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "Open Sans", sans-serif;
}

/* CONSTANTS */
:root {
	--yellow: #fdc944;
	--purple: #56227d;
	--grey: rgb(206, 206, 206);
	--site-max-width: 1200px;
	--wrapper-padding: 20px 45px;
}

/* CONSTANTS END */

/* HEADER */
.site-header {
	width: 100%;
	display: flex;
	justify-content: center;
	background-color: #fff;
	overflow: overlay;
	/* Needed to display the shadow */
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
	min-height: 89px;
}

.header-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: var(--site-max-width);
	width: 100%;
	padding: 18px 30px;
	flex: 1;
}

.cart-customlocation,
.cart-customlocation-empty {
	display: flex;
	font-weight: bold;
	align-items: center;
}

.cart-customlocation-empty {}

.cart-customlocation:hover p {
	text-decoration: underline;
	color: #23527c;
}

#cart-count {
	width: 22px;
	height: 22px;
	color: white;
	display: flex;
	transform: translate(-25%, -25%);
	align-items: center;
	justify-content: center;
	background-image: url(../img/count.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

#basket-icon {
	background-image: url(/wp-content/themes/ellaOne/img/basket.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 41px;
	height: 32px;
	margin-right: 15px;
}

/* HEADER END */
/* SPINNER */


/* MAIN SECTION */
html,
body,
#page {
	height: 100%;
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	/* background: var(--yellow); */
	line-height: 1.42857143;
}

#page {
	/* display: flex; */
	flex-direction: column;
}

.section-heading {
	width: fit-content;
	border-bottom: 1px solid var(--yellow);
	color: var(--purple);
	font-size: 22px;
}

.section-wrapper {
	padding: 20px 45px;
	display: flex;
	flex-direction: column;
}

#front-section-wrapper {
	display: flex;
}

#front-section-wrapper h1 {
	font-size: 32px;
	font-weight: normal;
	width: fit-content;
	border-bottom: 1px solid var(--yellow);
	color: var(--purple);
	padding-bottom: 10px;
}

.front-sub-text {
	font-weight: 600;
	font-size: 18px;
	color: var(--purple);
	margin: 30px 0;
	padding-right: 20px;
}

.main-list li {
	list-style: none;
	position: relative;
	font-size: 19px;
	padding-bottom: 15px;
}

.main-list li::before {
	top: 5px;
}

.main-list li::before,
.questionnaire-list li::before {
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	left: -40px;
	background-image: url(../img/count.png);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
}

.questionnaire-list li::before {
	left: -30px;
}

.questionnaire-list {
	margin-bottom: 0;
	margin-left: 2.5em;
}

.questionnaire-list li {
	list-style: none;
	position: relative;
	padding-bottom: 15px;
	font-weight: 500;
	display: flex;
	align-items: center;
}

.questionnaire-list li p {
	margin-right: 30px;
}

.site-main {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-grow: 1;
	/* justify-content: center; */
	background: linear-gradient(to right, #32224c 0%, #56227d 48%, #32224c 100%);
	/* padding: 40px 0; */
}

.main-section {
	display: flex;
	flex-direction: column;
	background: white;
	position: relative;
	/* min-width: 770px; */
	width: 100%;
	max-width: 960px;
	margin: 40px 0 40px;
}

.main-section-wrapper {
	padding: var(--wrapper-padding);
	display: flex;
	flex-direction: column;
}

.eh_spinner {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	z-index: 9999;
}

.section-footer {
	display: flex;
	justify-content: center;
	margin-top: auto;
	padding: 20px 30px;
	width: 100%;
	background: var(--yellow);
}

.mobile-column {
	display: flex;
}

.text-wall {
	margin-top: 15px;
}

.text-wall>p {
	margin: 0 0 10px;
}

.modal.preload {
	display: none !important;
	animation: none !important;
	-webkit-animation: none !important;
	transition: background-color 0s, opacity 0s, color 0s, width 0s, height 0s,
		padding 0s, margin 0s !important;
}

.modal {
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	width: 100%;
	/* display: none; */
	/* content-visibility: auto; */

	max-width: 600px;
	-webkit-animation: fade-out-top 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: fade-out-top 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.modal.active {
	-webkit-animation: fade-in-top 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
	animation: fade-in-top 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
	/* display: block; */
}

#overlay {
	display: none;
	top: 0;
	z-index: 99;
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.order-table {
	display: grid;
	grid-template-columns: 2fr 1fr 0fr;
}

#order-quantity {
	margin-left: 20px;
}

.holiday-modal,
.newsletter-modal {
	position: fixed;
	top: 44%;
	left: 50%;
	z-index: 9;
	transform: translate(-50%, -70%);
	width: 100%;
	max-width: 750px;
	visibility: hidden;
	opacity: 0;

	transition: transform 0.2s ease-out, opacity 0.15s linear,
		visibility 0.15s linear;
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.15s linear,
		visibility 0.15s linear;
	-o-transition: -o-transform 0.2s ease-out, opacity 0.15s linear,
		visibility 0.15s linear;
}

.fadein {
	visibility: visible;
	opacity: 1;
	transform: translate(-50%, -36%);
}

.title2 {
	border-bottom: 1px solid #fdc944;
	display: inline-block;
	padding-bottom: 15px;
}

#mobile-table {
	display: flex !important;
}

#desktop-table {
	display: none !important;
}

.modal-body>div {
	font-size: 12px;
}

.modal-header {
	background-color: #56227d;
	border: none;
	padding: 20px 35px;
}

.modal-body {
	padding: 20px 35px;
	background: white;
	transition: transform 0.3s ease-out;
}

.modal-footer {
	padding: 20px 35px;
	background: var(--yellow);
}


/* FAQ */
#accordion a {
	color: #4169e1 !important;
}

#accordion a:hover {
	text-decoration: underline;
}

#accordion>.content {
	padding: 0 18px;
	padding-left: 24px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.6s cubic-bezier(0.65, 0, 0.35, 1);
	/* background-color: #f1f1f1; */
}

#accordion .info {
	border-top-style: solid;
	border-top-color: #fdc944;
	border-top-width: 1px;
	padding: 8px 10px;
	padding-left: 24px;
}

#accordion .info:last-child {
	border-bottom-style: solid;
	border-bottom-color: #fdc944;
	border-bottom-width: 1px;
}

#accordion .info>h3 {
	position: relative;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
}

#accordion .info>h3::before {
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	left: -25px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../img/count.png);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
}

#accordion .info>p:not(:last-child) {
	margin-bottom: 10px;
}

.collapsible {
	color: var(--purple);
	cursor: pointer;
	display: flex;
	padding: 10px 18px;
	padding-left: 30px;
	width: 100%;
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	position: relative;
}

.collapsible:hover {
	background: #f0f0f0;
	text-decoration: underline;
}

.collapsible::before {
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../img/count.png);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(82 168 236 / 60%);
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	padding: 4px 6px;
}

select {
	border-radius: 3px;
	padding: 4px 6px;
}

#enter_manually {
	padding: 7px 10px;
	margin-left: 5px;
	/* top: 0; */
	/* position: absolute; */
	/* left: 300px; */
}

#getaddress_dropdown,
#country-dropdown {
	width: 100%;
	/* height: 35px; */
	margin-bottom: 15px;
}

#getaddress_button {
	padding: 7px 10px;
	margin-left: 5px;
}

#address-fields {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.6s cubic-bezier(0.65, 0, 0.35, 1);
	display: flex;
	flex-direction: column;
}

#billing-form input {
	margin-bottom: 15px;
}

#getaddress_input {
	text-transform: uppercase;
}

/* MAIN SECTION END */

/* FOOTER */
.site-footer {
	display: flex;
	flex-direction: column;
	background: var(--yellow);
	max-width: var(--site-max-width);
	margin: 0 auto;
	color: #56227d;
	padding: 0 1rem 2rem;
}

.footer-wrapper {
	display: flex;
	justify-content: space-between;
	padding: 30px 0;
	align-items: center;
}

.footer-wrapper>div:nth-child(1) {
	margin-right: auto;
}

#footer-bottom {
	display: flex;
	gap: 20px;
}

nav>a {
	padding: 10px 10px;
}

#cookie-law-info-bar {
	border-top: 1px solid #56227d;
	box-shadow: 0 0 40px #444;
	background: rgba(255, 255, 255, 0.9) !important;
}

#wt-cli-accept-all-btn {
	border-radius: 5px;
	font-size: 14px;
	padding: 9px 18px;
}

/* FOOTER END */
/* Contact */
#wpforms-form-78 {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 10px 20px;
	max-width: 400px;
	background: var(--yellow);
	border-radius: 4px;
	margin: 0 0 0 auto !important;

}

#wpforms-submit-78 {
	color: white;
	text-decoration: inherit;
	/* no underline */
	background: var(--purple);
	color: white;
	text-transform: uppercase;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	text-align: center;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
	width: 100%;
}

.contact-form {
	width: 100% !important;
}

/* CLICKABLES */
button {
	line-height: 1.42857143;
}

a,
a:visited {
	color: #56227d;
	text-decoration: none;
	font-weight: 500;
}

a:hover {
	text-decoration: underline;
}

.link:hover {
	color: #56227d;
	text-decoration: underline;
}

.btn,
.btn:visited {
	color: white;
	text-decoration: inherit;
	/* no underline */
	background: var(--purple);
	color: white;
	text-transform: uppercase;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	text-align: center;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}

.btn:hover {
	color: #fdc944;
	cursor: pointer;
}

.submit-btn {
	width: 100%;
	max-width: 300px;
}

.disabled {
	background: #a9a5d8 !important;
	pointer-events: none;
}

/* CLICKABLES END */

/* Questionnaire */
.switch {
	/* text-align: right; */
	/* position: relative; */
	display: flex;
	border: 1px solid #56227d;
	border-right: none;
	margin-left: auto;
}

.switch label {
	cursor: pointer;
	width: 50px;
	display: inline-block;
	color: #fff;
	background-color: #a9a5d8;
	text-align: center;
	padding: 3px 5px;
	margin: 0px;
	border-right: 1px solid #56227d;
	font-weight: 600;
	pointer-events: none;
	user-select: none;
}

.switch input[type="radio"] {
	visibility: hidden;
	position: absolute;
}

.switch input[type="radio"]#yes1:checked+label,
.switch input[type="radio"]#no1:checked+label,
.switch input[type="radio"]#yes2:checked+label,
.switch input[type="radio"]#no2:checked+label,
.switch input[type="radio"]#yes3:checked+label,
.switch input[type="radio"]#no3:checked+label,
.switch input[type="radio"]#yes4:checked+label,
.switch input[type="radio"]#no4:checked+label,
.switch input[type="radio"]#yes5:checked+label,
.switch input[type="radio"]#no5:checked+label,
.switch input[type="radio"]#yes6:checked+label,
.switch input[type="radio"]#no6:checked+label,
.switch input[type="radio"]#yes7:checked+label,
.switch input[type="radio"]#no7:checked+label {
	background-color: #56227d;
}

/* multi-select dropdown */
.ss-main .ss-multi-selected .ss-values .ss-value {
	background-color: var(--purple) !important;
}

.questionnaire-list li:not(:first-child) p {
	opacity: 0.6;
}

/* Questionnaire End */

/* Progress Bar */
ol.progressbar[data-steps="2"] li {
	width: 49%;
}

ol.progressbar[data-steps="3"] li {
	width: 33%;
}

ol.progressbar[data-steps="4"] li {
	width: 24%;
}

ol.progressbar[data-steps="5"] li {
	width: 20%;
}

ol.progressbar[data-steps="6"] li {
	width: 16%;
}

ol.progressbar[data-steps="7"] li {
	width: 14%;
}

ol.progressbar[data-steps="8"] li {
	width: 12%;
}

ol.progressbar[data-steps="9"] li {
	width: 11%;
}

#bar-container {
	max-width: var(--site-max-width);
	width: 100%;
	margin-top: 40px;
	display: flex;
	justify-content: center;
}

.progressbar {
	width: 100%;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	background: none;
}

.progressbar li {
	float: left;
	text-align: center;
	position: relative;
}

.progressbar .name {
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	margin-bottom: 1em;
	color: #fff;
	opacity: 1;
	padding-top: 10px;
	letter-spacing: 1px;
}

.progressbar .step {
	color: transparent;
	border: 3px solid #fff;
	background-color: #fff;
	border-radius: 50%;
	line-height: 1.2;
	width: 0.8em;
	height: 0.8em;
	display: block;
	z-index: 0;
	margin: 0 auto;
	user-select: none;
}

.progressbar .step:before,
.progressbar .step:after {
	content: "";
	display: block;
	background-color: #fff;
	height: 0.2em;
	/* width: 50%; */
	position: absolute;
	bottom: 0.6em;
	z-index: 0;
	top: 4px;
}

.progressbar .done .step:after {
	background-color: #fdc944;
}

.progressbar .step:before {
	left: 0;
}

.progressbar .step:after {
	width: 100%;
}

.progressbar li:last-of-type .step:after {
	display: none;
}

.progressbar .done .step,
.progressbar .done .step:before,
.progressbar .done .step:after {
	background-color: #fdc944;
}

.progressbar .done .step,
.progressbar .active .step {
	border: 3px solid #fdc944;
}

.mobile_progress_header {
	display: none;
}

.mobile_view {
	display: none;
}



/* Progress Bar */

/* WooCommerce checkout form */
.woocommerce-additional-fields {
	display: none !important;
}

.woocommerce-checkout {
	display: flex;
	flex-direction: column;
}

#wcpay-payment-request-button-separator {
	margin: 1em 0 !important;
	order: 1;
}

.woocommerce-checkout-review-order-table,
#order_review_heading {
	order: -1;
}

#order_review_heading {
	margin-top: 10px;
}

.woocommerce-checkout-payment {
	order: -1;
}

#customer_details {
	display: none;
	margin-top: 20px;
	order: -1;
}

#wcpay-payment-request-wrapper {
	order: 2;
	padding: 0 !important;
}

.woocommerce ul#shipping_method li {
	margin: 0 !important;
}

.woocommerce-terms-and-conditions-wrapper,
.woocommerce-cart-form .actions,
.woocommerce-message,
.woocommerce-info,
.wc-proceed-to-checkout a,
.cart_totals>h2,
.cart_totals tr:not(:nth-child(even)),
#wcpay-payment-request-button-separator,
.woocommerce-shipping-destination,
.woocommerce-shipping-fields,
.woocommerce-shipping-calculator,
#wc-stripe-payment-request-button-separator,
.shipping.dpd_uk-shipping,
#payment_radio_stripe,
#stripe-payment-data p {
	display: none !important;
}

#wc-stripe-cc-form {
	margin: 0 !important;
}

.woocommerce-cart .wc-proceed-to-checkout {
	padding: 0;
}

.cart_totals {
	/* border: 1px solid var(--yellow) !important; */
	/* background: silver; */
}

.woocommerce-checkout #payment div.form-row {
	padding: 0;
}

.payment_methods {
	border: none !important;
	padding-bottom: 0 !important;
	padding: 0 !important;
}

.woocommerce-thankyou-order-received {
	font-size: 16px;
	margin: 10px 0;
}

.woocommerce-notices-wrapper {
	/* display: none; */
}

#ppc-button {
	display: block !important;
	order: 1;
}

#order_review {
	display: flex;
	flex-direction: column-reverse;
}

#payment {
	display: none;
	background: none !important;
}

#payment_radio_woocommerce_payments {
	pointer-events: none;
	display: none;
}

.payment_method_ppcp-gateway {
	display: none !important;
}

#payment_wrapper_ppcp-gateway input {
	display: none;
}

#payment_wrapper_ppcp-gateway label {
	padding: 10px;
	opacity: 0;
	/* pointer-events: none; */
}

.payment_method_woocommerce_payments {
	display: flex !important;
	flex-direction: column;
}

/* PayPal button */
#order_review center {
	margin-bottom: 10px;
}

.payment_method_woocommerce_payments,
#order_review center {
	order: 1;
}

.shipping_address {
	display: none;
}

#payment_method_wrapper_card_woocommerce_payments {
	display: flex;
	flex-direction: column;
}

.flex {
	display: flex !important;
}

#credit_card_form_button {
	border-radius: 4px;
	color: white;
	padding: 10px;
	font-size: 16px;
	font-weight: 600;
	background: var(--purple);
	cursor: pointer;
	display: flex;
	align-items: center;
	margin-top: 0.8rem;
}

#credit_card_form_button:hover {
	background: #70329f;
}

.woocommerce-checkout #payment div.payment_box::before {
	display: none;
}

/* Cart */
.cart_totals {
	/* width: 100% !important; */
	/* float: none !important; */
}

.shop_table_responsive,
.cart_totals tr:nth-child(even)>* {
	border: none !important;
}

tr.woocommerce-shipping-totals>th {
	padding: 0;
}

.shipping_method {
	padding: 5px;
}

#billing_phone_field,
#billing_email_field,
.woocommerce-customer-details,
.payment_method_eh_paypal_express {
	display: none;
}

#billing_postcode {
	text-transform: uppercase;
}

.woocommerce-shipping-totals.shipping td {
	/* content: 'Freez'; */
}

.ppc-button-wrapper {
	order: 1;
}

.payment_box.payment_method_stripe,
#place_order {
	display: block !important;
}

/* WooCommerce checkout form end */

#footer-logos {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 30px;
	gap: 2rem;
}

#gphc-logo {
	height: 60px;
}

/* Animations */
@-webkit-keyframes fade-in-top {
	0% {
		-webkit-transform: translateY(-50px) translateX(-50%);
		transform: translateY(-50px) translateX(-50%);
		opacity: 0;
		visibility: hidden;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0) translateX(-50%);
		opacity: 1;
		visibility: visible;
	}
}

@keyframes fade-in-top {
	0% {
		-webkit-transform: translateY(-50px) translateX(-50%);
		transform: translateY(-50px) translateX(-50%);
		opacity: 0;
		visibility: hidden;
	}

	100% {
		-webkit-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
		opacity: 1;
		visibility: visible;
	}
}

@-webkit-keyframes fade-out-top {
	0% {
		-webkit-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
		opacity: 1;
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(-50px) translateX(-50%);
		transform: translateY(-50px) translateX(-50%);
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes fade-out-top {
	0% {
		-webkit-transform: translateY(0) translateX(-50%);
		transform: translateY(0) translateX(-50%);
		opacity: 1;
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(-50px) translateX(-50%);
		transform: translateY(-50px) translateX(-50%);
		opacity: 0;
		visibility: hidden;
	}
}

#postcode_lookup {
	display: flex;
	flex-direction: column;
	margin-right: auto;
}

#postcode_container {
	display: flex;
}

/* #getaddress_input {
	width: 159px;
} */

.woocommerce-cart .cart-collaterals .cart_totals table {
	width: 34%;
	float: right;
}

.woocommerce-page .cart-collaterals .cart_totals {
	width: auto;
	float: none;
}

.wc-proceed-to-checkout {
	width: 48%;
	margin: auto;
}

.proceed-card {
	display: flex;
	margin-top: 15px;
	padding: 10px 20px;
	text-transform: none;
	justify-content: center;
	font-size: 15px;
	align-items: center;
	width: 48%;
	margin-left: auto;
	margin-right: auto;
}

.proceed-card:hover {
	opacity: 0.8;
	color: white;
}

.gphc-logo {
	height: 40px !important;
}

/* Media Query */
@media (max-width: 970px) {
	#front-section-wrapper {
		flex-direction: column;
	}

	.wc-proceed-to-checkout,
	.proceed-card,
	.woocommerce-cart .cart-collaterals .cart_totals table {
		width: 100%;
	}
}

@media (max-width: 768px) {

	.holiday-modal,
	.newsletter-modal {
		max-width: 100%;
	}
}

@media (max-width: 767px) {
	#bar-container {
		display: block !important;
		margin-bottom: 15px;
	}

	.mobile_progress_header {
		display: block;
		margin: 0 auto;
	}

	ol.progressbar.mobile_progress_header[data-steps="6"] li {
		width: 100%;
		position: relative;
		top: 0;
		display: none;
		float: none;
	}

	ol.progressbar.mobile_progress_header[data-steps="6"] li.done {
		display: none;
	}

	ol.progressbar.mobile_progress_header[data-steps="6"] li.active {
		display: block;
	}

	ol.progressbar[data-steps="6"] li {
		/*width: 50%;*/
	}

	li.active .mobile_view {
		display: block;
		position: absolute;
		width: 100%;
		white-space: nowrap;
		text-align: left;
		color: #222456;
		/*font-weight:bold;*/
	}

	li.active .mobile_view {
		margin-top: 15px;
		margin-left: 45%;
		color: #fff;
	}

	li.active .mobile_view.step_1 {
		left: 0px;
	}

	li.active .mobile_view.step_2 {
		left: 0px;
	}

	li.active .mobile_view.step_3 {
		left: 0px;
	}

	li.active .mobile_view.step_4 {
		left: 0px;
	}

	li.active .mobile_view.step_5 {
		left: 0px;
	}

	li.active .mobile_view.step_6 {
		left: 0px;
	}

	.progressbar .name {
		max-width: 100px;
	}

	ol.progressbar span.name {
		display: none;
	}

	.progressbar .step {
		color: transparent;
		border: 3px solid #fff;
		background-color: #fff;
		border-radius: 50%;
		line-height: 1.2;
		width: 0.8em;
		height: 0.8em;
		display: block;
		z-index: 0;
		margin: 0 auto;
	}

	.progressbar .step:before,
	.progressbar .step:after {
		content: "";
		display: block;
		background-color: #fff;
		height: 0.2em;
		position: absolute;
		bottom: 0.6em;
		z-index: 0;
		top: 4px;
	}
}




@media (max-width: 768px) {

	.holiday-modal,
	.newsletter-modal {
		max-width: 100%;
	}
}


@media (max-width: 767px) {
	#bar-container {
		display: block !important;
		margin-bottom: 15px;
	}

	.mobile_progress_header {
		display: block;
		margin: 0 auto;
	}

	ol.progressbar.mobile_progress_header[data-steps="6"] li {
		width: 100%;
		position: relative;
		top: 0;
		display: none;
		float: none;
	}

	ol.progressbar.mobile_progress_header[data-steps="6"] li.done {
		display: none;
	}

	ol.progressbar.mobile_progress_header[data-steps="6"] li.active {
		display: block;
	}

	ol.progressbar[data-steps="6"] li {
		/*width: 50%;*/
	}

	li.active .mobile_view {
		display: block;
		position: absolute;
		width: 100%;
		white-space: nowrap;
		text-align: left;
		color: #222456;
		/*font-weight:bold;*/
	}

	li.active .mobile_view {
		margin-top: 15px;
		margin-left: 45%;
		color: #fff;
	}

	li.active .mobile_view.step_1 {
		left: 0px;
	}

	li.active .mobile_view.step_2 {
		left: 0px;
	}

	li.active .mobile_view.step_3 {
		left: 0px;
	}

	li.active .mobile_view.step_4 {
		left: 0px;
	}

	li.active .mobile_view.step_5 {
		left: 0px;
	}

	li.active .mobile_view.step_6 {
		left: 0px;
	}

	.progressbar .name {
		max-width: 100px;
	}

	ol.progressbar span.name {
		display: none;
	}

	.progressbar .step {
		color: transparent;
		border: 3px solid #fff;
		background-color: #fff;
		border-radius: 50%;
		line-height: 1.2;
		width: 0.8em;
		height: 0.8em;
		display: block;
		z-index: 0;
		margin: 0 auto;
	}

	.progressbar .step:before,
	.progressbar .step:after {
		content: "";
		display: block;
		background-color: #fff;
		height: 0.2em;
		position: absolute;
		bottom: 0.6em;
		z-index: 0;
		top: 4px;
	}
}




@media (max-width: 620px) {
	.buy-now.section-footer {
		box-shadow: 1px 1px 5px #000;
		position: fixed;
		bottom: 0;
		left: 0;
	}
	.footer-wrapper {
		flex-direction: column;
		justify-content: center;
	}

	.footer-wrapper>div:nth-child(1) {
		margin-right: 0;
	}

	.footer-wrapper>nav {
		margin: 15px 0;
	}

	#footer-bottom {
		flex-direction: column;
	}

	.main-list {
		margin-bottom: 0 !important;
	}

	.mobile-column {
		flex-direction: column;
		gap: 10px;
	}

	.site-main {
		align-items: unset;
	}
}


@media (min-width: 600px) {
	.gphc-link {
		margin-right: 30px;
		margin-left: auto;
	}

	#mobile-table {
		display: none !important;
	}

	#desktop-table {
		display: flex !important;
	}
}


@media (max-width: 485px) {
	.main-list li {
		padding-bottom: 8px;
		font-size: 14px;
	}

	#front-section-wrapper h1 {
		font-size: 24px;
	}

	.front-sub-text {
		font-size: 14px;
		margin-top: 16px;
		margin-bottom: 16px;
	}

	.site-header {
		min-height: unset;
	}

	.header-container {
		padding: 14px 16px;
	}

	.gphc-logo {
		height: 40px !important;
	}

	.site-logo {
		width: 100%;
		max-width: 150px;
	}

	#basket-icon {
		width: 30px;
		height: 25px;
		margin-right: 0.5rem;
	}

	.cart-customlocation,
	.cart-customlocation-empty {
		display: flex;
		font-weight: bold;
		align-items: center;
	}


	#getaddress_input {
		width: 230px;
		margin-bottom: 5px !important;
	}

	#postcode_lookup {
		flex-direction: column-reverse;
		margin-right: 0;
	}

	#postcode_container {
		flex-direction: column;
	}

	#getaddress_button {
		margin-left: 0;
	}

	#enter_manually,
	#getaddress_button {
		font-size: 12px;
	}

	#postcode_wrapper {
		margin-bottom: 10px;
	}

	#getaddress_dropdown {
		order: -1;
	}

	#footer-logos {
		gap: 1rem;
	}

	#gphc-logo {
		height: 50px;
	}
	:root {
		--wrapper-padding: 20px 16px;
	}
}

@media (max-width: 400px) {
	.main-section-wrapper {

	}
	.gphc-logo {
		height: 35px !important;
	}

	.site-logo {
		width: 100%;
		max-width: 125px;
	}

	#basket-icon {
		width: 30px;
		height: 25px;
		margin-right: 0.5rem;
	}

	.order-table {
		grid-template-columns: 1fr 1fr 0fr;
	}

	#order-quantity {
		margin-left: 13px;
	}



	.questionnaire-list li {
		flex-direction: column;
		align-items: flex-start;
	}

	.questionnaire-list li p {
		margin-right: 0;
		margin-bottom: 5px;
	}

	.questionnaire-list .switch {
		margin-left: 0;
		/* margin-bottom: 10px; */
	}

	.section-wrapper {
		padding: 20px 20px;
	}

}

@media (max-width: 374px) {
	.main-list li {
		font-size: 12px;
	}

	.gphc-logo {
		height: 30px !important;
	}

	.site-logo {
		width: 100%;
		max-width: 120px;
	}

	#basket-icon {
		width: 20px;
		/* height: 25px; */
		margin-right: 0.25rem;
	}

	.basket-text {
		font-size: 12px;
	}

	#cart-count {
		width: 14px;
		height: 14px;
		font-size: 10px;
	}
}

/* NEW PAYPAL BUTTON */
.angelleye_ppcp {
	display: none;
	width: 100%;
	order: 1;
}

.angelleye_ppcp .express-divider,
.express-title {
	display: none !important;
}

.angelleye_ppcp fieldset {
	border: none !important;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	/* text-align: unset !important; */
}



.woocommerce-checkout-review-order-table tfoot tr:not([class]) {
	display: none;
}