
/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */
header .wp-block-navigation .wp-block-navigation-item__label, h1.wp-block-post-title, h2.wp-block-post-title a, h2.wp-block-heading, h3.wp-block-heading, span.breadcrumb-item-name, .wp-block-buttons a, .bpa-front-tabs--foot .bpa-front-btn--primary span, .bpa-front-tabs--foot .bpa-front-btn--primary span strong, .bpa-sao--footer .bpa-front-btn--primary span, .bpa-sao--footer .bpa-front-btn--primary span strong, #easy-notification-bar-button__link {
	font-family: "SHiNiNG", "Helvetica", "Arial", sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

body.logged-in .booking-login-message, body:not(.logged-in) .my-bookings-message, body.page-id-38 .logged-in-booking-button {
	display: none;
}

body.page-id-38 .entry-content:has(main > .bpa-front-customer-panel-container) > .logged-in-booking-button {
	display: flex;
}

.bpa-fm--service__advance-options .bpa-sao--footer {
	background-color: #000;
}

.wp-block-navigation .wp-block-navigation-item__label {
	text-wrap-mode: nowrap;
}

@media screen and (max-width: 811px) {
	/* hamburger button */
	.wp-block-navigation__responsive-container-open {
		display: block !important;
	}
	
	/* full menu */
	.wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
		display: none !important;
	}
}

.mobile-only-booking-button a {
	padding: .5rem !important;
	font-size: 16px !important;
}

@media screen and (min-width: 800px) {
	.mobile-only-booking-button {
		display: none !important;
	}
}

@media screen and (max-width: 360px) {
	.mobile-only-booking-button {
		display: none !important;
	}
}

.wp-block-navigation ul li {
	padding: 0 0 0 .75rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__container {
	gap: 0;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
	padding: 0 1rem;
}

@media (min-width: 600px) {
	:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)) {
		padding: .25em .5em;
	}
}

.bpa-front-form-control--checkbox.el-checkbox, .el-checkbox-group {
	line-height: 20px;
}

.bpa-front-tabs--foot .bpa-front-btn--primary span, .bpa-front-tabs--foot .bpa-front-btn--primary span strong, .bpa-sao--footer .bpa-front-btn--primary span, .bpa-sao--footer .bpa-front-btn--primary span strong {
	color: #fafafa !important;
	font-size: 20px;
}

.bpa-front-tabs--foot .bpa-front-btn--primary svg {
	fill: #fafafa !important;
}

div[data-cky-tag="optout-powered-by"] {
	display: none !important;
}

.bpa-front-module--pm-body__item.__bpa-is-selected, .bpa-fmc--right-btn button.el-button {
	background-color: #ed0019 !important;
}

.bpa-front-module--pm-body__item.__bpa-is-selected svg {
	fill: #fafafa !important;
	background-color: transparent !important;
}

.bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item .bpa-front-si-card--checkmark-icon {
	background-color: transparent !important;
}

.bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active .bpa-front-tm--item-icon svg {
	fill: #fafafa !important;
}

.bpa-front-btn--primary span {
	color: #fafafa !important;
}

body ::selection {
	background-color: #ed0019;
}

body header ul ::selection, body h1::selection, body h2::selection, body h3::selection, body h4::selection, body h5::selection, main .entry-content a::selection {
	color: #fff;
}

:where(.wp-site-blocks) > * {
	margin-block-start: 2.2rem;
}

body.page-id-133 h2.wp-block-heading {
	margin-block-end: 18px;
}

.wp-site-blocks > div.wp-block-cover {
	margin-block-start: 0 !important;
}

a.easy-notification-bar__close {
	bottom: 0;
	margin-bottom: 3px;
}

.easy-notification-bar--has_close_icon.easy-notification-bar--align_center, .easy-notification-bar--has_close_icon.easy-notification-bar--button_bottom {
	padding-left: 0;
	padding-right: 0;
}

.easy-notification-bar-container {
	gap: 0;
}

#pwa-instructions {
	display: none;
}

#pwa-instructions img {
	max-width: 85%;
}

#easy-notification-bar {
	position: fixed;
	bottom: 0;
	width: calc(100% - 2px);
	z-index: 11;
	border: 1px solid #ed0019;
}

#easy-notification-bar ol {
	padding-left: 0px;
}

#easy-notification-bar li {
	list-style: inside;
	list-style-type: auto;
}

a.easy-notification-bar__close {
	top: unset;
	bottom: 0;
}

a.easy-notification-bar__close svg {
	fill: #ed0019;
}

a.wp-block-button__link.wp-element-button {
	border: 1px solid #ed0019;
}

a.wp-block-button__link.wp-element-button:hover {
	background-color: rgba(237, 0, 25, .65);
	border: 1px solid #ed0019;
}

