@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Vollkorn:ital@1&display=swap');

::selection {
	background: #2E534B !important;
	color: #fff !important;
}

html body, html body.md-theme-default {
	background: rgba(166, 122, 89, 0.09) url(/wp-content/uploads/2023/07/tks-section-bg-o20-bottom.svg) no-repeat right 90px;
	padding: 2em;
	background-size: calc(12vw + 294px);
	margin: 0;
}

#app *:not(input):not(textarea)::selection {
	background: #2E534B !important;
	color: #fff !important;
}

html .md-theme-default.md-input-container.md-input-focused label {
	color: #717A78 !important;
	font-size: calc(0.85 * 16px);
}

.md-input-container.md-input-required label::after {
	content: " *";
	font-size: calc(0.85 * 16px);
}

html body, html body.md-theme-default, html .book-day button.md-whiteframe.selectable, html .book-day button.md-whiteframe.disabled, html .book-day button.md-whiteframe.selectable, html .book-day button.md-whiteframe.disabled {
	font-family: 'Poppins', sans-serif;
}

html .md-theme-default.md-card {
	color: #717A78;
}

.md-input-container.md-has-value input, .md-input-container.md-has-value textarea {
	color: #2E534B !important;
	text-shadow: none !important;
	-webkit-text-fill-color: unset !important;
}

body.md-theme-default {
	color: #717A78 !important;
}

.md-subhead .small {
	font-size: inherit;
}

.calendar div.calendar-days {
	padding: .5rem 0;
}

.md-body-1, .md-body-2, body {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
}




.md-button {
	padding: 0 32px;
	background: #C7B489;
	border-radius: 60px;
	font-weight: 400;
	line-height: 36px;
	font-size: 16px;
	text-transform: none;
	color: #fff;
	text-align: center !important;
}

.book-day {
	color: #717A78;
}

.md-snackbar-container {
	background: #2E534B;
}

.md-theme-default.md-radio.md-checked .md-radio-container {
	border-color: #C7B489 !important;
	transform: translateY(4px);
}

.md-radio .md-radio-container {
	border: 2px solid rgba(0, 0, 0, .4);
	transform: translateY(4px);
}

.md-theme-default.md-radio .md-radio-container::after {
	background-color: #C7B489 !important;
}

.book-day button.md-whiteframe.selectable .md-body-1 {
	color: #717a78;
}

.book-day button.md-whiteframe.selectable .md-title {
	color: #2e534b;
}

.date-select-headline, .time-select-headline {
	font-family: 'Vollkorn', serif;
	font-weight: 400;
	color: #2E534B;
	font-size: 36px;
	line-height: 1.4;
	font-style: italic;	/*** margin: 10px 0 20px; ***/
}

.date-select-headline {
	margin: 10px 0 20px;
}

.md-title {
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	font-family: 'Vollkorn', serif;
	margin-top: 5px;
}

.ssa-stripe-form img.ssa-stripe-logo {
	filter: brightness(.956) sepia(1) grayscale(.2);
}

.ssa-stripe-form .md-title {
	margin: 0 0 28px;
}

.ssa-stripe-dialog .md-dialog {
  max-width: 460px;
}

.md-dialog-actions.ssa-stripe-actions .md-button.ssa-stripe-cancel-btn, .md-dialog-actions.ssa-stripe-actions .md-button.ssa-stripe-confirm-btn {
  padding: 4px 10px !important;
}

.book-day button.md-whiteframe.disabled .md-title {
	color: #c7b489;
}

.booking-header {
	display: none;
}

.timezone-local {
	display: none;
}

.time-listing-icon {
	fill: #c7b489;
}

.book-day button.md-whiteframe {
	padding: 17px 10px 20px;
}

.confirm .md-theme-default.md-card {
	background-color: transparent;
	box-shadow: none;
}

h1.md-title {
	font-size: 32px;
	font-weight: 500;
	letter-spacing: 0;
	text-align: center;
}

h1.md-title span.appt-title {
	font-weight: 400;
	color: #2E534B;
	font-size: 34px;
	line-height: 1.4;
	font-style: italic;
}

.cancellation-actions .appointment-actions {
	text-align: center;
	border-top: 0 none;
}

