/* Header */

.page-layout__header {
	position: relative;
}
.page-layout--with-header .page-layout__main {
	margin-top: 0;
}
div.header__container {
	padding: 0 10px;
}
.appointment_header {
	background-color: #fff;
	border-bottom: 1px solid #e9e8e6;
}
.appointment_header.book-eye-test:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 50vw;
	border-bottom: 1px solid var(--color--primary-light);
}
.header__container {
	height: auto;
	margin-bottom: -1px;
	flex-wrap: wrap;
}
.visionexpress-logo {
	width: 175px;
	flex-shrink: 0;
	padding: 15px 0;
}
.visionexpress-logo img {
	width: 100%;
	height: auto;
}
.lenstore-logo {
	width: 90px;
	flex-shrink: 0;
	padding: 15px 0;
}
@media (min-width: 56em) {
	div.header__container {
		padding: 0 15px;
	}
	.header__container {
		height: 75px;
		flex-wrap: no-wrap;
	}
	.visionexpress-logo {
		width: 220px;
		padding: 0;
	}
	.lenstore-logo {
		width: 135px;
		order: 1;
		padding: 0;
	}
}
.lenstore-logo svg {
	width: 100%;
	height: auto;
}
.header-progress {
	color: #a7acb1;
	height: 100%;
	width: 100%;
	display: flex;
}
.header-progress ul {
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	border-bottom: 1px solid #e9e8e6;
	position: relative;
	z-index: 1;
}
.header-progress ul li {
	margin: 0;
	padding: 15px 10px;
	display: flex;
	align-items: center;
	font-weight: 600;
	border-bottom: 1px solid #e9e8e6;
	margin-bottom: -1px;
	font-size: 0.8em;
}
@media (min-width: 56em) {
	.header-progress {
		padding-right: 3%;
		width: auto;
	}
	.header-progress ul {
		margin: 0;
	}
	.header-progress ul li {
		padding: 0 1.5em;
		font-size: 1em;
	}
}
.header-progress ul li.active {
	color: var(--color--primary-light);
	border-bottom: 1px solid;
}
	.header-progress ul li.active.complete {
		color: var(--color--text-primary);
		cursor: pointer;
		border-color: var(--color--primary-light);
	}
.header-progress ul li .step {
	border: 1px solid;
	border-radius: 50%;
	width: 1.6em;
	height: 1.6em;
	line-height: calc(1.6em - 2px);
	margin-right: 0.75em;
	position: relative;
}
	.header-progress ul li.complete .step:after {
		content: "";
		position: absolute;
		top: 1px;
		left: 1px;
		right: 1px;
		bottom: 1px;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml;utf8,<svg class='icon icon--checkmark appointments-selected-choices__checkmark' width='30px' height='30px' fill='none' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M18.465 6.24a.75.75 0 0 1 .123 1.054l-7.839 9.918a1.799 1.799 0 0 1-2.916-.085l-2.446-3.471a.75.75 0 1 1 1.226-.864l2.45 3.477.01.015a.299.299 0 0 0 .487.014l.009-.011 7.843-9.923a.75.75 0 0 1 1.053-.123Z' fill='currentColor'></path></svg>");
		background-size: contain;
		background-color: #fff;
	}


/* Button */

.button.button--outline.button--small {
	border-width: 1px;
}


/* Content Area */

