/***
Theme Name: The Tweakments Guide
Author: Elemental Concept
Author URI: https://elementalconcept.com/
Description: Custom theme for The Tweakments Guide website
Version: 2.0.0
***/

/*** Basic ***/

*, *:before, *:after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 100%;
	font-family: Sora, "Helvetica Neue", sans-serif;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: -.015rem;
	line-height: 1.55;
}

body {
	color: #2b3547;
	background-color: #fff;
	height: 100%;
}

body.no-scroll {
	overflow: hidden;
}

.show-on-mobile {
	display: none;
}

a, a:focus, a:active {
	color: #f36b24;
	text-decoration: none;
	transition: all .2s;
	outline: none;
}

a:hover {
	color: #2b3547;
}

/*** ============================================================== ***/
/*** Text ***/

h1, h2, h3, h4, h5, h6 {
	font-family: Sora, "Helvetica Neue", sans-serif;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.05em;
	color: #2b3547;
	margin: .875rem 0;
	clear: both;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: initial;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #f36b24;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top: 0;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
	margin-bottom: 0;
}

h1 {
	font-size: 2rem;
	font-weight: 600;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.5rem;
	line-height: 1.25;
	font-weight: 500;
	letter-spacing: -0.03em;
}

h4 {
	font-size: 1.1rem;
	line-height: 1.25;
	font-weight: 500;
	letter-spacing: -0.025em;
}

h5 {
	font-size: 1rem;
	line-height: 1.25;
	font-weight: 500;
	letter-spacing: -0.015em;
}

h6 {
	font-size: .875rem;
	line-height: 1.25;
	font-weight: 500;
	letter-spacing: -0.01em;
}

p {
	font-size: .9rem;
	margin: 1rem 0;
}

.text-bold {
	font-weight: 600;
}

.text-underlined {
	text-decoration: underline;
}

.text-small, small {
	font-size: .775rem;
}

.lh-small {
	line-height: 1.15;
}

.nowrap {
	white-space: nowrap;
}

small a:hover {
	text-decoration: underline;
}

.small-text-container p,
.small-text-container li {
	font-size: .775rem;
}

.text-medium {
	font-size: 1rem;
}

div.text-medium p,
div.text-medium li {
	font-size: 1rem;
	/*margin: 1rem 0;*/
}

.medium-intro-paragraph p:first-of-type {
	font-size: 1rem;
}

.text-large {
	font-size: 1.125rem;
}

div.text-large p,
div.text-large li {
	font-size: 1.125rem;
}

.text-xlarge {
	font-size: 1.25rem;
}

.text-xxlarge {
	font-size: 1.5rem;
}

p:first-child {
	margin-top: 0;
}

p:last-child {
	margin-bottom: 0;
}

strong, b {
	font-weight: 600;
}

em, i {
	font-style: italic;
}

small {
	font-size: .8rem;
}

big {
	font-size: 1.25rem;
}

hr {
	background-color: #eee;
	border: 0;
	height: 1px;
	margin: 1rem 0;
}

.hr-separator {
	background-color: #e1e1e1;
	border: 0;
	height: .1rem;
	margin: 3rem 0;
}

/*** Lists ***/

ul, ol {
	padding: 0;
	margin: 1.25rem 0;
	font-size: .875rem;
}

ul {
	list-style: disc;
	margin-left: 1.15rem;
	font-size: .875rem;
	padding: 0;
}

ol {
	list-style: disc;
	margin-left: 1.15rem;
	font-size: .875rem;
	padding: 0;
}

li > ul, li > ol {
	font-size: .875rem;
	margin-top: 0;
	margin-bottom: 0;
}

ul:first-child,
ol:first-child {
	margin-top: 0;
}

ul:last-child,
ol:last-child {
	margin-bottom: 0;
}


/*** Images ***/

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.tweakment-finder-button-container {
	margin-top: 2rem;
}

.tweakment-finder-button {
	display: block;
	position: relative;
	font-size: .75rem;
	font-weight: 500;
	line-height: 1.1;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .15);
	background-color: #fff;
	padding: .6rem 1rem .5rem 4.5rem;
	border-radius: 5rem;
}

.tweakment-finder-button > img {
	display: block;
	position: absolute;
	width: 3.5rem;
	height: 3.5rem;
	bottom: 0;
	left: .75rem;
}

.tweakment-finder-button.floating-finder {
	position: fixed;
	bottom: 1.5rem;
	left: 1.5rem;
	z-index: 10000;
}

.tweakment-finder-button.floating-finder img {
	display: block;
	width: auto;
	height: 3.5rem;
}

/*** Tables ***/

table, th, td {
	border: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 1rem 0;
	table-layout: fixed;
	width: 100%;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th, td {
	padding: 0.5rem;
	font-size: .875rem;
}

table.list th,
table.list td {
	padding: .25rem;
}

table.list th:first-child,
table.list td:first-child {
	padding-left: 0;
	white-space: nowrap;
	width: auto;
}

table.list th:last-child,
table.list td:last-child {
	padding-right: 0;
	width: 65%;
}

/*** Forms ***/

.form-row {
	margin-bottom: .75rem;
}

.form-row label {
	font-weight: 500;
	font-size: .875rem;
}

form.vertical label {
	display: block;
}

form .required {
	color: #cc0000;
}

.form-buttons {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid #e1e1e1;
}

.form-buttons.center {
	text-align: center;
}

button, input, select, textarea {
	color: #2b3547;
	font-family: Sora, "Helvetica Neue", sans-serif;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.75;
	padding: .5rem;
}

input {
	line-height: normal;
}

button, button[disabled]:hover, button[disabled]:focus,
input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus,
input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus,
input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
	background: #b0b0b0;
	border: 0;
	color: #fff;
}

button:hover, button:focus,
input[type="button"]:hover, input[type="button"]:focus,
input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
	background: #b0b0b0;
}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
	outline: none;
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"],
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"],
input[type="tel"], input[type="number"], textarea {
	background: #ffffff;
	border: 1px solid #ddd;
	border-radius: 1px;
	color: #2b3547;
	padding: .5rem;
	width: 100%;
}

select {
	background: #ffffff;
	border: 1px solid #ddd;
	border-radius: 1px;
	color: #2b3547;
	padding: .5rem;
	width: 100%;
}

input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus,
input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus,
input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus,
textarea:focus {
	background-color: #fff;
	border-color: #b0b0b0;
	color: #3C4E6F;
	outline: none;
}

/* Custom form elements */

.custom-drop-down-container {
	position: relative;
	padding: 0 .5rem .5rem .5rem;
}

.custom-drop-down {
	width: calc(100% - 1rem);
	text-align: left;
	font-size: .9rem;
	line-height: 1.25rem;
	background: none;
	margin: 0;
	border-bottom: 1px dotted #d1d1d1;
	position: absolute;
	background: #fff;
	z-index: 1000;
}

.custom-drop-down.opened {
	box-shadow: 0 .1rem .3rem 0 rgba(0, 0, 0, .15);
}

.custom-drop-down:after {
	content: "";
	position: absolute;
	height: .75rem;
	width: .75rem;
	top: .6rem;
	right: .6rem;
	background-image: url("../svg/chevron-down.svg");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.custom-drop-down:hover {
	border-bottom: 1px solid #d1d1d1;
}

.custom-drop-down .custom-drop-down-option {
	display: none;
}

.custom-drop-down.opened .custom-drop-down-option {
	display: block;
}

.custom-drop-down-option a {
	padding: .25rem .5rem .25rem .5rem;
	display: block;
	color: #2b3547;
	outline: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.custom-drop-down-option a:hover {
	background-color: #f7f7f7;
	color: #2b3547;
}

.custom-drop-down-option a:focus {
	color: #2b3547;
	outline: none;
}

.custom-drop-down-option.selected {
	font-weight: 600;
	display: block;
}

.custom-input {
	padding: 0 .5rem .5rem .5rem;
	display: block;
}

.tweakment-highlights {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 1rem;
}

input.filter-input {
	width: 100%;
	text-align: left;
	font-size: .85rem;
	line-height: 1.25rem;
	display: inline-block;
	padding: .25rem 0;
	background: none;
	margin: 0;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ddd;
}

input.filter-input:hover {
	border-bottom: 1px solid #d1d1d1;
	background-color: #f7f7f7;
	color: #2b3547;
}

.custom-radio-set {
	padding: .35rem .5rem .5rem .5rem;
}

.custom-radio {
	display: inline-block;
}

.custom-radio:not(:last-of-type) {
	margin-right: .75rem;
}

.custom-radio label {
	position: relative;
	display: block;
	padding-left: 1.25rem;
	line-height: 1rem;
}

.custom-radio label:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 1);
	border: .075rem solid #f36b24;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
}

.custom-radio label:hover:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f36b24;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	transform: scale(.5);
	opacity: .5;
}

.custom-radio input {
	display: none;
}

.custom-radio input:checked ~ label {
	font-weight: 500;
}

.custom-radio input:checked ~ label:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f36b24;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	transform: scale(.5);
}

/* Custom Select */

.select-box {
	padding: 0 .5rem .5rem .5rem;
	display: block;
}

.custom-select {
	position: relative;
}

.custom-select select {
	display: block;
	width: calc(100% - .5rem);
	max-width: 100%;
	box-sizing: border-box;
	font-size: .85rem;
	line-height: 1.25rem;
	/*margin: 0 .25rem;*/
	padding: .25rem 1.5rem .25rem 0;
	border: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: none;
	font-weight: 600;
	border-bottom: 1px solid #ddd;
}

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

.custom-select option {
	font-weight: normal;
}

.custom-select:before {
	position: absolute;
	content: "";
	top: 0;
	right: .5rem;
	width: .4rem;
	height: calc(50% - .1rem);
	border: .4rem solid transparent;
	border-bottom-color: #f36b24;
	pointer-events: none;
}

.custom-select:after {
	position: absolute;
	content: "";
	bottom: 0;
	right: .5rem;
	width: .4rem;
	height: calc(50% - .1rem);
	border: .4rem solid transparent;
	border-top-color: #f36b24;
	pointer-events: none;
}

.toggle-filter-bar {
	margin-top: .5rem;
	text-align: left;
}

.toggle-filter {
	padding: 0 0 .85rem 0;
	display: flex;
	align-content: center;
	justify-content: center;
	text-align: center;
	color: #3A3A3A;
	text-transform: uppercase;
	font-size: .7rem;
	line-height: 1rem;
	font-weight: 600;
	position: relative;
}

.toggle-filter.more:before {
	position: absolute;
	content: "";
	top: auto;
	bottom: 0;
	right: auto;
	left: calc(50% - .2rem);
	width: .4rem;
	border: .35rem solid transparent;
	border-top-color: #f36b24;
	pointer-events: none;
}

.toggle-filter.less:before {
	position: absolute;
	content: "";
	top: auto;
	bottom: .4rem;
	right: auto;
	left: calc(50% - .2rem);
	width: .4rem;
	border: .35rem solid transparent;
	border-bottom-color: #f36b24;
	pointer-events: none;
}

/*** Search ***/

.search-form {
	position: relative;
}

.search-result-block {
	display: grid;
	grid-gap: 1.5rem;
	grid-template-columns: 1fr 3fr;
	align-items: start;
}

.search-result-block img {
	display: block;
	width: 100%;
	height: auto;
}

.search-post-meta {
	color: #696969;
	font-size: .85rem;
	font-weight: 400;
	margin: 0;
}

.search-post-meta a {
	font-weight: 600;
	color: #f36b24;
}

.search-post-meta a:hover, .search-post-meta a:focus {
	text-decoration: underline;
	color: #f36b24;
}

.search-post-meta .posted-on {
	font-weight: 500;
}

.search-post-meta .cat-links:before {
	content: " in ";
	font-weight: normal;
}

.search-box-container {
	position: absolute;
	height: auto;
	width: 25rem;
	top: 3.5rem;
	right: 1.5rem;
	left: auto;
	padding: 1rem;
	display: block;
	background-color: #fff;
	overflow: hidden;
	transition: all .3s ease-out;
	box-shadow: 0 0.6rem 0.8rem 0 rgb(0, 0, 0, .08);
	z-index: -1000;
	visibility: hidden;
	opacity: 0;
}

.search-box-container.search-box-visible {
	z-index: 1000;
	visibility: visible;
	opacity: 1;
}

.search-box-container form {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	align-self: center;
}

.search-box-container form > div {
	padding: .25rem;
}

.search-box-container form div:first-child {
	width: calc(100% - 1.8rem);
}

.search-box-container img {
	width: auto;
	height: 1.5rem;
	display: block;
	margin-right: 1rem;
}

.search-form label span {
	display: block;
	color: #fff;
	font-size: .8rem;
	line-height: 1;
	margin-top: 0;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: .5rem;
}

.search-box-container form input[type="search"].search-field {
	width: 100%;
	font-size: .875rem;
	background-color: #f5f5f5;
	border: none;
	line-height: 2rem;
	padding: 0 .75rem;
	margin: 0;
	opacity: 1;
	border-radius: 1px;
}

.search-box-container form input[type="search"].search-field:focus {
	opacity: 1;
}

.search-box-container form select {
	width: 100%;
	font-size: .875rem;
	background-color: #f5f5f5;
	border: none;
	line-height: 2rem;
	padding: .4rem .75rem;
	margin: 0;
	opacity: 1;
	border-radius: 1px;
}

.search-box-container form button[type="submit"].search-submit {
	font-weight: bold;
	line-height: 2rem;
	padding: 0 .75rem;
	background-color: #00a0af;
	position: relative;
	border-radius: 1px;
	display: inline-block;
	margin: 0 0 0 .5rem;
	cursor: pointer;
}

/*** Placeholder ***/
::-webkit-input-placeholder {
	color: #b0b0b0;
	font-family: Sora, "Helvetica Neue", sans-serif;
}

:-moz-placeholder {
	color: #b0b0b0;
	font-family: Sora, "Helvetica Neue", sans-serif;
}

::-moz-placeholder {
	color: #b0b0b0;
	font-family: Sora, "Helvetica Neue", sans-serif;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #b0b0b0;
	font-family: Sora, "Helvetica Neue", sans-serif;
}

/*** ============================================================== ***/
/*** Links ***/

.more-link {
	white-space: nowrap;
	position: relative;
	text-transform: uppercase;
	font-weight: 600;
	font-size: .75rem;
	color: #2b3547;
}

.more-link:hover {
	color: #f36b24;
}

.more-link:after {
	content: url("../svg/icon-arrow-right.svg");
	display: inline-block;
	width: 1.5rem;
	height: auto;
	margin-left: .5rem;
	margin-right: .5rem;
	transition: margin .3s;
}

.more-link.cl-white-text:after {
	content: url("../svg/icon-arrow-right-white.svg");
}

.more-link:hover:after {
	margin-left: 1rem;
	margin-right: 0;
}

.more-link.cl-white-text:hover {
	color: #fff;
}

.arrow-next-after:after {
	content: url("../svg/icon-arrow-right-white.svg");
	display: block;
	width: 1.5rem;
	margin-left: calc(50% - .75rem);
	margin-right: calc(50% - .75rem);
	transition: margin-left .3s;
}

.arrow-next-after:hover:after {
	margin-left: 50%;
	margin-right: auto;
}

.arrow-next-after-orange:after {
	content: url("../svg/icon-arrow-right.svg");
	display: block;
	width: 1.5rem;
	margin-left: calc(50% - .75rem);
	margin-right: calc(50% - .75rem);
	transition: margin-left .3s;
}

.arrow-next-after-orange:hover:after {
	margin-left: 50%;
	margin-right: auto;
}

.more-link-down {
	white-space: nowrap;
	position: absolute;
	text-transform: uppercase;
	font-weight: 700;
	font-size: .9rem;
	line-height: inherit;
	float: none;
	top: 0;
	right: 0;
	outline: none;
}

.more-link-down:before {
	content: url("../svg/icon-arrow-right.svg");
	display: inline-block;
	width: 1.25rem;
	margin-right: .5rem;
	top: 0;
	position: relative;
	transition: top .3s, transform .3s;
	transform: rotate(90deg);
}

.more-link-down:hover:before {
	top: .33rem;
}

.more-link-down.active:before {
	transform: rotate(-90deg);
}

.more-link-down.active:hover:before {
	top: -.33rem;
}

/*** ============================================================== ***/

/*** ============================================================== ***/
/*** Video Player Popup ***/

.video-popup {
	background-color: rgba(0, 0, 0, .8);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9000;
	cursor: pointer;
	display: none;
}

.video-close {
	position: absolute;
	right: 2rem;
	top: 2rem;
	font-size: 2rem;
	text-align: center;
	line-height: 2.1rem;
	color: #fff;
	width: 2.5rem;
	height: 2.5rem;
	border: .1rem solid #fff;
	background-color: rgba(0, 0, 0, .3);
	border-radius: 1.25rem;
	z-index: 1;
}

.video-close:focus {
	outline: none;
	color: #fff;
}

.video-close:hover {
	color: #2b3547;
	background-color: #fff;
}

.video-close:active {
	transform: scale(.8);
}