.md-whiteframe-2dp {
	box-shadow: none;
	border: 1px solid #c7b489;
}

.book-day button.md-whiteframe {
	background: #fff;
	border: 1px solid #c7b489;
}

.book-day button.md-whiteframe.disabled {
	color: #c7b489;
	background: #f7f3f0;
	border: 1px solid #c7b489 !important;
}

.md-button.md-dense {
	min-height: 42px;
	line-height: 1;
	font-size: 16px;
	min-width: 140px;
	padding: 0;
	border: 1px solid #c7b489 !important;
}

.md-button.md-raised:not([disabled]) {
	box-shadow: none;
}

.md-button.md-fab {
	box-shadow: none;
}

.md-menu-content {
	width: 180px;
}

.time-select, .appt-select {
	padding-bottom: 40px;
}

html .md-button.md-fab:focus, html .md-button:focus {
	outline: none;
}

.theme-default.md-button:not([disabled]).md-primary.md-fab:focus, html .md-button:focus {
	outline: none;
}

html .md-theme-default.time-select.md-button:not([disabled]).md-raised:not(.md-icon-button) {
	color: #717A78;
	font-weight: 400;
	border-radius: 42px;
}

ul.time-listing li {
	padding: 4px;
}

.vue-tel-input .vti__dropdown {
	display: none;
}

#phone {
	margin-left: 12px;
}

.md-input-container.vue-tel-input-container .md-icon:not(.md-icon-delete) ~ label {
	left: 36px;
}

.md-input-container.md-has-value label, .md-input-container.md-input-focused label {
	font-size: calc(0.85 * 16px);
}

.md-input-container label {
	color: #717A78;
	transition: all 0.3s ease-in;
}

.md-input-container {
	width: 100%;
	min-height: 55px;
	margin: 5px 0 16px;
	padding-top: 18px;
}

.md-input-container::after {
	background-color: #2E534B;
}

.md-theme-default.md-input-container.md-input-focused::after {
	height: 1px !important;
	background-color: #8E7743 !important;
}

.md-theme-default.md-input-container.md-input-invalid::after {
	background-color: #7D3B49 !important;
}

html .md-theme-default.md-button:not([disabled]).md-primary.md-raised {
	background-color: #C7B489;
	color: #fff;
	transition: all .2s ease-in-out;
	border-radius: 33px;
	font-weight: 400;
	text-transform: none;
	font-size: 16px;
	padding: 10px 38px;
}

html .md-theme-default.md-button:not([disabled]).md-primary.md-raised:hover, html .md-theme-default.md-button:not([disabled]).md-primary.md-fab:hover {
	background: #bda775;
	color: #fff;
}

md-button.md-fab:focus, .md-button.md-fab:hover {
	box-shadow: none;
}

html .md-theme-default.time-select.md-button:not([disabled]).md-raised:not(.md-icon-button):hover {
	color: #fff;
}

.md-button.md-icon-button {
	background: #c7b489;
	color: #fff;
	margin: 0 10px;
}

.md-button[disabled] {
	background: #ede5db;
}

.empty-state-label {
	font-size: 30px;
	font-weight: 400;
	line-height: 1.4;
	font-family: 'Vollkorn', serif;
	color: #2E534B;
	font-style: italic;
	margin: 40px 0 0;
}

.md-input-container.md-input-focused.md-input-required label::after {
	color: #7D3B49 !important;
}

html .book-day button.md-whiteframe.selectable:hover {
	color: #717A78;
}

.md-menu-content .md-theme-default.md-list .md-menu-item:hover .md-button:not([disabled]), .md-menu-content .md-theme-default.md-list .md-menu-item:focus .md-button:not([disabled]), .md-menu-content .md-theme-default.md-list .md-menu-item.md-highlighted .md-button:not([disabled]) {
	background-color: #2e534b !important;
}

.md-list {
	padding: 0;
}

.price-row .value span.price {
	font-size: 26px;
	color: #2E534B;
	font-style: italic;
	font-family: 'Vollkorn', serif;
	line-height: 1;
}

.price-row .value span.currency-code {
	display: none;
}

.md-radio .md-radio-label {
	height: 20px;
	padding-left: 8px;
	line-height: 26px;
}