.booking-content {
	min-height: calc(100vh - 150px);
}
.booking-content .book-appointment {
	width: 100%;
	padding: 0;
	max-width: unset;
	min-width: unset;
	min-height: calc(100vh - 150px);
	align-items: start;
}
.appointments-store-finder-search-form__title {
	padding-top: 0.75rem;
}
#storesearch {
	display: flex;
	width: 100%;
	min-height: calc(100vh - 150px);
	flex-wrap: wrap;
	padding-top: 2.5rem;
}
	.store-content {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}
	.stores-info-tab-inner {
		min-height: 65vh;
	}
	#map-container {
		display: flex;
		width: 100%;
		/*min-height: 80vh;*/
		background-color: #f2f2f2;
		overflow: hidden;
		height: 0px;
		-webkit-transition: height 500ms ease-in-out;
		-moz-transition: height 500ms ease-in-out;
		-ms-transition: height 500ms ease-in-out;
		-o-transition: height 500ms ease-in-out;
		transition: height 500ms ease-in-out;
	}
		#map-container #ve_map {
			width: 100%;
			min-height: 65vh;
		}
		#map-container .store-info-header {
			font-weight: 500;
		}
		#map-container .store-info-address {
			list-style: none;
			padding: 0;
			margin: 0 0 1em;
		}
			#map-container .store-info-address li {
				margin: 0 0 0.25em;
			}
			#map-container #store-select.button--small {
				min-width: 100%;
				padding: .5rem;
			}

	.tabs__wrapper {
		margin-left: -1rem;
		margin-right: -1rem;
	}
		.tab.location-search-tabs__tab {
			display: block;
		}

	.stores-next-prev .button--small {
		width: 48%;
		min-width: unset;
	}

	@media (min-width: 620px) {
		.tabs__wrapper {
			margin-left: 0;
			margin-right: 0;
		}
		.stores-next-prev .button--small {
			min-width: 176px;
		}
	}
	@media (min-width: 56em) {
		.store-content {
			width: 40%;
			max-width: unset;
			margin: 0;
		}
		.stores-info-tab-inner {
			min-height: unset;
		}
		#stores-info-tab {
			display: block !important;
		}
		#map-container {
			display: flex;
			width: 55%;
			height: unset !important;
			margin-left: auto;
		}
		#map-container #ve_map {
			min-height: unset;
		}
		div.tabs__wrapper {
			display: none;
		}
	}

	.pac-container {
		background: var(--color--shade-white);
		border: 1px solid var(--color--shade-midtone);
		border-radius: .375rem;
		box-shadow: none;
		-moz-box-sizing: none;
		-webkit-box-sizing: none;
		font-family: inherit;
	}
		.pac-container.pac-logo:after {
			display: none;
		}
		.pac-container .pac-item {
			border-bottom: 1px solid var(--color--disabled-border);
			border-top: none;
			margin: 0;
			padding: .75rem 1rem;
			font-size: var(--font--size);
			line-height: 1.5;
			cursor: pointer;
		}
		.pac-container .pac-item:last-child {
			border-bottom: none;
		}
		.pac-container .pac-item:hover,
		.pac-container .pac-item:focus {
			box-shadow: inset 0 0 0 4px hsla(0,0%,100%,.7),inset 0 0 0 4px var(--color--primary);
		}
		.pac-container .pac-item .pac-icon {
			display: none;
		}
		.pac-container .pac-item .pac-item-query {
			color: var(--color--shade-black);
			font-weight: var(--font--weight-medium);
			font-size: var(--font--size);
			padding-right: 0.3em;
		}
		.pac-container .pac-item > span:last-of-type {
			color: var(--color--shade-midtone);
			letter-spacing: inherit;
			text-align: left;
			white-space: nowrap;
		}

	.autocomplete-input__button-wrapper {
		bottom: unset;
		height: 3rem;
	}

	.postcode-form-current-location {
		margin-top: 1em;
	}
		.postcode-form-current-location button {
			width: 100%;
		}

	.stores-info {
		margin-top: 2em;
		position: relative;
	}
	.store-block {
		border: 1px solid var(--color--shade-midtone);
		margin-bottom: 1em;
		padding: 1em;
		border-radius: 5px;
		display: flex;
	}
		.store-block .location-marker {
			flex-shrink: 0;
			margin-right: 1em;
			display: none;
		}
		.store-block .location-marker span {
			background-color: #ed2d25;
			color: #fff;
			width: 1.5em;
			display: inline-block;
			text-align: center;
			height: 1.5em;
			font-weight: 600;
			line-height: 1.5em;
			font-size: 0.9em;
			vertical-align: bottom;
			border-radius: 50%;
		}
		.store-block .store-block-right {
			width: 100%;
		}
		.store-block .store-details p {
			color: var(--color--text-secondary);
			margin: 0;
			font-size: 0.9em;
		}
		.store-block .store-select {
			display: flex;
			align-items: center;
			margin-top: 0.75em;
		}
			.store-block .store-select button {
				margin-left: auto;
			}

		.store-details-marker {
			background-color: #ed2d25;
			color: #fff;
			font-weight: var(--font--weight-bold);
			font-size: 0.8em;
			width: 1.5em;
			height: 1.5em;
			display: inline-block;
			text-align: center;
			border-radius: 50%;
			line-height: 1.4;
			vertical-align: text-bottom;
			margin-right: 0.5rem;
		}

		@media (min-width: 56em) {
			.store-block .location-marker {
				display: block;
			}
			.store-details-marker {
				display: none;
			}
		}


	.stores-next-prev {
		display: flex;
	}
		.stores-next-prev .stores-next {
			margin-left: auto;
		}

	#loading-stores-overlay, .appointment-selection-loading-overlay {
		overflow: hidden;
		position: absolute;
		background-color: rgba(255,255,255,0.8);
		left: 0;
		top: 0;
		z-index: 1;
	}
	#stores-loading, .loading-modal, #page-loading .loading {
		padding: 0 0 70px 0;
		background: url(/images/loading.gif) no-repeat 50% 70%;
		text-align: center;
		overflow:hidden !important;
		z-index: 1001;
	}
	#stores-loading .loading, .loading-modal .loading {
		padding:10px;
		font-size: 1.1em;
		font-weight: var(--font--weight-bold);
	}