.video-player {
	position: absolute;
	background-color: #f7f7f7;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	border-radius: .5rem;
	width: calc(80% - 12rem);
	overflow: hidden;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.video-container-square {
	position: relative;
	padding-bottom: 100%;
	height: 0;
	background: transparent;
	border: 0;
}

.video-container iframe {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	border: 0;
}

.video .plyr__video-embed {
	background: transparent;
	border: 0;
}

.video-container-square {
	overflow: hidden;
	border: 1px solid transparent;
}

.video-container-square iframe {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	background: transparent;
	border: 0;
}

/*** Book Preview Popup ***/

.book-preview {
	position: absolute;
	background-color: #f7f7f7;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	border-radius: .5rem;
	width: calc(100% - 12rem);
	overflow: hidden;
}

.book-preview-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.book-preview-container iframe {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*** Layout ***/

.content-max-width {
	max-width: calc(1200px + 2rem);
}

.content-med-width {
	width: 66%;
}

.site {
	background-color: #fff;
	height: 100%;
}

.site-content {
	/*min-height: 100%;*/
	position: relative;
}

.floating-askalice {
	position: fixed;
	bottom: 1.5rem;
	right: 6rem;
	z-index: 10000;
	display: none;
}

.floating-askalice img {
	display: block;
	width: auto;
	height: 3.25rem;
}

.not-found {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding-top: 3rem;
}

/* Sidebar */

.sidebar {
}

/* Widgets */

.widget {
	margin-bottom: 3rem;
}

.widget-area > :last-child, .widget > :last-child {
	margin-bottom: 0;
}

.widget .widget-title:empty {
	margin-bottom: 0;
}

.widget-title a {
	color: #2b3547;
}

.widget li {
	line-height: 1.25;
}

/*** Colours ***/

.cl-white-solid {
	background-color: #fff;
}

.cl-xlight-solid {
	background-color: #f9fbfb;
}

.cl-light-solid {
	background-color: #f5f7f6;
}

.cl-medium-solid {
	background-color: #cfe0e1;
}

.cl-medium-dark-solid {
	background-color: #c6d5da;
}

.cl-dark-solid {
	background-color: #b6c5ca;
}

.cl-teal-solid {
	background-color: #00a0af;
}

.cl-light-teal-solid {
	background-color: #75C6CE;
}

.cl-peach {
	background-color: #ffede2;
}

.cl-pale-gradient {
	background-color: rgba(182, 198, 203, 0.25);
	background: linear-gradient(45deg, rgba(182, 198, 203, 0.25) 0%, rgba(208, 223, 224, 0.12) 100%);
}

.cl-light-gradient {
	background-color: rgba(182, 198, 203, 0.08);
	/*background-color: rgba(182, 198, 203, 0.25);*/
	/*background: linear-gradient(45deg, rgba(182, 198, 203, 0.5) 0%, rgba(208, 223, 224, 0.08) 100%);*/
}

.cl-medium-gradient {
	background-color: rgba(182, 198, 203, 0.25);
	background: linear-gradient(45deg, rgba(182, 198, 203, 0.5) 0%, rgba(208, 223, 224, 0.08) 100%);
}

.cl-dark-gradient {
	background-color: rgba(182, 198, 203, 0.25);
	background: linear-gradient(45deg, rgba(182, 198, 203, 1) 0%, rgba(208, 223, 224, 0.35) 100%);
}

.cl-grey-gradient {
	background-color: rgb(166, 184, 190);
	background: linear-gradient(45deg, rgba(166, 184, 190, 1) 0%, rgba(182, 198, 203, 1) 100%);
}

.cl-orange-gradient {
	background: rgb(243, 107, 36);
	background: linear-gradient(45deg, rgba(243, 107, 36, 1) 0%, rgba(243, 107, 36, 0.8547794117647058) 100%);
}

.cl-red-gradient {
	background: rgb(228, 37, 53);
	background: linear-gradient(45deg, rgba(228, 37, 53, 1) 0%, rgba(228, 37, 53, 0.8435749299719888) 100%);
}

.cl-dark-gradient .swiper-container img {
	border: 1px solid rgba(255, 255, 255, .5);
}

.cl-teal-gradient {
	background: rgb(0, 175, 175);
	background: -moz-linear-gradient(45deg, rgba(0, 175, 175, 1) 0%, rgba(0, 160, 175, 1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(0, 175, 175, 1) 0%, rgba(0, 160, 175, 1) 100%);
	background: linear-gradient(45deg, rgba(0, 175, 175, 1) 0%, rgba(0, 160, 175, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afaf', endColorstr='#00a0af', GradientType=1);
}

.cl-black-gradient {
	background: rgb(0, 0, 0);
	background: -moz-linear-gradient(45deg, rgba(34, 34, 34, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(34, 34, 34, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(45deg, rgba(34, 34, 34, 1) 0%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f', endColorstr='#000000', GradientType=1);
}

.cl-transparent {
	background: transparent;
}

.box {
	padding: 2rem;
}

.box.framed {
	border: 1px solid #ddd;
}

.cl-black-text {
	color: #2b3547;
}

.cl-black-text a {
	color: #2b3547;
}

.cl-white-text {
	color: #fff;
}

div.cl-white-text p,
div.cl-white-text h1,
div.cl-white-text h2,
div.cl-white-text h3,
div.cl-white-text h4,
div.cl-white-text h5,
div.cl-white-text li {
	color: #fff;
}

.cl-teal-gradient .cl-white-text.framed {
	line-height: 1.35;
	background-color: #e42535;
	color: #fff;
	border-radius: .25rem;
	padding: 0 .25rem;
}

.cl-black-gradient .cl-white-text.framed {
	line-height: 1.35;
	background-color: #e42535;
	color: #fff;
	border-radius: .25rem;
	padding: 0 .25rem;
}

.cl-orange-gradient .cl-white-text.framed {
	line-height: 1.35;
	background-color: #fff;
	color: #e42535;
	border-radius: .25rem;
	padding: 0 .25rem;
}

.cl-red-gradient .cl-white-text.framed {
	line-height: 1.35;
	background-color: #f36b24;
	color: #fff;
	border-radius: .25rem;
	padding: 0 .25rem;
}

.cl-grey-gradient .cl-white-text.framed {
	line-height: 1.35;
	background-color: #e42535;
	color: #fff;
	border-radius: .25rem;
	padding: 0 .25rem;
}

.cl-white-text a {
	color: #fff;
}

.cl-white-text a:hover {
	color: #fff;
	text-decoration: underline;
}

.cl-primary-text {
	color: #00a0af;
}

.cl-secondary-text {
	color: #f36b24;
}

.cl-important-text {
	color: #e42535;
}

.cl-important-text.framed {
	line-height: 1.35;
	background-color: #e42535;
	color: #fff;
	border-radius: .25rem;
	padding: 0 .25rem;
}

.cl-gray-text {
	color: #999;
}

.orange-front {
	color: #f36b24;
}

.teal-front {
	color: #00a0af;
}

/*** ============================================================== ***/
/*** Hero ***/

.hero {
	height: 30rem;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero.fit-image {
	background-size: contain;
}

.hero .content-container {
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex: 1 1 auto;
	align-items: center;
}

.hero .content-image-only {
	padding: 0;
	text-align: center;
	flex: 1;
	align-items: center;
	overflow: hidden;
}

.hero .content-image-only img {
	width: auto;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	margin: 0 auto;
	display: block;
	object-fit: contain;
}

.hero.bg-center {
	background-position: center;
}

.hero .content-container .content {
	width: 45%;
	padding: 1rem;
}

.hero .content-container .spacer {
	width: 55%;
}

.hero .content-container .image {
	height: 24rem;
	text-align: center;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	padding: 3rem;
}

.hero .content-container .image img {
	width: auto;
	height: auto;
	max-height: 100%;
	display: block;
	object-fit: contain;
}

.hero .content-container.left {
	flex-direction: row;
}

.hero .content-container.right {
	flex-direction: row-reverse;
}

.hero .content-container.center .content {
	width: 55%;
	text-align: center;
	margin: 0 auto;
}

.hero .content-container.center .spacer {
	display: none;
}

.hero .hero-buttons {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	margin: 2rem 0 1rem 0;
}

.hero .hero-buttons > a:not(:first-child) {
	margin-left: 1rem;
}

.hero .content-container.center .hero-buttons {
	justify-content: center;
}

.hero .content h1 {
	color: #fff;
	font-size: 2.2rem;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -.05em;
	margin: 1rem 0;
}

.hero .content h2 {
	color: #fff;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1.2;
	margin: 1rem 0;
}

.hero .content h3 {
	color: #fff;
	font-size: 1.6rem;
	margin: 1rem 0;
}

.hero .content h4 {
	color: #fff;
	font-size: 1.2rem;
	margin: 1rem 0;
}

.hero .content p {
	color: #fff;
	font-size: 1rem;
	margin: 1rem 0;
}

.hero .content-container .content.boxed {
	background-color: rgba(255, 255, 255, .9);
	padding: 1rem 3rem;
	text-align: center;
	display: inline-block;
	flex: 0 1;
	width: auto;
	min-width: 40%;
	backdrop-filter: blur(1rem);
}

.hero .content.white h1 {
	color: #fff;
}

.hero .content.white .button-secondary {
	border-color: #fff;
	color: #fff;
}

.hero .content.white h2 {
	color: #fff;
}

.hero .content.white h3 {
	color: #fff;
}

.hero .content.white p {
	color: #fff;
}

.hero .content.black h1 {
	color: #2b3547;
}

.hero .content.black h2 {
	color: #2b3547;
}

.hero .content.black h3 {
	color: #2b3547;
}

.hero .content.black p {
	color: #2b3547;
}

/*** ============================================================== ***/
/*** Homepage Hero ***/

.homepage-hero {
	position: relative;
}

.homepage-hero-container {
	position: relative;
	margin: 0 auto;
	z-index: 1;
	height: 100%;
	padding: 3rem 1rem;
}

.homepage-hero-content {
	position: relative;
	height: 100%;
	display: flex;
	flex: 1 1 auto;
}

.homepage-hero-content .homepage-text {
	position: relative;
	align-self: center;
	width: 70%;
	padding: 0 3rem 0 0;
}

.homepage-hero-content .homepage-text.half {
	width: 50%;
}

.homepage-hero-content .homepage-text h1 {
	font-weight: 300;
	font-size: 2.25rem;
	margin: 0 0 .5rem 0;
}

.homepage-hero-content .homepage-text p {
	font-size: 1rem;
}

.homepage-hero-content .homepage-text li {
	font-size: 1rem;
}

.homepage-hero-content .homepage-text li:not(:last-child) {
	margin-bottom: .5rem;
}

.homepage-hero-content .homepage-image {
	position: relative;
	align-self: center;
	width: 30%;
	padding: 0;
}

.homepage-hero-content .homepage-image.half {
	width: 50%;
}

.homepage-hero-content .homepage-image .video {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	background: transparent;
	border: 0;
}

.homepage-hero-content .homepage-image a {
	display: block;
}

.homepage-hero-content .homepage-image img {
	/*position: absolute;*/
	/*bottom: 0;*/
	/*right: 0;*/
	display: block;
	width: auto;
	max-height: 100%;
}

.homepage-hero-banner {
	display: block;
	padding: 1rem;
	margin: 1rem auto 0 auto;
}

.homepage-hero-banner img {
	width: 100%;
	height: auto;
	margin: 0;
}

.homepage-hero p:first-child {
	font-size: 1.5rem;
	margin: 0;
}

.homepage-link-video {
	display: inline-block;
	color: #2b3547;
	font-size: 1.15rem;
	font-weight: 600;
	margin-top: 1.5rem;
}

.video-play {
	display: inline-block;
	position: relative;
	top: .2rem;
	font-size: 1.5rem;
	line-height: 2.85rem;
	text-align: center;
	color: #fff;
	width: 3rem;
	height: 3rem;
	border: .15rem solid #fff;
	border-radius: 1.5rem;
	padding-left: .35rem;
	margin-right: 1rem;
	transition: all .3s;
}

.video-block {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	clear: both;
	float: none;
	width: 100%;
	padding-top: 2rem;
	margin: 0 auto;
}

.video-block-item {
	position: relative;
	padding: 0;
	width: calc(100% / 3);
	height: auto;
}

.video-block-spacer {
	width: 2rem;
}

.homepage-link-video:hover .video-play {
	background-color: #f36b24;
	border-color: #f36b24;
	color: #cfe0e1;
}

.homepage-link-main {
	font-size: 1.25rem;
	text-transform: uppercase;
	line-height: 1;
	padding-bottom: 6rem;
	margin-right: 2rem;
	color: #2b3547;
	display: block;
	float: left;
	position: relative;
}

.homepage-link-main:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 2px;
	width: 0;
	top: 3rem;
	border-left: 1px solid #2b3547;
}

.homepage-links {
	position: absolute;
	bottom: 0;
}

.photo-credit {
	font-size: .85rem;
	color: #fff;
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	z-index: 100;
}

/*** ============================================================== ***/

/*** ============================================================== ***/
/*** Full Bleed Image Hero ***/

.fullimage-hero {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.fullimage-hero.small {
	min-height: 35vh;
}

.fullimage-hero.medium {
	min-height: 45vh;
}

.fullimage-hero.large {
	min-height: 55vh;
}

.fullimage-hero.full {
	min-height: calc(100vh - 100px);
}

.fullimage-hero.delivery-club {
	min-height: 60vh;
	background-position: center;
}

.fullimage-hero.auto {
	height: auto;
}

.fullimage-hero.align-top {
	align-items: flex-start;
}

.fullimage-hero.align-bottom {
	align-items: flex-end;
}

.fullimage-hero.align-center {
	align-items: center;
}

.fullimage-mobile-image {
	display: none;
}

.fullimage-hero-container {
	width: 100%;
	position: relative;
	margin: 0 auto;
	z-index: 1;
}

.fullimage-hero-content {
	position: relative;
	display: flex;
	flex: 1 1 auto;
}

.fullimage-hero-content .fullimage-logo {
	display: block;
	margin-bottom: 1.5rem;
	max-width: 20rem;
}

.fullimage-hero-content .fullimage-text {
	width: 50%;
	padding: 3rem 1rem;
}

.fullimage-hero-content .fullimage-text h1 {
	font-weight: 700;
	font-size: 3rem;
	margin: 0 0 .5rem 0;
	color: #fff;
}

.fullimage-hero-content .fullimage-text h2 {
	font-weight: 700;
}

.fullimage-hero-content .fullimage-text h3 {
	font-weight: 700;
}

.fullimage-hero-content .fullimage-text p {
	font-size: 1.1rem;
	font-weight: 400;
	color: #fff;
}

.fullimage-hero-content .fullimage-text p:last-child {
	margin-bottom: 0;
}

.fullimage-hero-content .fullimage-text li {
	font-size: 1rem;
	color: #fff;
}

.fullimage-hero-content .fullimage-text li:not(:last-child) {
	margin-bottom: .5rem;
}

.fullimage-hero-content .fullimage-text.cl-black-text,
.fullimage-hero-content .fullimage-text.cl-black-text h1,
.fullimage-hero-content .fullimage-text.cl-black-text h2,
.fullimage-hero-content .fullimage-text.cl-black-text h3,
.fullimage-hero-content .fullimage-text.cl-black-text h4,
.fullimage-hero-content .fullimage-text.cl-black-text p,
.fullimage-hero-content .fullimage-text.cl-black-text li {
	color: #2b3547;
}

.fullimage-hero-content .fullimage-text.cl-white-text,
.fullimage-hero-content .fullimage-text.cl-white-text h1,
.fullimage-hero-content .fullimage-text.cl-white-text h2,
.fullimage-hero-content .fullimage-text.cl-white-text h3,
.fullimage-hero-content .fullimage-text.cl-white-text h4,
.fullimage-hero-content .fullimage-text.cl-white-text p,
.fullimage-hero-content .fullimage-text.cl-white-text li {
	color: #fff;
	text-shadow: 1px 1px 0 #00000099;
}

.fullimage-hero-content .fullimage-image {
	position: relative;
	align-self: center;
	width: 35vw;
	padding: 1rem;
}

.fullimage-hero-content .fullimage-image .video {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.fullimage-hero-content .fullimage-image img {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: auto;
	max-height: 100%;
}

.fullimage-hero p:first-child {
	font-size: 1.5rem;
	margin: 0;
}

/*** ============================================================== ***/
/*** Shop Hero ***/

.shop-hero {
	height: auto;
	position: relative;
}

.shop-hero-container {
	padding: 2rem 4rem;
	position: relative;
	margin: 0 auto;
	z-index: 1;
	height: 100%;
	mix-blend-mode: multiply;
}

.shop-hero-content {
	position: relative;
	width: calc(100% - 8rem);
	margin: 0 auto;
	height: 100%;
	display: flex;
	flex: 1 1 auto;
	overflow: hidden;
	align-items: center;
}

.shop-hero-content .shop-text {
	position: relative;
	align-self: center;
	text-align: right;
	width: 50%;
	padding-right: 2rem;
}

.shop-hero-content .shop-text p {
	font-size: 1rem;
	margin-left: 20%;
}

.shop-hero-content .shop-text li {
	font-size: 1rem;
}

.shop-hero-content .shop-text li:not(:last-child) {
	margin-bottom: .5rem;
}

.shop-hero-content .brand-logo {
	position: relative;
	display: inline-block;
	width: auto;
	max-height: 140px;
	max-width: 200px;
}

.shop-hero-content .shop-featured-image-container {
	position: relative;
	text-align: left;
	width: 50%;
	padding-left: 2rem;
}

.round-image-proportional a {
	position: relative;
	display: block;
	border-radius: 100%;
	height: 0;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0 0;
}

.round-image-proportional img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: auto;
	min-height: 100%;
}

.crop-16x9 {
	position: relative;
	display: block;
	height: 0;
	width: 100%;
	padding-top: calc(100% * .56);
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0 0;
}

.crop-16x9 img {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: block;
	width: 100%;
	height: auto;
	min-height: 100%;
}

.crop-1x1 {
	position: relative;
	display: block;
	height: 0;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0 0;
}

.crop-1x1 img {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: block;
	min-width: 100%;
	min-height: auto;
	height: 100%;
	object-fit: cover;
}

.shop-hero-content .shop-featured-image-container a {
	position: relative;
	display: block;
	border-radius: 100%;
	height: 0;
	width: 85%;
	padding-top: 85%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 110%;
	background-position: 0 0;
}

.shop-hero-content .shop-featured-image-container img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: auto;
	min-height: 100%;
}

.shop-hero-content .promo-message {
	border: 1px solid #ddd;
	padding: 1rem;
	font-size: .875rem;
	background-color: #fff;
	margin-top: 1.5rem;
	text-align: left;
}

.shop-hero-content .promo-message p {
	font-size: .875rem;
	margin: 0;
}

.secondary-nav-home {
	width: 100%;
}

.secondary-nav-home-content {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.secondary-nav-home a {
	display: block;
	text-align: center;
	font-weight: 600;
	color: #fff;
	background-color: #f36b24;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	padding: .5rem 1rem;
}

.secondary-nav-home a:not(:first-child) {
	border-left: 1px solid #00a0af;
}

.secondary-nav-home a:hover {
	color: #fff;
	background-color: #f86f27;
}

.secondary-nav {
	width: 100%;
	background-color: #e5f4f5;
	font-size: .75rem;
}

.secondary-nav-content {
	width: 100%;
	padding: .25rem 1rem;
	margin: 0 auto;
	display: flex;
	flex: 1 1 auto;
	justify-content: space-evenly;
	align-items: center;
}

.secondary-nav a {
	font-weight: 500;
	color: #2a2a2a;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	padding: .25rem;
	border-radius: 1px;
	margin: 0 .25rem;
}

.secondary-nav a:hover {
	color: #00a0af;
}

.secondary-nav a.active {
	color: #00a0af;
}

.secondary-nav-title {
	font-family: "Libre Baskerville", serif;
	display: inline-block;
	font-weight: 600;
	color: #00a0af;
	text-decoration: none;
	font-size: 1rem;
	line-height: .5rem;
	text-transform: uppercase;
	position: relative;
	padding: .25rem 0;
	margin: 0 1rem;
}

/*** ============================================================== ***/
/*** ============================================================== ***/
/*** Shop Category Navigation ***/
/*** ============================================================== ***/

.shop-categories {
	width: 100%;
	background-color: #e5f4f5;
	font-size: .75rem;
}

.shop-categories-content {
	width: 100%;
	padding: .25rem 1rem;
	margin: 0 auto;
	display: flex;
	flex: 1 1 auto;
	justify-content: space-evenly;
	align-items: center;
}

.flex-spacer {
	flex: 1;
}

.dropdown-block {
	position: relative;
	margin: 0 .5rem;
	padding: .25rem 0;
}

a.dropdown-button {
	font-weight: 500;
	color: #2a2a2a;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	padding: .25rem;
	margin: 0 .25rem;
}

a.dropdown-button:hover {
	color: #00a0af;
}

a.dropdown-button-alt {
	font-weight: 800;
	color: #f36b24;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	padding: .25rem 1rem;
	margin: 0 .5rem;
	border-radius: 1px;
}

a.dropdown-button span {
	display: inline;
}

a.single-button {
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	padding: 0;
}

.dropdown-links {
	display: block;
	position: absolute;
	margin-top: 0;
	margin-left: -1rem;
	z-index: 999;
	background-color: #fff;
	padding: 1rem 1.5rem 1rem 1.5rem;
	box-shadow: 0 0.6rem 0.8rem 0 rgb(0, 0, 0, .08);
	text-align: left;
	border-radius: 1px;
	visibility: hidden;
	opacity: 0;
	transform: translateY(.5rem);
	transition: opacity .2s;
	width: auto;
}

.dropdown-block:hover > .dropdown-links {
	visibility: visible;
	opacity: 1;
}

.dropdown-links:before {
	/*content: "";*/
	/*display: block;*/
	/*position: absolute;*/
	/*width: .5rem;*/
	/*height: .5rem;*/
	/*top: -1rem;*/
	/*left: 2rem;*/
	/*background-color: transparent;*/
	/*border-top: .5rem solid transparent;*/
	/*border-right: .5rem solid transparent;*/
	/*border-bottom: .5rem solid #fff;*/
	/*border-left: .5rem solid transparent;*/
}

.dropdown-links a {
	display: block;
	font-size: .8125rem;
	font-weight: 400;
	text-align: left;
	position: relative;
	color: #2b3547;
	line-height: 2;
	text-transform: none;
	outline-offset: -1px;
	padding: 0;
	margin: .125rem 0;
	white-space: nowrap;
	background-color: transparent;
}

.dropdown-links a:hover {
	text-decoration: underline;
	background-color: transparent;
	color: #2b3547;
}

.dropdown-links a:after {
	/*display: none;*/
}

.dropdown-columns-4 {
	column-count: 4;
	column-gap: 2rem;
}

.dropdown-columns-3 {
	column-count: 3;
	column-gap: 2rem;
}

.dropdown-columns-2 {
	column-count: 2;
	column-gap: 2rem;
}

/*** ============================================================== ***/
/*** Featured Product ***/

.featured-product-single {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-column-gap: 6rem;
	align-content: center;
	margin: 0 auto;
	position: relative;
	padding: 2rem 1rem;
}

.featured-product-text {
	align-self: center;
	padding: 3rem 0;
}

.featured-product-image {
	align-self: center;
	position: relative;
}

.featured-product-image:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-color: rgba(255, 255, 255, .066);
	z-index: 1;
	transform: scale(1.1);
	transition: left .3s ease-out;
}

.featured-product-image:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-color: rgba(255, 255, 255, .066);
	z-index: 2;
	transform: scale(1.05);
	transition: left .3s ease-out;
}

.featured-product-image:hover:before {
	left: -10rem;
	pointer-events: none;
}

.featured-product-image:hover:after {
	left: -5rem;
	pointer-events: none;
}

.featured-product-image a {
	display: block;
	width: 100%;
	padding-top: 100%;
	position: relative;
	border: 1px solid #eee;
	border-radius: 100%;
	overflow: hidden;
	z-index: 3;
}

.featured-product-image img {
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	min-height: 100%;
	top: 0;
	left: 0;
}

/*** ============================================================== ***/

/*** ============================================================== ***/
/*** Brands and Press Logos ***/

.brand-logos {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: space-evenly;
}

.brand-logos a {
	display: block;
	margin: 0 1rem;
}

.brand-logos img {
	width: auto;
	height: auto;
	max-width: 150px;
	max-height: 100px;
}

.premium-brand {
	border: 1px solid #f36b24;
	position: relative;
}

.premium-brand:before {
	content: "Brand we love";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: .75rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	padding: .35rem 2rem;
	color: #fff;
	z-index: 1;
	background: #f36b24 no-repeat url("../svg/icon-diamond-white.svg") .3rem center / .75rem;
}

.press-logos {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: space-evenly;
}

.press-logos a {
	display: block;
	margin: 0 1rem;
	transition: transform .3s ease-out;
}

.press-logos a:hover {
	transform: scale(1.05);
}

.press-logos img {
	width: auto;
	height: auto;
	max-width: 160px;
	max-height: 50px;
}

.press-logos span {
	display: block;
	font-size: .65rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #2b3547;
	opacity: .5;
	text-decoration: none;
	margin-top: .5rem;
}

.press-logo {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-self: center;
	text-align: center;
	margin: 0 auto;
}

.press-logo img {
	display: block;
	width: auto;
	height: auto;
	max-width: 160px;
	max-height: 50px;
	text-align: center;
	margin: 0 auto;
}

.press-date {
	display: block;
	font-size: .65rem;
	line-height: 1.1;
	font-weight: 600;
	text-transform: uppercase;
	color: #2b3547;
	opacity: .5;
	text-decoration: none;
	text-align: center;
	margin: .5rem auto 0 auto;
}

/*** ============================================================== ***/

/*** ============================================================== ***/
/*** Standard Page Hero ***/

.page-hero {
	width: 100%;
	position: relative;
	/*background: -moz-linear-gradient(bottom, rgba(182, 198, 203, 0) 0%, rgba(182, 198, 203, 0.08) 100%);*/
	/*background: -webkit-linear-gradient(bottom, rgba(182, 198, 203, 0) 0%, rgba(182, 198, 203, 0.08) 100%);*/
	/*background: linear-gradient(to top, rgba(182, 198, 203, 0) 0%, rgba(182, 198, 203, 0.08) 100%);*/
}

.page-hero.with-image-bg {
	background: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.page-hero.blog-hero {
	min-height: 35rem;
}

.page-hero-container {
	padding: 0;
	position: relative;
	margin: 0 auto;
}

.page-hero-content {
	padding: 1.5rem 2rem 2rem 2rem;
	margin: 0 auto;
}

.brand-logo {
	position: relative;
	text-align: center;
}

.brand-logo img {
	display: block;
	width: auto;
	height: auto;
	max-width: 320px;
	max-height: 80px;
	margin: 0 auto;
}

.brand-logo:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1.5rem;
	height: 1px;
	background: linear-gradient(to right, rgba(0, 160, 175, 0) 0%, rgba(0, 160, 175, 1) 50%, rgba(0, 160, 175, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000a0af', endColorstr='#0000a0af', GradientType=1);
}

.page-hero h1 {
	position: relative;
	text-align: center;
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 1;
	margin: 0;
}

.page-hero h2 {
	position: relative;
	text-align: center;
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 1;
	margin: 0;
}

.page-hero h1:before, .page-hero h2:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1.5rem;
	height: 1px;
	background: linear-gradient(to right, rgba(0, 160, 175, 0) 0%, rgba(0, 160, 175, 1) 50%, rgba(0, 160, 175, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000a0af', endColorstr='#0000a0af', GradientType=1);
}

.page-hero h1:after, .page-hero h2:after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	clear: both;
}

.back-arrow {
	position: relative;
}

.back-arrow:hover {
	margin-left: -.3rem;
	padding-right: .3rem;
}

.back-arrow .icon {
	position: relative;
	top: -.2rem;
}

.page-hero .main-page-title {
	position: relative;
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1;
}

.page-section {
	margin-bottom: 3rem;
	position: relative;
}

.page-section::before {
	content: "";
	background-repeat: no-repeat;
	background-position: right -22rem;
	background-size: auto 32rem;
	background-blend-mode: luminosity;
	opacity: .2;
	width: 100%;
	height: calc(36rem - 22rem);
	position: absolute;
	top: 0;
	z-index: 1;
}

.page-section::after {
	content: "";
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
	width: 100%;
	height: calc(32rem - 22rem);
	position: absolute;
	top: 0;
	z-index: 2;
}

.page-container {
	display: grid;
	grid-gap: 5rem;
	grid-template-columns: 2fr 1fr;
}

.page-container.single {
	display: block;
}

.page-content {
	position: relative;
	z-index: 3;
}

.page-content .entry-title {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.15;
}

.page-content .entry-title a {
	color: #2b3547;
}

.page-content .entry-title a:hover {
	color: #2b3547;
	opacity: 1;
	text-decoration: underline;
}

.page-content .entry-title a:hover, .page-content .entry-title a:focus {
	opacity: 1;
}

.page-content .page-title {
	font-size: 1.5rem;
	font-weight: 400;
}

.page-content .page-title span {
	font-size: 1.5rem;
	font-weight: 600;
}

/*** ============================================================== ***/
/*** Sections ***/

.standard-section {
	position: relative;
	margin: 0 auto;
}

.standard-section.framed {
	border-top: 1px solid #e3eaec;
	border-bottom: 1px solid #e3eaec;
}

.section-container {
	margin: 0 auto;
	position: relative;
}

.section-title {
	font-size: 2rem;
	margin-bottom: 1.5rem;
	font-weight: 400;
}

.section-container.bring-to-top {
	z-index: 3;
}

.section-content {
	margin: 0 auto;
	padding: 4rem 1rem;
}

.section-content.compact {
	margin: 0 auto;
	padding: 3rem 1rem;
}

.section-content.xcompact {
	margin: 0 auto;
	padding: .5rem 1rem;
}

.brand-content h2, .brand-content h3, .brand-content h4 {
	margin-top: 2rem;
}

.section-content.brand-content.single {
	max-width: 60rem;
}

.section-content.brand-content.narrow {
	max-width: 60rem;
}

.section-content.brand-content.cols {
	columns: 2;
	column-gap: 3rem;
}

.section-content.brand-content.staggered h2,
.section-content.brand-content.staggered h3,
.section-content.brand-content.staggered h4 {
	max-width: 40%;
	margin-bottom: -3.5rem;
	font-size: 1.1rem;
	font-weight: 500;
	position: relative;
	padding-right: 1rem;
}

.section-content.brand-content.staggered h2:before,
.section-content.brand-content.staggered h3:before,
.section-content.brand-content.staggered h4:before {
	content: "";
	display: block;
	position: relative;
	margin-top: 3rem;
	height: 1rem;
	width: 100%;
	border-top: 1px solid #ddd;
	padding-right: 1rem;
}

.section-content.brand-content.staggered h2:first-child:before,
.section-content.brand-content.staggered h3:first-child:before,
.section-content.brand-content.staggered h4:first-child:before {
	margin-top: 0;
}

.section-content.brand-content.staggered p,
.section-content.brand-content.staggered ul,
.section-content.brand-content.staggered ol {
	padding-left: 42%;
	position: relative;
}

.section-content h1, .section-content h2 {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1;
}

.section-content h3 {
	font-size: 1.75rem;
	font-weight: 500;
	line-height: 1;
}

.section-content h4:first-child {
	margin-top: 0;
}

.scroll-section {
	padding: 0 8rem;
}

.section-header {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 2.5rem;
	margin-bottom: 4rem;
}

.section-header h2 {
	font-size: 2.5rem;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1;
}

.section-header p {
	margin: 0;
	font-weight: 500;
}

.two-rows.narrow {
	width: 50%;
}

/*** Grid Columns ***/

.round-image img {
	border-radius: 100%;
	overflow: hidden;
}

.round-bordered-image {
	border-radius: 100%;
	overflow: hidden;
	background: rgb(243, 107, 36);
	background: linear-gradient(45deg, rgba(243, 107, 36, 1) 0%, rgba(216, 32, 72, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f36b24', endColorstr='#d82048', GradientType=1);
	padding: 3px;
}

.round-bordered-image img {
	border-radius: 100%;
	overflow: hidden;
	background-color: #fff;
	padding: 6px;
}

.round-bordered-image img.square {
	width: 100%;
	height: 100%;
}

.avatar-block {
	padding-left: 7rem;
	position: relative;
}

.avatar-image {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 5rem;
	height: 5rem;
	border-radius: 100%;
	overflow: hidden;
	background: rgb(243, 107, 36);
	background: linear-gradient(45deg, rgba(243, 107, 36, 1) 0%, rgba(216, 32, 72, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f36b24', endColorstr='#d82048', GradientType=1);
	padding: 1px;
}

.avatar-image span {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	overflow: hidden;
	background: #fff no-repeat url("../jpg/alice-avatar-small.jpg") center / contain;
	border: 3px solid #fff;
}

.avatar-image-standard {
	display: inline-block;
	width: 5rem;
	height: 5rem;
	border-radius: 100%;
	overflow: hidden;
	background: rgb(243, 107, 36);
	background: linear-gradient(45deg, rgba(243, 107, 36, 1) 0%, rgba(216, 32, 72, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f36b24', endColorstr='#d82048', GradientType=1);
	padding: 1px;
}

.avatar-image-standard img {
	width: 100%;
	height: auto;
	border-radius: 100%;
}

.thumbnail-block {
	padding-left: 7rem;
	position: relative;
}

.thumbnail-image {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 5rem;
	height: 5rem;
	border-radius: 100%;
	overflow: hidden;
}

.thumbnail-image img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	overflow: hidden;
}

.page-intro {
	display: grid;
	grid-template-columns: 3fr 2fr;
	grid-column-gap: 4rem;
	position: relative;
}

.page-intro.maps {
	grid-template-columns: 2fr 3fr;
	grid-column-gap: 3rem;
}

.page-top-content {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	grid-gap: 3rem;
	position: relative;
}

.page-top-content.fifty-fifty {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 2rem;
}

.page-video-content {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 3rem;
	position: relative;
}

.info-block {
	padding: .15rem 0 .5rem 2rem;
	border-left: 1px solid #ccc;
	position: relative;
}

.info-block:after {
	content: "";
	width: 2rem;
	height: 2.5rem;
	position: absolute;
	left: -1rem;
	top: 0;
	background: #fff no-repeat url("../svg/icon-info-teal.svg") top center / contain;
}

.two-columns {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 4rem;
	position: relative;
	align-items: center;
}

.two-columns-1-1 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 3rem;
	position: relative;
	align-items: flex-start;
}

.reverse-col-desktop > div:first-child {
	order: 1;
}

.reverse-col-desktop > div:last-child {
	order: -1;
}

.two-columns-1-2 {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 3rem;
	position: relative;
	align-items: flex-start;
}

.two-columns-1-min {
	display: grid;
	grid-template-columns: 1fr min-content;
	grid-gap: 1rem;
	position: relative;
	align-items: center;
}

.small-search-form {
	display: grid;
	grid-template-columns: 1fr min-content;
	grid-gap: .5rem;
	position: relative;
	align-items: flex-end;
}

.two-columns-2-1 {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 3rem;
	position: relative;
	align-items: flex-start;
}

.two-columns-1-3 {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: 3rem;
	position: relative;
	align-items: flex-start;
}

.two-columns-1-4 {
	display: grid;
	grid-template-columns: 1fr 4fr;
	grid-gap: 3rem;
	position: relative;
	align-items: flex-start;
}

.two-columns-2-3 {
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-column-gap: 3rem;
}

.two-columns-3-2 {
	display: grid;
	grid-template-columns: 3fr 2fr;
	grid-column-gap: 2rem;
}

.two-columns-3-1 {
	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-column-gap: 2rem;
}

.cart-columns {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-column-gap: 2rem;
}

.cart-columns h3 {
	font-size: 1rem;
	font-weight: 500;
}

.two-columns .post-thumbnail {
	margin: 0;
}

.two-columns > div {
	position: relative;
}

.two-columns > div.sticky {
	position: sticky;
}

.two-columns.r23 {
	grid-template-columns: 2fr 3fr;
}

.two-columns.align-top {
	align-items: start;
}

.two-columns.practitioner {
	grid-template-columns: 25% 75%;
	align-items: start;
}

.two-columns.even-width {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.two-columns.with-thumbnail {
	grid-gap: 2.5rem;
	grid-template-columns: 1fr 3fr;
}

.two-columns .thumbnail-square img {
	height: 100%;
	width: auto;
}

.product-columns {
	display: flex;
	flex: 1 1 auto;
}

.product-columns > div:first-child {
	width: 50%;
	padding-right: 1rem;
}

.product-columns > div:last-child {
	width: 50%;
	padding-left: 1rem;
}

.three-columns {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
}

.dc-three-columns {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 3rem;
}

.dc-faq {
	display: block;
	columns: 2;
	column-gap: 3rem;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	max-width: 60vw;
	margin: 0 auto;
}

.dc-faq h1,
.dc-faq h2,
.dc-faq h3,
.dc-faq h4 {
	font-size: 1rem;
	font-weight: 500;
	margin-top: 2rem;
	margin-bottom: 0;
	break-after: avoid;
}

.dc-faq h1:first-child,
.dc-faq h2:first-child,
.dc-faq h3:first-child,
.dc-faq h4:first-child {
	margin-top: 0;
}

.dc-faq p {
	break-before: avoid;
	font-size: .875rem;
	margin: .5rem 0;
}

.four-columns {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
}

.four-columns-1-1-1-2 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 2fr;
	grid-column-gap: 2rem;
}

.five-columns {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
}

.five-columns > div {
	position: relative;
}

.seven-columns {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
}

.seven-columns > div {
	position: relative;
}

.small-list-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-column-gap: 2rem;
	grid-row-gap: 1rem;
}

.small-list-grid.by-four {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.small-list {
	display: grid;
	grid-template-columns: 1fr 5fr;
	align-items: center;
}

.small-list-grid a {
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	font-size: 1rem;
	background-color: transparent;
	border-radius: .5rem;
	padding: .5rem;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
}

.small-list-grid a:hover {
	background-color: rgba(255, 255, 255, .25);
}

.small-list-grid a.inverted {
	color: #2a2a2a;
}

.small-list-grid a.inverted:hover {
	background-color: rgba(182, 198, 203, 0.15);
}

.small-list-grid .round-image {
	margin-right: 1rem;
}

.small-list-grid img {
	width: 4rem;
	height: 4rem;
	border: 1px solid rgba(255, 255, 255, .35);
	margin-right: 1rem;
}

.small-list h5,
.small-list h6 {
	margin: 0;
}

.skincare-columns {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 1.25rem;
	grid-row-gap: 1.25rem;
}

.seven-columns > div {
	position: relative;
}

.flex-stretch {
	display: flex;
	flex: 1 1 auto;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}

.flex-auto {
	display: flex;
	flex: 1 1 auto;
	align-content: center;
	align-items: center;
}

.flex-auto > div:first-child {
	width: 100%;
}

.flex-auto > div:last-child {
	width: min-content;
}

.flex-stretch .spacer {
	flex: 1;
}

.no-gap {
	grid-gap: 0;
}

.small-gap {
	grid-gap: 2rem;
}

.medium-gap {
	grid-gap: 2.5rem;
}

.large-gap {
	grid-gap: 3rem;
}

.flex-columns {
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	margin: 0 auto;
}

.flex-columns > div {
	width: 100%;
	padding: .5rem 1rem .5rem 0;
}

.flex-columns > div.v-line {
	width: 1px;
	padding: .5rem 0;
	background-color: #ddd;
}

.flex-columns.thirds {
	justify-content: center;
}

.flex-columns.thirds > div {
	width: 33%;
	padding: 0 .5rem;
}

.flex-columns.quarters {
	justify-content: center;
}

.flex-columns.quarters > div {
	width: 25%;
	padding: 0 1rem;
}

.flex-columns.fifths {
	justify-content: center;
}

.flex-columns.fifths > div {
	width: 20%;
	padding: 0 1rem;
}


.video-item {
	display: block;
	width: 100%;
	position: relative;
}

.product-bundle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: .785rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	padding: .75rem 2rem;
	color: #fff;
	z-index: 1;
	background: rgba(0, 0, 0, .25) no-repeat url("../svg/icon-bundle-white.svg") .5rem center / 1.25rem;
}

.scroll-item {
}

.item-block {
}

.item-block-flex {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.item-content {
	padding: 1rem;
}

.item-block-flex .button-primary {
	display: block;
}

.flex-auto-spacer {
	flex: 1;
	min-height: .5rem;
}

.flex-auto-spacer.x2 {
	flex: 1;
	min-height: 1rem;
}

.image-item {
	display: block;
	position: relative;
	width: auto;
	max-width: 100%;
}

.image-item a,
.image-item > span {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: relative;
	border: 1px solid #eee;
	overflow: hidden;
	box-sizing: border-box;
}

.image-item a:hover {
	border-color: #00a0af;
}

.image-item img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: auto;
	height: 100%;
	background-color: #fff;
	object-fit: cover;
}

.image-item.fit-inside {
	background-color: #fff;
}

.image-item.fit-inside img {
	position: absolute;
	display: block;
	width: calc(100% - 2rem);
	height: auto;
	min-height: auto;
	max-height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.image-item.brand-image-logo {
	background-color: #fff;
	object-fit: contain;
}

.image-item.brand-image-logo img {
	padding: 1rem;
	border: none;
	object-fit: contain;
}

.contain-image img {
	padding: 1rem;
	border: none;
	object-fit: contain;
}

.image-item.brand-image-logo a {
	padding-top: calc(100% * .7);
}

.image-item.rounded a {
	border-radius: 100%;
}

.image-item-background {
	display: block;
	width: 100%;
	padding-top: 100%;
	position: relative;
	border: 1px solid #eee;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 1rem;
}

.image-item-small {
	display: block;
	position: relative;
}

.image-item-small a {
	display: block;
	width: 100%;
	padding-top: 100%;
	position: relative;
	border: 1px solid rgba(255, 255, 255, .5);
	overflow: hidden;
	transition: box-shadow .3s;
}

.image-item-small a:hover {
	box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .2);
}

.image-item-small img {
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	min-height: 100%;
	top: 0;
	left: 0;
}

.instagram-feed {
	border: 1px solid #eee;
	border-radius: .2rem;
	background-color: #fafafa;
	padding: .5rem;
	text-align: center;
	font-size: .8rem;
	color: silver;
}

/*** ============================================================== ***/
/*** WP Forms ***/

div.wpforms-container.campaign .wpforms-form .wpforms-field-label {
	font-size: 0.875rem;
	font-weight: 500;
}

/*** ============================================================== ***/
/*** Modifiers ***/

.woocommerce .star-rating span {
	color: #00a0af;
}

.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
	width: 25%;
	margin: 0 2rem 0 0;
}

.woocommerce ul.products.columns-2 li.product.first,
.woocommerce-page ul.products.columns-2 li.product.first {
	clear: none;
	margin: 0 2rem 0 0;
}

.to-uppercase {
	text-transform: uppercase;
}

.h-line {
	background-color: #eee;
	border: 0;
	height: 1px;
	margin: 0 4rem;
}

.v-spacer {
	height: 3rem;
	display: block;
	background-color: transparent;
}

.v-spacer-1px {
	height: 1px;
	display: block;
	background-color: transparent;
}

.v-spacer-small {
	height: 1.5rem;
	display: block;
	background-color: transparent;
}

.v-spacer-micro {
	height: .5rem;
	display: block;
	background: transparent;
}

.v-spacer-tiny {
	height: .75rem;
	display: block;
	background: transparent;
}

.left-intent-7 {
	padding-left: 7rem;
}

.free-gift {
	margin: 1rem 0 1rem 7rem;
	border: 1px solid #eee;
	padding: 1rem;
}

.free-gift-content {
	display: grid;
	grid-template-columns: 8rem auto;
	grid-column-gap: 1rem;
}

.free-gift-content img {
	width: 8rem;
	height: 8rem;
}

.bundled-products {
	padding-left: 7rem;
	margin-top: 1.5rem;
}

.bundled-products h4 {
	font-size: 1rem;
	margin: 0 0 .5rem 0;
}

.bundled-products-grid .woosb-products {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: .75rem;
	border: none;
}

.bundled-products-grid .woosb-product {
	border: none;
	padding: 0;
}

.bundled-products-grid .woosb-product .woosb-title a {
	color: #2b3547;
}

.bundled-products-grid .woosb-product .woosb-title a:hover {
	color: #f36b24;
	text-decoration: underline;
}

.bundled-products-grid .woosb-title {
	font-size: .75rem;
	line-height: 1.1;
}

.bundled-products-grid .woosb-availability {
	font-size: .7rem;
	line-height: 1.1;
	display: none;
}

.bundled-products-grid .woosb-price {
	font-size: .75rem;
	line-height: 1.1;
}

.bundled-products-grid .woosb-thumb img {
	border-radius: 10rem;
}

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

.center-content {
	text-align: center;
	align-self: center;
}

.align-top-content {
	align-self: flex-start;
}

.align-stretch-content {
	align-self: stretch;
}

.center-block {
	margin-left: auto !important;
	margin-right: auto !important;
}

.align-start {
	align-items: flex-start;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.large-width {
	max-width: 80%;
}

.medium-width {
	max-width: 66%;
}

.max-width-60pc {
	max-width: 60%;
}

.max-width-80pc {
	max-width: 80%;
}

.max-width-50 {
	max-width: 50rem;
}

.max-width-60 {
	max-width: 60rem;
}

.min-width-10 {
	min-width: 10rem;
}

.min-width-12 {
	min-width: 12.5rem;
}

.no-margin {
	margin: 0;
}

.no-top-margin {
	margin-top: 0;
}

.no-bottom-margin {
	margin-bottom: 0;
}

.no-padding {
	padding: 0;
}

.no-top-padding {
	padding-top: 0;
}

.no-bottom-padding {
	padding-bottom: 0;
}

.no-horizontal-padding {
	padding-left: 0;
	padding-right: 0;
}

.no-vertical-padding {
	padding-top: 0;
	padding-bottom: 0;
}

.mt-none {
	margin-top: 0;
}

.mb-none {
	margin-bottom: 0;
}

.mt-small {
	margin-top: .5rem;
}

.mb-small {
	margin-bottom: .5rem;
}

.mt-x1 {
	margin-top: 1rem;
}

.mb-x1 {
	margin-bottom: 1rem;
}

.mt-x2 {
	margin-top: 2rem;
}

.mb-x2 {
	margin-bottom: 2rem;
}

.pt-none {
	padding-top: 0;
}

.pb-none {
	padding-bottom: 0;
}

.pt-x1 {
	padding-top: 1rem;
}

.pb-x1 {
	padding-bottom: 1rem;
}

.pt-x2 {
	padding-top: 2rem;
}

.pb-x2 {
	padding-bottom: 2rem;
}

.full-height-image {
	width: auto;
	height: 100%;
	max-height: 100%;
	display: inline-block;
}

.overflow-image {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	height: 32rem;
	display: block;
	margin: 0 auto;
	top: -1.5rem;
}

/*** ============================================================== ***/

/*** ============================================================== ***/
/*** Colours ***/

.dark-section {
	background-color: #f36b24;
}

.dark-section h2, .dark-section p {
	color: #fff;
}

.colour-section {
	background-color: #ffc575;
}

.colour-section h2 {
	color: #fff;
}

.colour-section p {
	color: #2b3547;
}

.colour-section .more-link {
	color: #2b3547;
}

.testimonials-content {
}

.testimonial-item {
	width: auto;
	height: 100%;
	background: #fff;
	padding: 1rem;
	border: 1px solid #e3eaec;
	cursor: default;
	top: 0;
	box-sizing: border-box;
}

.testimonial-header {
	margin-top: 1rem;
}

.testimonial-image {
	width: 3rem;
	height: auto;
	position: absolute;
	left: -.5rem;
	top: -.25rem;
	border-radius: 50%;
	display: none;
}

.testimonial-author {
	font-size: .875rem;
	line-height: 1.25;
	font-weight: 600;
	margin: 0 0 .25rem 0;
}

.testimonial-author-title {
	font-size: .7rem;
	line-height: 1.25;
	margin: 0;
}

.testimonial-body {
	font-size: .75rem;
	margin: 0;
}

.testimonial-body:before {
	content: "";
	display: block;
	height: 1rem;
	background-image: url("../svg/review-quote.svg");
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: .5rem;
}

.ask-alice-content {
}

.ask-alice-item {
	width: auto;
	height: 100%;
	background: #fff;
	padding: 1rem;
	border: 1px solid #e3eaec;
	cursor: default;
	box-sizing: border-box;
}

.ask-alice-header {
	font-size: .75rem;
	line-height: 1.35;
	font-weight: 600;
	margin: 0 0 .5rem 0;
}

.ask-alice-header:before {
	content: "";
	display: block;
	height: 1rem;
	background-image: url("../svg/review-quote.svg");
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: .5rem;
}

.ask-alice-body {
	font-size: .75rem;
	margin: 0;
}

.practitioner-review {
	text-align: left;
	border: 1px solid #ccc;
	padding: 1rem;
}

.practitioner-review:before {
	content: "";
	display: block;
	height: 1rem;
	background-image: url("../svg/review-quote.svg");
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	position: relative;
	margin-bottom: .5rem;
}

.recommendation {
	padding-left: 3rem;
	position: relative;
}

.recommendation:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 2rem;
	width: 2rem;
	background-image: url("../svg/review-quote-white.svg");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.review-box {
	position: relative;
	padding: 1.5rem;
	background-color: #fff;
}

.review-box:before {
	content: "";
	position: relative;
	display: block;
	height: 1.5rem;
	background-image: url("../svg/review-quote.svg");
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0 auto .75rem auto;
}

/* Campaign Form */

.campaign-form {
	background-color: #e6f3f5;
	padding: 1.5rem;
}

.campaign-form h3 {
	font-weight: 700;
	color: #00a0af;
	text-align: center;
}

.campaign-practitioner {
	background-color: #e6f3f5;
	padding: 1.5rem;
	margin-top: 1.5rem;
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-column-gap: 1.5rem;
}


/* Swiper */

.swiper-container {
	overflow: hidden;
}

.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
	color: #f36b24;
	margin-top: -3rem;
	top: 50%;
}

.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #f36b24;
}

/* Tweaktionary */

.tweaktionary > h2 {
	position: absolute;
	display: block;
	width: 3rem;
	height: 3rem;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 1.8rem;
	line-height: 2.8rem;
	letter-spacing: 0;
	color: #b6c5ca;
	border: 2px solid #b6c5ca;;
	border-radius: 100%;
}

.tweaktionary h3 {
	font-size: 1.15rem;
	margin-left: 5rem;
	margin-top: 2rem;
	margin-bottom: -.5rem;
}

.tweaktionary p {
	margin-left: 5rem;
}

.tweaktionary hr {
	margin: 3rem 0;
	background-color: #e1e1e1;
}

/*** ============================================================== ***/
/*** Delivery Club Pricing ***/

.delivery-club {
}

.pricing-boxes {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-column-gap: 1.5rem;
	margin-top: 2rem;
}

.pricing-boxes.large-gap {
	grid-column-gap: 3rem;
}

.pricing-box,
a.pricing-box {
	display: block;
	padding: 1.5rem;
	border: 1px solid rgba(0, 0, 0, .1);
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	transition: all .3s;
	position: relative;
	text-decoration: none;
}

.pricing-box:hover {
	border: 1px solid #00a0af;
	box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .25);
}

.best-value {
	color: #f3a573;
	background-color: #fff;
	padding: .15rem .75rem;
	margin: 0 auto;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.8rem;
	position: absolute;
	margin: .5rem 0 0 0;
	left: -.5rem;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .25);
}

.plan-saving {
	width: 3.5rem;
	height: 3.5rem;
	padding: 0;
	font-size: .875rem;
	line-height: 1;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	border-radius: 1.75rem;
	position: absolute;
	top: 20%;
	right: -1rem;
	background-color: #f36b24;
	color: #fff;
}

.plan-title {
	font-weight: bold;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}

.plan-price {
	font-size: 3rem;
	line-height: 1;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	color: #2b3547;
}

.plan-price span {
	font-size: .875rem;
	display: block;
	font-weight: bold;
}

/*** ============================================================== ***/
/*** Homepage Blog Area / RSS feed from HubSpot ***/

.blog-feed {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
}

.blog-feed.four-columns {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-column-gap: 3rem;
	grid-row-gap: 3rem;
}

.blog-feed .col {
	padding-top: calc(100% + 1rem);
	position: relative;
}

.blog-feed h3 {
	font-size: 1rem;
	line-height: 1.25;
	font-weight: 500;
	margin: 0 0 .25rem 0;
}

.blog-feed .hs-featured-image-wrapper {
	display: block;
}

.blog-feed a.hs-featured-image-link {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: absolute;
	border: 1px solid #eee;
	overflow: hidden;
	top: 0;
}

.blog-feed a.hs-featured-image-link > img.hs-featured-image {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	min-height: 100% !important;
	object-fit: cover;
	object-position: center;
	border: none;
}

.blog-feed-categories {
	font-size: .8125rem;
	color: #707070;
	margin: 0;
}

.blog-feed-categories span {
	text-transform: capitalize;
	color: #2b3547;
}

/*** The Tweakment Finder ***/

.tweakmentfinder-popup {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 10000;
	display: none;
}

.tweakmentfinder-popup-container {
	width: 100%;
	height: 100%;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
}

.tweakmentfinder-popup-frame {
	width: 100%;
	max-width: 1024px;
	min-width: 800px;
	height: calc(100% - 4rem);
	max-height: 560px;
	background-color: #fff;
	border-radius: 2rem;
	overflow: hidden;
	box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .2);
}

.tweakment-finder-hero {
	width: calc(100% - 2rem);
	height: 100%;
	position: relative;
	overflow: hidden;
}

.tweakment-finder-hero-content {
	display: grid;
	grid-template-columns: .5fr .5fr 1fr;
	grid-column-gap: 1rem;
	min-height: 100%;
	align-items: center;
}

.tweakment-finder-intro {
	padding: 2rem;
	text-align: right;
	height: 100%;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

.tweakment-finder-intro:before {
	content: "";
	display: block;
	width: 95%;
	height: 80%;
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url("../png/big-t.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom left;
}

.tweakment-finder-intro h2 {
	font-size: 2rem;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1;
	color: #fff;
}

.tweakmentfinder-logo {
	font-size: .8rem;
}

.tweakmentfinder-logo:before {
	content: "";
	display: inline-block;
	margin-right: .5rem;
	width: 1rem;
	height: 1rem;
	background: no-repeat url("../svg/tweak-flare.svg") center / contain;
	vertical-align: middle;
}

.tweakment-finder-intro p {
	line-height: 1.5;
	font-weight: 400;
	color: #fff;
}

.arrow-down-notice p {
	font-size: 1rem;
	padding-left: 2rem;
	margin-top: 3rem;
	line-height: 1.25;
	position: relative;
}

.arrow-down-notice p:before {
	display: block;
	position: absolute;
	width: 2rem;
	height: auto;
	left: -.5rem;
	top: .6rem;
	content: url("../svg/icon-arrow-right.svg");
	transform: rotate(90deg);
}

.tweakment-finder-selector {
	position: relative;
	height: 100%;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1rem;
}

.face-area-options {
	position: absolute;
	width: 100%;
	padding: 0;
	display: none;
}

.face-area-options .face-area-title {
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 1;
	margin: 0 0 1rem 0;
	text-transform: uppercase;
}

.face-area-options .face-area-hint {
	font-size: 1rem;
	margin: 0;
	line-height: 1;
}

.face-area-intro {
	display: block;
	font-size: 1.25rem;
	line-height: 1.15;
	font-weight: 400;
	text-align: left;
	text-transform: uppercase;
	color: #3a2c4d;
}

.face-area-intro img {
	display: block;
	width: 3rem;
	height: auto;
	position: relative;
	top: 1rem;
}

.face-area-conditions {
	margin: .5rem 0 0 0;
}

.face-area-conditions a.concern-select-link {
	color: #2b3547;
	font-weight: 500;
	position: relative;
	display: block;
	font-size: .85rem;
	line-height: 1.1rem;
	margin: 0 0 0 -1rem;
	outline: none;
	padding: .35rem 1rem;
	transition: all .3s;
	border-radius: 10rem;
}

.face-area-conditions a.concern-select-link:hover {
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
}

.tweakment-finder-face {
	position: relative;
	height: 100%;
	display: flex;
	flex: 1;
	padding: 2rem 0;
}

.face-full-container {
	position: relative;
	width: auto;
	height: 100%;
	display: flex;
	flex: 1;
	align-items: center;
}

.face-full-image {
	display: block;
	position: relative;
	width: auto;
	height: auto;
}

.face-full-image img {
	display: block;
	width: 100%;
	height: auto;
}

.face-full-image a {
	outline: none;
}

.face-select-dot {
	display: block;
	border: .2rem solid #fff;
	background-color: #f36b24;
	position: absolute;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: .7rem;
	z-index: 1;
	transition: transform .3s linear, box-shadow .3s ease-out;
}

.face-select-dot.flash {
	box-shadow: 0 0 0 1.5rem rgba(255, 255, 255, .2);
}

.face-select-dot span {
	position: absolute;
	left: calc(.5rem + .075rem);
	top: 10px;
	background: #00a0af;
	color: #fff;
	padding: .3rem .45rem;
	font-size: .7rem;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	box-shadow: 0 .1rem .1rem 0 rgba(0, 0, 0, .2);
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	transition: opacity .3s, top .3s, transform .3s;
	transform: translate(-50%, -3.5rem) scale(1);
	transform-origin: bottom center;
}

.face-select-dot span:before {
	content: "";
	position: absolute;
	left: calc(50% - 1px);
	top: 100%;
	width: 0;
	height: 1.5rem;
	border-left: 1px dashed #fff;
	border-right: 1px dashed #fff;
}

.face-select-dot:hover {
	background-color: #00a0af;
	transform: scale(1.3);
	z-index: 3;
	border: .175rem solid #fff;
}

.face-select-dot:hover span {
	display: block;
	top: 0;
	opacity: 1;
	transform: translate(-50%, -3.5rem) scale(1.2);
}

.face-select-dot.selected {
	background-color: #00a0af;
	transform: scale(1.3);
	z-index: 2;
	border: .175rem solid #fff;
}

/* Face areas */
.face-select-dot#fa-cheeks {
	top: 46%;
	right: 69%;
}

.face-select-dot#fa-eyes {
	top: 37%;
	right: 62%;
}

.face-select-dot#fa-forehead {
	top: 32%;
	right: 54%;
}

.face-select-dot#fa-lips {
	top: 52%;
	right: 58%;
}

.face-select-dot#fa-lower-face {
	top: 55%;
	right: 69%;
}

.face-select-dot#fa-neck {
	top: 66%;
	right: 69%;
}

.face-select-dot#fa-nose {
	top: 44%;
	right: 58%;
}

/* Body areas */
.face-select-dot#fa-arms {
	top: 35%;
	right: 34%;
}

.face-select-dot#fa-bum {
	top: 40%;
	right: 9%;
}

.face-select-dot#fa-feet {
	top: 91%;
	right: 22%;
}