.price-row .value {
	font-size: 16px;
	padding: 0 0 4px 20px;
}

.md-card .md-subhead {
	font-size: 20px;
	line-height: 1.5;
	color: #c7b489;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	letter-spacing: 0;
	opacity: 1;
}

.md-card .md-title {
	font-size: 26px;
}

.confirm .md-card .md-title {
	font-family: 'Vollkorn', serif;
	font-size: 36px;
	color: #2e534b;
	font-weight: 400;
	letter-spacing: 0;
	text-align: center;
	line-height: 1.2;
	font-style: italic;
}

.md-card .md-card-header {
	padding: 0 0 40px;
}

.confirm .md-card .md-card-header {
	padding: 0 0 40px;
}

html .appointment-actions .md-button {
	color: #fff;
}

.md-button.md-icon-button:not([disabled]):hover {
	background: #2c5149;
}

.appointment-actions .md-subheading {
	margin-bottom: 18px;
	padding-left: 1rem;
	padding-right: 1rem;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #2E534B;
}

/***
html .md-button {
	background: #C7B489;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	border: 0 none;
	border-radius: 46px;
	font-weight: 400;
	min-width: 108px;
	padding: 16px 26px;
	text-transform: unset;
}
***/
.md-list-item .md-button-ghost a.md-button {
	text-align: center;
	padding: 16px 0;
}

.appointment-actions.hasHeadline {
	padding-top: 2rem;
	text-align: center;
	border-top: 1px solid #C7B489A1;
}

.md-menu-content.md-direction-bottom-right.md-active {
	margin-top: -5px;
	width: 211px;
}

.md-card .md-card-actions .md-button {
	margin: 4px;
}

html .confirmation-actions .md-button {
	padding: 9px 20px;
	background: #C7B489;
	line-height: 1;
	border-radius: 30px;
	font-weight: 400;
	text-transform: none;
	font-size: 15px;
	color: #fff;
}

html .confirmation-actions .md-button:hover {
	background: #2e534b;
}

.change.cust-info .md-card .md-card-content {
	font-size: 16px;
	line-height: 1;
	text-align: center;
	margin: 0;
	padding-top: 0;
}

.md-card .md-card-content p {
	font-size: 16px;
	line-height: 1.4;
	margin: 4px 0;
	hyphens: auto;
}

.md-card .md-card-content p strong {
	padding-right: 5px;
}

.md-menu {
	display: inline-block;
	margin: 20px 0 0;
}

.change.cust-info .md-card {
	padding: 1%;
	box-shadow: none;
	border: 0 none;
	background: transparent;
}

.change.cust-info .md-button {
	padding: 10px 34px;
	color: #fff;
	margin: 4px;
}

.md-backdrop {
	background-color: rgba(46, 83, 75, 0.75);
}

.md-dialog {
	box-shadow: none;
}

.md-theme-default.md-dialog-container .md-dialog {
	background-color: #fff;
	color: #2E534B !important;
	text-align: center;
	padding: 20px;
}

.md-dialog-content {
	color: #717A78;
}

.md-dialog-actions .md-button {
	padding: 0 20px;
}

.md-button:hover:not([disabled]):not(.md-raised) {
	background-color: #BDA775;
	text-decoration: none;
}

.change.cust-info .md-card .md-card-header {
	padding: 20px;
}

.md-theme-default.md-input-container.md-input-invalid label, .md-theme-default.md-input-container.md-input-invalid input, .md-theme-default.md-input-container.md-input-invalid textarea, .md-theme-default.md-input-container.md-input-invalid .md-error, .md-theme-default.md-input-container.md-input-invalid .md-count, .md-theme-default.md-input-container.md-input-invalid .md-icon:not(.md-icon-delete) {
	color: #7D3B49 !important;
}

.md-input-container .md-icon:not(.md-icon-delete) {
	color: #BABCAA;
	margin: 3px auto;
}

.confirm {
	padding-bottom: 2rem;
}

.confirm.cust-info {
	padding: 2rem 0 1.4rem;
}

@media screen and (max-width:860px) {
	.book-day .md-body-1 {
		font-size: 16px;
	}

	.md-subheading {
		font-size: 18px;
	}

	html .md-theme-default.time-select.md-button {
		font-size: 17px;
	}

}