.appointment-date-time,
.appointment-book-details {
	width: 100%;
}
	.appointment-date-time > form {
		display: flex;
		width: 100%;
	}
	.form-slim {
		margin: 0 auto;
		max-width: 100%;
		width: 600px;
		padding-top: 2.5rem;
	}
		.form-slim h2,
		.form-slim h3 {
			font-weight: 600;
		}
		.form-slim h3 {
			margin: 1.5rem 0 0.3rem;
		}
	.appointment-summary {
		padding: 0.55rem 1rem;
		border: 1px solid var(--color--primary);
		border-radius: 5px;
		box-shadow: 0 0 0 4px hsla(0,0%,100%,.7),0 0 0 4px var(--color--focus-border);
		display: flex;
		align-items: center;
		margin-bottom: 2rem;
	}
		.appointment-summary .chosen-store {
			margin-right: 0.75rem;
			font-size: 0.8rem;
		}

		.appointment-summary .select-new-store,
		.appointment-summary .select-new-time {
			display: block;
			margin-left: auto;
			color: var(--color--primary);
			cursor: pointer;
		}
		.appointment-summary svg {
			color: var(--color--shade-black);
			margin-right: 1rem;
			flex-shrink: 0;
		}
	.appointment-cal {
		display: flex;
		flex-direction: column;
		border: 1px solid var(--color--shade-midtone);
		border-radius: 5px 5px 0 0;
		position: relative;
	}
		#appointment-nav {
			display: flex;
			padding: 0.75rem 1rem;
			border-bottom: 1px solid var(--color--shade-midtone);
		}
			#appointment-nav > div {

			}
			#appointment-month {
				margin: 0 auto;
			}
		#loading-rtb-overlay {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: rgba(255,255,255,0.7);
			border-radius: 4px 4px 0 0;
		}
		#appointment-week {
			min-height: 200px;
		}
		#appointment-week,
		#appointment-week-headings {
			display: flex;
			flex-wrap: wrap;
			background-color: var(--color--shade-midtone);
			margin-left: -1px;
			margin-top: -1px;
		}
			#appointment-week .appointment-day,
			#appointment-week-headings .appointment-day {
				width: calc(100% / 7);
				margin: 0;
				padding: 1px 0 0 1px;
				text-align: center;
				text-align: center;
			}

			#appointment-week > div:first-of-type.Tue {
				margin-left: calc(100% / 7);
			}
			#appointment-week > div:first-of-type.Wed {
				margin-left: calc((100% / 7) * 2);
			}
			#appointment-week > div:first-of-type.Thu {
				margin-left: calc((100% / 7) * 3);
			}
			#appointment-week > div:first-of-type.Fri {
				margin-left: calc((100% / 7) * 4);
			}
			#appointment-week > div:first-of-type.Sat {
				margin-left: calc((100% / 7) * 5);
			}
			#appointment-week > div:first-of-type.Sun {
				margin-left: calc((100% / 7) * 6);
			}
			#appointment-week div.Sun,
			#appointment-week-headings div.Sun {
				flex-grow: 1;
			}
				.appointment-day-text {
					width: 100%;
					height: 100%;
					background-color: #fff;
					border: 1px solid #fff;
					display: flex;
					flex-direction: column;
					flex-wrap: wrap;
					align-items: center;
					justify-content: center;
					padding: 0.5rem 0.25rem;
				}
				.has-appointments .appointment-day-text {
					background-color: #effaea;
					border-color: #effaea;
					color: #59983a;
					cursor: pointer;
				}
				.has-appointments .appointment-day-text:hover {
					background-color: #e0f6da;
				}
				.no-appointments .appointment-day-text {
					background-color: var(--color--shade-lightest);
					border-color: var(--color--shade-lightest);
					color: var(--color--shade-midtone);
				}
				.selected-day.appointment-day-text {
					border-color: #59983a;
					outline: 1px solid #59983a;
					background-color: #e0f6da;
				}

				.appointment-day-text a {
					display: flex;
					flex-direction: column;
				}
				.appointment-day-text sup {
					display: none;
				}
				.appointment-day-text .weekday-name {
					text-transform: uppercase;
					font-size: 0.7em;
					font-weight: 600;
				}
				#appointment-week .weekday-name {
					display: none;
				}
				#appointment-week .weekday-date {
					padding: 0.2em 0;
					font-size: 0.8rem;
				}

			@media (min-width: 56em) {
				.appointment-summary .chosen-store {
					font-size: 1rem;
				}
				#appointment-week .weekday-date {
					padding: 0.2em;
					font-size: 1rem;
				}
				.appointment-day-text {
					padding: 0.5rem;
				}
			}

		#appointment-time-slots {
			display: flex;
			flex-wrap: wrap;
			list-style: none;
			padding: 0;
			margin: 0;
		}
			#appointment-time-slots li {
				margin: 0 0.75rem 0.75rem 0;
				width: calc(33.33% - 0.5rem);
				display: flex;
				font-size: 0.8rem;
			}
			#appointment-time-slots li:nth-child(3n) {
				margin-right: 0;
			}
			.appointment-slot-time {
				width: 100%;
				text-align: center;
				border: 1px solid var(--color--shade-midtone);
				padding: 0.5em;
				border-radius: 5px;
				cursor: pointer;
			}
			.appointment-slot-time:hover {
				border-color: var(--color--shade-dark);
			}
				.selected-day a.appointment-slot-time {
					border: 1px solid var(--color--primary);
					box-shadow: 0 0 0 4px hsla(0,0%,100%,.7),0 0 0 4px var(--color--focus-border);
				}

		.request-date-time-submit {
			display: flex;
			justify-content: flex-end;
			margin-top: 1.5rem;
		}

		@media (min-width: 56em) {
			#appointment-time-slots li {
				font-size: 1rem;
			}
		}