.face-select-dot#fa-hands {
	top: 53%;
	right: 36%;
}

.face-select-dot#fa-intimate-rejuvenation {
	top: 46%;
	right: 21%;
}

.face-select-dot#fa-legs {
	top: 63%;
	right: 23%;
}

.face-select-dot#fa-tummy {
	top: 34%;
	right: 22%;
}

.tweakment-finder-section {
	margin-bottom: 3rem;
	position: relative;
}

.tweakment-finder-content {
	margin-bottom: 3rem;
	position: relative;
}

/* Tweakment Finder Concern List block */

.concern-list {
	display: flex;
	flex-wrap: nowrap;
	padding-top: 2rem;
	margin: 0 auto;
}

.concern-list-column {
	padding-right: 3.5rem;
}

.concern-list-column:last-child {
	padding-right: 0;
}

.concern-list-column h3 {
	text-transform: uppercase;
	margin-bottom: .5rem;
	font-size: initial;
	font-weight: 600;
}

.concern-list-column ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.concern-list-column li {
	font-size: 1rem;
}

.concern-list-column li a {
	color: initial;
	text-decoration: none;
	font-weight: 500;
}

.concern-list-column li a:hover {
	text-decoration: underline;
}

.concern-excerpt {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	height: 100%;
}

.concern-excerpt .spacer {
	flex: 1;
}

/* Tweakment Filter */

.tweakment-filter-hero {
	width: 100%;
	height: 24rem;
	position: relative;
	background-size: cover;
}

.tweakment-filter-hero::before {
	content: "";
	background-color: #e6edef;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 42rem;
	background-blend-mode: multiply;
	opacity: .5;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	position: absolute;
}

.tweakment-filter-hero.short-hero {
	height: 18rem;
}

.tweakment-filter-hero::before {
	content: "";
	background-color: #e6edef;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 32rem;
	background-blend-mode: multiply;
	opacity: .5;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	position: absolute;
}

.tweakment-filter-hero-overlay {
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	overflow: hidden;
}

.tweakment-filter-hero-overlay > div {
	border-radius: 100%;
	position: absolute;
}

.tweakment-filter-hero-overlay > div:nth-child(1) {
	background-color: rgba(255, 255, 255, .08);
	width: 100vh;
	height: 100vh;
	right: 10vw;
	top: -10vw;
}

.tweakment-filter-hero-overlay > div:nth-child(2) {
	background-color: rgba(255, 255, 255, .08);
	width: 60vh;
	height: 60vh;
	right: 5vw;
	bottom: -10vw;
}

.tweakment-filter-hero-overlay > div:nth-child(3) {
	background-color: rgba(255, 255, 255, .08);
	width: 80vh;
	height: 90vh;
	top: -20vw;
	right: -20vw;
}

.tweakment-filter-hero-container {
	padding: 10rem 5rem 5rem 5rem;
	position: absolute;
	height: 100%;
	z-index: 3;
	width: 100%;
}

.tweakment-filter-hero-content {
	position: relative;
}

.tweakment-filter-hero h1 {
	font-size: 2.5rem;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1;
	padding-bottom: 1rem;
}

.main-page-title {
	font-size: 2.5rem;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1;
	padding-bottom: 1rem;
}

.tweakment-filter-items {
	display: grid;
	grid-gap: .5rem;
	grid-template-columns: .5fr 1fr 1fr 1fr;
	align-items: center;
}

.tweakment-filter-items-single {
	display: grid;
	grid-gap: .5rem;
	grid-template-columns: .5fr 1fr 1fr 1fr min-content;
	align-items: center;
}

.practitioner-filter-search {
	display: grid;
	grid-template-columns: 1fr 4.2fr;
	grid-gap: 1.5rem;
}

.practitioner-map-button {
	margin-top: 2rem;
}

.practitioner-map-button a {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	font-size: .85rem;
	font-weight: bold;
	text-decoration: none;
}

.practitioner-map-button span {
	white-space: nowrap;
}

.practitioner-map-button a:hover {
	color: #2a2a2a;
	text-decoration: none;
}

.practitioner-map-button img {
	width: 3rem;
	height: auto;
	margin-right: 1rem;
}

.search-by-name {
	display: grid;
	grid-template-columns: auto min-content;
	grid-gap: 0;
	align-items: center;
}

.tweakment-filter-search-by-name {
	display: grid;
	grid-gap: 0;
	grid-template-columns: 1fr;
	height: 100%;
	margin-bottom: 1rem;
	align-items: center;
}

.tweakment-filter-items-practitioner {
	display: grid;
	grid-gap: .25rem;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr .5fr min-content;
	grid-template-rows: auto;
	height: 100%;
	margin-bottom: 1rem;
	align-items: center;
}

.tweakment-filter-items-practitioner .narrow-col {
	max-width: 100px;
}

.tweakment-filter-item {
	background-color: transparent;
	border: none;
	margin: 0;
	font-size: .85rem;
	line-height: 1rem;
	padding: 0;
	width: 100%;
	position: relative;
}

.filter-button, .filter-button:focus, .filter-button:active {
	font-size: .775rem;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	border: none;
	background-color: #f36b24;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
	margin: .75rem 0 1.25rem 0;
	border-radius: 10rem;
	justify-content: center;
	align-items: center;
	padding: .75rem 1rem;
	outline: none;
}

.filter-button:hover {
	opacity: .8;
}

.filter-button-image {
	padding: 0;
	outline: none;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
}

.filter-button-image img,
.filter-button img {
	display: inline-block;
	width: 1.5rem;
	height: auto;
	vertical-align: middle;
	position: relative;
	top: -.05rem;
}

input[type="submit"].filter-form-button {
	font-size: .775rem;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	border: none;
	background-color: #f36b24;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
	margin: 0 0 0 .5rem;
	border-radius: 0;
	align-self: center;
	justify-content: center;
	align-items: center;
	padding: 1rem 1rem;
	outline: none;
}

input[type="submit"].filter-form-button:hover {
	opacity: .8;
	color: #fff;
}

h4.tweakment-filter-item-title {
	font-weight: 500;
	text-transform: uppercase;
	font-size: .7rem;
	padding: .5rem;
	line-height: 1;
	margin: 0;
}

h4.input-label {
	font-weight: 500;
	text-transform: uppercase;
	font-size: .7rem;
	line-height: 1;
	margin: 0 0 .5rem 0;
}

.tweakment-filter-item input[type=radio] {
	margin: 0;
	vertical-align: top;
	padding: 0;
}

/* Range Slider */

input[type="range"] {
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	padding: 0 .5em;
	height: 1.5em;
}

input[type="range"]:focus {
	outline: none;
}

/* Webkit Range Slider */

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #f36b24;
	margin-top: -7px;
	cursor: pointer;
}

input[type="range"]::-webkit-slider-runnable-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	background: #d1d1d1;
	border-radius: 3px;
	border: 1px solid #d1d1d1;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
	background: #d1d1d1;
}

/* Firefox Range Slider */

input[type="range"]::-moz-range-thumb {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #f36b24;
	border: none;
	cursor: pointer;
}

input[type="range"]::-moz-range-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: #d1d1d1;
	border-radius: 2px;
	border: none;
}

input[type="range"]::-moz-focus-outer {
	border: 0;
}

/* IE/Edge Range Slider */

input[type="range"]::-ms-track {
	width: 100%;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

input[type="range"]::-ms-thumb {
	border: none;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #f36b24;
	cursor: pointer;
}

input[type="range"]::-ms-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	border-width: 1px 0;
	color: transparent;
}

input[type="range"]::-ms-fill-lower {
	background: #d1d1d1;
	border: 0.5px solid #d1d1d1;
	border-radius: 3px;
}

input[type="range"]:focus::-ms-fill-lower {
	background: #d1d1d1;
}

input[type="range"]::-ms-fill-upper {
	background: #f2f2f2;
	border: 0.5px solid #d1d1d1;
	border-radius: 3px;
}

input[type="range"]:focus::-ms-fill-upper {
	background: #d1d1d1;
}

.range-slider {
	position: relative;
	padding: .2rem 0 .3rem 0;
	margin: 0;
}

.range-slider-value {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 700;
	font-size: .7rem;
	text-align: right;
	padding: .5rem;
	line-height: 1;
	margin: 0;
	white-space: nowrap;
}

.range-slider-ticks {
	width: calc(100% - 32px);
	height: 5px;
	top: 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
	white-space: normal;
	text-align: justify;
}

.range-slider-ticks > div {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 1px;
	background-color: #cccccc;
	height: 5px;
	overflow: hidden;
}

.range-slider-ticks:after {
	content: "";
	width: 100%;
	display: inline-block;
}

/* Tweakment Result Tiles */

.tweakment-finder-results {
	position: relative;
	z-index: 2;
	padding: 5rem;
	width: 70vw;
}

.tweakment-result-image {
	position: absolute;
	left: 50vw;
	bottom: 0;
	right: 0;
	top: -2rem;
	z-index: 1;
	overflow: hidden;
	max-height: 80vh;
}

.tweakment-result-image img {
	width: 100%;
	height: auto;
}

.tweakment-result-image .post-thumbnail {
	margin: 0;
	padding: 0;
}

.tweakment-result-container {
	display: flex;
	flex-wrap: wrap;
}