.wp-block-navigation__responsive-container.is-menu-open {
	padding-right: 0;
	padding-top: 0;
}

.wp-block-navigation__responsive-container-close {
	padding-right: calc(16px + var(--wp--preset--spacing--20));
	padding-top: 2.05rem;
}

.bpa-front-dc--service-body:has(#bap-service-24) + div.bpa-front-dc--footer button.bpa-front-btn--primary {
	display: none;
}

div.bpa-front-happy-hour--note-desc {
	background-color: rgba(237, 0, 25, .65);
	width: calc(100% - 1rem);
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 600px) {
	body.page-id-133 a.wp-block-button__link.wp-element-button {
		font-size: var(--wp--preset--font-size--medium) !important;
	}
}

@media (max-width: 400px) {
	body.page-id-133 a.wp-block-button__link.wp-element-button {
		font-size: calc(var(--wp--preset--font-size--medium) - 4px) !important;
	}
	
	body.page-id-133 .wp-block-columns.is-not-stacked-on-mobile {
		gap: 0 !important;
	}
}

/** PWA Pages **/
body.page-template-page-without-nav .easy-notification-bar {
	display: none;
}

body.page-template-page-without-nav {
	background-color: #000;
	padding-bottom: 20px;
}

body.page-template-page-without-nav nav {
	height: 40px;
}

body.page-template-page-without-nav nav a span {
	color: #ed0019;
}

.bpa-front-module--service-item #bap-service-24.bpa-front-si-card .bpa-front-si__card-body .bpa-front-si-cb__specs {
	display: none;
}

/* Cookie tables */
table.cky-cookie-audit-table {
	border: 1px solid #000 !important;
	border-radius: 8px !important;
}

.cky-cookie-audit-table th {
	background-color: #ed0019 !important;
	border-top: 0 none !important;
}

.cky-cookie-audit-table th:first-child {
	border-left: 0 none !important;
	border-top: 0 none !important;
}

.cky-cookie-audit-table th:last-child {
	border-right: 0 none !important;
	border-top: 0 none !important;
}

.cky-cookie-audit-table tr:nth-child(2n + 1) td {
	background-color: #000 !important;
	color: #fafafa !important;
	border: 1px solid #1a1a1a !important;
}

.cky-cookie-audit-table tr:nth-child(2n) td {
	background-color: #000 !important;
	color: #fafafa !important;
	border: 1px solid #1a1a1a !important;
}

.cky-cookie-audit-table th {
	border: 1px solid #000 !important;
}

#bpa-front-customer-panel-container > div.bpa-front-cp-card div.bpa-front-cp-form-wrapper > form label[for="sms_notifications"] {
	display: none;
}

#bpa-front-customer-panel-container > div.bpa-front-cp-card div.bpa-front-cp-form-wrapper > form label[for="sms_notifications"] + div.el-form-item__content::after, .el-form-item.account-receive-sms::after {
	content: "By providing your phone number and opting into SMS notifications you agree to receive informational text messages from Timberlodge Parlor. Consent is not a condition of obtaining or purchasing services. Frequency of messages will vary. Message and data rates may apply. Reply HELP for help or STOP to cancel.";
	font-size: 10px;
	padding-left: 30px;
	color: #a9a9a9;
	line-height: 1.55;
}

#bpa-front-customer-panel-container > div.bpa-front-cp-card div.bpa-front-cp-form-wrapper > form label[for="sms_notifications"] + div.el-form-item__content::after, .el-form-item.acknowledged-pricing::after {
	content: "This doesn\'t typically happen, but should your stylist determine that your requested services are more complicated or take more time due to your hair type or condition we may need to adjust the price during your consultation.";
	font-size: 10px;
	padding-left: 30px;
	color: #a9a9a9;
	line-height: 1.55;
}

@media (max-width: 576px) {
	.bpa-front-module--bd-form .el-row:first-child .el-col {
		margin-bottom: 6px;
	}
}

.acknowledged-pricing span.el-checkbox__label, .account-tos-agreement span.el-checkbox__label {
	max-width: 88%;
}

span.checkbox-required {
	color: #ed0019;
}

.el-form-item__error {
	color: #ed0019 !important;
	margin: 8px 4px;
	position: relative;
}

.el-form-item__error ::before {
	background-color: #ed0019 !important;
}

.wp-block-cb-carousel-v2 .cb-button-next, .wp-block-cb-carousel-v2 .cb-button-prev {
	color: #ed0019;
}

.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #ed0019;
}

.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet {
	background-color: #404040;
}

footer .wp-block-navigation ul li {
	padding-left: 0;
}