fieldset.your-details {
	border: 1px solid var(--color--border);
	border-radius: var(--border-radius--primary);
	margin-bottom: 1rem;
	padding: 3rem 1rem .5rem;
	position: relative;
}
	.optional-fieldset__legend {
		position: absolute;
		top: 1rem;
	}
	.optional-fieldset__legend h3 {
		font-weight: var(--font--weight-medium);
		margin: 0 0 .5rem;
	}
	.date-field_area {
		padding-bottom: .55rem;
	}
	.date-field__label {
		margin-bottom: 0;
	}
	.date-field__label__year {
		min-width: 5rem;
	}
	.submit-container {
		display: flex;
		justify-content: flex-end;
	}
	.consents-and-opt-ins {
		list-style-type: none;
		margin: 1.5rem 0 2.5rem;
		padding-left: 0;
	}

	@media (max-width: 619.9px) {
		.request-date-time-submit .button,
		.submit-container .button {
			width: 100%;
		}
	}


div.error {
	color: var(--color--error-light);
	padding: 0.3rem 1rem;
}

#page-loading {
	width: 100%;
	z-index: 100;
	overflow: hidden;
	background-color: #fff;
	opacity: 0.8;
	filter:Alpha(Opacity=80);
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
	#page-loading .loading {
		display: none;
		font-size: 1.1em;
		font-weight: var(--font--weight-bold);
	}


/* Error Pages */

.bookError {
	max-width: 600px;
	margin: 0 auto;
	min-height: 70vh;
	padding: 0 15px;
}


/* Thank you */
.lenstore-confirm > h2 {
	padding-bottom: 1.4rem;
	border-bottom: 1px solid var(--color--shade-light);
	margin-bottom: 1.4rem;
}
.green-confirm {
	display: flex;
	background-color: #effff4;
	padding: 1rem;
	align-items: center;
	font-weight: var(--font--weight-bold);
	margin: 0.2rem 0;
	color: #536d60;    border: 1px solid;
	border-radius: var(--border-radius--primary);
}
	.green-confirm-tick {
		flex-shrink: 0;
		margin-right: 0.75rem;
		border: 2px solid;
		border-radius: 50%;
		text-align: center;
		height: 30px;
		width: 30px;
	}
	.green-confirm-tick svg {
		width: 26px;
		height: 26px;
	}
	.green-confirm span {
		font-size: 1.1rem;
	}