#tweakment-tile-none {
	display: none;
}

.tweakment-tile {
	display: block;
	position: relative;
	width: calc((70vw - 15rem) / 4);
	height: calc((70vw - 15rem) / 4);
	margin-right: 1.5rem;
	margin-bottom: 1.5rem;
	border: 1px dashed transparent;
}

.tweakment-tile:hover {
	transform: scale(1.05);
}

.tweakment-tile-content {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 1em;
	background-color: rgba(255, 255, 255, .2);
	transition: transform .35s, opacity .35s;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}

.tweakment-tile.shrink {
	border: 1px dashed #d1d1d1;
}

.tweakment-tile.shrink .tweakment-tile-content {
	transform: scale(0);
	opacity: 0;
}

.tweakment-tile-title {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 3rem;
	color: #2b3547;
	padding: .75rem .75rem 0 0;
	font-weight: 600;
	font-size: 1.15rem;
	line-height: 1.15;
	min-height: 3.5rem;
	hyphens: auto;
}

.tweakment-extended-view {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	grid-column-gap: 5rem;
}

/* Tweakment Blocks */

.tweakment-list {
	position: relative;
}

#tweakment-block-none {
	display: none;
}

.tweakment-block {
	position: relative;
	transition: all .1s;
}

.tweakment-block.shrink {
	opacity: .1;
	mix-blend-mode: luminosity;
	display: none;
}

.tweakment-block.inactive {
	pointer-events: none;
}

/*** Practitioner Search ***/

.practitioner-search-results {
	position: relative;
	z-index: 2;
	width: 70vw;
}

.practitioner-search-results-intro {
	background-color: #fff;
	padding: 4rem 5rem;
}

.practitioner-search-results-intro > div {
	position: relative;
}

.practitioner-search-results-intro h2 {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -0.035em;
}

.practitioner-search-summary {
	font-weight: 500;
	margin-top: 0;
	padding: 3.5rem 5rem;
	background-color: #fff;
}

.practitioner-search-summary p:first-child {
	margin-top: 0;
}

.practitioner-result-image {
	position: absolute;
	left: 50vw;
	bottom: 0;
	right: 0;
	top: -2rem;
	z-index: 1;
	overflow: hidden;
	max-height: 80vh;
}

.practitioner-result-image img {
	width: 100%;
	height: auto;
}

.practitioner-item .image-item-background .recommended-badge {
	display: block;
	position: absolute;
	top: .5rem;
	right: .5rem;
	width: 8rem;
}

.practitioner-result-image .post-thumbnail {
	margin: 0;
	padding: 0;
}

.practitioner-search-map {
	position: absolute;
	left: 40%;
	bottom: 0;
	right: 0;
	top: -2rem;
	z-index: 1;
	overflow: hidden;
	background-color: #2b3547;
	max-height: 32rem;
}

.practitioner-search-map iframe {
	position: relative;
	top: -40px;
	height: calc(100% + 40px);
}

.practitioner-search-map-small {
	overflow: hidden;
	background-color: #2b3547;
	height: 15rem;
	margin-top: 1rem;
}

.practitioner-search-map-small iframe {
	position: relative;
	height: 280px;
}

.practitoner-search-tabs {
	display: flex;
	flex: 1 1 100%;
	justify-content: stretch;
}

.practitoner-search-tabs a {
	display: block;
	width: 100%;
	padding: 1.5rem 1rem;
	background-color: #fff;
	text-align: center;
	color: initial;
	text-transform: uppercase;
	font-size: 1.1rem;
	font-weight: 600;
	opacity: 1;
}

.practitoner-search-tabs a:hover {
	opacity: .65;
}

.practitoner-search-tabs a.active {
	background-color: transparent;
	opacity: 1;
}

.practitoner-search-tabs a span {
	background-color: #f36b24;
	color: #fff;
	font-size: 1rem;
	width: auto;
	min-width: 2rem;
	height: auto;
	line-height: 1.6;
	top: -1px;
	position: relative;
	padding: 0 .5rem;
	border-radius: 1.5rem;
	display: inline-block;
	margin-left: 1rem;
}

.practitioner-tab {
	display: block;
}

.provider-tab {
	display: none;
}

.practitioner-photo {
	position: relative;
	display: block;
	height: 0;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0 0;
	margin-bottom: 3rem;
}

.practitioner-photo img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: auto;
	height: 100%;
	object-fit: cover;
}

.practitioner-details {
	display: block;
	margin: 1.5rem 0;
	padding: 1rem;
	border: 1px solid #ccc;
}

.practitioner-booking-form {
	display: block;
	margin: 1.5rem 0;
	padding: 1rem;
	border: 1px solid #ccc;
}

.practitioner-booking-form .gform_heading {
	display: none;
}

.practitioner-booking-form .gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 8px;
}

.practitioner-booking-form .gform_wrapper.gravity-theme .gfield_label {
	font-size: .9rem;
}

.practitioner-booking-form .gform_wrapper.gravity-theme .gfield-choice-input+label {
	font-size: .75rem;
}

.practitioner-booking-form .gform_wrapper.gravity-theme .gfield input {
	font-size: .9rem;
}

.practitioner-booking-form .gform_wrapper.gravity-theme .gfield input::placeholder {
	color: #b0b0b0;
}

.practitioner-booking-form .gform_wrapper.gravity-theme .gfield select {
	font-size: .9rem;
}

.practitioner-booking-form .gform_wrapper.gravity-theme .gfield select option.gf_placeholder {
	color: #b0b0b0;
}

.practitioner-booking-form .gform_wrapper.gravity-theme .gfield-choice-input {
	margin-right: 5px;
}

.practitioner-booking-form .gform_wrapper.gravity-theme .gform-footer .button {
	background-color: #f36b24;
	border-radius: 0;
	font-size: .9rem;
	font-weight: 600;
	color: #fff;
	margin: 0;
	min-width: 160px;
	border: 0;
}

p.with-icon {
	padding-left: 2rem;
	position: relative;
}

p.with-icon img {
	width: 1.5rem;
	height: auto;
	position: absolute;
	left: 0;
}

.list-item-with-icon {
	font-size: .875rem;
	line-height: 1.2;
	margin: .5rem 0;
	text-align: left;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
}

.list-item-with-icon img {
	width: 2.5rem;
	height: auto;
	margin-right: 1rem;
}

.list-item-with-icon span {
	text-decoration: none;
	color: initial;
}

p.practitioner-profession {
	text-transform: uppercase;
	font-size: .775rem;
	margin: .5rem 0;
	padding-left: 1.2rem;
	line-height: 1.35;
	background-image: url("../svg/icon-practitioner.svg");
	background-repeat: no-repeat;
	background-size: 1rem;
	background-position: top left;
}

p.practitioner-address {
	font-size: .775rem;
	margin: .5rem 0;
	padding-left: 1.2rem;
	line-height: 1.35;
	background-image: url("../svg/icon-location.svg");
	background-repeat: no-repeat;
	background-size: 1rem;
	background-position: top left;
}

.practitioner-search-name {
	color: #2b3547;
	font-weight: 600;
	font-size: 1.25rem;
}

.practitioner-search-name a {
	color: #2b3547;
}

.practitioner-search-profession {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: normal;
}

.practitioner-search-address {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 1.1rem;
}

.practitioner-search-excerpt {
	font-size: 1rem;
	margin-top: 0;
	margin-bottom: 1rem;
}

ul.practitioner-search-addresses {
	font-size: 1rem;
	list-style-type: circle;
	margin: 0 0 1rem 0;
}

ul.practitioner-search-addresses li {
	font-size: 1rem;
	margin: 0 0 0 1.2rem;
}

/*** Search Results ***/

#search-notice-practitioners,
#search-notice-providers {
	display: none;
	margin: 0 0 4rem 0;
}

.search-results {
	position: relative;
	z-index: 2;
	width: 70vw;
}

.search-results-intro {
	background-color: #fff;
	padding: 4rem 5rem;
}

.search-results-intro h2 {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -0.035em;
}

.search-results-content {
	padding: 5rem;
}

.search-block {
	display: grid;
	grid-column-gap: 2rem;
	grid-template-columns: 1fr 4fr;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #d1d1d1;
}

.search-block:last-of-type {
	border-bottom: 0;
}

.search-image {
	min-width: 10rem;
	padding-top: .2rem;
}

.search-content p {
	font-size: 1rem;
}

.search-content h4 {
	text-transform: none;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.1;
	margin: 0;
}

/*** Practitioner Section ***/

.practitioner-container {
	display: grid;
	grid-gap: 3rem;
	grid-template-columns: 2fr 1fr;
}

.practitioner-intro {
	display: grid;
	grid-template-columns: 1fr 3fr;
	column-gap: 2.25rem;
	align-items: center;
	margin: 1rem 0 2rem 0;
}

.practitioner-intro-image {
}

.practitioner-content, .sidebar {
	position: relative;
	z-index: 3;
}

.practitioner-content > article {
	margin-bottom: 1.5rem;
	position: relative;
}

.practitioner-content > article:not(:last-of-type):after {
	content: "";
	display: block;
	margin-top: 4.5rem;
	width: .5rem;
	height: 2rem;
	background-color: #f36b24;
}

.practitioner-content .page-title {
	font-size: 1.5rem;
	font-weight: 600;
}

.practitioner-content header {
}

.practitioner-content .entry-title {
	font-size: 2rem;
	letter-spacing: -.05em;
	font-weight: 500;
	line-height: 1;
}

.practitioner-content .entry-title a {
	color: #2b3547;
}

.practitioner-content .entry-title a:hover, .practitioner-content .entry-title a:focus {
	opacity: 1;
}

.practitioner-content .entry-content .author-title {
	clear: none;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1.75;
	margin: 0;
}

.practitioner-content .entry-summary p {
	font-size: 1.1rem;
	margin: 0;
}

/*** Tweak of the Week ***/

.categories {
	margin: 1rem 0;
}

.categories.pills a {
	font-size: .65rem;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 .25rem .25rem 0;
	color: #00a0af;
	border: 1px solid #ddd;
	background-color: transparent;
	padding: .25rem .65rem .2rem .65rem;
	border-radius: 3rem;
	text-decoration: none;
	transition: all .3s;
	font-weight: 500;
}

.categories.pills a:not(.more-link):hover {
	border-color: #00a0af;
}

.standard-tags {
	display: block;
}

.standard-tags span {
	font-size: .65rem;
	line-height: 1.9;
	text-transform: uppercase;
	display: inline-block;
	margin: .125rem .25rem .125rem 0;
	color: #666;
	border: 1px solid #ddd;
	background-color: transparent;
	padding: 0 .5rem;
	border-radius: 3rem;
}

.concern-tags {
	margin: .75rem 0 0 0;
	display: grid;
	grid-template-columns: 1fr min-content;
	grid-column-gap: .5rem;
	align-items: center;
}

.concern-tags span {
	font-size: .65rem;
	line-height: 1.9;
	text-transform: uppercase;
	display: inline-block;
	margin: .125rem .25rem .125rem 0;
	color: #666;
	border: 1px solid #ddd;
	background-color: transparent;
	padding: 0 .5rem;
	border-radius: 3rem;
}

.categories.blog {
	margin: 0;
	font-size: .8125rem;
	color: #707070;
}

.categories.blog span {
	text-transform: capitalize;
	color: #2b3547;
}

.categories.blog a {
	text-transform: capitalize;
	color: #2b3547;
}

.categories.blog a:hover {
	color: #f36b24;
	text-decoration: underline;
}

/*** ============================================================== ***/
/*** Tweak of The Week ***/

.totw-hero {
	width: 100%;
	height: auto;
	position: relative;
	background: rgb(0, 175, 175);
	background: linear-gradient(45deg, rgba(0, 175, 175, 1) 0%, rgba(0, 160, 175, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afaf', endColorstr='#00a0af', GradientType=1);
	text-align: center;
}

.totw-hero-container {
	position: relative;
	padding: 3rem 4rem 4rem 4rem;
	margin: 0 auto;
}

.totw-hero-content {
	position: relative;
	text-align: center;
	margin: 0 auto;
}

.totw-hero-content .post-thumbnail img {
	width: auto;
	height: 10rem;
	margin: 0 auto;
}

.totw-hero .main-totw-title {
	font-size: 3.5rem;
	line-height: 1;
	font-weight: 700;
	color: #fff;
	text-align: center;
	margin: 2rem auto 0 auto;
	max-width: 960px;
}

.totw-section {
	position: relative;
	padding: 0;
	margin: 0;
}

.totw-container {
	display: block;
}

.totw-content {
	margin: 0 auto;
}

.totw-content .entry-content {
	text-align: center;
	max-width: 960px;
	margin: 0 auto;
}

.totw-max-width {
	max-width: 1200px;
}

.totw-content:not(:last-child) {
	margin-bottom: 4rem;
}

.totw-content .entry-content .arve-wrapper {
	margin: 0 auto;
	padding-bottom: 1rem;
}

.totw-content .entry-content iframe {
	margin: 0 auto;
	display: block;
	width: 720px;
	height: 405px;
}

.totw-content .entry-title {
	font-size: 2rem;
	letter-spacing: -.05em;
	font-weight: 500;
	line-height: 1.15;
}

.totw-content .entry-title a {
	color: #2b3547;
}

.totw-content .entry-title a:hover {
	color: #2b3547;
	opacity: 1;
	text-decoration: underline;
}

.totw-content .entry-title a:hover, .totw-content .entry-title a:focus {
	opacity: 1;
}

.totw-about-section {
	text-align: left;
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-column-gap: 3rem;
}

.totw-about-section img {
	width: 100%;
	height: auto;
	display: block;
}

.totw-about-section h2 {
	font-size: 2.25rem;
	text-align: left;
}

.totw-two-columns {
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	position: relative;
	text-align: center;
}

.totw-two-columns > div {
	width: 100%;
}

.totw-two-columns .practitioner-block {
	border: 1px solid #eee;
	background-color: #fff;
	padding: 1rem;
}

.totw-two-columns h2 {
	font-size: 2.25rem;
	line-height: 1.1;
	text-transform: uppercase;
}

.totw-two-columns .recommended-practitioners {
	text-align: left;
	margin: 0 auto;
}

.totw-two-columns .practitioner-block {
	min-width: 240px;
	max-width: 320px;
	margin: 0 auto 2rem auto;
}

.totw-two-columns .practitioner-block:last-child {
	margin-bottom: 0;
}

.totw-two-columns > div:first-child {
	padding: 3rem;
	background-color: #f7f7f7;
}

.totw-two-columns > div:last-child {
	padding: 3rem;
	background-color: #e3ecec;
}

.totw-practitioners-columns {
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	justify-items: stretch;
	position: relative;
	text-align: left;
}

.totw-practitioners-columns > div {
	margin: 0 auto 4rem auto;
	width: auto;
	max-width: 320px;
	padding: .5rem 2rem;
}

.totw-practitioners-columns .practitioner-block {
	margin-bottom: 0;
}

.totw-two-columns.reverse-d {
	flex-direction: row-reverse;
}

/*** Blog Styles ***/

/* Blog Hero */

/*.blog-hero {*/
/*width: 100%;*/
/*height: 22rem;*/
/*position: relative;*/
/*background-color: #e6edef;*/
/*}*/

/*.blog-hero::before {*/
/*content: "";*/
/*background-color: #e6edef;*/
/*background-image: url("images/blog-hero-photo.jpg");*/
/*background-repeat: no-repeat;*/
/*background-position: right top;*/
/*background-size: auto 42rem;*/
/*background-blend-mode: multiply;*/
/*opacity: .5;*/
/*width: 100%;*/
/*left: 0;*/
/*top: 0;*/
/*bottom: 0;*/
/*right: 0;*/
/*position: absolute;*/
/*}*/

/*.blog-hero-overlay {*/
/*left: 0;*/
/*top: 0;*/
/*bottom: 0;*/
/*right: 0;*/
/*position: absolute;*/
/*overflow: hidden;*/
/*}*/

/*.blog-hero-overlay > div {*/
/*border-radius: 100%;*/
/*position: absolute;*/
/*}*/
/**/
/*.blog-hero-overlay > div:nth-child(1) {*/
/*background-color: rgba(255, 255, 255, .08);*/
/*width: 100vh;*/
/*height: 100vh;*/
/*right: 10vw;*/
/*top: -10vw;*/
/*}*/

/*.blog-hero-overlay > div:nth-child(2) {*/
/*background-color: rgba(255, 255, 255, .08);*/
/*width: 60vh;*/
/*height: 60vh;*/
/*right: 5vw;*/
/*bottom: -10vw;*/
/*}*/

/*.blog-hero-overlay > div:nth-child(3) {*/
/*background-color: rgba(255, 255, 255, .08);*/
/*width: 80vh;*/
/*height: 90vh;*/
/*top: -20vw;*/
/*right: -20vw;*/
/*}*/

/*.blog-hero-container {*/
/*padding: 5rem;*/
/*padding-top: 10rem;*/
/*position: relative;*/
/*height: 100%;*/
/*z-index: 1;*/
/*}*/

/*.blog-hero-content {*/
/*position: absolute;*/
/*bottom: 0;*/
/*}*/

/*.blog-hero h1 {*/
/*font-size: 2.5rem;*/
/*text-transform: uppercase;*/
/*font-weight: 400;*/
/*line-height: 1;*/
/*padding-bottom: 5rem;*/
/*}*/


/* Pillar Page Styling */

.pillar-container {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 0;
	padding: 4rem 5rem;
}

.pillar-section {
	margin-top: -12em;
}

.pillar-content-single {
	background-color: #f5f5f5;
	padding: 4em;
}

.pillar-content-single-sidebar {
	background-color: #fff;
	padding: 4em;
}

.pillar-img > .post-thumbnail {
	margin-top: 0;
}

.pillar-sidebar {
	background-color: #f5f5f5;
	padding: 2rem;
	margin-bottom: 2rem;
}

.sidebar-item:not(:last-child) {
	margin-bottom: 2rem;
	border-bottom: 1px solid #ddd;
	padding-bottom: 2rem;
}

.sidebar-title {
	text-transform: uppercase;
	margin-bottom: 1rem;
	line-height: 1.1;
	font-weight: normal;
}

.sidebar-item h3 {
	margin-bottom: .5rem;
}

.sidebar-item-image {
	display: block;
	float: left;
	width: 8rem;
}

.sidebar-item-image.full {
	display: block;
	float: none;
	width: auto;
}

.sidebar-item-image > a {
	display: block;
	width: 100%;
	padding-top: 100%;
	position: relative;
	border: .25rem solid #fff;
	box-shadow: 0 0 1px 1px #e3eaec;
	transition: transform .3s, border .3s;
	overflow: hidden;
	margin-top: .5rem;
	background-color: #fff;
}

.sidebar-item-image img {
	position: absolute;
	display: block;
	width: auto;
	height: 100%;
	top: 0;
	left: 50%;
	padding: 0;
	background-color: #fff;
	transform: translateX(-50%);

	max-width: none !important;
	float: none;
	margin: 0;
}

.sidebar-item-image a:hover {
	transform: scale(1.05);
	box-shadow: 0 0 1px 1px #cfe0e1;
}

.sidebar-item p {
	margin-top: 0;
	margin-left: 9.5rem;
	font-size: .9rem;
}

.sidebar-item p.full {
	margin-top: 0;
	margin-left: 0;
	font-size: .9rem;
}

.sidebar-item p::after {
	content: "";
	clear: both;
	display: table;
}

.sidebar-item a.more-link {
	display: block;
	margin-top: 1rem;
}

.lwptoc_i {
	width: 100%;
	padding: 0;
}

.sidebar-item-hubspot {
	width: auto;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}

.sidebar-item-hubspot:not(:last-child) {
	margin-bottom: 2rem;
	border-bottom: 1px solid #ddd;
	padding-bottom: 2rem;
}

.sidebar-item-hubspot .hs-featured-image-wrapper {
	position: relative;
	display: block;
	width: auto;
	max-width: none;
}

.sidebar-item-hubspot .hs-featured-image-wrapper > a {
	display: block;
}

.sidebar-item-hubspot img.hs-featured-image {
	position: relative;
	display: block;
	float: none !important;
	margin: 1rem 0 1rem 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

.sidebar-item-hubspot p {
	margin-top: 0;
	font-size: .9rem !important;
}

.sidebar-item-hubspot p > * {
	font-size: .9rem !important;
}

/* Accordion & FAQ  */

.faq {
	margin: 0 auto;
	display: block;
	max-width: 960px;
	/*grid-template-columns: 1fr 1fr;*/
	/*grid-column-gap: 3rem;*/
	/*column-count: 3;*/
	/*column-gap: 2rem;*/
	/*column-rule: 1px solid #e3eaec;*/
}

.faq .faq-item {
	display: block;
	padding: .75rem .5rem;
	border-bottom: 1px solid #eee;
}

.faq .faq-item:last-child {
	border-bottom: none;
}

.faq .faq-item * {
	display: none;
}

.faq .faq-item h3 {
	display: block;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.2;
	margin: 0;
	padding-right: 2rem;
	user-select: none;
	background-image: url("../svg/icon-chevron-down.svg");
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: .65rem;
}

.faq .faq-item h3:hover {
	cursor: pointer;
	color: #00a0af;
}

.faq .faq-item h3.open {
	background-image: url("../svg/icon-chevron-up.svg");
}

.faq .faq-item b,
.faq .faq-item strong {
	font-weight: 500;
}

.faq .faq-item *:last-child {
	margin-bottom: 0;
}

.accordion {
	display: block;
}

.faq .accordion {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-column-gap: .5rem;
	grid-template-rows: auto;
}

.accordion-title {
	font-size: .9rem;
	font-weight: 500;
	line-height: 1.2;
	margin: 0;
	padding: .5rem 1rem;
	align-self: center;
	outline: none;
	user-select: none;
	cursor: pointer;
	border-radius: 10rem;
	color: #fff;
	border: 1px solid transparent;
	transition: background-color .25s, border .25s;
}

.accordion-title:not(:active):hover {
	background-color: rgba(255, 255, 255, .15);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
}

.accordion-title:active {
	background-color: rgba(255, 255, 255, .15);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
}

.accordion-content {
	position: absolute;
	top: 0;
	left: 15%;
	right: 15%;
	height: auto;
	font-size: .875rem;
	letter-spacing: -0.02em;
	margin: 2rem;
	padding: 1.25rem;
	border: 1px solid rgba(255, 255, 255, .25);
	background-color: #d9f1f3;
	border-radius: .5rem;
	display: none;
	z-index: 1000;
	box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .2);
}

/* Blog Post Image */

h3.accordion-title {
	margin-top: 0;
	cursor: pointer;
	margin-bottom: 1rem;
}

.alice-cta-container {
	padding: 0 5rem;
}

.alice-cta {
	content: "";
	background-color: #D9E5E6;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	background-blend-mode: normal;
	padding: 10em 5em;
}

.alice-cta-incontent {
	content: "";
	background-color: #D9E5E6;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	background-blend-mode: normal;
	padding: 2em;
}

.alice-cta-inner {
	width: 65%;
}

/***** BLOG *****/

.blog-home-content-one {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-column-gap: 2rem;
}

.blog-home-content-one div.single-item {
	padding-bottom: 1.5rem;
}

.blog-home-content-one.reverse {
	grid-template-columns: 1fr 2fr;
}

.blog-home-content-two {
}

.blog-home-content-double-single {
	display: grid;
	grid-template-columns: 1fr .8fr;
	grid-column-gap: 2.5rem;
}

.blog-section {
	margin-bottom: 3rem;
	position: relative;
}

.blog-author {
	font-size: .875rem;
	font-weight: 500;
	margin: 1.5rem 0 1rem 0;
	text-transform: uppercase;
}

.blog-author-avatar {
	display: block;
	width: 5rem;
	height: 5rem;
	border-radius: 100%;
	margin: 0 auto .5rem auto;
}

.blog-author a {
	font-weight: 700;
	color: #00a0af;
}

.blog-author a:hover {
	color: #00a0af;
	text-decoration: underline;
}

.blog-date {
	font-size: .875rem;
	font-weight: 500;
	margin: 1rem 0 .5rem 0;
	text-transform: uppercase;
}

.blog-date-small {
	font-size: .8rem;
	font-weight: 500;
	margin: 0;
	text-transform: uppercase;
	color: #2b3547;
}

.blog-section-heading {
	font-weight: 700;
	font-size: 1.75rem;
	text-transform: uppercase;
	color: #f36b24;
	margin: 0 0 1.5rem 0;
}

.blog-content-top {
	text-align: center;
	max-width: 50rem;
	padding: 3rem 1rem;
	margin: 0 auto;
}

.blog-content-top h1 {
	font-family: "Libre Baskerville", serif;
	font-size: 3.5rem;
	font-weight: 400;
	line-height: 1.15;
	margin: 0;
}

.blog-categories {
	font-size: 1rem;
	margin: 0 0 1rem 0;
}

.blog-social {
	margin: 1rem 0;
}

.blog-social a {
	display: inline-block;
	margin: 0 .33rem;
	transition: all .2s ease-in-out;
	position: relative;
}

.blog-social img {
	width: 32px;
	height: auto;
}

.blog-social a:hover {
	opacity: .8;
}

.blog-categories a {
	font-weight: bold;
	text-transform: uppercase;
	color: #f36b24;
	padding: .25rem;
}

.blog-content-main {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 3rem;
	margin: 0 auto;
}

.blog-content img {
	/*width: 100%;*/
	width: auto;
	height: auto;
	margin: 1rem 0;
}

.blog-content iframe {
	margin: 1rem 0;
}

.blog-content iframe:first-child {
	margin: 0 0 1rem 0;
}

.block-mailing-list {
	padding: 0 2rem 0 0;
	background-color: #00a0af;
	margin: 2rem 0;
}

.block-mailing-list h3.block-mailing-list-title {
	margin: 0 0 1rem 0;
	text-transform: uppercase;
	color: #fff;
}

.block-mailing-list p {
	color: #fff;
}

.block-mailing-list li {
	color: #fff;
}

.block-shop-features {
	padding: 0 0 0 2rem;
	background-color: #ffede2;
	margin: 2rem 0;
}

.block-shop-features h3.block-shop-features-title {
	margin: 0 0 1rem 0;
	text-transform: uppercase;
	color: #f36b24;
}

.shop-features {
	display: grid;
	grid-template-columns: 2rem auto;
	grid-template-rows: auto;
	grid-column-gap: 1rem;
	grid-row-gap: .5rem;
	align-items: center;
}

.shop-features img {
	width: 2rem;
	height: auto;
}

.peach-box {
	padding: 1.5rem;
	background-color: #ffede2;
	margin: 2rem 0;
}

.peach-box h3 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.blog-social-box {
	padding: 1.5rem;
	background-color: #ffede2;
	margin: 2rem 0;
}

.blog-social-box h3.blog-social-box-title {
	font-family: "Libre Baskerville", serif;
	margin: 0 0 1rem 0;
	text-transform: uppercase;
	color: #f36b24;
}

.blog-social-box .blog-social-box-icons {
	padding: 1rem 1.5rem 1.5rem 1.5rem;
	text-align: center;
}

.blog-social-box .blog-social-box-icons a {
	display: inline-block;
	margin: 0 .5rem;
	padding: .5rem;
	transition: all .2s ease-in-out;
	position: relative;
}

.blog-social-box .blog-social-box-icons a:hover {
	transform: scale(1.05);
}

.blog-social-box .blog-social-box-icons img {
	width: 48px;
	height: auto;
}

.blog-social-box .blog-social-box-icons a:hover {
	opacity: .8;
}

.blog-takeaway {
	padding: 1.5rem;
	background-color: #e5f3f4;
	margin: 2rem 0;
}

.blog-takeaway h3.blog-takeaway-title {
	font-family: "Libre Baskerville", serif;
	margin: 0 0 1rem 0;
	text-transform: uppercase;
	color: #00a0af;
}

.blog-mailing-list {
	padding: 1.5rem;
	background-color: #ffede2;
	margin: 2rem 0;
}

.blog-mailing-list h3.blog-mailing-list-title {
	font-family: "Libre Baskerville", serif;
	margin: 0 0 1rem 0;
	text-transform: uppercase;
	color: #f36b24;
}

.blog-sidebar {
	position: sticky;
	top: 1rem;
	height: min-content;
}

.blog-sidebar h3 {
	font-family: "Libre Baskerville", serif;
	font-size: 1.5rem;
	text-align: left;
	font-weight: 600;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	border-top: 2px solid #2a2a2a;
	padding-top: .35rem;
	position: relative;
}

.blog-sidebar h3:after {
	content: "";
	border-top: 2px solid #2a2a2a;
	width: 9rem;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -7px;
}

.blog-sidebar h4 {
	font-size: 1.35rem;
	text-align: center;
	font-weight: 600;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	border-top: 2px solid #2a2a2a;
	padding-top: .35rem;
}

.blog-latest {
	margin: 0 0 3rem 0;
}

.blog-item {
	display: block;
}

.blog-item-large {
	display: block;
}

.blog-item-large-image {
	width: 100%;
	height: auto;
	text-decoration: none;
	color: inherit;
}

.blog-item-large-content {
	padding-top: 1rem;
}

.blog-item-large-content h2 {
	font-family: "Libre Baskerville", serif;
	font-size: 2.75rem;
	line-height: 1.25;
	margin: 0;
}

.blog-item-large-content h3 {
	font-family: "Libre Baskerville", serif;
	font-size: 2.25rem;
	line-height: 1.25;
	margin: 0;
}

.fb-box {
	width: 16rem;
	border: 1px solid #e3eaec;
	background-color: #fff;
}

.fb-box.float-left {
	float: left;
	margin-right: 2rem;
	margin-bottom: 1.5rem;
}

.fb-box-image {
	padding: 1rem;
	background-color: #fff;
}

.fb-box-image img {
	margin: 0;
}

.fb-box-content {
	padding: 1rem;
}

.fb-box-content .icon-small {
	width: 24px;
	height: auto;
	margin: 0;
}

.fb-box-content h4.fb-box-title {
	font-family: Sora, "Helvetica Neue", sans-serif;
	font-size: 1.1rem;
	line-height: 1.25;
	font-weight: 500;
	letter-spacing: -0.025em;
	margin: 0 0 .75rem 0;
}

.fb-box-content p {
	font-size: .8rem;
	font-weight: 500;
	line-height: 1.15;
	margin: 0;
}

.fb-box-content p.fb-box-description {
	font-size: .8rem;
	font-weight: 400;
	line-height: 1.25;
	margin: .75rem 0;
}

.fb-box-bullets {
}

.fb-box-bullet {
	display: grid;
	grid-template-columns: 26px 1fr;
	grid-column-gap: .75rem;
	align-items: center;
	margin-top: .75rem;
}

.fb-box-content a.button-primary {
	border-radius: 0;
	display: block;
	margin-top: 1rem;
}

.bg-white {
	background-color: #fff;
}

.bg-light-blue {
	background-color: #e5f4f5;
}

.ml-homepage {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.ml-homepage .left > div {
	max-width: 600px;
	margin-left: auto;
}

.ml-homepage .right > div {
	max-width: 600px;
}

.bg-peach {
	background-color: #ffede2;
}

.bg-white {
	background-color: #fff;
}

.blog-item-medium {
	display: flex;
	flex: 1 1 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 1rem;
	text-decoration: none;
	color: inherit;
}

.blog-item-medium > div {
	width: 50%;
}

.blog-item-medium:last-child {
	margin-bottom: 0;
}

.bg-peach {
	background-color: #ffede2;
}

.blog-item-small {
	display: flex;
	flex: 1 1 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 1rem;
	text-decoration: none;
	color: inherit;
}

.blog-item-small > div {
	width: 50%;
}

.blog-item-small:last-child {
	margin-bottom: 0;
}

.blog-item-small.padded {
	padding: 1rem;
}

.blog-item-small.bg-peach {
	background-color: #ffede2;
}

.blog-item-image {
	width: 9rem;
	height: 0;
	padding-top: 9rem;
	position: relative;
}

.blog-item-image.large {
	width: 18.5rem;
	height: 0;
	padding-top: 18.5rem;
	position: relative;
}

.blog-item-image.medium {
	width: 12rem;
	height: 0;
	padding-top: 12rem;
	position: relative;
}

.blog-item-image.full {
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: relative;
}

.blog-item-image img {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	min-width: 100%;
	min-height: auto;
	height: 100%;
	object-fit: cover;
}

.blog-item-content {
	width: calc(100% - 10rem);
	padding-left: 1rem;
}

.blog-item-content.full {
	width: 100%;
	padding: 0;
}


.blog-item-content h5 {
	font-family: "Libre Baskerville", serif;
	font-size: 1.3rem;
	line-height: 1.25;
	margin: 0;
}

.blog-item-vertical {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	text-decoration: none;
	color: inherit;
}

.blog-item-vertical.zigzag:nth-child(even) {
	flex-direction: column-reverse;
}

.blog-item-vertical-image {
	max-width: 100%;
	max-height: 100%;
}

p.the-excerpt {
	font-size: .95rem;
	color: initial;
}

.blog-item-vertical-image img {
	display: block;
	margin: 0;
	max-width: 100%;
	max-height: 100%;
}

.blog-item-vertical-content {
	padding: 1rem;
	flex: 1;
	align-self: flex-start;
}

.blog-item-vertical-content-alt {
	padding: 1rem 0 0 0;
	flex: 1;
	align-self: flex-start;
}

.blog-item-content h5 {
	white-space: normal;
	margin: .5rem 0;
}

.blog-item-content .blog-excerpt {
	color: #2b3547;
}

.blog-item-vertical-content h5 {
	white-space: normal;
	font-family: "Libre Baskerville", serif;
	font-size: 1.3rem;
	line-height: 1.25;
	margin: 0;
}

.blog-item-category-large {
	text-transform: uppercase;
	font-size: .875rem;
	margin: 0 0 .25rem 0;
	font-weight: 700;
	color: #f36b24;
}

.blog-item-category {
	text-transform: uppercase;
	font-size: .75rem;
	margin: 0 0 .25rem 0;
	font-weight: 700;
	color: #f36b24;
}

.blog-item-price {
	font-size: .75rem;
	margin: .5rem 0 0 0;
	color: #2b3547;
}

.blog-item-author {
	font-size: .75rem;
	font-weight: 600;
	margin: .5rem 0 0 0;
	color: #2b3547;
	text-transform: uppercase;
}

.blog-item-author a {
	color: #2b3547;
}

.blog-item-author-large {
	font-size: .875rem;
	margin: .75rem 0 0 0;
	text-transform: uppercase;
	color: #2b3547;
	font-weight: 400;
}

.blog-item-author-large a {
	color: #2b3547;
}

.blog-video {
	margin: 0 0 3rem 0;
}

.blog-video h5 {
	white-space: normal;
	margin: .5rem 0 0 0;
}

.blog-shop {
	margin: 0 0 3rem 0;
}

.blog-find-practitioner {
	margin: 0 0 3rem 0;
}

.blog-find-practitioner form {
	border: 1px solid #ddd;
	padding: 1.5rem;
}

.blog-find-practitioner h4 {
	font-size: .75rem;
	padding: 0 0 .5rem 0;
	border: none;
}

.blog-find-practitioner .tweakment-filter-item {
	padding-bottom: 1rem;
}

.blog-content > article {
	margin-bottom: 1.5rem;
	position: relative;
}

.blog-content > article:not(:last-of-type):after {
	content: "";
	display: block;
	margin-top: 2.5rem;
	width: .5rem;
	height: 2rem;
	background-color: #f36b24;
}

.blog-content .page-title {
	font-size: 1.5rem;
	font-weight: 600;
}

.blog-content header {
}

.blog-content .category-header .page-title {
	text-transform: uppercase;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 1.5rem;
}

.blog-content .entry-title {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.15;
	margin: 0 0 1.5rem 0;
}

.blog-content .entry-title a {
	color: #2b3547;
}

.blog-content .entry-title a:hover, .blog-content .entry-title a:focus {
	opacity: 1;
}

.blog-content h2 {
	font-family: "Libre Baskerville", serif;
	font-size: 1.35rem;
	font-weight: 500;
	line-height: 1.25;
	margin: 2rem 0 1rem 0;
}

.blog-content h3 {
	font-family: "Libre Baskerville", serif;
	font-size: 1.15rem;
	font-weight: 500;
	line-height: 1.15;
	margin: 2rem 0 1rem 0;
}

.blog-content h4 {
	font-family: "Libre Baskerville", serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.15;
	margin: 2rem 0 1rem 0;
}

.blog-content .entry-content .author-title {
	clear: none;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1.75;
	margin: 0;
}

.blog-content .entry-summary p {
	font-size: 1.1rem;
	margin: .5rem 0 2rem 0;
	padding-left: 2rem;
	border-left: 1px solid #d1d1d1;
}

/* Blog Post Image */

.post-thumbnail {
	display: block;
	margin: 0.25rem auto 1.5rem auto;
}

.post-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform .3s ease-out;
}

.no-sidebar .post-thumbnail img {
	margin: 0 auto;
}

a.post-thumbnail {
	overflow: hidden;
	transition: transform .15s ease-in-out, box-shadow .15s ease-in-out;
}

a.post-thumbnail:hover {
	transform: scale(1.01);
	box-shadow: 0 1.5rem 2rem -1rem rgba(0, 0, 0, .15);
}

/*** Common Article <article></article> styles ***/

/* Article Headings */

.entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1 {
	font-size: 2.5rem;
	line-height: 1.25;
	margin-top: 2em;
	margin-bottom: 1em;
}

.entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2 {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -0.035em;
	margin-top: 3rem;
	margin-bottom: 1rem;
}

.entry-content h3:first-child, .entry-summary h3:first-child, .comment-content h3:first-child, .textwidget h3:first-child {
	margin-top: 0;
}

.entry-content p:first-child {
	margin-top: 0;
}

.entry-content p:last-child {
	margin-bottom: 0;
}

/* Article Entry */

.entry-meta-header {
	color: #696969;
	font-size: 0.85rem;
	font-weight: 500;
	margin-top: 2rem;
	padding: 1rem 0;
	border-top: 1px dotted #d3d3d3;
	border-bottom: 1px dotted #d3d3d3;
}

.entry-footer {
	color: #696969;
	font-size: 0.85rem;
	font-weight: 500;
	margin-top: 2rem;
	padding-left: 2rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	border-top: 1px dotted #d3d3d3;
	border-bottom: 1px dotted #d3d3d3;
}

.entry-footer:empty {
	margin: 0;
}

.entry-footer a {
	color: #696969;
}

.entry-footer a:hover, .entry-footer a:focus {
	text-decoration: underline;
	color: #f36b24;
}

.entry-footer .avatar {
	height: 21px;
	margin: -0.15em 0.5em 0 0;
	width: 21px;
}

.entry-footer .posted-on {
	font-weight: 500;
}

.entry-footer .posted-on:before {
	content: url("../svg/icon-clock.svg");
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	margin-left: -2rem;
	vertical-align: top;
	margin-right: .75rem;
	font-weight: normal;
}

.entry-footer .cat-links {
	text-transform: capitalize;
}

.entry-footer .cat-links:before {
	content: " in ";
	font-weight: normal;
	text-transform: none;
}

/*** ============================================================== ***/
/*** Icons ***/

.icon {
	display: inline-block;
}

.icon-block {
	display: block;
}

.icon-bigger {
	width: 4.5rem;
	height: auto;
}

.icon-big {
	width: 4rem;
	height: auto;
}

.icon-medium {
	width: 3rem;
	height: auto;
}

.icon-circle {
	display: inline-block;
	width: 4.5rem;
	height: 4.5rem;
	background-color: #00a0af;
	border-radius: 100%;
	padding: 1rem;
	object-fit: contain;
}

.icon-circle img {
	width: auto;
	height: 100%;
}

.icon-circle-alt {
	display: block;
	width: 8rem;
	height: 8rem;
	background-color: #75C6CE;
	border-radius: 100%;
	padding: 1.5rem;
	object-fit: contain;
}

.icon-circle-alt img {
	width: auto;
	height: 100%;
}

.icon-small {
	width: 2rem;
	height: auto;
	display: inline-block;
}

.icon-logo-small {
	width: auto;
	height: 2rem;
	display: inline-block;
}

.icon-base {
	width: 1rem;
	height: auto;
}

/*** ============================================================== ***/
/*** Buttons ***/

.buttons {
	margin: 2rem 0;
}

.multi-button {
	margin-top: 1.5rem;
}

.multi-button a.button-primary, .multi-button a.button-secondary, .multi-button button {
	margin: 0 .75rem 0 0;
}

a.button-primary,
span.button-primary,
input[type="submit"].button-primary {
	display: inline-block;
	font-size: .875rem;
	line-height: .875rem;
	font-weight: 500;
	text-align: center;
	padding: .75rem 1.5rem;
	border: 1px solid #f36b24;
	background-color: #f36b24;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	transition: all .3s;
}

.button-red,
a.button-red {
	background-color: #e60000;
	border-color: #e60000;
}

.ivole-show-more-button {
	padding: 1rem 1.5rem;
}

a.button-primary.button-arrow img,
span.button-primary.button-arrow img {
	float: right;
	width: 1.5rem;
	height: auto;
	position: relative;
	top: 2px;
	margin-left: 1rem;
	margin-right: 0;
	transition: margin .3s;
}

a.button-chevron-down {
	padding-right: 3rem;
	position: relative;
}

a.button-primary.button-chevron-down > img,
span.button-primary.button-chevron-down > img {
	margin: 0;
	width: .75rem !important;
	height: .75rem !important;
	position: absolute;
	top: .75rem;
	right: 1.25rem;
	transform-origin: 50% 50%;
	transition: margin .3s, transform .3s;
}

a.button-primary.button-chevron-down.flipped > img,
span.button-primary.button-chevron-down.flipped > img {
	transform: rotate(-180deg);
}

a.button-primary:hover,
input[type="submit"].button-primary:hover {
	transform: scale(1.03);
}

a.button-primary:hover.button-arrow img {
	margin-left: 1.5rem;
	margin-right: -.5rem;
}

button {
	display: block;
	font-size: .775rem;
	line-height: 1.35;
	padding: .5rem 1rem;
	text-align: center;
	background-color: #f36b24;
	color: #fff;
	border-radius: 10rem;
	text-transform: uppercase;
}

a.button-secondary,
input[type="submit"].button-secondary {
	display: inline-block;
	font-size: .875rem;
	line-height: .875rem;
	font-weight: 500;
	text-align: center;
	padding: .75rem 1.5rem;
	border: 1px solid #f36b24;
	background-color: transparent;
	color: #f36b24;
	text-transform: uppercase;
}

a.button-secondary:hover {
	transform: scale(1.05);
}

.button-small,
a.button-small,
input[type="submit"].button-small {
	padding: .75rem 1.5rem;
}

a.button-green,
input[type="submit"].button-green {
	background-color: #00a0af;
	border-color: #00a0af;
}

input[type="submit"].button-small {
	padding: .5rem 1.5rem;
}

.wishlist-box {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1000;
}

.button-wishlist,
.button-wishlist:active,
.button-wishlist:focus {
	position: relative;
	display: block;
	width: 3rem;
	height: 3rem;
	padding: 0;
	text-transform: uppercase;
	color: transparent;
	border: .1rem solid transparent;
	border-radius: 100%;
	background-color: transparent;
	outline: none;
	text-align: center;
	transition: transform .3s ease-out;
	cursor: pointer;
	margin: 0;
}

.button-wishlist:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -.1rem;
	left: -.1rem;
	border: .1rem solid #f36b24;
	border-radius: 100%;
	background: #fff no-repeat url("../svg/icon-heart-outline.svg") center center / 1.5rem;
}

.button-wishlist:hover {
	position: relative;
	display: block;
	width: 3rem;
	height: 3rem;
	padding: 0;
	text-transform: uppercase;
	color: transparent;
	border: .1rem solid transparent;
	border-radius: 100%;
	background-color: transparent;
	outline: none;
	text-align: center;
	transition: transform .3s ease-out;
	cursor: pointer;
}

.button-wishlist:hover:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -.1rem;
	left: -.1rem;
	border: .1rem solid #f36b24;
	border-radius: 100%;
	background: #fff no-repeat url("../svg/icon-heart-outline.svg") center center / 1.5rem;
}