footer .is-style-arrow-link .wp-block-navigation-item__label:after {
	padding-right: 8px;
}

.rc-anchor-light {
	background: #000 !important;
	color: #000 !important;
}

.wp-social-link-chain {
	background-color: hsl(225deg, 2.35%, 66.67%);
}

.wp-social-link-chain a {
	-webkit-mask-image: url("https://cdn-ildokik.nitrocdn.com/kUQXlkSLKaCATgaBQyxhUJZznGRSXsOf/assets/images/optimized/rev-0e83828/timberlodgeparlor.com/app/plugins/tlp-customizations/custom/images/salon-republic.svg");
	mask-image: url("https://cdn-ildokik.nitrocdn.com/kUQXlkSLKaCATgaBQyxhUJZznGRSXsOf/assets/images/optimized/rev-0e83828/timberlodgeparlor.com/app/plugins/tlp-customizations/custom/images/salon-republic.svg");
	-webkit-mask-size: 18px;
	mask-size: 18px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	background: none hsl(.47deg, 100%, 50%);
	height: 36px;
	width: 36px;
	padding: 0;
}

.wp-social-link-chain a.nitro-lazy {
	mask-image: none !important;
}

header nav ul li li a span.wp-block-navigation-item__label {
	font-size: 1.3rem;
}

.wp-social-link-chain svg {
	display: none;
}

/*.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {*/

/*margin-top: 0;*/

/*}*/

/*header {*/

/*position: sticky;*/

/*top: 0;*/

/*z-index: 9999;*/

/*}*/

/*@media (max-width: 576px) {*/

/*body.page-id-91 header {*/

/*position: initial;*/

/*}*/

/*}*/
.bpa-front-form-control.--bpa-country-dropdown {
	border-color: #404040 !important;
}

.bpa-front-form-control.--bpa-country-dropdown .vti__dropdown {
	background-color: #000;
	border-right-color: #404040;
	color: #404040;
}

.bpa-front-form-control.--bpa-country-dropdown .vti__dropdown-item span, .bpa-front-form-control.--bpa-country-dropdown .vti__dropdown-item strong {
	color: #fafafa;
}

.bpa-front-form-control.--bpa-country-dropdown .vti__dropdown-list {
	background-color: #000;
	border-color: #404040;
}

.bpa-front-form-control.--bpa-country-dropdown .vti__dropdown-item.highlighted {
	background-color: #ed0019;
}

/** Utility classes to produce re-ordering of gutenberg blocks while in a flex layout **/
main .is-layout-flex > .flex-reorder-1 {
	order: 1;
}

main .is-layout-flex > .flex-reorder-2 {
	order: 2;
}

main .is-layout-flex > .flex-reorder-3 {
	order: 3;
}

main .is-layout-flex > .flex-reorder-4 {
	order: 4;
}

main .is-layout-flex > .flex-reorder-5 {
	order: 5;
}

main .is-layout-flex > .flex-reorder-6 {
	order: 6;
}

main .is-layout-flex > .flex-reorder-7 {
	order: 7;
}

main .is-layout-flex > .flex-reorder-8 {
	order: 8;
}

main .is-layout-flex > .flex-reorder-9 {
	order: 9;
}

main .is-layout-flex > .flex-reorder-10 {
	order: 10;
}

.nf-field-element input, .nf-field-element textarea {
	color: #fafafa;
	background-color: #000;
	font-size: 14px;
	border-color: #404040 !important;
	border: 1px solid;
	border-radius: 4px;
	line-height: 18px;
	padding: 10px 16px;
}

.nf-form-layout {
	background-color: #000;
	padding: 24px;
	border: 1px solid;
	border-color: #404040;
	border-radius: 8px;
	color: #fafafa;
}

.nf-field-label {}

.nf-field-element input:focus, .nf-field-element textarea:focus {
	box-shadow: 0 0 0 3px rgba(207, 214, 229, .24) !important;
	background-color: transparent;
	outline: 0;
	outline-offset: 0;
}

.nf-field-description {
	margin: 0 18px;
}

.nf-error-msg, .ninja-forms-req-symbol {
	color: #ed0019;
}

.field-wrap input[type=submit].nf-element {
	background-color: #ed0019;
	border: 1px solid;
	border-color: #ed0019;
	font-weight: bold;
	outline: 0 !important;
	outline-offset: 0 !important;
	border-radius: 8px;
	font-family: "SHiNiNG";
	text-transform: uppercase;
	font-size: 20px;
}

.nf-field-description p:first-child {
	margin-top: 0;
}

.nf-form-layout .submit-container {
	margin-bottom: 0;
}

.nf-before-form-content .nf-form-fields-required {
	margin-bottom: 24px;
}