.lenstore-confirm-box {
	border: 1px solid var(--color--border);
	border-radius: var(--border-radius--primary);
	padding: 1rem;
}
	
	.lenstore-confirm-box > p {
		margin: 0 0 3px;
	}
	.lenstore-confirm-box > p:not(:first-of-type) {
		color: var(--color--text-secondary);
	}
	.lenstore-confirm-box > p:first-of-type {
		font-weight: var(--font--weight-bold);
	}
	.lenstore-confirm-box > p:last-of-type {
		margin-bottom: 0;
	}
	.lenstore-confirm-box > p.store-view-p {
		margin-top: 0.5rem;
	}
.lenstore-cus-details {
	display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0 1.5rem;
}
	.lenstore-cus-details > div {
		display: grid;
		grid-template-columns: subgrid;
		grid-column: span 2;
	}
	.lenstore-cus-details > div p {
		margin: 0 0 3px;
	}
	.lenstore-cus-details > div p:not(:first-of-type) {
		color: var(--color--text-secondary);
	}
	.lenstore-cus-details > div p:first-of-type {
		font-weight: var(--font--weight-bold);
	}
.lenstoreReturn {
	margin-top: 2rem;
	display: flex;
	justify-content: flex-end;
}
	.lenstoreReturn .button {
		width: 100%;
	}



/* Footer */

.page-layout__footer {
	padding-top: 2.5em;
}









/* Tooltips */
.tooltip {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;utf8,<svg width='24px' height='24px' fill='none' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10.681 14.99c0-.816.101-1.465.302-1.948.202-.484.569-.958 1.101-1.424.539-.472.897-.854 1.075-1.145.177-.297.266-.609.266-.935 0-.984-.462-1.476-1.385-1.476-.438 0-.79.134-1.057.402-.26.262-.396.626-.408 1.092H8c.012-1.113.376-1.983 1.092-2.612C9.814 6.314 10.797 6 12.04 6c1.255 0 2.229.3 2.921.9C15.654 7.494 16 8.336 16 9.425c0 .495-.113.964-.337 1.406-.225.437-.619.924-1.181 1.46l-.72.672c-.45.425-.707.923-.772 1.494l-.036.533h-2.273Zm-.257 2.682c0-.39.133-.71.4-.961.272-.256.618-.384 1.038-.384.42 0 .764.128 1.03.384.273.25.409.57.409.961 0 .384-.133.702-.4.952-.26.25-.607.376-1.039.376-.432 0-.781-.125-1.047-.376-.26-.25-.391-.567-.391-.952Z' fill='white'></path></svg>");
	display: inline-block;
	background-color: var(--color--primary);
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 0.2em;
	border-radius: 50%;
}

.tooltip-small {
	background-size: contain;
	width: 18px;
	height: 18px;
	position: relative;
	top: 1px;
}
.tooltip-container {
	position:relative;
	display:inline-block;
}

.tooltip-container img { display:block; }

.tooltip-container span.tooltip {
	background-color: #D12228;
	border-radius: 4px 4px 4px 4px;
	padding: 5px 8px;
	text-align: center;
	position: absolute;
	bottom: 23px;
	right: -9999em;
	width: 250px;
	z-index: 100;
	color:#FFFFFF;
	text-shadow:0 -1px 1px rgba(0,0,0,0.3);
	box-shadow:0 1px 2px rgba(0,0,0,0.5);
	display:none;
}
.tooltip-container span.tooltip{
	background:var(--color--background-primary);border-radius:var(--border-radius--primary);box-shadow:0 3px 15px rgba(0,0,0,.15);color:var(--color--text-primary);font-size:.875rem;font-weight:var(--font--weight-regular);margin:.5rem;opacity:1;padding:1rem;z-index:var(--z-index--level-6)
}

.tooltip-container span.tooltip img {
	position:absolute;
	bottom:-6px;
	right:0px;
}

.tooltip-container span.tooltip strong {
	margin-bottom:4px;
	display:inline-block;
}

.tooltip-container:hover span.tooltip {
	right:7px;
	display:block;
}

.rtb-tooltip.qtip {
	max-width: 300px;
}