.button-wishlist:not(.woosw-added):after {
	content: "Add to Wishlist";
	display: block;
	position: absolute;
	top: 0;
	right: 2.5rem;
	line-height: 2;
	transform: translateY(40%);
	white-space: nowrap;
	background-color: rgba(255, 255, 255, .95);
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 2rem;
	color: #2b3547;
	font-weight: 500;
	padding: 0 .5rem;
	font-size: .65rem;
	text-transform: uppercase;
	opacity: 0;
	visibility: hidden;
	transition: right .1s linear, opacity .1s linear;
}

.button-wishlist:not(.woosw-added):hover:after {
	visibility: visible;
	opacity: 1;
	right: 3.5rem;
}

.woosw-added,
.woosw-added:active,
.woosw-added:focus {
	position: relative;
	display: block;
	width: 3rem;
	height: 3rem;
	padding: 0;
	text-transform: uppercase;
	color: transparent;
	border: .1rem solid transparent;
	border-radius: 100%;
	background-color: transparent;
	outline: none;
	text-align: center;
	transition: transform .3s ease-out;
	cursor: pointer;
}

.woosw-added:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -.1rem;
	left: -.1rem;
	border: .1rem solid #f36b24;
	border-radius: 100%;
	background: #fff no-repeat url("../svg/icon-heart-filled.svg") center center / 1.5rem;
}

.woosw-added:hover:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -.1rem;
	left: -.1rem;
	border: .1rem solid #f36b24;
	border-radius: 100%;
	background: #fff no-repeat url("../svg/icon-heart-filled.svg") center center / 1.5rem;
}

.woosw-added:after {
	content: "View Wishlist";
	display: block;
	position: absolute;
	top: 0;
	right: 2.5rem;
	line-height: 2;
	transform: translateY(40%);
	white-space: nowrap;
	background-color: rgba(255, 255, 255, .95);
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 2rem;
	color: #2b3547;
	font-weight: 500;
	padding: 0 .5rem;
	font-size: .65rem;
	text-transform: uppercase;
	opacity: 0;
	visibility: hidden;
	transition: right .1s linear, opacity .1s linear;
}

.woosw-added:hover:after {
	visibility: visible;
	opacity: 1;
	right: 3.5rem;
}

a.button-primary svg, a.button-secondary svg, a.button-primary:not(.button-arrow) img, a.button-secondary:not(.button-arrow) img {
	width: 1.5rem;
	height: auto;
	display: block;
	margin: .25rem auto 1rem auto;
}

a.button-primary.negative,
span.button-primary.negative,
input[type="submit"].button-primary.negative {
	border: 1px solid #fff;
	background-color: #fff;
	color: #f36b24;
}

a.button-primary.negative svg .cls-1,
input[type="submit"].button-primary.negative svg .cls-1 {
	stroke: #f36b24;
}

a.button-secondary.negative {
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
}

a.button-secondary.negative svg .cls-1 {
	stroke: #fff;
}

.button-area {
	margin-top: 1.5rem;
	clear: both;
}

.button-area .button-primary, .button-area .button-secondary {
	margin-right: 2rem;
}

.button-area .button-primary:last-child, .button-area .button-secondary:last-child {
	margin-right: 0;
}

/*** ============================================================== ***/
/*** Microsite Header ***/

.microsite-header {
	width: auto;
	min-width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #eee;
}

.microsite-header-content {
	margin: 0 auto;
}

.microsite-header-main {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	justify-content: stretch;
	padding: 1.5rem 1rem;
}

.microsite-header-main .left-part {
	display: flex;
	flex: 1;
	flex-wrap: nowrap;
	white-space: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.microsite-header-main .middle-part {
	display: flex;
	width: 100%;
	flex: 1;
	flex-wrap: nowrap;
	white-space: nowrap;
	justify-content: flex-end;
	align-items: center;
	padding-right: 2rem;
}

.microsite-header-main .middle-part p {
	font-size: .85rem;
	font-weight: 600;
	color: #333;
	margin: 0;
	padding: 0;
	position: relative;
}

.microsite-header-main .right-part {
	display: flex;
	flex: 0;
	flex-wrap: nowrap;
	white-space: nowrap;
	align-items: center;
	justify-content: flex-end;
	width: auto;
}

.microsite-branding {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	flex-wrap: nowrap;
}

.microsite-branding .logo {
	min-height: 2.2rem;
	max-height: 3rem;
	max-width: 32rem;
	width: auto;
	height: auto;
	position: relative;
}

.microsite-header a.button-primary {
	display: inline-block;
	font-size: .875rem;
	line-height: .875rem;
	font-weight: 500;
	text-align: center;
	padding: .75rem 1.5rem;
	border: 1px solid #dd0000;
	background-color: #dd0000;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	transition: all .3s;
}

.microsite-intro {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	align-items: flex-start;
}

.microsite-intro .left {
	width: 50%;
}

.microsite-intro .right {
	width: 50%;
}

.microsite-intro .spacer {
	width: 4rem;
}

.microsite-intro.reverse {
	flex-direction: row-reverse;
}

.microsite-review-logo {
	max-width: 18rem;
	max-height: 5rem;
	display: block;
}

/*** ============================================================== ***/
/*** Header ***/

.site-header {
	width: auto;
	min-width: 100%;
	background-color: #00a0af;
}

.site-header-top {
}

.site-header-bottom {
}

.site-header-content {
	margin: 0 auto;
}

.site-header-main {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	justify-content: space-between;
	padding: .5rem 1rem;
}

.site-header-main.first {
	padding: .7rem 1rem 0 1rem;
}

.site-header-main.second {
	padding: 0 1rem;
}

.site-header-main > div {
}

.site-branding {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	flex-wrap: nowrap;
}

.site-branding .logo {
	max-height: 2.75rem;
	position: relative;
	margin-right: .75rem;
	top: -3px;
}

.site-branding .logotype {
	max-height: 1.2rem;
	position: relative;
	margin-right: .75rem;
	top: -2px;
}

.site-branding .flare {
	width: .5rem;
	height: auto;
	position: relative;
	margin-right: .75rem;
}

.site-branding h3 {
	font-size: .83rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	line-height: .5;
	margin: 0;
	padding: 0;
	align-items: center;
	position: relative;
}

.site-header-main .left-part {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: nowrap;
	white-space: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.site-header-main .left-part .nav-spacer {
	width: auto;
	flex: 0 0 auto;
}

.site-header-main .right-part .nav-spacer {
	width: auto;
	min-width: 1.5rem;
	flex: 0 0 auto;
}

.site-header-main .right-part {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: nowrap;
	white-space: nowrap;
	align-items: center;
	justify-content: flex-end;
	width: auto;
}

.site-header-main .action-icons {
	display: grid;
	grid-template-columns: auto auto auto auto;
	align-items: center;
	grid-column-gap: .5rem;
}

.custom-logo {
	display: block;
	width: auto;
	height: 100%;
}

.custom-logo-link {
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	opacity: 1;
	transition: transform .3s ease-out;
	margin-right: 1rem;
}

.custom-logo-link:hover {
	transform: scale(1.03);
}

/*** ============================================================== ***/

/*** ============================================================== ***/
/*** Main Navigation ***/

.main-navigation-links {
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 0;
}

.main-navigation a {
	text-transform: uppercase;
	font-size: .85rem;
	font-weight: 600;
	position: relative;
	color: #fff;
	display: block;
	line-height: 1.5;
	outline-offset: -1px;
	padding: 1rem 0;
}

.shop-navigation a {
	color: #fff;
	background: #f36b24;
	border: .1rem solid #f36b24;
	padding: 0 1rem;
	height: 2rem;
	line-height: 2rem;
	border-radius: 5rem;
	text-decoration: none;
	font-weight: 700;
	text-transform: capitalize;
	display: flex;
	align-items: center;
}

/*#shop-menu > nav.main-navigation > div#mega-menu-wrap-shop > ul > li {*/
/*    margin: 0 .25rem 0 0;*/
/*}*/

/*#shop-menu > nav.main-navigation > div#mega-menu-wrap-shop > ul > li {*/
/*    line-height: inherit;*/
/*}*/

/*#shop-menu > nav.main-navigation > div#mega-menu-wrap-shop > ul > li > a.mega-menu-link {*/
/*    line-height: 1.5rem;*/
/*    margin: .3rem 0;*/
/*    padding: .1rem 1.45rem;*/
/*    height: auto;*/
/*    border-radius: 1px;*/
/*    color: #e60000;*/
/*    background: #fff;*/
/*    border: 1px solid #fff;*/
/*}*/
/**/
/*#shop-menu > nav.main-navigation > div#mega-menu-wrap-shop > ul > li > a.mega-menu-link:hover {*/
/*    border-radius: 1px;*/
/*    color: #fff;*/
/*    background: #e60000;*/
/*    border: 1px solid #fff;*/
/*}*/

/*#shop-menu > nav.main-navigation > div#mega-menu-wrap-shop > ul > li.mega-current-menu-item > a.mega-menu-link {*/
/*    border-radius: 1px;*/
/*    color: #e60000;*/
/*    background: #fff;*/
/*    border: 1px solid #fff;*/
/*}*/

/*#shop-menu > nav.main-navigation > div#mega-menu-wrap-shop > ul > li > a.mega-menu-link[aria-expanded="true"] {*/
/*    border-radius: 1px;*/
/*    color: #fff;*/
/*    background: #e60000;*/
/*    border: 1px solid #fff;*/
/*}*/

.shop-navigation a:after {
	display: none;
}

.main-navigation ul .toggled-on {
	display: block;
}

li.mainmenu-facebook, li.mainmenu-instagram, li.mainmenu-newsletter {
	position: relative;
	width: 2rem;
	height: 2rem;
	padding: 0;
	line-height: 1;
	transition: transform .3s ease-out;
	margin-left: .5rem;
	vertical-align: middle;
}

.mainmenu-facebook a, .mainmenu-instagram a, .mainmenu-newsletter a {
	display: block;
	width: 2rem;
	height: 2rem;
	margin: 0;
	padding: 0;
}

.mainmenu-facebook a:after, .mainmenu-instagram a:after, .mainmenu-newsletter a:after {
	display: none;
}

.mainmenu-facebook:hover, .mainmenu-instagram:hover, .mainmenu-newsletter:hover {
	transform: scale(1.1);
}

.mainmenu-facebook span, .mainmenu-instagram span, .mainmenu-newsletter span {
	visibility: hidden;
}

.mainmenu-facebook:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: no-repeat url("../svg/icon-facebook-w-o.svg") center center / 1.25rem;
}

.mainmenu-instagram:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: no-repeat url("../svg/icon-instagram-w-o.svg") center center / 1.25rem;
}

.mainmenu-newsletter:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: no-repeat url("../svg/icon-newsletter2-w-o.svg") center center / 1.25rem;
}

.newsletter-menu {
	position: relative;
	width: 2rem;
	height: 2rem;
	padding: 0;
	line-height: 1;
	transition: transform .3s ease-out;
	vertical-align: middle;
}

.newsletter-menu:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: no-repeat url("../svg/icon-newsletter-w-o.svg") center center / 1.25rem;
}

.newsletter-menu:after {
	content: "Subscribe to Newsletter";
	display: block;
	position: absolute;
	top: 1.5rem;
	left: 0;
	line-height: 2.2;
	transform: translateX(-25%);
	white-space: nowrap;
	background-color: rgba(255, 255, 255, .95);
	border-radius: 2rem;
	border: .5px solid #00a0af;
	color: #2b3547;
	font-weight: 500;
	padding: 0 .5rem;
	font-size: .5rem;
	text-transform: uppercase;
	opacity: 0;
	visibility: hidden;
	transition: top .1s ease-out, opacity .1s ease-out;
	z-index: 1000;
}

.newsletter-menu:hover {
	transform: scale(1.1);
	z-index: 1000;
}

.newsletter-menu:hover:after {
	visibility: visible;
	opacity: 1;
	top: 2rem;
}

.account-menu {
	position: relative;
	width: 2rem;
	height: 2rem;
	padding: 0;
	line-height: 1;
	transition: transform .3s ease-out;
	vertical-align: middle;
}

.account-menu:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: no-repeat url("../svg/icon-user-white.svg") center center / 1.25rem;
}

.account-menu:after {
	content: "My Account";
	display: block;
	position: absolute;
	top: 1.5rem;
	left: 0;
	line-height: 2.2;
	transform: translateX(-25%);
	white-space: nowrap;
	background-color: rgba(255, 255, 255, .95);
	border-radius: 2rem;
	border: .5px solid #00a0af;
	color: #2b3547;
	font-weight: 500;
	padding: 0 .5rem;
	font-size: .5rem;
	text-transform: uppercase;
	opacity: 0;
	visibility: hidden;
	transition: top .1s ease-out, opacity .1s ease-out;
	z-index: 1000;
}

