/**
 * Site-wide corrections. Sizes in px: bb-theme sets html { font-size: 10px }.
 */

/*
 * "Our Approach" on K9 Yoga. The photo is a background, cropped to a short strip
 * with the subject in the middle, which cuts the dog off the bottom. Shift the
 * frame down so the dog is in view, and give the row enough height to hold it.
 * !important is only here because Beaver Builder prints the same properties
 * for this node and a later equal rule would not be guaranteed.
 */
.mdc-dogs .mdc-dog-form label,
.mdc-dogs .mdc-dog-list {
	display: block;
}

.mdc-dogs .mdc-dog-form input[type="text"],
.mdc-dogs .mdc-dog-form input[type="number"],
.mdc-dogs .mdc-dog-form input[type="date"],
.mdc-dogs .mdc-dog-form select,
.mdc-dogs .mdc-dog-form textarea {
	display: block;
	width: 100%;
	max-width: 420px;
	margin-top: 6px;
}

.mdc-dogs .mdc-dog-form .button,
.mdc-dogs .mdc-dog-add {
	background: #9b6c1b;
	border: 1px solid #674812;
	border-radius: 4px;
	color: #fff;
	padding: 12px 18px;
}

.mdc-book {
	margin: 18px 0 12px;
}

.mdc-book__choices,
.mdc-book > label {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 12px;
}

.mdc-book label[hidden] {
	display: none;
}

.mdc-book label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 160px;
	font-size: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.mdc-book select,
#mdc-request input,
#mdc-request textarea {
	min-height: 44px;
	padding: 8px 10px;
	border: 1px solid #e0d2c2;
	background: #fff;
	font-size: 16px;
	text-transform: none;
	letter-spacing: 0;
	width: 220px;
	max-width: 100%;
}

#mdc-request textarea {
	min-height: 88px;
	width: 320px;
}

.mdc-request__intro {
	margin: 0 0 12px;
	font-size: 16px;
	letter-spacing: 0;
	text-transform: none;
}

#mdc-request .mdc-request__done {
	margin: 0 0 20px;
	padding: 22px 24px;
	background: #fff;
	border: 2px solid #9b6c1b;
	border-radius: 4px;
}

#mdc-request .mdc-request__done h2 {
	margin: 0 0 8px;
	font-size: 28px;
	line-height: 1.2;
	color: #9b6c1b;
	letter-spacing: 0;
	text-transform: none;
}

#mdc-request .mdc-request__done p {
	margin: 0;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0;
	text-transform: none;
}

.mdc-book__price {
	margin: 8px 0;
	font-size: 17px;
	color: #000;
}

.pp-icon-list-item.is-selected .pp-list-item-text {
	color: #9b6c1b;
	font-weight: 600;
}

.mdc-book__button {
	display: inline-block;
	margin-top: 8px;
	padding: 14px 28px;
	background: #9b6c1b;
	border: 1px solid #674812;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}

.mdc-book__button:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.mdc-yoga-book {
	margin: 0 0 18px;
	color: #434343;
	font-size: 16px;
}

.mdc-yoga-book__choices {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.mdc-yoga-book label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 160px;
	font-size: 13px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.mdc-yoga-book select {
	min-height: 44px;
	padding: 8px 10px;
	border: 1px solid #e0d2c2;
	background: #fff;
	font-size: 16px;
	text-transform: none;
	letter-spacing: 0;
}

.mdc-yoga-dialog {
	max-width: 720px;
	width: calc(100% - 32px);
	max-height: 85vh;
	overflow: auto;
	border: 0;
	padding: 28px 24px;
}

.mdc-yoga-dialog .gform_wrapper,
.mdc-yoga-dialog .gform_body,
.mdc-yoga-dialog form {
	display: block !important;
	visibility: visible !important;
}

.mdc-yoga-dialog__close {
	float: right;
}

.mdc-yoga-book h2 {
	margin: 0 0 12px;
	color: #000;
	font-size: 28px;
}

.mdc-yoga-book__button {
	display: inline-block;
	margin-top: 16px;
	padding: 14px 22px;
	background: #9b6c1b;
	border: 1px solid #674812;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
}

.mdc-yoga-book__form select,
.mdc-yoga-book__form textarea,
.mdc-yoga-book__form input[type="text"],
.mdc-yoga-book__form input[type="email"] {
	width: 100%;
	max-width: 100%;
}

.fl-node-n07oyaisq9wk > .fl-row-content-wrap {
	background-position: center 78% !important;
	min-height: 520px !important;
}