.rtb-tooltip .qtip-content {
	padding: 1.5em 2em;
	line-height: 1.3em;
	font-weight: normal;
	font-family: HelveticaNeueW02-45Ligh,arial,sans-serif;
	font-size: 1.2em;
}



/*---- Neutral, Error & Success Messages. Default is neutral ----*/
/*--- Additional form error message handling is specified in form.css ----*/

.message {
	margin: 10px 0;
	padding: 8px 8px 8px 33px;
	background: #E7E7E7 url(/images/icons/message.gif) no-repeat 10px 50%;
	border: 2px solid #C7C7C7;
}
.message p {
	margin: 0;
}
.message#error {
	padding: 0;
	background: none;
	border: none;
	margin: 0 0 0.5rem;
	color: var(--color--error);
	font-size: 0.9rem;
}
.message#success {
	background-color: #E1FFD1;
	background-image: url(/images/icons/success.gif);
	border-color: #C5F8AC;
	color: #468D3F;
}
.message#info {
	background-color: #b6ddff;
	background-image: url(/images/icons/info.gif);
	border-color: #2b78bb;
	color: #00335f;
}
.message#highlight {
	background-color: #fff0b2;
	background-image: url(/images/icons/highlight.gif);
	border-color: #ffcc00;
	color: #cf7a0b;
}
.message#warning {
	background: url("/images/icons/warning.gif") no-repeat scroll 12px center #FEFDE2;
	border: 1px solid #E5E181;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    color: #666666;
    font-weight: bold;
    padding-left: 40px !important;
}
.message#tesco-info {
	position: relative;
	background-color: #b6ddff;
	background-image: url(/images/icons/info.gif);
	border-color: #2b78bb;
	color: #00335f;
	z-index: 1;
	display: none;
}
.message#highlight a {
	color:#ff4e00;
	border-color:#ff4e00;
}
.message#loading {
	background-image: url(/images/icons/micro-loading.gif);
}
.message#error-day,
.message#error-time {
	background-color: #FFD1D1;
	background-image: url(/images/icons/error.gif);
	border-color: #F8ACAC;
	color: #8D3F3F;
}

.message#error {
	display: block;
}
.JSerror {
	width: 580px;
	margin: 0 auto;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -290px;
	padding: 3px;
	font-weight: bold;
	z-index:999999;
	background-image:none !important;
}
#cookie-msg {
	position: fixed;
    background: rgba(34, 32, 31, 0.85);
    color: #fff;
    z-index: 9999;
    bottom: 10px;
    right: 15px;
    left: 15px;
    max-width: 1200px;
    width: 100%;
	padding: 2em 5em 2em 2em;
    margin: auto;
    transition: .4s all ease;
}
#cookie-msg.headroom--unpinned,
#cookie-msg.hide-cookie {
	bottom: -150px;
}
#phone #cookie-msg {
	bottom: -400px;
	transition: .5s all ease;
}
#cookie-msg.headroom--pinned {
	display: none;
}
#phone #cookie-msg {
	bottom: -400px;
	transition: .5s all ease;
}
#cookie-msg .msg {
	text-align: left;
	width: 80%;
	float: left;
}
#cookie-msg .msg p {
	font-size: 1rem;
	margin: 0;
}
#cookie-msg .msg p a {
	color: #ccc;
}
#phone #cookie-msg .msg p a {
	font-size: 1.2em;
}
#phone #cookie-msg .msg {
	text-align: center;
	width: 100%;
	float: none;
}
#cookie-msg .ok {
	width: 20%;
	float: left;
	padding-top: 4px;
}
#cookie-msg .ok a.button {
	background-color: #9E007E;
	border-color: #9E007E;
	color: #FFFFFF;
	min-width: 135px;
	padding: 12px 10px;
	letter-spacing: .05em;
	line-height: 1.4;
	font-size: .813em;
	font-weight: 600;
	height: auto;
	white-space: normal;
	word-break: break-word;
	word-wrap: break-word;
}
#cookie-msg .close-button {
	position: absolute;
	height: 15px;
	right: 0;
	top: 15px;
	cursor: pointer;
	padding-left: 50px;
}
#cookie-msg .close-button:hover:before,
#cookie-msg .close-button:hover:after {
	background-color:#fff;
}


hr.grey-divider {
    margin: 2.5em 0;
    height: 10px;
    border: none;
    background: #f9f6f4;
}

.no-dates {
	background-color: #fff;
	margin-left: 1px;
	padding: 5px;
	margin-top: 1px;
}