.account-menu:hover {
	transform: scale(1.1);
	z-index: 1000;
}

.account-menu:hover:after {
	visibility: visible;
	opacity: 1;
	top: 2rem;
}

.shop-menu {
	position: relative;
	width: 2rem;
	height: 2rem;
	padding: 0;
	line-height: 1;
	transition: transform .3s ease-out;
	vertical-align: middle;
}

.shop-menu .cart-count {
	position: absolute;
	display: block;
	top: -.0rem;
	right: -.15rem;
	background-color: #e60000;
	color: #fff;
	font-size: .75rem;
	font-weight: 600;
	line-height: 1rem;
	border-radius: 1rem;
	min-width: 1rem;
	height: 1rem;
	text-align: center;
}

.shop-menu:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: no-repeat url("../svg/icon-shopping-bag-white.svg") center center / 1.25rem;
}

.shop-menu:after {
	content: "Shopping Basket";
	display: block;
	position: absolute;
	top: 1.5rem;
	left: 0;
	line-height: 2.2;
	transform: translateX(-30%);
	white-space: nowrap;
	background-color: rgba(255, 255, 255, .95);
	border-radius: 2rem;
	border: .5px solid #00a0af;
	color: #2b3547;
	font-weight: 500;
	padding: 0 .5rem;
	font-size: .5rem;
	text-transform: uppercase;
	opacity: 0;
	visibility: hidden;
	transition: top .1s ease-out, opacity .1s ease-out;
	z-index: 1000;
}

.shop-menu:hover {
	transform: scale(1.1);
	z-index: 1000;
}

.shop-menu:hover:after {
	visibility: visible;
	opacity: 1;
	top: 2rem;
}

.search-menu {
	position: relative;
	width: 2rem;
	height: 2rem;
	padding: 0;
	line-height: 1;
	transition: transform .3s ease-out;
	vertical-align: middle;
}

.search-menu:hover {
	transform: scale(1.1);
	z-index: 1000;
}

.search-menu:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: no-repeat url("../svg/icon-search.svg") center center / 1.25rem;
}

.search-menu:after {
	content: "Search";
	display: block;
	position: absolute;
	top: 1.5rem;
	left: 0;
	line-height: 2.2;
	transform: translateX(-18%);
	white-space: nowrap;
	background-color: rgba(255, 255, 255, .95);
	border-radius: 2rem;
	border: .5px solid #00a0af;
	color: #2b3547;
	font-weight: 500;
	padding: 0 .5rem;
	font-size: .5rem;
	text-transform: uppercase;
	opacity: 0;
	visibility: hidden;
	transition: top .1s ease-out, opacity .1s ease-out;
	z-index: 1000;
}

.search-menu:hover {
	transform: scale(1.1);
	z-index: 1000;
}

.search-menu:hover:after {
	visibility: visible;
	opacity: 1;
	top: 2rem;
}

.search-menu:hover {
}

/*** ============================================================== ***/

/*** ============================================================== ***/
/*** Sidebar Navigation ***/

.side-nav {
	display: block;
}

.sticky {
	position: sticky;
	top: 1rem;
}

.side-nav-block {
	margin-bottom: 1.5rem;
}

.side-nav-block-content {
	max-height: 200px;
	overflow-y: auto;
	position: relative;
}

.side-nav-block-content.auto-height {
	max-height: none;
}

.side-nav-title {
	font-weight: 600;
	border-bottom: 1px solid #ddd;
	margin-bottom: .5rem;
	text-transform: uppercase;
}

.side-nav span.filter-summary-category {
	font-weight: 400;
}

.side-nav a {
	font-size: .85rem;
	font-weight: 400;
	position: relative;
	color: #2b3547;
	display: block;
	line-height: 1.5;
	outline-offset: -1px;
	padding: .25rem 0 .25rem 1.25rem;
	cursor: pointer;
}

.side-nav a:before {
	content: "";
	width: .75rem;
	height: .75rem;
	border: 1px solid #ddd;
	position: absolute;
	top: .45rem;
	left: 0;
}

.side-nav a:hover:before {
	background-color: #ddd;
}

.side-nav a.active {
	font-weight: 600;
	text-decoration: none;
	pointer-events: none;
}

.side-nav a.active:before {
	content: "";
	width: .75rem;
	height: .75rem;
	border: 1px solid #00a0af;
	position: absolute;
	top: .45rem;
	left: 0;
}

.side-nav a.active-filter {
	font-weight: 600;
	text-decoration: none;
}

.side-nav a.active-filter:before {
	content: "";
	width: .75rem;
	height: 2px;
	border: 1px solid #00a0af;
	background-color: #00a0af;
	position: absolute;
	top: .75rem;
	left: 0;
}

.side-nav a.reset-filters {
	display: block;
	color: #f36b24;
	font-weight: 500;
}

.side-nav a.reset-filters:before {
	content: "";
	width: .75rem;
	height: .75rem;
	border: 1px solid #f36b24;
	background-color: #f36b24;
	border-radius: 1rem;
	position: absolute;
	top: .5rem;
	left: 0;
}

.side-nav a.reset-filters.disabled {
	pointer-events: none;
	color: #909090;
}

.side-nav a.reset-filters.disabled:before {
	background-color: #fff;
	border: 1px solid #909090;
}

.brand-header {
	margin-bottom: 2rem;
	text-align: center;
}

.brand-header img {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 12rem;
	max-height: 6rem;
}

.brand-intro {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	align-items: flex-start;
}

.brand-intro .left {
	width: 50%;
}

.brand-intro .right {
	width: 50%;
}

.brand-intro .spacer {
	width: 4rem;
}

.brand-intro.reverse {
	flex-direction: row-reverse;
}

/*** ============================================================== ***/

/*** ============================================================== ***/
/*** Mobile hamburger menu ***/

.action-icons-mobile {
	display: none;
}

.menu-toggle {
	display: none;
	font-size: 0.8rem;
	padding: 0;
	background-color: transparent;
	margin: 0;
	color: #fff;
}

.hamburger-icon {
	display: block;
	width: 2rem;
}

.hamburger-icon > span {
	display: block;
	width: 100%;
	background-color: #00a0af;
	height: 4px;
	border-radius: 4px;
}

.hamburger-icon > span:nth-child(2) {
	margin: 8px 0;
}

.close-menu-icon {
	display: block;
	width: 2rem;
	position: relative;
	transform: rotateZ(45deg);
}

.close-menu-icon > span:nth-child(1) {
	display: block;
	width: 100%;
	background-color: #00a0af;
	height: 4px;
	border-radius: 4px;
}

.close-menu-icon > span:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	background-color: #00a0af;
	height: 4px;
	border-radius: 4px;
	transform: rotateZ(90deg);
}

.no-js .menu-toggle {
	display: none;
}

.menu-toggle:hover, .menu-toggle:focus {
	background-color: transparent;
}

.menu-toggle:focus {
	outline: none;
}

.site-header-menu.toggled-on, .no-js .site-header-menu {
	display: block;
}

/*** ============================================================== ***/
/*** Drop-down ***/

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	color: #1a1a1a;
	content: "";
	height: 48px;
	padding: 0;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 0;
	width: 48px;
	display: none !important;
}

.dropdown-toggle:after {
	border: 0 solid #d1d1d1;
	border-left-width: 1px;
	content: "\f431";
	font-size: 24px;
	left: 1px;
	position: relative;
	width: 48px;
}

.dropdown-toggle:hover, .dropdown-toggle:focus {
	background-color: transparent;
	color: #007acc;
}

.dropdown-toggle:focus {
	outline: none;
}

.dropdown-toggle:focus:after {
	border-color: transparent;
}

.dropdown-toggle.toggled-on:after {
	content: "\f432";
}

/*** ============================================================== ***/

/*** ============================================================== ***/
/*** Footer ***/

.site-footer {
	display: block;
	padding: 4.5rem 3rem 3rem 3rem;
	position: relative;
	background-color: #fff;
}

.site-footer-menu {
	display: block;
}

.footer-navigation {
	display: block;
	line-height: 1;
	padding: 0 1.5rem;
}

.footer-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-navigation li {
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0;
}

.footer-navigation a {
	text-transform: uppercase;
	font-size: .8125rem;
	font-weight: 500;
	position: relative;
	color: #2b3547;
	display: block;
	line-height: 1;
	outline-offset: -1px;
	margin-right: 1rem;
}

.footer-navigation a:after {
	content: "";
	width: 0;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: -5px;
	opacity: 0;
	background-color: #2b3547;
	transition: width .3s ease-out, left .3s ease-out, opacity .45s ease-in;
}

.footer-navigation a:hover:after {
	width: 100%;
	left: 0;
	opacity: 1;
}

.footer-bottom {
	padding: 0 1.5rem;
}

.footer-bottom p {
	font-size: .75rem;
	font-weight: 400;
	letter-spacing: .01em;
	margin: 0;
	line-height: 1;
}

.footer-sub-navigation {
	position: relative;
	float: right;
}

.footer-sub-navigation ul {
	list-style: none;
	margin: 0;
}

.footer-sub-navigation li {
	position: relative;
	float: left;
	text-align: center;
}

.footer-sub-navigation a {
	font-size: .75rem;
	font-weight: 400;
	position: relative;
	color: #2b3547;
	display: block;
	line-height: 1;
	outline-offset: -1px;
	padding: 0 0 .5rem 0;
	margin-left: 1.25rem;
}

.footer-content {
	display: grid;
	grid-template-columns: 2fr 2fr .1fr .1fr;
	background-color: #ffede2;
	border-radius: 100rem;
	margin: 1.25rem 0 1.25rem 0;
	overflow: hidden;
	padding: 0 0 0 .5rem;
	border: 1px solid #fff;
}

.footer-content > div {
	padding: 1rem 1rem 1rem 1rem;
	position: relative;
}

.footer-content > div:not(:last-child) {
	border-right: 1px solid #fff;
}

.footer-content p {
	font-size: .8125rem;
	font-weight: 400;
	line-height: 1.75;
	margin: 0;
}

.footer-content a {
	color: #2b3547;
	font-weight: 700;
}

.footer-content .footer-social {
	display: flex;
	width: 9rem;
	flex: 1 1 auto;
	height: 100%;
	padding: 0;
	margin: 0;
	justify-content: stretch;
	align-items: center;
}

a.footer-icon {
	display: flex;
	flex: 1;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin: 0;
	transition: background-color .3s;
}

a.footer-icon img {
	width: auto;
	height: 24px;
	display: block;
	transition: all .3s;
}

a.footer-icon:hover img {
	transform: scale(1.5);
}

.footer-disclaimer {
	margin-top: 3.5rem;
	padding: 0 1.5rem 5.5rem 1.5rem;
}

.footer-disclaimer > p {
	margin: 0;
	font-size: .75rem;
	line-height: 1.35;
	color: #999;
	text-align: justify;
}

.site-footer .site-title {
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
}

.site-footer .site-title:after {
	content: "\002f";
	display: inline-block;
	font-family: Sora, "Helvetica Neue", sans-serif;
	opacity: 0.7;
	padding: 0 0.307692308em 0 0.538461538em;
}

.site-footer span[role=separator] {
	opacity: 0.7;
	padding: 0 0.307692308em 0 0.538461538em;
}

.site-footer span[role=separator]::before {
	content: '\002f';
}

.site-info {
	color: #686868;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

.site-info a {
	color: #686868;
}

.site-info a:hover,
.site-info a:focus {
	color: #007acc;
}

.shop-extras {
	border-bottom: 1px solid #ddd;
	position: relative;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
	line-height: 1;
}

.shop-extras.transparent {
	background-color: transparent;
	border: none;
	padding: .5rem;
}

.shop-extras-content {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: .15rem 4rem;
	line-height: 1;
}

.shop-extras-content div {
	padding: .5rem;
}

.shop-extras-content img {
	vertical-align: middle;
	margin-right: .5rem;
}

.shop-extras-content p {
	text-transform: uppercase;
	font-weight: 600;
	color: #2b3547;
	font-size: .7rem;
	line-height: 1.1;
	vertical-align: top;
	display: flex;
	flex: 1;
	align-items: center;
	margin: 0;
}

.shop-extras-content p.large {
	text-transform: none;
	font-size: 1rem;
}

.shop-extras-content p.cl-white-text {
	color: #fff;
}

.shop-extras-content a {
	color: #2b3547;
}

img.klarna-badge {
	width: 4rem;
	height: auto;
}

blockquote {
	margin: 2rem 0;
}

blockquote:first-child {
	margin-top: 0;
}

blockquote p,
.blog-content blockquote p {
	font-family: "Libre Baskerville", serif;
	font-style: italic;
	padding: 2rem;
	font-size: 1.5rem;
	line-height: 1.35;
	font-weight: 500;
	color: #f36b24;
	text-align: center;
	border-top: 2px solid #00a0af;
	border-bottom: 2px solid #00a0af;
	background: transparent;
	margin: 0 4rem;
	position: relative;
}

blockquote p:before {
	font-family: Sora, "Helvetica Neue", sans-serif;
	font-style: normal;
	font-weight: 700;
	content: open-quote;
	position: absolute;
	line-height: 1;
	top: .4rem;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2.5rem;
	color: #f36b24;
	text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

blockquote p:after {
	font-family: Sora, "Helvetica Neue", sans-serif;
	font-style: normal;
	font-weight: 700;
	content: close-quote;
	position: absolute;
	line-height: 1;
	bottom: -.7rem;
	left: 50%;
	transform: translate(-50%, 50%);
	font-size: 2.5rem;
	color: #f36b24;
	text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}

blockquote p b,
blockquote p strong {
	font-weight: 700;
}

blockquote h2,
.blog-content blockquote h2 {
	font-family: "Libre Baskerville", serif;
	font-style: italic;
	font-weight: normal;
	padding: 2rem;
	font-size: 1.5rem;
	line-height: 1.35;
	color: #fff;
	border-left: 8px solid rgb(0, 155, 155);
	background: rgb(0, 175, 175);
	background: linear-gradient(45deg, rgba(0, 175, 175, 1) 0%, rgba(0, 160, 175, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afaf', endColorstr='#00a0af', GradientType=1);
}

blockquote h3,
.blog-content blockquote h3 {
	font-weight: normal;
	padding: 1.5rem;
	font-size: 1rem;
	line-height: 1.35;
	color: #fff;
	border-left: 8px solid rgb(0, 155, 155);
	background: rgb(0, 175, 175);
	background: linear-gradient(45deg, rgba(0, 175, 175, 1) 0%, rgba(0, 160, 175, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afaf', endColorstr='#00a0af', GradientType=1);
}

.promotion-bar {
	font-size: .75rem;
	text-align: center;
	font-weight: 600;
	padding: .5rem 2rem;
	color: #fff;
	background-color: #f36b24;
	text-transform: uppercase;
}

.promotion-bar p {
	display: inline;
	font-size: .75rem;
	text-align: center;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
}

.promotion-bar.orange {
	background-color: #f36b24;
}

.promotion-bar.teal {
	background-color: #00a0af;
}

.promotion-bar.black {
	background-color: #2b3547;
}

.promotion-bar a {
	font-size: .75rem;
	text-decoration: none;
	color: #fff;
}

.promotion-bar a:hover {
	text-decoration: underline;
	color: #fff;
}


/*** ============================================================== ***/

/*** ============================================================== ***/
/*** WooCommerce Customization ***/

.woocommerce .woocommerce-notices-wrapper {
	padding: 0;
	margin: 0 auto;
}

.woocommerce .woocommerce-message {
	background-color: #eee;
	border: 1px solid #eee;
	border-radius: 10rem;
	position: relative;
}

.woocommerce .woocommerce-info {
	background-color: #eee;
	border: 1px solid #eee;
	border-radius: 10rem;
	position: relative;
	font-weight: 500;
}

.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 {
	float: right;
	margin-top: -.4rem;
	margin-right: -1.35rem;
	margin-bottom: -.5rem;
}

.woocommerce table.shop_table {
	border-collapse: collapse;
}

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

.woocommerce table.shop_table.td {
	border: none;
	vertical-align: middle;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	margin-bottom: 0;
}

.shop-single .woocommerce-product-gallery .flex-viewport {
	border: 1px solid #ddd;
	margin-bottom: 1rem;
}

.shop-single .woocommerce-product-gallery .flex-control-thumbs li {
	padding-right: 1rem;
}

.shop-single .woocommerce-product-gallery {
	margin-bottom: 4rem;
}

.shop-single .woocommerce-product-gallery .flex-control-thumbs img {
	border: 1px solid #ddd;
}

.shop-single .woocommerce-tabs {
	clear: both;
}

.shop-single .woocommerce-tabs:before {
	content: "";
	display: block;
	background-color: transparent;
	clear: both;
	height: 2rem;
}

.shop-single .woocommerce-tabs h2 {
	display: none;
}

.shop-single .related {
	padding: 1.5rem 0;
}

.shop-single .related h2 {
	text-align: center;
}

.shop-single .woocommerce ul.products li.product h2 {
	font-size: 1rem;
	text-align: left;
}

.shop-single .woocommerce ul.products li.product .price {
	color: #f36b24;
	font-weight: 600;
	font-size: .775rem;
	text-align: left;
}

.shop-single .woocommerce ul.products li.product .price:before {
	content: "Price: ";
	font-weight: 400;
	display: inline;
	color: initial;
}

.shop-single .woocommerce ul.products li.product .button {
	white-space: nowrap;
	position: relative;
	text-transform: uppercase;
	font-weight: 600;
	font-size: .75rem;
	color: #2b3547;
	padding: 0;
	background-color: transparent;
	line-height: 1;
	margin: 0;
}

.shop-single .woocommerce ul.products li.product .button:hover {
	color: #f36b24;
}

.shop-single .woocommerce ul.products li.product .button:after {
	content: url("../svg/icon-arrow-right.svg");
	display: inline-block;
	width: 1.5rem;
	height: auto;
	margin-left: .5rem;
	margin-right: .5rem;
	transition: margin .3s;
}

.shop-breadcrumbs {
	font-size: .85rem;
	line-height: 1;
	text-align: left;
	padding: .5rem 0;
	margin: 1.5rem 0;
}

.shop-breadcrumbs a {
	font-size: .85rem;
	line-height: 1;
	text-align: center;
	padding: .5rem 0;
	margin-top: 2rem;
	font-weight: 500;
}

.shop-breadcrumbs em {
	font-style: normal;
	position: relative;
	padding: 0 .5rem;
	font-size: .55rem;
	top: -.1rem;
	opacity: .35;
}

.shop-image {
	border: 1px solid #eee;
	position: relative;
}

.woocommerce .entry-summary .shop-product-title {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.1;
	margin: 0 0 .5rem 0;
	padding-right: 3rem;
}

.woocommerce .entry-summary .shop-product-subtitle {
	font-size: 1.1rem;
	line-height: 1.3;
	margin: 0 0 1rem 0;
	padding: .25rem 3rem .25rem 0;
}

.woocommerce .entry-summary .shop-product-subtitle.bundle {
	padding: .25rem 3rem .25rem 1.5rem;
	background: no-repeat url("../svg/icon-bundle-teal.svg") top left / 1.35rem;
}

div.product .onsale {
	display: none;
}

.woosw-content-item--remove {
	width: 3rem;
}

.woosw-list {
	border: 1px solid #eee;
	max-width: 960px;
	padding: 1rem;
	margin: 0 auto;
}

.woosw-content-items tbody tr.woosw-content-item td:nth-child(4) {
	width: 25%;
	max-width: 8rem;
}

.woosw-content-item--add {
	max-width: 8rem;
}

.woocommerce div.product form.cart button {
	display: inline-block;
	font-size: .95rem;
	line-height: .95rem;
	font-weight: 600;
	text-align: center;
	padding: .75rem 1.25rem;
	border: none;
	background-color: #f36b24;
	color: #fff;
	border-radius: 10rem;
	text-transform: uppercase;
	transition: opacity .3s;
}

.woocommerce div.product form.cart table.variations {
	margin: 0 0 .5rem 0;
}

.woocommerce div.product form.cart table.variations .value {
	padding: 0;
}

.woocommerce div.product form.cart table.variations select {
	margin: 0;
}

.woocommerce div.product span.price {
	color: #2a2a2a;
	font-weight: 500;
}

.woocommerce button[name="add-to-cart"] {
	font-weight: 600 !important;
	background-color: #e60000 !important;
}

.woocommerce div.product form.cart button:hover {
	display: inline-block;
	font-size: .95rem;
	line-height: .95rem;
	font-weight: 600;
	text-align: center;
	padding: .75rem 1.25rem;
	border: none;
	background-color: #f36b24;
	color: #fff;
	border-radius: 10rem;
	text-transform: uppercase;
	transition: transform .3s;
	opacity: .8;
}

.woocommerce .cart-collaterals {
	border: 1px solid #ddd;
	padding: 1.5rem;
	position: sticky;
	top: 1rem;
}

.woocommerce .order-summary {
	border: 1px solid #ddd;
	padding: 1.5rem;
	position: sticky;
	top: 1rem;
}

.woocommerce .order-summary table.shop_table {
	border: none;
	margin: 0;
}

.woocommerce .order-summary table.shop_table th,
.woocommerce .order-summary table.shop_table td,
.woocommerce .order-summary table.shop_table tr {
	border: none;
}

.woocommerce .order-summary table.shop_table th,
.woocommerce .order-summary table.shop_table td {
	padding: 0 0 .75rem 0;
	vertical-align: top;
	font-weight: 400;
	text-transform: none;
}

.woocommerce table.woocommerce-checkout-review-order-table td {
	/*font-size: .75rem;*/
}

.woocommerce table.woocommerce-checkout-review-order-table td.product-total {
	text-align: right;
}

.woocommerce table.woocommerce-checkout-review-order-table td .variation {
	display: none;
}

.woocommerce table.woocommerce-checkout-review-order-table tfoot td {
	font-size: .875rem;
}

.woocommerce .order-summary table.shop_table tfoot {
	border-top: 1px solid #eee;
}

.woocommerce .order-summary table.shop_table tfoot tr:first-child th,
.woocommerce .order-summary table.shop_table tfoot tr:first-child td {
	padding-top: .75rem;
}

.woocommerce .order-summary table.shop_table tfoot tr:last-child th,
.woocommerce .order-summary table.shop_table tfoot tr:last-child td {
	padding-bottom: 0;
}

.woocommerce .cart-collaterals .add_gift_card_form {
	display: none !important;
}

.woocommerce .cart-collaterals table.shop_table {
	background: transparent;
	border: none;
}

.woocommerce .cart-collaterals table.shop_table td,
.woocommerce .cart-collaterals table.shop_table th,
.woocommerce .cart-collaterals table.shop_table tr {
	border: none;
	vertical-align: top;
	padding: 0;
	text-transform: none;
	font-weight: 400;
}

.woocommerce .cart-collaterals table.shop_table td,
.woocommerce .cart-collaterals table.shop_table th {
	vertical-align: middle;
	padding: .25rem 0;
}

.woocommerce .cart-collaterals table.shop_table td li {
	margin: 0;
	padding: 0;
	line-height: inherit;
}

.woocommerce ul#shipping_method .amount {
	font-weight: 600;
}

.woocommerce .cart-collaterals table.shop_table b {
	font-weight: 600;
}

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

.woocommerce .cart-collaterals .cart_totals h2 {
	font-size: 1.125rem;
	font-weight: 500;
	text-transform: uppercase;
	display: none;
}

.woocommerce .cart-collaterals .includes_tax {
	display: block;
}

.woocommerce .cart-collaterals .woocommerce-shipping-destination {
	display: none;
}

.woocommerce .product-remove {
	text-align: right;
}

.woocommerce .product-remove a {
	font-size: .675rem;
	font-weight: 600;
	line-height: 1;
}

table.cart .product-thumbnail {
	width: auto;
	min-width: 0;
	max-width: none;
}

table.cart img {
	max-height: 120px;
	width: auto;
}

table.cart .variation {
	font-weight: 500;
	font-size: .75rem;
	line-height: 1.35;
	margin: .25rem 0 0 0;
	display: block;
}

table.cart .variation .variation-Bundledproducts p {
	font-weight: 400;
	font-size: .75rem;
}

.woocommerce-cart-form table.cart {
	border: none;
	border-top: 1px solid #eee;
}

.woocommerce-cart-form table.cart th {
}

.woocommerce-cart-form table.cart th,
.woocommerce-cart-form table.cart td {
	vertical-align: middle;
}

.woocommerce-cart-form table.cart td {
	padding: 1rem 1rem;
	border: none;
	border-bottom: 1px solid #eee;
}

.woocommerce-cart-form table.cart tr td:first-child {
	padding-left: 0;
}

table.cart th,
table.shop_table th {
	text-transform: uppercase;
	font-size: .8rem;
}

table.cart a {
	color: #4a4a4a;
}

table.cart a:hover {
	color: #f36b24;
}

table.cart td {
	font-size: .875rem;
}

table.cart .product-name {
	width: 45%;
	max-width: none;
	text-align: left;
	font-weight: 500;
}

table.cart .woosb-item-child .product-name {
	color: #aaa;
	font-weight: 400;
	font-size: .875rem !important;
}

table.cart .woosb-item-child .product-name a {
	color: #aaa;
}

table.cart .product-price {
	width: auto;
	white-space: nowrap;
	min-width: 0;
	max-width: none;
	text-align: right;
}

table.cart td.product-quantity {
	width: auto;
	white-space: nowrap;
	min-width: 0;
	max-width: none;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
}

table.cart .quantity input[type="number"] {
	border-radius: 0;
	padding: .5rem 0;
	margin: 0;
}

table.cart .quantity input::-webkit-outer-spin-button,
table.cart .quantity input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

table.cart .quantity input[type=number] {
	-moz-appearance: textfield;
}

table.cart .woosb-item-child .product-quantity {
	color: #aaa;
}

table.cart .product-subtotal {
	width: auto;
	white-space: nowrap;
	min-width: 0;
	max-width: none;
	text-align: right;
}

.woocommerce table.cart button.update_cart {
	background-color: transparent;
	padding: 0;
	color: #4a4a4a;
	font-weight: 600;
	font-size: .75rem;
	cursor: pointer;
	display: inline;
}

.woocommerce table.cart button.update_cart:disabled {
	opacity: .5;
}

.woocommerce table.cart a.continue_shopping {
	color: #4a4a4a;
	font-weight: 600;
	font-size: .75rem;
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
}

.woocommerce table.cart a.continue_shopping:hover {
	color: #f36b24;
}

.woocommerce table.cart a.continue_shopping:before {
	content: url("../svg/icon-arrow-left.svg");
	display: inline-block;
	width: 1.5rem;
	height: auto;
	margin-left: .5rem;
	margin-right: .5rem;
	transition: margin .3s;
}

.woocommerce-shipping-totals .shipping li {
	margin: 0;
}

.woocommerce .entry-summary .quantity input.input-text.qty {
	background: #fff;
	color: #2b3547;
	border: 1px solid #ddd;
	border-radius: 10rem;
	font-size: .85rem;
	font-weight: 500;
	letter-spacing: 0;
	min-width: 3rem;
	line-height: 1.25rem;
	padding: .5rem .25rem .5rem .25rem;
	text-transform: uppercase;
	margin-right: .25rem;
}

input.input-text {
	background: #fff;
	color: #2b3547;
	border: 1px solid #ddd;
	border-radius: 0;
	font-size: .85rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.25rem;
	padding: .5rem 1rem .5rem 1rem;
	margin: 0;
}

.coupon input.input-text {
	margin: 0 .25rem 0 0;
	min-width: 15rem;
}

.woocommerce-MyAccount-Giftcards-form input[type="text"],
#wc_gc_cart_redeem_form input[type="text"] {
	background: #fff;
	color: #2b3547;
	border: 1px solid #ddd;
	border-radius: 10rem;
	font-size: .85rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.25rem;
	padding: .5rem 1rem .5rem 1rem;
	margin: 0 .25rem 0 0;
	width: 100%;
	max-width: none;
}

.woocommerce-checkout #wc_gc_cart_redeem_form {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	position: relative;
}

.woocommerce-checkout #wc_gc_cart_redeem_form .wc_gc_add_gift_card_form__notices {
	width: 100%;
	display: block;
	position: absolute;
	font-size: .785rem;
	top: -6rem;
}

.woocommerce-checkout .add_gift_card_form #wc_gc_cart_redeem_form input[type="text"] {
	display: inline-block;
	width: calc(100% - 11rem);
	height: 100%;
	margin: 0;
}

.woocommerce-checkout .add_gift_card_form #wc_gc_cart_redeem_form button {
	display: inline-block;
	width: 10rem;
	margin: 0 0 0 1rem;
}

#payment .add_gift_card_form {
	padding: 1rem 1.25rem .75rem 1.25rem;
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 1px 2px 0 rgba(64, 64, 64, .1);
	vertical-align: middle;
	margin-bottom: 2rem;
	border-radius: .75rem;
	display: block;
	line-height: 3rem;
	align-items: center;
}

#payment .add_gift_card_form h4 {
	font-size: 1rem;
	line-height: 1.25;
	font-weight: 500;
	letter-spacing: -0.03em;
}

.checkout-coupon {
	padding: 1rem;
	border: 1px solid #ddd;
	margin-bottom: 2rem;
}

.checkout-coupon h4 {
	font-size: 1rem;
	line-height: 1.25;
	font-weight: 500;
	letter-spacing: -0.03em;
}

.checkout-coupon-block {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid #eee;
}

.coupon-form {
	display: flex;
	flex: 1 1 auto;
}

.coupon-form div:first-child {
	width: 100%;
}

.coupon-form input.input-text {
	width: 100%;
}

.coupon-form div:last-child {
	padding-left: .5rem;
}

#payment .add_gift_card_form #wc_gc_cart_redeem_form {
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
}

#payment .add_gift_card_form #wc_gc_cart_code {
	margin: 0;
	font-size: .875rem;
	line-height: 1;
	padding: .75rem 1rem;
	flex: 1;
	margin-right: .5rem;
}

#payment .add_gift_card_form button {
	display: block;
	flex: 1;
	width: 100%;
	max-width: 8rem;
	font-size: .875rem;
	line-height: 1;
	font-weight: 500;
	text-align: center;
	padding: .75rem 1rem;
	border: none;
	background-color: #6b6a6b;
	color: #fff;
	border-radius: 10rem;
	text-transform: uppercase;
	transition: opacity .3s;
}

.woocommerce .entry-summary .quantity input.input-text.qty::-webkit-outer-spin-button,
.woocommerce .entry-summary .quantity input.input-text.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.woocommerce .entry-summary .quantity input.input-text.qty {
	-moz-appearance: textfield;
}

.woocommerce div.product div.images {
	width: auto;
	float: none;
}

.woocommerce div.product div.summary {
	width: auto;
	float: none;
	margin: 0;
}

.woo-price-cart {
	margin: 1rem 0;
}

.woocommerce div.product p.price ins {
	text-decoration: none;
	font-weight: 500;
}

.promo-tag {
	display: inline-block;
	font-size: .7rem;
	line-height: .6rem;
	padding: .5rem 1rem;
	font-weight: 600;
	text-transform: uppercase;
	background: rgb(0, 175, 175);
	background: linear-gradient(45deg, rgba(0, 175, 175, 1) 0%, rgba(0, 160, 175, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afaf', endColorstr='#00a0af', GradientType=1);
	color: #fff;
	border-radius: 5rem;
	margin-bottom: .5rem;
}

.alt-product {
	border-bottom: 1px solid #eee;
	margin-top: 1rem;
	padding-bottom: .5rem;
	margin-bottom: .75rem;
}

.notice-stock {
	font-size: .75rem;
	border: 1px solid #f36b24;
	margin: .75rem 0;
	padding: 1rem;
}

.notice-stock.new-products {
	border: none;
	background-color: #e5f4f5;
}

.notice-stock p {
	margin: 0 0 1rem 0;
}

.notice-stock h6 {
	font-size: .875rem;
}

.notice-stock .alert_container {
	margin: 0;
}

.notice-stock button {
	margin-left: 0;
	margin-right: 0;
}

.notice-stock button.unsubscribe_button {
	margin-top: 1rem;
}

.notice-stock .registered_message {
	font-size: .875rem;
	font-weight: 500;
}

.notice-price-cart {
	border: 1px solid #eee;
	margin-top: 1rem;
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
}

.notice-price-cart p {
	font-size: .7rem;
	font-weight: 500;
	margin: 0;
}

.notice-price-cart .left {
	text-align: center;
	padding: .35rem;
}

.notice-price-cart .left img {
	width: 3.25rem;
	height: auto;
	vertical-align: middle;
	margin: .25rem .5rem;
}

.notice-price-cart .right {
	text-align: center;
	padding: .35rem;
	border-left: 1px solid #eee;
}

.notice-price-cart.single {
	display: block;
}

.notice-price-cart.single > div {
	text-align: center;
	padding: .35rem;
}

.cart-payment-icons {
	width: 100%;
	margin-top: 1.5rem;
	border-top: 1px solid #eee;
	padding-top: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: stretch;
	text-align: center;
	white-space: nowrap;
}

.cart-payment-icons div {
	padding: .25rem;
	width: 100%;
}

.cart-payment-icons img {
	display: flex;
	flex: 1 1 auto;
	width: 100%;
	height: auto;
}

.cart-payment-icons img:not(.klarna-payment-badge) {
	border-radius: 6px;
	overflow: hidden;
}

.cart-notice {
	margin-top: 1.5rem;
	border-top: 1px solid #eee;
	padding-top: 1.5rem;
	text-align: center;
}

.payment-methods {
	border: 1px solid #eee;
	border-top: none;
	padding: .5rem;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.payment-methods p {
	font-size: .7rem;
	font-weight: 500;
	margin: 0;
}

.payment-methods img {
	width: 2.75rem;
	height: auto;
	margin-left: .35rem;
}

.payment-cards img {
	width: 2.75rem;
	height: auto;
	margin-left: .35rem;
}

.content-price-cart {
	display: block;
	margin: 1rem 0;
}

.content-price-cart .price-and-button {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
}

.content-price-cart .buy-button-block {
	width: 100%;
	padding-left: 2rem;
	text-align: right;
	display: flex;
	flex: 1 1 auto;
	justify-content: flex-end;
}

.content-price-cart .buy-button-block form.cart {
	display: flex;
	flex: 1 1 auto;
	justify-content: flex-end;
}

.content-price-cart .buy-button-block button.button.alt {
	display: block;
	width: 100%;
	max-width: 20rem;
	float: none;
}

.content-price-cart .buy-button-block a.button {
	display: block;
	width: 100%;
	max-width: 20rem;
	float: none;
}

.product-star-rating {
	display: block;
	text-align: left;
	align-content: center;
	cursor: default;
}

.product-star-rating .review-widget {
	font-size: .775rem;
	line-height: 1.25;
	color: #2b3547;
	text-align: left;
	cursor: default;
	margin: 0;
	padding: 0;
	pointer-events: none;
	display: flex;
	align-items: center;
}

.product-star-rating .review-widget div {
	margin: 0;
}

.woocommerce div.product div.summary p.price {
	color: #2b3547;
	font-weight: 500;
	font-size: 1.5rem;
	margin: 0;
}

.cr-all-reviews-shortcode .cr-ajax-search {
	display: none;
}

.cr-all-reviews-shortcode .cr-summaryBox-wrap {
	margin-bottom: 1.5rem;
}

.cr-all-reviews-shortcode .commentlist li.review {
	margin-bottom: 1.5rem;
}

.content-price-cart p.price {
	display: flex;
	text-align: left;
	align-items: center;
}

.content-price-cart p.price del {
	color: #aaa;
	font-weight: 300;
	font-size: 1rem;
	padding-left: .5rem;
	order: 1;
}

.content-price-cart p.price ins {
	text-align: left;
}

.content-price-cart p.price span.from {
	margin-right: 0.5rem;
	font-size: 1.25rem;
}

.content-price-cart p.price span.subscription-details {
	white-space: nowrap;
}

.woocommerce div.product form.cart {
	margin: 0;
}

.woocommerce div.product div.summary .woocommerce-product-details__short-description {
	padding-left: 7rem;
	position: relative;
	display: block;
	clear: both;
	margin: 1.5rem 0;
}

.woocommerce div.product div.summary .woocommerce-product-details__short-description p {
	font-size: .875rem;
}

.woocommerce div.product div.summary .woocommerce-product-details__short-description:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 5rem;
	height: 5rem;
	border-radius: 100%;
	overflow: hidden;
	background: rgb(243, 107, 36);
	background: linear-gradient(45deg, rgba(243, 107, 36, 1) 0%, rgba(216, 32, 72, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f36b24', endColorstr='#d82048', GradientType=1);
	padding: 1px;
}

.woocommerce div.product div.summary .woocommerce-product-details__short-description:after {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(5rem - 4px);
	height: calc(5rem - 4px);
	border-radius: 100%;
	overflow: hidden;
	background: #fff no-repeat url("../jpg/alice-avatar-small.jpg") center / contain;
	border: 3px solid #fff;
}

.woocommerce div.product div.summary .product_meta {
	font-size: .875rem;
	padding: .25rem 0;
}

.woocommerce div.product div.summary .product_meta a {
	font-weight: 600;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	text-align: center;
	padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: none;
	border: none;
	border-radius: 0;
	margin: 0;
	padding: .1rem 2rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
	display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: none;
	border-bottom: 2px solid #f36b24;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	background: none;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	font-weight: 600;
}

ul.tabset {
	list-style-type: none;
	padding: 0;
	margin: 2rem 0 2rem 0;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}

ul.tabset li {
	background: none;
	border: none;
	border-radius: 0;
	margin: 0;
	padding: .5rem 2rem;
	border-bottom: 2px solid transparent;
}

ul.tabset li.active {
	background: none;
	border-bottom: 2px solid #f36b24;
}

ul.tabset li a {
	background: none;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1rem;
	padding: .5rem 0;
	color: #2b3547;
}

ul.tabset li.active a {
	font-weight: 600;
}

.woocommerce div.product .woocommerce-tabs .panel {
}

.woocommerce div.product .woocommerce-tabs .wc-tab {
	max-width: 60rem;
	margin: 0 auto;
}

.woocommerce div.product .woocommerce-tabs .wc-tab p,
.woocommerce div.product .woocommerce-tabs .wc-tab li {
	font-size: 0.875rem;
}

.woocommerce-MyAccount-navigation {
	max-width: 60rem;
	margin: 0 auto;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ddd;
}

.woocommerce-MyAccount-navigation ul {
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	align-content: center;
	justify-content: space-between;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
	background-color: #f8f8f8;
	border-radius: 5rem;
}

.woocommerce-MyAccount-navigation ul li a {
	font-size: .775rem;
	color: #222222;
	font-weight: 500;
	padding: .25rem .5rem;
	border: 1px solid transparent;
	border-radius: 5rem;
}

.woocommerce-MyAccount-navigation ul li a:hover {
	border: 1px solid #ddd;
}

.woocommerce-MyAccount-navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.woocommerce-MyAccount-content {
	max-width: 60rem;
	margin: 0 auto;
}

.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
	display: inline-block;
	font-size: .875rem;
	line-height: .875rem;
	font-weight: 500;
	text-align: center;
	padding: .75rem 1.25rem;
	border: none;
	background-color: #00a0af;
	color: #fff;
	border-radius: 10rem;
	text-transform: uppercase;
	transition: opacity .3s;
}

.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
	display: inline-block;
	font-size: .875rem;
	line-height: .875rem;
	font-weight: 500;
	text-align: center;
	padding: .75rem 1.25rem;
	border: none;
	background-color: #00a0af;
	color: #fff;
	border-radius: 10rem;
	text-transform: uppercase;
	transition: opacity .3s;
	opacity: .8;
}

.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover {
	display: inline-block;
	font-size: .875rem;
	line-height: .875rem;
	font-weight: 500;
	text-align: center;
	padding: .75rem 1.25rem;
	border: none;
	background-color: #00a0af;
	color: #fff;
	border-radius: 10rem;
	text-transform: uppercase;
	transition: opacity .3s;
	opacity: .25;
}

.woocommerce .button.button.alt {
	display: inline-block;
	font-size: .875rem;
	line-height: .875rem;
	font-weight: 500;
	text-align: center;
	padding: .75rem 1.25rem;
	border: none;
	background-color: #f36b24;
	color: #fff;
	border-radius: 10rem;
	text-transform: uppercase;
	transition: opacity .3s;
}

.woocommerce .button.button.alt.disabled,
.woocommerce .button.button.alt.disabled:hover {
	display: inline-block;
	font-size: .875rem;
	line-height: .875rem;
	font-weight: 500;
	text-align: center;
	padding: .75rem 1.25rem;
	border: none;
	background-color: #f36b24;
	color: #fff;
	border-radius: 10rem;
	text-transform: uppercase;
	transition: opacity .3s;
	opacity: .25;
}

#payment .button#place_order {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 24rem;
	float: none;
	padding: 1.25rem 3rem 1.25rem 3rem;
	background: #f36b24 no-repeat url("../svg/icon-lock.svg") 1.25rem center / 1rem;
	font-weight: 700;
	margin-top: 3rem;
}

.woocommerce .button.button.alt:hover {
	display: inline-block;
	font-size: .875rem;
	line-height: .875rem;
	font-weight: 500;
	text-align: center;
	padding: .75rem 1.25rem;
	border: none;
	background-color: #f36b24;
	color: #fff;
	border-radius: 10rem;
	text-transform: uppercase;
	transition: opacity .3s;
	opacity: .8;
}

.woocommerce .button.button.checkout-button,
.woocommerce .button.button.checkout-button:hover {
	padding: 1rem 1.25rem 1rem 3rem;
	background: #f36b24 no-repeat url("../svg/icon-lock.svg") 1.25rem center / 1rem;
	font-weight: 700;
	width: 100%;
}

.checkout-block {
	padding: 1px;
	border: 1px solid #ddd;
	margin-bottom: 2rem;
}

.checkout-block-content {
	padding: 1.5rem;
}

.checkout-block input {
	border-radius: 0;
	padding-left: .5rem;
	padding-right: .5rem;
	font-weight: 400;
}

h2.checkout-header {
	font-weight: 500;
	color: #00a0af;
	border-bottom: 1px solid #ddd;
	background-color: #f8f8f8;
	font-size: 1.25rem;
	line-height: 1;
	padding: 1rem;
	margin: 0;
}

.woocommerce form .form-row label {
	font-size: .875rem;
}

.woocommerce form .form-row label abbr.required {
	font-size: .75rem;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce .woocommerce-page form .form-row-first,
.woocommerce .woocommerce-page form .form-row-last {
	width: calc(50% - .5rem);
}

.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	padding: 0;
	margin: 0;
	background: transparent;
	border-radius: 0;
}

.woocommerce-cart #payment ul.wc_payment_methods,
.woocommerce-checkout #payment ul.wc_payment_methods {
	padding: 0;
	margin: 0 0 1rem 0;
	border: 0;
}

.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
	position: relative;
	top: 1px;
	margin: 0 .5rem 0 0;
}

.woocommerce-cart #payment ul.wc_payment_methods > li,
.woocommerce-checkout #payment ul.wc_payment_methods > li {
	padding: .75rem 1.25rem;
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 1px 2px 0 rgba(64, 64, 64, .1);
	vertical-align: middle;
	margin-bottom: 1.5rem;
	border-radius: .75rem;
	display: block;
	line-height: 3rem;
	align-items: center;
}

.woocommerce-cart #payment ul.wc_payment_methods > li label a,
.woocommerce-checkout #payment ul.wc_payment_methods > li label a {
	line-height: 3rem !important;
	flex: 1 !important;
	align-self: center !important;
}

.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
	margin: -4px 0 0 .75rem;
}

.woocommerce-cart #payment ul.payment_methods li img.stripe-icon,
.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
	max-width: 39px !important;
	margin: -4px 0 0 .75rem !important;
}

.woocommerce-cart #payment ul.wc_payment_methods li .about_paypal,
.woocommerce-checkout #payment ul.wc_payment_methods li .about_paypal {
	margin-left: .5rem;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
	background-color: transparent;
	border-radius: 0;
	padding: 0;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: #eee;
	display: none;
}

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

.woocommerce-terms-and-conditions-wrapper {
	margin-bottom: 1.5rem;
}

.woocommerce fieldset {
	border: 1px solid #ddd;
	border-radius: .5rem;
	padding: .5rem;
	margin: 1.5rem 0;
}

.woocommerce fieldset legend {
	font-size: .875rem;
	padding: 0 .25rem;
}

/*** ============================================================== ***/

.post-navigation {
	clear: both;
	margin: 2rem 0 0 0;
}

.post-navigation .nav-links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.post-navigation a {
	color: #2b3547;
	display: block;
	padding: 1.75em 0;
}

.post-navigation span {
	display: block;
}

.post-navigation .meta-nav {
	color: #686868;
	font-size: 0.875rem;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}

.post-navigation .post-title {
	display: inline;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
	color: #007acc;
}

.pagination {
	padding: 1rem 0;
	font-size: 1rem;
	font-weight: 500;
	position: relative;
}

/* reset screen-reader-text */
.pagination .current .screen-reader-text {
	display: none;
}

.pagination .nav-links {
	display: block;
	text-align: center;
}

.pagination .nav-links a {
	display: inline;
}

.pagination .page-numbers {
	letter-spacing: 0.013157895em;
	margin: 0 0.75em 0 -0.75em;
	text-transform: uppercase;
	height: 1rem;
	line-height: 1rem;
	padding: 0 1rem;
	display: inline-block;
}

.pagination .current {
	font-weight: 700;
}

.pagination .prev,
.pagination .next {
	color: #f36b24;
	display: inline-block;
	height: 1rem;
	line-height: 1rem;
	padding: 0 1rem;
	position: relative;
	z-index: 2;
}

.pagination .prev:before,
.pagination .next:before {
	font-size: 32px;
	height: 53px;
	line-height: 52px;
	position: relative;
	width: auto;
	display: none;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
	color: #333;
}

.pagination .prev:focus,
.pagination .next:focus {
	outline: none;
}

.pagination .next:before {
	content: "\f429";
	right: -1px;
	top: -1px;
}

.image-navigation,
.comment-navigation {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	color: #686868;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin: 0 7.6923% 2.1538461538em;
	padding: 1.0769230769em 0;
}

.comment-navigation {
	margin-right: 0;
	margin-left: 0;
}

.comments-title + .comment-navigation {
	border-bottom: 0;
	margin-bottom: 0;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
	display: inline-block;
}

.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}

/**
 * 7.0 - Accessibility
 */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 700;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	font-family: "Open Sans", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}

img.auto-fit {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}

/**
 * 9.0 - Clearings
 */
.clearfix,
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}

/**
 * 10.0 - Widgets
 */

.widget ul {
	margin-top: 0;
	margin-bottom: 0;
}

.widget li {
	padding: .25rem 0;
}

.widget li a {
	color: #2b3547;
	padding: 1rem 0;
}

.widget.widget_categories li a {
	text-transform: capitalize;
}

/* Calendar widget */
.widget.widget_calendar table {
	margin: 0;
}

.widget_calendar td,
.widget_calendar th {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}

.widget_calendar caption {
	font-weight: 900;
	margin-bottom: 1.75em;
}

.widget_calendar tbody a {
	background-color: #007acc;
	color: #fff;
	display: block;
	font-weight: 700;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
	background-color: #686868;
	color: #fff;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
	color: #686868;
	display: block;
	font-size: 0.9rem;
	margin-top: .25rem;
	font-weight: 400;
}

.widget_recent_entries ul {
	list-style-type: none;
	margin: 0;
}

.widget_recent_entries li {
	padding: .5rem 0;
	font-weight: 500;
}

.widget_recent_entries li a {
	color: #2b3547;
}

.widget_recent_entries li a:hover {
	color: #f0b349;
}

.widget_recent_entries li:last-child .post-date {
	margin-bottom: 0;
}

/* RSS widget */
.widget_rss .rsswidget img {
	margin-top: -0.375em;
}

.widget_rss .rss-date,
.widget_rss cite {
	color: #686868;
	display: block;
	font-size: 0.8125rem;
	font-style: normal;
	line-height: 1.615384615;
	margin-bottom: 0.538461538em;
}

.widget_rss .rssSummary:last-child {
	margin-bottom: 2.1538461538em;
}

.widget_rss li:last-child :last-child {
	margin-bottom: 0;
}

/* Tag Cloud widget */
.tagcloud a {
	display: inline-block;
	line-height: .75;
	color: #f36b24;
	font-weight: 600;
	padding: .35rem;
	border-radius: 3px;
	border: 1px solid transparent;
}

.tagcloud ul {
	list-style-type: none;
	margin-left: -.35rem;
}

.tagcloud ul li {
	display: inline-block;
}

.tagcloud a:hover,
.tagcloud a:focus {
	background-color: #fff;
	border: 1px dotted #f0b349;
	color: #f0b349;
	outline: none;
}

/**
 * 11.0 - Content
 */

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: none;
}

/**
 * 11.1 - Header
 */

.site-description {
	color: #686868;
	display: none;
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1;
	margin: 0.5rem 0 0;
}

.header-image {
	clear: both;
	margin: 0.875em 0;
}

.header-image a {
	display: block;
}

.header-image a:hover img,
.header-image a:focus img {
	opacity: 0.85;
}

/**
 * 11.2 - Posts and pages
 */

.author-info {
	border-color: inherit;
	border-style: solid;
	border-width: 1px 0 1px 0;
	clear: both;
	padding-top: 1.75em;
	padding-bottom: 1.75em;
}

.author-avatar .avatar {
	float: left;
	height: 42px;
	margin: 0 1.75em 1.75em 0;
	width: 42px;
}

.author-description > :last-child {
	margin-bottom: 0;
}

.author-bio {
	color: #686868;
	font-size: 0.85rem;
	margin-bottom: 1rem;
	overflow: hidden;
}

.author-link {
	white-space: nowrap;
}

.sticky-post {
	color: #686868;
	display: block;
	font-size: 0.85rem;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}

/**
 * IE8 and earlier will drop any block with CSS3 selectors.
 * Do not combine these styles with the next block.
 */
.updated:not(.published) {
	display: none;
}

.sticky .posted-on, .byline {
	display: none;
}

.single .byline, .group-blog .byline {
	display: inline;
}

.page-header {
	margin-bottom: 2rem;
	border-bottom: 1px solid #e1e1e1;
}

body.error404 .page-header, body.search-no-results .page-header {
	border-top: 0;
	padding-top: 0;
}

.taxonomy-description {
	color: #686868;
	font-size: 0.85rem;
}

.taxonomy-description p {
	margin: 0.5rem 0 1.5rem;
}

.taxonomy-description > :last-child {
	margin-bottom: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.75em;
}

.page-links a,
.page-links > span {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	display: inline-block;
	font-size: 0.8125rem;
	height: 1.8461538462em;
	line-height: 1.6923076923em;
	margin-right: 0.3076923077em;
	text-align: center;
	width: 1.8461538462em;
}

.page-links a {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #007acc;
	border-color: transparent;
	color: #fff;
}

.page-links > .page-links-title {
	border: 0;
	color: #1a1a1a;
	height: auto;
	margin: 0;
	padding-right: 0.6153846154em;
	width: auto;
}

.entry-attachment {
	margin-bottom: 1.75em;
}

.entry-caption {
	color: #686868;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 1.0769230769em;
}

.entry-caption > :last-child {
	margin-bottom: 0;
}

.content-bottom-widgets {
	margin: 0 7.6923%;
}

.content-bottom-widgets .widget-area {
	margin-bottom: 3.5em;
}

/**
 * 11.3 - Post Formats
 */

/**
 * 11.4 - Comments
 */

.comments-area {
	margin: 0 7.6923% 3.5em;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 1.75em;
}

.comments-title,
.comment-reply-title {
	border-top: 4px solid #1a1a1a;
	font-size: 1.4375rem;
}

.hero .content h2 {
	font-weight: 700;
	line-height: 1.3125;
	padding-top: 1.217391304em;
}

.comments-title {
	margin-bottom: 1.217391304em;
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid #d1d1d1;
	padding: 1.75em 0;
}

.comment-list .children {
	list-style: none;
	margin: 0;
}

.comment-list .children > li {
	padding-left: 0.875em;
}

.comment-author {
	color: #1a1a1a;
	margin-bottom: 0.4375em;
}

.comment-author .avatar {
	float: left;
	height: 28px;
	margin-right: 0.875em;
	position: relative;
	width: 28px;
}

.bypostauthor > article .fn:after {
	content: "\f304";
	left: 3px;
	position: relative;
	top: 5px;
}

.comment-metadata,
.pingback .edit-link {
	color: #686868;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

.comment-metadata {
	margin-bottom: 2.1538461538em;
}

.comment-metadata a,
.pingback .comment-edit-link {
	color: #686868;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
	color: #007acc;
}

.comment-metadata .edit-link,
.pingback .edit-link {
	display: inline-block;
}

.comment-metadata .edit-link:before,
.pingback .edit-link:before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-reply-link {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #007acc;
	display: inline-block;
	font-size: 0.8125rem;
	line-height: 1;
	margin-top: 2.1538461538em;
	padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
	border-color: currentColor;
	color: #007acc;
	outline: none;
}

.comment-form {
	padding-top: 1.75em;
}

.comment-form label {
	color: #686868;
	display: block;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

.comment-list .comment-form {
	padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	color: #686868;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-bottom: 2.1538461538em;
}

.no-comments {
	border-top: 1px solid #d1d1d1;
	font-weight: 700;
	margin: 0;
	padding-top: 1.75em;
}

.comment-navigation + .no-comments {
	border-top: 0;
	padding-top: 0;
}

.form-allowed-tags code {
	font-family: Inconsolata, monospace;
}

.form-submit {
	margin-bottom: 0;
}

abbr.required {
	color: #cc0000;
	text-decoration: none;
	font-size: 1.25rem;
}

.comment-reply-title small {
	font-size: 100%;
}

.comment-reply-title small a {
	border: 0;
	float: right;
	height: 32px;
	overflow: hidden;
	width: 26px;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
	color: #1a1a1a;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: -5px;
}

.comment-form #wp-comment-cookies-consent {
	margin: 0 10px 0 0;
}

.comment-form .comment-form-cookies-consent label {
	display: inline;
	font-family: Merriweather, Georgia, serif;
	letter-spacing: 0;
	text-transform: none;
}

/**
 * 12.0 - Media
 */

.site .avatar {
	border-radius: 50%;
}

.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
	display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
	box-shadow: none;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	margin-top: 0;
	margin-bottom: 1.75em;
}

.wp-playlist.wp-audio-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 0.7142857143em 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 0.7142857143em;
}

/**
 * 12.1 - Captions
 */

.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #686868;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

/**
 * 12.2 - Galleries
 */

.gallery {
	margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/**
 * 13.0 - Multisites
 */

.widecolumn {
	margin-bottom: 3.5em;
	padding: 0 7.6923%;
}

.widecolumn .mu_register {
	width: auto;
}

.widecolumn .mu_register .mu_alert {
	background: transparent;
	border-color: #d1d1d1;
	color: inherit;
	margin-bottom: 3.5em;
	padding: 1.75em;
}

.widecolumn form,
.widecolumn .mu_register form {
	margin-top: 0;
}

.widecolumn h2 {
	font-size: 1.4375rem;
	font-weight: 900;
	line-height: 1.2173913043;
	margin-bottom: 1.2173913043em;
}

.widecolumn p {
	margin: 1.75em 0;
}

.widecolumn p + h2 {
	margin-top: 2.4347826087em;
}

.widecolumn label,
.widecolumn .mu_register label {
	color: #686868;
	font-size: 0.8125rem;
	font-weight: 400;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	text-transform: uppercase;
}

.widecolumn .mu_register label {
	margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
}

.widecolumn .mu_register label strong {
	font-weight: 400;
}

.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
	font-size: 1rem;
	width: 100%;
}

.widecolumn .mu_register #blogname {
	margin: 0;
}

.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
	margin: 0 0 0.375em;
}

.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
	font-size: 1rem;
	margin: 0;
	width: auto;
}

.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
	font-size: inherit;
}

.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
	margin-bottom: 0;
}

/*** Extras ***/

.terms-embedded {
	padding: 1rem;
	border: 1px solid #ccc;
	overflow: auto;
	transition: background-color .3s;
	margin: 1.5rem 0;
	height: 28rem;
	display: none;
}

.terms-minimised {
	height: 12rem;
	background-color: #f8f8f8;
}

.terms-embedded pre {
	white-space: pre-wrap;
	font-size: 1.1rem;
	margin: 0;
	padding: 0;
}

.practitioner-registration-form .button {
	padding: .5rem 1rem;
	border: 1px solid #ddd;
}

.page-id {
	display: inline-block;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 15rem;
	background: #2b3547;
	color: white;
	text-align: right;
	font-size: .75em;
	font-weight: bold;
	line-height: 1;
	padding: 5px 8px 5px 8px;
	border-radius: 0 8px 8px 0;
	z-index: 100;
}

.go-to-top {
	display: block;
	position: fixed;
	bottom: 1.5rem;
	left: calc(50% - 1rem);
	z-index: 5000;
	vertical-align: middle;
	width: 2rem;
	height: 2rem;
	box-shadow: 0 0 .5rem 0 rgba(227, 133, 4, .25);
	border-radius: 1rem;
	background-color: #fff;
	text-decoration: none;
	opacity: .65;
}

.go-to-top:focus {
	outline: none;
}

.go-to-top:before {
	display: block;
	content: url("../svg/icon-arrow-right.svg");
	width: 60%;
	margin: .2rem .3rem;
	height: auto;
	transform: rotate(-90deg);
	text-align: center;
}

.go-to-top:hover {
	opacity: 1;
	box-shadow: 0 0 .75rem 0 rgba(227, 133, 4, .5);
}

.notice {
	font-size: 1.2rem;
	text-align: center;
	border: 1px dotted #aaa;
	padding: 2rem 2rem;
	margin: 2rem 0;
	background-color: rgba(255, 255, 255, .5);
}

i {
	border-bottom: 3px dotted lightblue;
}

.hidden {
	display: none;
}

.inactive {
	pointer-events: none;
}

.collapsed {
	display: none;
}

/* Tooltips */

.tooltip {
	/*position: relative;*/
}

.tooltip .tt-text {
	visibility: hidden;
	display: block;
	min-width: 15rem;
	max-width: 25rem;
	background-color: #444;
	color: #fff;
	text-align: left;
	padding: 1rem;
	border-radius: 10px;
	position: absolute;
	z-index: 1;
	text-transform: none;
	font-weight: 600;
}

.tooltip:hover .tt-text {
	visibility: visible;
}

.symbol-question {
	background-color: #00a0af;
	color: #fff;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	text-align: center;
	border-radius: 1rem;
	line-height: 1rem;
	font-weight: 700;
	cursor: help;
}

/* Practitioner search disclaimer notification */

.site-disclaimer {
	width: 80%;
	background-color: #00a0af;
	position: fixed;
	bottom: 0;
	z-index: 1000;
	left: 10%;
	right: 10%;
	border-radius: 10px 10px 0 0;
	padding: 1.5rem 4rem 2rem 2rem;
	box-shadow: 0 .1rem 1rem 0 rgba(0, 0, 0, .2);
}

.site-disclaimer p {
	color: #fff;
	margin: 0;
}

.site-disclaimer-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: block;
	line-height: 1rem;
	font-size: 2.5rem;
	color: #fff;
}

/* Newsletter subscription notification */

.newsletter-notification {
	max-width: 500px;
	background-color: #fff;
	position: fixed;
	bottom: 0;
	z-index: 1000;
	right: 10%;
	padding: 1.5rem 2rem 4rem 2rem;
	box-shadow: 0 .1rem 1rem 0 rgba(0, 0, 0, .2);
	border-top: .5rem solid #00a0af;
}

.newsletter-notification-header {
	display: block;
	margin-bottom: .75rem;
}

.newsletter-notification-header h2 {
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1;
	margin: 0;
}

.newsletter-notification p {
	margin: 0;
	font-size: 1rem;
	margin-bottom: 1.5rem;
}

.newsletter-notification-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: block;
	line-height: 1rem;
	font-size: 2.5rem;
	color: #00a0af;
}

/* About Hero */

.about-hero {
	display: grid;
	grid-template-columns: 1.2fr 1.5fr;
	grid-column-gap: 3rem;
	padding-top: 0;
}

.about-hero {
	display: grid;
	grid-template-columns: 1.2fr 1.5fr;
	grid-column-gap: 3rem;
	padding-top: 0;
}


.about-hero-left {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	z-index: 10;
}

.about-hero-right {
	position: relative;
	z-index: 10;
	padding-bottom: 4rem;
}

.about-hero-right-content {
}

.about-quote {
	background: #f36b24;
	padding: 4rem 5rem;
}

.about-quote-text {
	color: #fff;
	font-size: 1.35rem;
	font-style: italic;
	font-weight: 500;
	margin: 0;
	letter-spacing: -0.035em;
	padding-left: 5rem;
	position: relative;
}

.about-quote-text:before {
	content: "";
	width: 4rem;
	height: 3rem;
	background-image: url("../svg/white-quote.svg");
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: .55rem;
}

.about-hero-overlay {
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	overflow: hidden;
}

.about-hero-overlay > div {
	border-radius: 100%;
	position: absolute;
}

.about-hero-overlay > div:nth-child(1) {
	background-color: rgba(255, 255, 255, .08);
	width: 100vh;
	height: 100vh;
	right: 10vw;
	top: -10vw;
}

.about-hero-overlay > div:nth-child(2) {
	background-color: rgba(255, 255, 255, .08);
	width: 60vh;
	height: 60vh;
	right: 5vw;
	bottom: -10vw;
}

.about-hero-overlay > div:nth-child(3) {
	background-color: rgba(255, 255, 255, .08);
	width: 80vh;
	height: 90vh;
	top: -20vw;
	right: -20vw;
}

.about-hero h1 {
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 1.5rem;
}

.about-section {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-column-gap: 5rem;
	margin: 5rem auto;
}

.about-section div {

}

.sidebar-widget {
	margin: 4rem 0;
}

.sidebar-widget:first-of-type {
	margin-top: 0;
}

.sidebar h2.widget-title {
	text-transform: uppercase;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: .5rem;
}

.sidebar-widget h3 {
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 300;
	line-height: 1;
}

/*** Home Routine Hero ***/

.homeroutine-hero {
	width: 100%;
	position: relative;
	border-bottom: 1rem solid #f36b24;
}

.homeroutine-hero-container {
	padding: 5rem;
	padding-top: 10rem;
	position: relative;
	z-index: 1;
	height: 100%;
}

.homeroutine-hero-content {
	max-width: 50vw;
	position: relative;
	top: 3vh;
}

.homeroutine-hero h1 {
	font-size: 2.5rem;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1;
}

.homeroutine-hero p {
	font-size: 1.15rem;
}

.homeroutine-hero-options {
	display: flex;
	flex: 1 1 100%;
	margin-top: 5rem;
	margin-bottom: 1rem;
	justify-content: space-between;
}

a.homeroutine-option {
	display: flex;
	flex: 1 1 100%;
	align-items: center;
	color: initial;
	text-transform: uppercase;
	font-size: 1.25rem;
	line-height: 1.1;
	opacity: .9;
	background-color: #fff;
	padding: .5rem 2rem .5rem 0;
	position: relative;
}

a.homeroutine-option:hover {
	transform: scale(1.05);
	z-index: 10;
	opacity: 1;
}

a.homeroutine-option:after {
	content: url("../svg/icon-big-arrow-bottom.svg");
	display: block;
	position: absolute;
	bottom: -1rem;
	left: 50%;
	transform: translateX(-50%);
	width: 3rem;
	height: auto;
	z-index: 100;
	opacity: 0;
	transition: bottom .3s, opacity .3s;
}

a.homeroutine-option:hover:after {
	bottom: -2rem;
	opacity: 1;
}

a.homeroutine-option span {
	display: inline-block;
	margin-bottom: 2.5rem;
}

a.homeroutine-option img {
	display: inline-block;
	width: 10rem;
	height: auto;
	position: relative;
	margin-right: 1rem;
	mix-blend-mode: multiply;
}

.skincare-consultation-image-container {
	height: calc(100% + 11rem);
	position: relative;
	right: 0;
	/*top: -5rem;*/
}

.skincare-consultation-image {
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	max-height: calc(100% + 5rem);
	right: 0;
	bottom: 0;
}

.skincare-filter {
	margin-top: 1rem;
	height: 5rem;
	width: calc(100% - 2rem);
}

.skincare-filter h4 {
	margin-bottom: 1rem;
}

.skincare-filter-items {
	display: grid;
	grid-gap: .5rem;
	grid-template-columns: 2fr 2fr 1fr .35fr;
	grid-template-columns: 1.5fr 1.5fr .75fr .35fr;
}

/*** Pods practitioner form style overrides ***/

.pods-form {
	margin: 0 auto;
}

.pods-form .pods-field__container {
	margin-bottom: 1rem;
}

.pods-form .pods-form-ui-label {
	white-space: nowrap;
	vertical-align: top;
	font-size: .875rem;
	line-height: 1.1;
	font-weight: bold;
	color: #6b6a6b;
	margin-top: .5rem;
	margin-bottom: .25rem;
}

.pods-form .pods-form-ui-field {
	display: block;
	padding: 0;
}

.pods-form input.pods-form-ui-field {
	display: block;
	padding: .5rem 0;
}

.pods-form .pods-form-ui-field input[type="text"] {
	width: 100%;
}

.pods-form .pods-form-ui-field textarea {
	width: 100%;
}

.pods-form .description {
	font-size: .75rem;
	margin: 0 0 .5rem 0;
}

.pods-form a.button {
	font-size: .75rem;
	color: #fff;
	background-color: #00a0af;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 5rem;
	padding: .25rem .5rem;
}

.pods-form .pods-boolean .pods-form-ui-label {
	font-weight: normal;
	padding: 0;
}

.pods-form .pods-boolean .pods-form-ui-label input[type="checkbox"] {
	margin-right: .5rem;
}

p.pods-submit {
	margin-top: 1rem;
	padding-top: 2rem;
	border-top: .1rem solid #e1e1e1;
	display: block;
	float: none;
	width: 100%;
	text-align: center;
}

.pods-form form .pods-submit-button {
	background-color: #00a0af;
	color: #fff;
	font-weight: bold;
	font-size: 1rem;
	text-transform: uppercase;
	padding: 1rem 3rem;
	border-radius: 0;
	cursor: pointer;
	margin: 0 auto;
}

.pods-form form .pods-submit-button:hover {
	background-color: #20c0cf;
}

.pods-form form .button,
.pods-form input[type="submit"] {
	background-color: #00a0af;
	color: #fff;
	font-weight: bold;
	font-size: .875rem;
	text-transform: uppercase;
	padding: .5rem 2rem;
	border-radius: 10rem;
	cursor: pointer;
	margin: 0 auto;
	display: inline-block;
}

.pods-form form .button:hover,
.pods-form input[type="submit"]:hover {
	background-color: #20c0cf;
}

.ask-alice-content {
}

.ask-alice-block {
	padding-left: 3.5rem;
	margin-bottom: 2.5rem;
	background-image: url("../svg/icon-big-question-teal.svg");
	background-position: top left;
	background-size: 2.5rem;
	background-repeat: no-repeat;
}

.ask-alice-block h4 {
	font-size: 1.1rem;
	letter-spacing: -0.02em;
}

.ask-alice-search {
	height: min-content;
	border: 1px solid #ddd;
	padding: 1.5rem;
	margin-bottom: 2rem;
}

.ask-alice-form {
	height: min-content;
	border: 1px solid #ddd;
	padding: 1.5rem;
}

/*.ask-alice-form .pods-form .pods-field {*/
/*margin: 0;*/
/*padding: 0 0 1rem 0;*/
/*}*/

/*.ask-alice-form .pods-form .pods-field .pods-boolean {*/
/*padding: 0 0 .5rem 0;*/
/*}*/

/*.ask-alice-form p.description {*/
/*margin: 0;*/
/*padding: 0;*/
/*font-size: .8rem;*/
/*line-height: 1.35;*/
/*}*/

/*.ask-alice-form .pods-form-front .pods-field-label {*/
/*display: block;*/
/*padding: 0;*/
/*margin: 0 0 0 -2px;*/
/*width: 95%;*/
/*font-size: .8rem;*/
/*font-weight: 500;*/
/*}*/

/*.ask-alice-form .pods-form .pods-field label {*/
/*padding-bottom: 0.25rem;*/
/*padding-top: 0;*/
/*}*/

/*.ask-alice-form .pods-form-front .pods-field-input {*/
/*margin: 0;*/
/*width: 100%;*/
/*}*/

/*.ask-alice-form p.pods-submit {*/
/*margin-top: .25rem;*/
/*padding-top: 1.25rem;*/
/*border-top: .1rem solid #e1e1e1;*/
/*display: block;*/
/*float: none;*/
/*width: 100%;*/
/*text-align: center;*/
/*}*/

/*** Loading spinner ***/

.page-loading {
	position: fixed;
	transform: translate(-50%, -50%);
	background-color: rgba(255, 255, 255, .88);
	padding: 2rem 2rem;
	top: 50%;
	left: 50%;
	box-shadow: 0 0 32px 0 rgba(0, 0, 0, .2);
	text-align: center;
	z-index: 2000;
	border-radius: 1.5rem;
	display: none;
}

.page-loading img {
	margin: 0 auto 2rem auto;
	display: block;
	width: 6rem;
	height: auto;
	animation: spin 1.33s infinite ease-out;
}

.loading-progress {
	height: 6px;
	width: 100%;
	background-color: #eee;
	border-radius: 3px;
	margin-top: 2rem;
	overflow: hidden;
}

.loading-progress span {
	display: block;
	background-color: #f36b24;
	width: 0;
	height: 100%;
	transition: width .5s;
}

@keyframes spin {
	0% {
		transform: rotateY(0deg);
	}
	100% {
		transform: rotateY(-360deg);
	}

}

.page-loading p {
	margin-top: 1rem;
	font-size: 1rem;
	font-weight: 500;
}

.narrow-content {
	max-width: 600px;
	margin: 0 auto;
}

/* Adverts */

.advert-section {
	position: relative;
	margin: 0 auto;
}

.advert-content {
	margin: 0 auto;
	padding: 3rem 1rem;
}

.advert-section img {
	width: auto;
	height: auto;
	margin: 0 auto;
	border: 1px solid #f6f6f6;
}

.video-ad {
	position: relative;
}

.video-url {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.video-ad .unmute {
	position: absolute;
	display: block;
	top: 15px;
	right: 15px;
	width: 32px;
	height: 32px;
	background-image: url("../svg/icon-unmute.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
	border-radius: 5px;
	z-index: 10;
}

.video-ad .unmute:hover {
	background-color: #00a0af;
}

.video-ad .mute {
	position: absolute;
	display: block;
	top: 15px;
	right: 15px;
	width: 32px;
	height: 32px;
	background-image: url("../svg/icon-mute.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
	border-radius: 5px;
	z-index: 10;
}

.video-ad .mute:hover {
	background-color: #00a0af;
}

.video-ad .mute.hidden, .video-ad .unmute.hidden {
	display: none;
}

.advert {
	display: block;
	text-align: center;
	position: relative;
}

.advert a {
	display: block;
	margin: 0 auto;
}

.advert img {
	width: auto;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
}

.advert.full-width img {
	width: 100%;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
}

.advert video {
	width: auto;
	height: auto;
	max-width: 720px;
	max-height: 320px;
	margin: 0 auto;
}

.advert.full-width video {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: none;
	margin: 0 auto;
}

.advert.hidden {
	display: none;
}

.advert.visible {
	display: block;
}

.advert.fixed-ad {
}

.ttg-ad-mt {
	margin: 0 auto;
}

.ttg-ad-mt a {
	margin: 0 auto;
	text-align: center;
}

.ttg-ad-mb {
}

.ttg-ad-st {
	margin-bottom: 2em;
}

.ttg-ad-sm {
	margin: 2em auto;
}

.ttg-ad-sb {
	margin-top: 2em;
}

/* Popup */

a.close-icon {
	position: absolute;
	top: 1.25rem;
	right: 1.25rem;
	display: block;
	height: 2.25rem;
	width: 2.25rem;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
	border-radius: 3rem;
	background: #fff no-repeat url("../svg/icon-close.svg") center center / .8rem;
}

a.close-icon:hover {
	background-color: #2b3547;
}

.popup {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 10000;
	display: none;
}

.popup-container {
	width: 100%;
	height: 100%;
	display: flex;
	flex: 1 1 auto;
	align-items: flex-start;
	justify-content: center;
	overflow: auto;
	padding: 2rem;
}

.popup-frame {
	position: relative;
	width: auto;
	min-width: 640px;
	max-width: 800px;
	height: auto;
	background-color: #fff;
	border-radius: 2rem;
	overflow: hidden;
	box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .2);
	padding: 2rem 2rem 1.5rem 2rem;
}

.hs-richtext {
	line-height: 1.5;
}

.sidebar-slider {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: -100%;
	background: transparent;
	z-index: 10000;
	display: block;
	transition: right .5s ease-out;
}

.sidebar-slider.slide-in {
	right: 0;
}

.sidebar-slider-container {
	width: 20rem;
	height: 100%;
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	background-color: #fff;
	box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .2);
}

.sidebar-slider-frame {
	position: relative;
	width: 100%;
	height: auto;
	padding: 1.5rem;
	text-align: left;
}

.sidebar-slider a.close-icon {
	top: 1rem;
	right: 1rem;
}

.sidebar-slider h5 {
	margin-top: 0;
	margin-bottom: 1.5rem;
	margin-right: 3rem;
	font-size: .875rem;
	font-weight: 600;
}

.slick-list.draggable {
	min-height: 100px !important;
}

.slick-list .video-thumbnail img.video_icon_img {
	padding: 1rem !important;
	display: none !important;
}

.slick-list .video-thumbnail {
	position: relative;
}

.slick-list .video-thumbnail:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat url("../svg/icon-video-play.svg") center center / 3rem;
	opacity: .66;
}

.timer {
	font-weight: normal;
	margin-left: 1rem;
	padding-left: 1rem;
	border-left: 1px solid #fff;
	text-transform: initial;
	white-space: nowrap;
}

.timer > span {
	font-weight: bold;
}

.hide-on-mobile {
	display: block;
}

.hide-on-desktop {
	display: none;
}

/* Debug */

pre.pre-debug {
	padding: 1rem;
	font-size: .8rem;
	background-color: #333;
	color: #eee;
	border: 1px solid #eee;
	max-height: 400px;
	overflow: auto;
	margin: 2rem;
}

.product-dc-notice {
	display: block;
	font-size: .875rem;
	line-height: 1;
	text-align: center;
	font-weight: 500;
	padding: 1rem;
	border: 1px solid #00a0af;
	color: #00a0af;
	text-decoration: none;
	margin: 1rem 0;
}

.product-dc-notice:hover {
	color: #fff;
	background: rgb(0, 175, 175);
	background: linear-gradient(45deg, rgba(0, 175, 175, 1) 0%, rgba(0, 160, 175, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afaf', endColorstr='#00a0af', GradientType=1);
}

.flex-align-center {
	align-items: center;
}

.breadcrumb {
	font-size: .85rem;
	line-height: 1;
	text-align: left;
	padding: 1.5rem 1rem 0 1rem;
	margin: 0 auto;
}

.breadcrumb a {
	font-size: .85rem;
	line-height: 1;
	text-align: center;
	padding: .5rem 0;
	margin-top: 2rem;
	font-weight: 500;
}

.breadcrumb em {
	font-style: normal;
	position: relative;
	padding: 0 .5rem;
	font-size: .55rem;
	top: -.1rem;
	opacity: .35;
}


/* Chatbot */

a.chatbot-button {
	position: fixed;
	/*display: none;*/
	bottom: 0;
	right: 1.5rem;
	z-index: 99999;
	width: 380px;
	border-radius: 1.5rem 1.5rem 0 0;
	overflow: hidden;
	background-color: #fff;
	transition: none;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
}

.chatbot-button-header {
	display: flex;
	align-items: center;
	font-size: 0.75rem;
	font-weight: 600;
	color: #fff;
	margin: 0;
	background-color: #f36b24;
	background-image: url("../svg/chatbot-icon.svg");
	background-repeat: no-repeat;
	background-position: 1rem center;
	background-size: 1.5rem;
	padding: 1rem 1.5rem 1rem 3rem;
}

.chatbot-button-content {
	font-size: 0.75rem;
	font-weight: 400;
	color: #222;
	display: block;
	padding: 1rem;
}

a.chatbot-button:hover {
	color: #fff;
	transform: scale(1.06);
}

a.chatbot-button.active {
	color: #fff;
	width: 3rem;
	height: 4rem;
	padding: 0;
	background-image: url("../svg/chatbot-chevron.svg");
	background-size: 1rem;
	background-position: center;
	background-color: #00a0af;
	background-repeat: no-repeat;
}

a.chatbot-button.active .chatbot-button-header {
	display: none;
}

a.chatbot-button.active span {
	display: none;
}

.chatbot-close {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	width: 1rem;
	height: 1rem;
	background-image: url("../svg/chatbot-close.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: none;
}

#chatbot {
	position: fixed;
	height: 88vh;
	right: 1.5rem;
	bottom: 5.5rem;
	width: 27rem;
	z-index: 99999;
	display: none;
}

.chatbot-main {
	display: flex;
	width: 100%;
	height: 100%;
	flex: 1;
	flex-direction: column;
	background-color: #fff;
	border-radius: 1rem;
	overflow: hidden;
	box-shadow: 0 0 32px 0 rgba(0, 0, 0, .1);
}

.chatbot-header {
	color: #fff;
	background: rgb(0, 160, 175);
	background: linear-gradient(45deg, rgba(0, 180, 185, 1) 0%, rgba(0, 140, 160, 1) 100%);
}

.chatbot-header-content {
	padding: 1rem;
}

.chatbot-header-content p.chatbot-logo {
	font-family: "Libre Baskerville", serif;
	font-size: 1.1rem;
	line-height: 1;
	color: #fff;
	padding: 0;
	margin: 0;
	text-wrap: nowrap;
}

.chatbot-header-content p.chatbot-logo img {
	width: 2.5rem;
	height: auto;
	margin-right: .75rem;
	vertical-align: middle;
}

.chatbot-header-content p.chatbot-title {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	padding: 0;
	margin: 0;
}

.chatbot-chat {
	flex: 1;
	padding: 1rem;
	overflow: auto;
}

.chatbot-intro {
	margin: 1rem 0 2rem 0;
}

.chatbot-intro img {
	display: block;
}

.chatbot-intro p {
	margin: .5rem 0 .5rem 0;
	font-size: .85rem;
	line-height: 1.35;
}

.chatbot-intro p:last-child {
	margin: 0;
}

.chatbot-message {
	position: relative;
	color: #2a2a2a;
	margin-bottom: 1rem;
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	align-items: flex-end;
	transition: all .5s;
	visibility: visible;
	opacity: 1;
}

.chatbot-message.hidden {
	visibility: hidden;
	opacity: 0;
}

.left-msg {
	padding-right: 3rem;
}

.right-msg {
	flex-direction: row-reverse;
	padding-left: 3rem;
}

.msg-bubble {
	border-radius: .5rem;
	padding: .75rem;
}

.left-msg .msg-bubble {
	background-color: #e2f0f0;
	border-radius: .65rem .65rem .65rem .1rem;
}

.left-msg .msg-bubble.end {
	background-color: #f36b24;
	color: #fff;
}

.right-msg .msg-bubble {
	background-color: #f2f2f2;
	border-radius: .65rem .65rem .1rem .65rem;
}

.msg-text {
	font-size: .8rem;
	font-weight: 400;
	line-height: 1.2;
}

.left-msg .msg-text {
	color: #2a2a2a;
}

/*.right-msg .msg-text {*/
/*    color: #fff;*/
/*}*/

.msg-info {
	font-size: .65rem;
	color: #8a8a8a;
	margin: .25rem 0 0 0;
}

.msg-img {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	min-width: 2.5rem;
	min-height: 2.5rem;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 1rem;
}

.left-msg .msg-img {
	margin-right: .5rem;
	background-size: 2.25rem;
}

.right-msg .msg-img {
	margin-left: .5rem;
	background-size: cover;
}

.chatbot-input {
	background-color: #fafafa;
	display: grid;
	grid-template-columns: 1fr min-content;
	border-radius: .75rem .75rem 0 0;
	border-top: 1px solid #eaeaea;
}

input[type="text"].chatbot-input-text {
	width: 100%;
	font-size: .8rem;
	line-height: 1.2;
	padding: 1rem;
	border: none;
	margin: 0;
	background-color: transparent;
}

input[type="text"].chatbot-input-text[disabled] {
	opacity: 0;
}

input[type="text"].chatbot-input-text:focus {
	width: 100%;
	font-size: .8rem;
	line-height: 1.2;
	padding: 1rem;
	border: none;
	margin: 0;
	background-color: transparent;
}

button.chatbot-button-send {
	display: block;
	padding: 0;
	margin: .5rem;
	background-color: #f36b24;
	width: 2rem;
	height: 2rem;
	cursor: pointer;
	background-image: url("../svg/chatbot-arrow.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1rem;
	transition: color .25s linear;
}

button.chatbot-button-send[disabled] {
	opacity: .25;
}

button.chatbot-button-send:not([disabled]):hover {
	background-color: #ff7b34;
}

.chatbot-extras {
	background-color: #fafafa;
	padding: .5rem 1rem;
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #eaeaea;
}

.chatbot-extras a {
	font-size: .6rem;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1;
	text-decoration: none;
	opacity: .75;
	color: #2a2a2a;
}

.chatbot-extras a:hover {
	text-decoration: underline;
	opacity: 1;
}

.chatbot-feedback-close {
	display: none;
}

.chatbot-feedback {
	flex: 1;
	padding: 1rem;
	overflow: auto;
	display: none;
}

form.chatbot-feedback-form div {
	padding-bottom: .5rem;
}

form.chatbot-feedback-form p {
	font-size: .8rem;
	margin: 0 0 .5rem 0;
}

form.chatbot-feedback-form input[type="text"] {
	display: block;
	width: 100%;
	margin: 0;
}

form.chatbot-feedback-form .checkboxes span {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	font-size: .8rem;
	line-height: 1.1;
	margin: .5rem 0;
}

form.chatbot-feedback-form .checkboxes input[type="radio"] {
	margin-right: .5rem;
}

form.chatbot-feedback-form textarea {
	margin: .15rem 0;
}

form.chatbot-feedback-form .checkboxes img {
	width: 16px;
	height: auto;
	margin: 0 1px;
}

.chat-init {
	display: block;
	padding: 1rem;
}

.dot-pulse {
	position: relative;
	left: -9999px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #ff7b34;
	color: #ff7b34;
	box-shadow: 9999px 0 0 -5px;
	animation: dot-pulse 1.5s infinite linear;
	animation-delay: 0.25s;
	margin: 0 auto;
}

.dot-pulse::before, .dot-pulse::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #ff7b34;
	color: #ff7b34;
}

.dot-pulse::before {
	box-shadow: 9984px 0 0 -5px;
	animation: dot-pulse-before 1.5s infinite linear;
	animation-delay: 0s;
}

.dot-pulse::after {
	box-shadow: 10014px 0 0 -5px;
	animation: dot-pulse-after 1.5s infinite linear;
	animation-delay: 0.5s;
}

@keyframes dot-pulse-before {
	0% {
		box-shadow: 9984px 0 0 -5px;
	}
	30% {
		box-shadow: 9984px 0 0 2px;
	}
	60%, 100% {
		box-shadow: 9984px 0 0 -5px;
	}
}

@keyframes dot-pulse {
	0% {
		box-shadow: 9999px 0 0 -5px;
	}
	30% {
		box-shadow: 9999px 0 0 2px;
	}
	60%, 100% {
		box-shadow: 9999px 0 0 -5px;
	}
}

@keyframes dot-pulse-after {
	0% {
		box-shadow: 10014px 0 0 -5px;
	}
	30% {
		box-shadow: 10014px 0 0 2px;
	}
	60%, 100% {
		box-shadow: 10014px 0 0 -5px;
	}
}

.authorship-block {
	padding: .5rem 0;
	margin: .5rem 0 2rem 0;
	border-top: 1px solid #e0e8f0;
	border-bottom: 1px solid #e0e8f0;
	display: flex;
	flex: 1 1 auto;
	align-items: flex-start;
	justify-content: flex-start;
}

.authorship-block p {
	font-size: .8rem;
	color: #9a9a9a;
	margin: 0;
	line-height: 2;
}

.authorship-block a {
	font-size: .8rem;
	font-weight: 500;
	color: #00a4bd;
	text-decoration: none;
}

.authorship-block span {
	font-size: .8rem;
	font-weight: 500;
	color: #2a2a2a;
}

.authorship-block a:hover {
	text-decoration: underline;
}

/* Chatbot End */

.sysinfo {
	font-family: monospace;
	font-size: 12px;
	color: #9f9;
	background-color: #000;
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 2px 10px;
	z-index: 1000;
	display: none;
}