a { transition: var(--wdt_Booking_Ad-Transition);
	-moz-transition: var(--wdt_Booking_Ad-Transition);
	-webkit-transition: var(--wdt_Booking_Ad-Transition); }

a:hover { color: var(--wdt_Booking_LinkHoverColor); }

div[class*="dt-sc-service"] h1 a:hover,
div[class*="dt-sc-service"] h2 a:hover,
div[class*="dt-sc-service"] h3 a:hover,
div[class*="dt-sc-service"] h4 a:hover,
div[class*="dt-sc-service"] h5 a:hover,
div[class*="dt-sc-service"] h6 a:hover { color: var(--wdt_Booking_LinkHoverColor); }

.column img, .wpb_column img { display: inherit; max-width: 100%; }

.column { margin: 0 0 0 2%; float: left; min-height: 1px; position: relative; }

.column.first { margin-left: 0; clear: both; }

.dt-sc-full-width,
.dt-sc-one-column { width: 100%; }

.column.dt-sc-full-width,
.column.dt-sc-one-column { margin-left: 0; }

.dt-sc-one-half { width: 49%; }
.dt-sc-one-third { width: 32%; }
.dt-sc-two-third { width: 66%; }
.dt-sc-one-fourth { width: 23.5%; }
.dt-sc-three-fourth { width: 74.5%; }
.dt-sc-one-fifth { width: 18.4%; }
.dt-sc-two-fifth { width: 38.8%; }
.dt-sc-three-fifth { width: 59.2%; }
.dt-sc-four-fifth { width: 79.6%; }
.dt-sc-one-sixth { width: 15%; }
.dt-sc-two-sixth { width: 32%; }
.dt-sc-three-sixth { width: 49%; }
.dt-sc-four-sixth { width: 66%; }
.dt-sc-five-sixth { width: 83%; }

select { width: 100%; padding: 0.4em; }
select:focus { color: var(--wdt_Booking_PrimaryColor); border-color: var(--wdt_Booking_BorderColor); }

.entry-content button, .entry-content input[type="button"], .entry-content input[type="submit"], .entry-content .dt-sc-button, .dt-sc-button {
	background-color: var(--wdt_Booking_PrimaryColor); color: var(--wdt_Booking_AccentTxtColor); border-width: 0; cursor: pointer; 
	display: inline-block; font-weight: var(--wdtFontWeight_Ext, 500); line-height: var(--wdtLineHeight_Ext, 1); margin-top: 10px; outline: none; padding: var(--wdt_Booking_Padding_Btn); 
	text-decoration: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: var(--wdt_Booking_Ad-Transition); 
	transition: var(--wdt_Booking_Ad-Transition);font-family: var(--wdtFontTypo_Alt); font-style: italic; font-size: var(--wdtFontSize_Ext, 18px); }

.entry-content button:hover, .entry-content input[type="button"]:hover, .entry-content input[type="submit"]:hover,
.entry-content .dt-sc-button:hover, .entry-content button:focus, .entry-content input[type="button"]:focus, .entry-content input[type="submit"]:focus,
.entry-content .dt-sc-button:focus, .dt-sc-button:hover, .dt-sc-button:focus, .default-button a:hover, .default-button a:focus {
	color: var(--wdt_Booking_AccentTxtColor); background: var(--wdt_Booking_SecondaryColor); }


.dt-sc-button.dt-sc-button-textual { 
	padding: 0; background: none; border: 0; text-decoration: underline;  
	color: var(--wdt_Booking_LinkColor);
}

.dt-sc-button.dt-sc-button-textual:focus, 
.dt-sc-button.dt-sc-button-textual:hover { 
	text-decoration: underline;
	background: none;
	color: var(--wdt_Booking_LinkHoverColor);
}


.dt-sc-hr-invisible-large { clear: both; float: left; margin: 30px 0; width: 100%; }
.dt-sc-hr-invisible-medium { clear: both; float: left; margin: 20px 0; width: 100%; }
.dt-sc-hr-invisible-small { clear: both; float: left; margin: 15px 0; width: 100%; }
.dt-sc-hr-invisible-xsmall { clear: both; float: left; margin: 10px 0; width: 100%; }
.dt-sc-hr-invisible-very-small { clear: both; float: left; margin: 5px 0; width: 100%; }
.dt-sc-clear { clear: both; float: none; margin: 0; padding: 0; }

.aligncenter, img.aligncenter { 
	clear: both; display: block; margin-left: auto; margin-right: auto; text-align: center; }

input[type="button"]:disabled,
input[type="submit"]:disabled { opacity: 0.5; cursor: not-allowed; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--wdt_Booking_BodyTxtColor); }
::-moz-placeholder { /* Firefox 19+ */ color: var(--wdt_Booking_BodyTxtColor); }
:-ms-input-placeholder { /* IE 10+ */ color: var(--wdt_Booking_BodyTxtColor); }
:-moz-placeholder { /* Firefox 18- */ color: var(--wdt_Booking_BodyTxtColor); }

/*** Alert Boxes Styles ***/

.dt-sc-error-box, .dt-sc-warning-box, .dt-sc-success-box, .dt-sc-info-box { display: flex; flex-wrap: nowrap;
	margin-bottom: 30px; padding: 15px; width: 100%; gap: 0.4em 
}

form[id*="reserveloginform"] { display: none; }

.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { 
	width: 18px; height: 18px; flex: 0 0 auto; top: 2px; display: inline-block; background-color: currentColor; position: relative; margin-right: 6px;
	-webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: 100%; mask-size: 100%; 
	-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

.dt-sc-error-box { background-color: #ffcccc; border: 1px solid #ff9999; color: #d01313; }
.dt-sc-error-box:before { content: ""; color: #C54228;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cpath d='M50,99L50,99c27,0,49-22,49-49l0,0C99,23,77,1,50,1l0,0C23,1,1,23,1,50l0,0C1,77,23,99,50,99z M27.5,35.1 c-2.2-2.2-2.2-5.5,0-7.6s5.5-2.2,7.6,0L50,42.4l14.9-14.9c2.2-2.2,5.5-2.2,7.6,0s2.2,5.5,0,7.6L57.6,50l14.9,14.9 c2.2,2.2,2.2,5.5,0,7.6c-1,1-2.4,1.5-3.8,1.5c-1.4,0-2.8-0.5-3.8-1.5L50,57.6L35.1,72.5c-1,1-2.4,1.5-3.8,1.5 c-1.4,0-2.8-0.5-3.8-1.5c-2.2-2.2-2.2-5.5,0-7.6L42.4,50L27.5,35.1z'/%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cpath d='M50,99L50,99c27,0,49-22,49-49l0,0C99,23,77,1,50,1l0,0C23,1,1,23,1,50l0,0C1,77,23,99,50,99z M27.5,35.1 c-2.2-2.2-2.2-5.5,0-7.6s5.5-2.2,7.6,0L50,42.4l14.9-14.9c2.2-2.2,5.5-2.2,7.6,0s2.2,5.5,0,7.6L57.6,50l14.9,14.9 c2.2,2.2,2.2,5.5,0,7.6c-1,1-2.4,1.5-3.8,1.5c-1.4,0-2.8-0.5-3.8-1.5L50,57.6L35.1,72.5c-1,1-2.4,1.5-3.8,1.5 c-1.4,0-2.8-0.5-3.8-1.5c-2.2-2.2-2.2-5.5,0-7.6L42.4,50L27.5,35.1z'/%3E%3C/svg%3E%0A"); 
}

.dt-sc-warning-box { background-color: #fdebae; border: 1px solid #e6c555; color: #c79d13; }
.dt-sc-warning-box:before { content: ""; color: #e2b828; 
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cpath d='M98,82.1L56.6,10.3c-2.9-5.1-10.3-5.1-13.2,0L2,82.1c-2.9,5.1,0.7,11.4,6.6,11.4h82.7C97.2,93.6,100.9,87.2,98,82.1z M50.2,82.5c-2.8,0-5.1-2.4-5.1-5.3c0-2.9,2.3-5.3,5.1-5.3s5.1,2.4,5.1,5.3C55.4,80.1,53.1,82.5,50.2,82.5z M55.6,35.5L53.7,64 c-0.1,1.9-1.7,3.4-3.7,3.4c-1.9,0-3.5-1.5-3.7-3.4l-1.9-28.6c-0.2-3.2,2.3-6,5.6-6C53.2,29.5,55.8,32.2,55.6,35.5z'/%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cpath d='M98,82.1L56.6,10.3c-2.9-5.1-10.3-5.1-13.2,0L2,82.1c-2.9,5.1,0.7,11.4,6.6,11.4h82.7C97.2,93.6,100.9,87.2,98,82.1z M50.2,82.5c-2.8,0-5.1-2.4-5.1-5.3c0-2.9,2.3-5.3,5.1-5.3s5.1,2.4,5.1,5.3C55.4,80.1,53.1,82.5,50.2,82.5z M55.6,35.5L53.7,64 c-0.1,1.9-1.7,3.4-3.7,3.4c-1.9,0-3.5-1.5-3.7-3.4l-1.9-28.6c-0.2-3.2,2.3-6,5.6-6C53.2,29.5,55.8,32.2,55.6,35.5z'/%3E%3C/svg%3E%0A"); 
}

.dt-sc-success-box { background-color: #eafac0; border: 1px solid #b1cf67; color: #7ba411; }
.dt-sc-success-box:before { content: ""; color: #75b632;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cpath d='M50,1C22.9,1,1,22.9,1,50s21.9,49,49,49s49-21.9,49-49S77.1,1,50,1z M71.1,41.4L44,68.6c-0.4,0.4-0.9,0.7-1.4,1 c-1.6,0.6-3.5,0.3-4.7-1L24.2,54.9c-1.7-1.7-1.7-4.5,0-6.2c1.7-1.7,4.5-1.7,6.2,0l10.6,10.6L65,35.3c1.7-1.7,4.5-1.7,6.2,0 C72.8,37,72.8,39.7,71.1,41.4L71.1,41.4z'/%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100'%3E%3Cpath d='M50,1C22.9,1,1,22.9,1,50s21.9,49,49,49s49-21.9,49-49S77.1,1,50,1z M71.1,41.4L44,68.6c-0.4,0.4-0.9,0.7-1.4,1 c-1.6,0.6-3.5,0.3-4.7-1L24.2,54.9c-1.7-1.7-1.7-4.5,0-6.2c1.7-1.7,4.5-1.7,6.2,0l10.6,10.6L65,35.3c1.7-1.7,4.5-1.7,6.2,0 C72.8,37,72.8,39.7,71.1,41.4L71.1,41.4z'/%3E%3C/svg%3E%0A"); 
}

.dt-sc-info-box { background-color: #bfe4f9; border: 1px solid #68a2cf; color: #2081b9; }
.dt-sc-info-box:before { content: ""; color: #008bc1; 
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath d='M50,1C22.9,1,1,22.9,1,50s21.9,49,49,49s49-21.9,49-49l0,0C99,23,77,1,50,1z M50,83.1c-3,0-5.4-2.4-5.4-5.4 c0-3,2.4-5.4,5.4-5.4c3,0,5.4,2.4,5.4,5.4C55.4,80.7,53,83.1,50,83.1L50,83.1z M57.8,25.5l-3.5,36.4c-0.2,2.4-2.3,4.1-4.7,3.9 c-2.1-0.2-3.7-1.8-3.9-3.9l-3.5-36.4c-0.4-4.3,2.8-8.1,7.1-8.5c4.3-0.4,8.1,2.8,8.5,7.1C57.8,24.5,57.8,25,57.8,25.5L57.8,25.5z'/%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath d='M50,1C22.9,1,1,22.9,1,50s21.9,49,49,49s49-21.9,49-49l0,0C99,23,77,1,50,1z M50,83.1c-3,0-5.4-2.4-5.4-5.4 c0-3,2.4-5.4,5.4-5.4c3,0,5.4,2.4,5.4,5.4C55.4,80.7,53,83.1,50,83.1L50,83.1z M57.8,25.5l-3.5,36.4c-0.2,2.4-2.3,4.1-4.7,3.9 c-2.1-0.2-3.7-1.8-3.9-3.9l-3.5-36.4c-0.4-4.3,2.8-8.1,7.1-8.5c4.3-0.4,8.1,2.8,8.5,7.1C57.8,24.5,57.8,25,57.8,25.5L57.8,25.5z'/%3E%3C/svg%3E%0A"); 
}

.dt-sc-error-box a { color: #d01313; text-decoration: underline; }
.dt-sc-warning-box a { color: #c79d13; text-decoration: underline; }
.dt-sc-success-box a { color: #7ba411; text-decoration: underline; }
.dt-sc-info-box a { color: #2081b9; text-decoration: underline; }

.dt-sc-reservation-form .aligncenter button { float: none; padding: 15px 20px 14px; }

.dt-sc-appointment-wrapper .dt-sc-reservation-form .selection-box:after,
.dt-sc-reserve-appointment.type1 .selection-box:after { display: none; }

.dt-sc-reservation-form .dt-sc-one-column .aligncenter button { width: 100%; }

.dt-sc-reserve-appointment div.loader { margin-top: 20px; }


#viewreservelogin p { clear: both; display: block; margin-bottom: 20px; }
#viewreservelogin p.login-remember { margin-bottom: 0; }

#viewreservelogin label { display: flex; margin-bottom: 10px; }

#viewreservelogin p input[type=text],
#viewreservelogin p input[type=password] { display: inline-block; width: 100%; margin-bottom: 0; }

#viewreservelogin input[type=checkbox] { margin-right: 5px; }


/* Loader */

.show_loader { margin-top: 20px; }


/* 2021 Overwrite */

body .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: transparent; text-decoration: none; }

body .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { 
	outline: none; text-decoration: none; text-decoration-skip-ink: none; background: transparent; }

a { text-decoration: none; }

[class*="dt-sc-reserve-appointment"] input[type="text"],
[class*="dt-sc-reserve-appointment"] input[type="password"],
[class*="dt-sc-reserve-appointment"] input[type="email"],
[class*="dt-sc-reserve-appointment"] input[type="url"],
[class*="dt-sc-reserve-appointment"] input[type="tel"],
[class*="dt-sc-reserve-appointment"] input[type="number"],
[class*="dt-sc-reserve-appointment"] input[type="range"],
[class*="dt-sc-reserve-appointment"] input[type="date"],
[class*="dt-sc-reserve-appointment"] input[type="search"],
[class*="dt-sc-reserve-appointment"] input.text,
[class*="dt-sc-reserve-appointment"] textarea,
[class*="dt-sc-reserve-appointment"] select,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search .select2-search__field,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--dropdown .select2-search__field,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--inline .select2-search__field,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--multiple,
.dt-sc-reservation-form input[type="text"],
.dt-sc-reservation-form input[type="password"],
.dt-sc-reservation-form input[type="email"],
.dt-sc-reservation-form input[type="url"],
.dt-sc-reservation-form input[type="tel"],
.dt-sc-reservation-form input[type="number"],
.dt-sc-reservation-form input[type="range"],
.dt-sc-reservation-form input[type="date"],
.dt-sc-reservation-form input[type="search"],
.dt-sc-reservation-form input.text,
.dt-sc-reservation-form textarea,
.dt-sc-reservation-form select,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search .select2-search__field,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search--dropdown .select2-search__field,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search--inline .select2-search__field,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--multiple,
[class*="dt-sc-reserve-appointment"] .form-control.dtstaff-drop-down .button,
.dt-sc-reservation-form .form-control.dtstaff-drop-down .button {
	background-color: transparent; border-width: 1px; border-color: var(--wdt_Booking_BorderColor); 
	min-height: 60px; font-weight: var(--wdtFontWeight_Base, 400); font-size: var(--wdtFontSize_Base, 16px); color: var(--wdt_Booking_BodyTxtColor); }

[class*="dt-sc-reserve-appointment"] select, .dt-sc-reservation-form select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 20 11.8' style='enable-background:new 0 0 20 11.8;' xml:space='preserve'%3E%3Cpath d='M19.7,1L19,0.3C18.8,0.1,18.5,0,18.3,0c-0.3,0-0.6,0.1-0.8,0.3L10,7.8L2.5,0.3C2.3,0.1,2,0,1.7,0S1.2,0.1,1,0.3L0.3,1 c-0.4,0.4-0.4,1.1,0,1.5l8.9,8.9c0.2,0.2,0.5,0.4,0.8,0.4h0c0.3,0,0.6-0.1,0.8-0.4l8.9-8.9C19.9,2.3,20,2.1,20,1.8 C20,1.5,19.9,1.2,19.7,1z'/%3E%3C/svg%3E");
	background-position: calc(100% - clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem)); background-repeat: no-repeat; 
	background-size: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem); text-indent: 0.01px; text-overflow: '';
	-webkit-appearance: none; -moz-appearance: none; appearance: none; }

[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--multiple,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--multiple { border-color: currentColor; }

[class*="dt-sc-reserve-appointment"] select.error + .select2-container.select2-container--default .select2-selection--single,
[class*="dt-sc-reserve-appointment"] select.error + .select2-container.select2-container--default .select2-selection--multiple,
.dt-sc-reservation-form select.error + .select2-container.select2-container--default .select2-selection--single,
.dt-sc-reservation-form select.error + .select2-container.select2-container--default .select2-selection--multiple,
[class*="dt-sc-reserve-appointment"] select.error + label.error + .select2-container.select2-container--default .select2-selection--single,
[class*="dt-sc-reserve-appointment"] select.error + label.error + .select2-container.select2-container--default .select2-selection--multiple,
.dt-sc-reservation-form select.error + label.error + .select2-container.select2-container--default .select2-selection--single,
.dt-sc-reservation-form select.error + label.error + .select2-container.select2-container--default .select2-selection--multiple { border-color: #d01313; }

[class*="dt-sc-reserve-appointment"] select.error + label.error,
.dt-sc-reservation-form select.error + label.error { display: none; }

.dt-sc-booking-reservation label.error,
.dt-sc-appointment-contactdetails-form label.error {
	position: absolute;
    bottom: 6px;
    line-height: 1;
    margin: 0;
    right: 6px;
    left: auto;
    width: auto;
    font-size: calc(var(--wdtFontSize_Base) - 3px);
}

[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection .select2-selection__rendered,
.dt-sc-reservation-form .select2-container--default .select2-selection .select2-selection__rendered {
	color: inherit; display: inline-block; font-size: inherit; vertical-align: middle; width: 100%; }

[class*="dt-sc-reserve-appointment"] .select2-results__option,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--multiple,
[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection--single,
.dt-sc-reservation-form .select2-results__option,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--multiple,
[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection--single {
	line-height: 42px; border-color: var(--wdt_Booking_BorderColor); color: var(--wdt_Booking_HeadAltColor); }

[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default.select2-container--open .select2-selection--single,
[class*="dt-sc-reserve-appointment"] .select2-container--default.select2-container--open .select2-selection--single,
[class*="dt-sc-reserve-appointment"] .select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--wdt_Booking_SecondaryColor); }

[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection--single .select2-selection__rendered,
[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--wdt_Booking_HeadAltColor); }

[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: inherit;
	font-size: var(--wdtFontSize_Base);
	line-height: inherit;
	padding-left: 20px;
	padding-right: 50px;
}

[class*="dt-sc-reserve-appointment"] .select2-container { width: 100% !important; }

[class*="dt-sc-reserve-appointment"]  .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered::after {
	right: 0; }

option:first-child { display: none; }


div[class*="dt-sc-view-reservations"] h3 { margin-top: 0rem; margin-bottom: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /*30px - 20px*/ }

[class*="dt-sc-reserve-appointment"] .chkterms-holder { display: flex; }

[class*="dt-sc-reserve-appointment"] .chkterms-holder input[type="checkbox"] {
	margin-top: 3px;
}

.dt-sc-booking-reservation.default input[name="captcha"] { width: calc(100% - 165px); }

.dt-sc-booking-reservation.default input[name="captcha"] + .dt-sc-captcha,
.dt-sc-booking-reservation.default input[name="captcha"] + label + .dt-sc-captcha { background: var(--wdt_Booking_TertiaryColor); 
	display: flex; font-size: 1.5em; font-weight: 600; display: flex; align-items: center; justify-content: space-evenly; height: 100%; 
	position: absolute; left: 100%; top: 0; width: 150px; -webkit-transform: translateX(-100%); transform: translateX(-100%); max-height: 60px; }

[class*="dt-sc-reserve-appointment"] label { display: inline-block; color: var(--wdt_Booking_HeadAltColor); margin-bottom: 10px; width: 100%; }

.dt-sc-title { float: left; width: 100%; }

.form-control { clear: both; position: relative; margin-bottom: 20px; }

.form-control input,
.form-control select { margin: 0; width: 100%; line-height: 1; }

.form-control select { line-height: 1; padding: 10px 35px 10px 10px; }

.form-calendar-icon span { display: none; line-height: inherit; position: absolute; right: 12px; top: 14px; z-index: 0; }

.form-calendar-icon input {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 92.6 100' style='enable-background:new 0 0 92.6 100;' xml:space='preserve'%3E%3Cpath d='M40.9,40.9h-7.3v7.3h7.3V40.9z'/%3E%3Cpath d='M59,40.9h-7.3v7.3H59V40.9z'/%3E%3Cpath d='M73.5,40.9h-7.3v7.3h7.3V40.9z'/%3E%3Cpath d='M40.9,59.1h-7.3v7.3h7.3V59.1z'/%3E%3Cpath d='M22.7,59.1h-7.3v7.3h7.3V59.1z'/%3E%3Cpath d='M59,59.1h-7.3v7.3H59V59.1z'/%3E%3Cpath d='M73.5,59.1h-7.3v7.3h7.3V59.1z'/%3E%3Cpath d='M40.9,73.6h-7.3v7.3h7.3V73.6z'/%3E%3Cpath d='M59,73.6h-7.3v7.3H59V73.6z'/%3E%3Cpath d='M22.7,73.6h-7.3v7.3h7.3V73.6z'/%3E%3Cpath d='M26.3,19.1c-2,0-3.6-1.7-3.6-3.7V4.7c0-2.1,1.6-3.7,3.6-3.7c2,0,3.6,1.7,3.6,3.7v10.7C30,17.5,28.3,19.1,26.3,19.1 L26.3,19.1z'/%3E%3Cpath d='M66.3,19.1c-2,0-3.6-1.7-3.6-3.7V4.7c0-2.1,1.6-3.7,3.6-3.7c2,0,3.6,1.7,3.6,3.7v10.7C69.9,17.5,68.3,19.1,66.3,19.1 L66.3,19.1z'/%3E%3Cpath d='M74.7,8.3h-0.9v4.9c0,3.4-2.7,6.1-6.1,6.1s-6.1-2.7-6.1-6.1V8.3H31v4.9c0,3.4-2.7,6.1-6.1,6.1s-6.1-2.7-6.1-6.1V8.3h-0.9 c-9.4,0-17,7.6-17,17V82c0,9.4,7.6,17,17,17h56.7c9.4,0,17-7.6,17-17V25.3C91.7,15.9,84,8.3,74.7,8.3z M84.9,82 c0,5.6-4.6,10.2-10.2,10.2H17.9c-5.6,0-10.2-4.6-10.2-10.2V32.2h77.1V82z'/%3E%3C/svg%3E");
	background-position: calc(100% - 20px); background-repeat: no-repeat; background-size: 18px; }


.dt-sc-appointment-wrapper .dt-sc-title { margin: 0 0 30px; }

.dt-sc-booking-reservation.default > p:has(input[type="submit"]),
.dt-sc-appointment-contactdetails-form> div:has(input[type="submit"]) { text-align: left; }

.dt-sc-booking-reservation.default > p > input[type="submit"],
.dt-sc-appointment-contactdetails-form > div > input[type="submit"] { margin-top: 20px; }

.dt-sc-booking-reservation.default > :last-child { margin-bottom: 0; }




.page-with-sidebar ul.time-table > li { width: 18.3%; }
.page-with-sidebar ul.time-table > li:nth-child(6n) { margin-right: 2%; }
.page-with-sidebar ul.time-table > li:nth-child(5n) { margin-right: 0; }

ul.time-table > li:nth-child(6n+1),
.page-with-sidebar ul.time-table > li:nth-child(5n+1) { clear: both; }


.personal-info { float: left; width: 100%; margin-top: 30px; }
.personal-info textarea { height: 110px; margin-bottom: 1.5em; }

.ubpro-checkout-header-login form#ubpro-login-form {
	background: var(--wdtAccentTxtColor);
	padding: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem); /*50px - 30px, 20px*/
	max-width: 500px;
	margin: 30px auto 0;
}

.ubpro-checkout-header-login form#ubpro-login-form > p:has(input[type="checkbox"]) {
	display: flex;
  	align-items: start;
}

.ubpro-checkout-header-login form#ubpro-login-form > p:has(input[type="checkbox"]) label {
	margin: 0;
}

.ubpro-checkout-header-login form#ubpro-login-form > p:has(input[type="checkbox"]) input[type="checkbox"] {
	margin: 3px 10px 0 0;
}

.ubpro-checkout-header-login form#ubpro-login-form > p {
	margin-bottom: 20px;
}

.ubpro-checkout-header-login form#ubpro-login-form > p:has(button[type="submit"]) {
	margin-bottom: 0;
}

.ubpro-checkout-header-login form#ubpro-login-form button[type="submit"] {
	font-family: var(--wdtFontTypo_Alt);
	font-size: var(--wdtFontSize_Ext);
	font-style: italic;
	font-weight: var(--wdtFontWeight_Ext);
}

.ubpro-checkout-header-login .ubpro-form-login-toggle .ubpro-info a.showlogin {
	text-decoration: underline;
}

.ubpro-checkout-header-login p#ubpro-login-error {
	text-align: center;
  	margin: 20px 0 0;
}


.total-cost-info { clear: both; }

.total-cinfo-wrapper { background-color: var(--wdt_Booking_AccentTxtColor); float: none; padding: 20px; width: 100%; 
	-webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: unset; box-shadow: unset; text-align: center;
	margin: clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem) auto; /* 30px - 10 */ color: var(--wdt_Booking_HeadAltColor); 
	border: 1px solid var(--wdt_Booking_BorderColor); clear: both; max-width: 500px; }

.total-cinfo-wrapper span.dt-sc-display-timing { padding: 0 0px 20px 0; margin-bottom: 15px; 
	border-bottom: 1px solid var(--wdt_Booking_BorderColor); display: block; }



/*** Reservation II Styles ***/

.dt-sc-appointment-contactdetails-form { width: 100%; float: left; }

.dt-sc-notification-box.steps.step3 .border-title { float: left; width: 100%; }

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li { 
	list-style: none; margin-bottom: 1em; padding-bottom: 0; display: inline-block; width: 100%; }

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li p { margin-bottom: 0; }

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul { padding-left: 0; margin-bottom: 0; }

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li span { font-weight: var(--wdtFontWeight_Alt, 400); font-family: var(--wdtFontTypo_Alt);
	float: left; width: 100%; position: static; font-size: var(--wdtFontSize_H5); color: var(--wdt_Booking_HeadAltColor); text-align: left; }

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li span > p > span:is(.name, .price) {
	font-family: var(--wdtFontTypo_Base);
	font-size: var(--wdtFontSize_Base);
}

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details .dt-sc-schedule-details { width: 100%; float: left; }

.dt-sc-notification-box.steps.step3 .dt-sc-about-project-form input.schedule-it { margin: 30px 0; }


.page-template-tpl-reservation #primary > .column > p,
.page-template-tpl-reservation #primary > .column > .column > p,
.page-template-tpl-reservation-type2 #primary > .dt-sc-clear ~ p,
.dt-sc-appointment-contactdetails-form > p { clear: both; font-size: var(--wdtFontSize_Base, 16px); font-style: normal; opacity: 1; }




.dt-sc-available-times { margin-top: 20px; }

.dt-sc-available-times ul.time-slots { display: block; float: left; overflow: hidden; margin: 0; padding: 30px 20px; 
	position: relative; text-align: center; width: 100%; }

.dt-sc-available-times ul.time-slots > li {
	clear: none; display: inline-block; float: none; margin: 5px; padding: 0; width: 110px; }

.dt-sc-appointment-contactdetails-form textarea { min-height: 150px; }

.dt-sc-schedule-progress.dt-sc-completed-step .dt-sc-progress-step span:before { 
	background-color: var(--wdtSecondaryColor); color: var(--wdt_Booking_AccentTxtColor); }

/*============================== 
	Reservation Form
============================== */


.dt-appointment-form .column:not(:last-child) { margin-bottom: 20px; }

.dt-appointment-form .column input[type=text],
.dt-appointment-form .column select { margin: 0; width: 100%; }

.dt-appointment-form .column input[type=text]:focus,
.dt-appointment-form .column select:focus { border-color: var(--wdt_Booking_PrimaryColor); }

.dt-sc-reservation-form.dt-appointment-form p > label { display: none; }

.dt-sc-reservation-form.dt-appointment-form input[type="submit"] { background-color: var(--wdtPrimaryColor); }

.dt-sc-reservation-form.dt-appointment-form .wpcf7-form-control-wrap:before { height: 2px; }

.dt-sc-reservation-form.dt-appointment-form p:hover:before { width: 100%; }

.dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form input[type="submit"]:hover { 
	background-color: var(--wdt_Booking_AccentTxtColor); color: var(--wdt_Booking_LinkHoverColor); }

.dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form input[type="text"],
.dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form input[type="email"],
.dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form select,
.dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form textarea,
.dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form label { color: var(--wdt_Booking_AccentTxtColor); }


.dt-sc-dark-bg .dt-appointment-form select,
.dt-sc-dark-bg .dt-appointment-form input[type=text] { color: var(--wdt_Booking_AccentTxtColor); border-color: var(--wdt_Booking_AccentTxtColor); }

.dt-sc-dark-bg .dt-appointment-form select option { color: var(--wdt_Booking_AccentTxtColor); }

.app-form .dt-appointment-form p { margin-bottom: 0; }
.app-form .dt-appointment-form .dt-sc-button { width: 100%; background-color: var(--wdt_Booking_AccentTxtColor); margin: 26px 0 0; }
.app-form .dt-appointment-form .dt-sc-button:hover { color: var(--wdt_Booking_AccentTxtColor); }


/*============================== 
	Services Single Styles 
============================== */

.dt_service-single { width: 100%; }

.dt_service-single > .attachment-post-thumbnail { margin: 0 auto; display: block; }

body[class*="single"] #content,
body[class*="archive"] #content { margin: 0 auto; max-width: 1230px; }

.service-details a { text-decoration: none; }

body[class*="single"] .wpb_gmaps_widget .wpb_map_wraper iframe { max-height: none; }

@media only screen and (min-width:1400px) {
	.dt_service-single > .attachment-post-thumbnail { object-fit: cover; height: 700px; object-position: center center; }
}


/* ============================== 
	Staff Single Styles 
============================== */

.dt_staff-single { width: 100%; }

.dt_staff-single > .attachment-post-thumbnail { width: 38%; float: left; margin-right: 3%; }

.content-aside { width: 59%; float: left; margin: 0; position: relative; z-index: 1; }

.default-button a { padding: 13px 20px 12px; font-size: 20px; }

.booking-pagination { clear: both; }

.res-fullwidth-content, .clear-both { clear: both; }


.tbl-view-reservations { margin-bottom: 30px; }

.tbl-view-reservations td,
.tbl-view-reservations th { font-size: 15px; font-weight: 500; text-align: center; }

.tbl-view-reservations tr:first-child th { font-weight: bold; }

form[class*="dt-sc-"] input[type=checkbox] + label { display: inline; padding-left: 0; }


.staff-info .dt-sc-team-social { text-align: inherit; margin: 20px 0 30px; display: inline-block; }

.staff-info .dt-sc-team-social li a { width: 40px; height: 40px; text-align: center; font-size: 14px; line-height: 40px;
	background-color: var(--wdt_Booking_PrimaryColor); border-radius: 50%; color: var(--wdt_Booking_AccentTxtColor); }

.staff-info .dt-sc-team-social li a:hover,
.staff-info .dt-sc-team-social li a:focus { background-color: var(--wdt_Booking_SecondaryColor); }

.staff-info h6 { font-size: 24px; color: #666; margin: 10px 0 20px; letter-spacing: 0; }

.staff-info .social_heading { margin: 30px 0 0; display: inline-block; width: 100%; }

.staff-header { display: inline-block; float: left; width: 100%; }


.img-hover img { transition: var(--wdt_Booking_Ad-Transition); 
	-moz-transition: var(--wdt_Booking_Ad-Transition); -webkit-transition: var(--wdt_Booking_Ad-Transition); }

.img-hover:hover img { opacity: 0.8; }

.notify-buttons-wrapper { margin: 30px 0; display: inline-block; width: 100%; }

.notify-buttons-wrapper .dt-sc-button,
.dt-sc-success-box ~ p + .dt-sc-button { margin-right: 15px; }

.form-control.dtstaff-drop-down,
.form-control.dtstaff-drop-down .button { font-family: inherit; }

.form-control.dtstaff-drop-down .button { position: relative; background-color: var(--wdt_Booking_AccentTxtColor); padding-right: 50px;
	border: 3px solid var(--wdt_Booking_BorderColor); color: inherit; display: inline-block; display: flex; align-items: center; font-style: normal;
	font-weight: var(--wdtFontWeight_Base, 400); margin-top: 0; min-height: 60px; padding: var(--wdt_Booking_InputPadding); position: relative; width: 100%; }

.form-control.dtstaff-drop-down .button .select-list-link { 
	position: absolute; right: 0; width: 100%; height: 100%; left: auto; top: 0; font-size: 0; }

.form-control.dtstaff-drop-down .button .select-list-link:before { 
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 7px;
	right: 20px;
	bottom: 0;
	margin: auto;
	border-width: 5px 5px 0 5px;
	border-style: solid;
	border-color: currentColor transparent transparent transparent;
}

.form-control .select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { 
	border-left-width: 5px; border-right-width: 5px; }

.form-control .select2-container--default .select2-selection--single .select2-selection__arrow b { 
	border-top-color: #000; }

.form-control .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { 
	border-bottom-color: #000; }

.form-control.dtstaff-drop-down { width: 100%; }

.form-control.dtstaff-drop-down .button > span:first-child { position: absolute; width: 40px; height: 40px; left: 10px; display: none; }
.form-control.dtstaff-drop-down .button span { padding: 0; color: var(--wdt_Booking_HeadAltColor); }

.default-title .elementor-heading-title,
.default-text .elementor-widget-container { color: #28303d; font-weight: 300; }

.form-control.dtstaff-drop-down .select-list { background-color: var(--wdt_Booking_AccentTxtColor); margin: 0px; padding: 0px;
	top: 100%; width: 100%; z-index: 3; border: 0 solid var(--wdt_Booking_BorderColor); border-radius: var(--wdt-booking-Radius_Zero);
	transition: var(--wdt-booking-Alt_Transition); -webkit-transition: var(--wdt-booking-Alt_Transition); }

.form-control.dtstaff-drop-down .select-list li:first-child { font-size: 0; display: none !important; }

.form-control.dtstaff-drop-down .select-list li:first-child span { font-size: 0; min-height: unset; padding: 0; }

.form-control.dtstaff-drop-down .select-list li { grid-template-columns: auto 1fr; width: 100%; cursor: pointer; 
	gap: 16px; align-items: center; padding: 10px clamp(0.875rem, 0.775rem + 0.5vw, 1.375rem); height: 100%; 
	transition: var(--wdt-booking-Base_Transition); -webkit-transition: var(--wdt-booking-Base_Transition); 
	list-style: none; background-color: var(--wdt_Booking_BodyBGColor); 
	border-color: var(--wdt_Booking_BorderColor); border-style: solid; border-width: 0 1px 1px; }

.form-control.dtstaff-drop-down .select-list li:hover { background-color: var(--wdt_Booking_PrimaryColor); }

.form-control.dtstaff-drop-down .select-list li span { display: inline-block; min-height: unset; min-width: unset; 
	width: auto; padding: 0; background-color: transparent; background-position: center center; background-repeat: no-repeat; 
	font-size: var(--wdtFontSize_Base, 16px); color: var(--wdt_Booking_BodyTxtColor); opacity: 1; max-width: none; 
	white-space: nowrap; font-weight: var(--wdtFontWeight_Base, 400); font-style: normal; }

.form-control.dtstaff-drop-down .select-list li:hover span { color: var(--wdt_Booking_AccentTxtColor); }

.form-control.dtstaff-drop-down { z-index: auto; }

.form-control.dtstaff-drop-down .select-list li span:not(.staff-role, .staff-name) {
	border: 1px solid var(--wdt_Booking_BorderColor); border-radius: var(--wdt_Booking_Radius_Zero); 
	padding: 0; width: 50px; height: 50px; position: relative; top: 4px; }

.form-control.dtstaff-drop-down .select-list li span.staff-role { 
	position: relative; width: calc(100% - 66px); margin-left: 16px; top: -15px; 
	display: inline-flex; align-items: center; gap: 4px;
}

.form-control.dtstaff-drop-down .select-list li span.staff-role:has(.staff-name:empty) { top: -15px; }

.form-control.dtstaff-drop-down .select-list li span.staff-role .staff-name:empty { display: none; }

.form-control.dtstaff-drop-down .select-list li span.staff-role i { font-weight: var(--wdtFontWeight_Base, 400); font-style: normal;
	color: var(--wdt_Booking_HeadAltColor); font-size: var(--wdtFontSize_Base, 16px); display: block;
	transition: var(--wdt-booking-Base_Transition); -webkit-transition: var(--wdt-booking-Base_Transition); }

.form-control.dtstaff-drop-down .select-list li:not(:first-child) span.staff-role i {
	font-size: var(--wdtFontSize_Base, 16px);
	line-height: 1;
	margin-top: 0;
}

.form-control.dtstaff-drop-down .select-list li:hover span.staff-role i,
.form-control.dtstaff-drop-down .select-list li:focus span.staff-role i { color: var(--wdt_Booking_AccentTxtColor); }

.form-control input, .form-control select, .form-control textarea { margin-bottom: 0; }

.page-with-sidebar .elementor-section.elementor-section-stretched { left: auto; width: 100%; }


/* ==============================
	Date-Picker 
============================== */

.ui-datepicker.ui-widget { font-size: var(--wdtFontSize_Base, 16px); border-radius: 0; background-image: none;
	background-color: var(--wdt_Booking_AccentTxtColor); border: none; padding: 10px; margin: 0px; width: 250px;  
	box-shadow: 0 0 10px 0 rgb(var(--wdt_Booking_HeadAltColorRgb),0.1);
	-webkit-box-shadow: 0 0 10px 0 rgb(var(--wdt_Booking_HeadAltColorRgb),0.1);
}
	
.ui-datepicker.ui-widget table { margin: 0px; }

.ui-datepicker.ui-widget .ui-datepicker-title { font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Base, 400); }

.ui-datepicker.ui-widget td span,
.ui-datepicker.ui-widget td a { text-align: center; font-size: 12px; padding: .4em .2em; }

.ui-datepicker.ui-widget .ui-widget-header { background: none; border: none; padding: 4px 0; 
	color: var(--wdt_Booking_HeadAltColor); font-size: 1rem; line-height: normal; position: relative; }

.ui-datepicker.ui-widget .ui-state-default { padding: 2px; background-color: var(--wdt_Booking_TertiaryColor); text-align: center; font-family: var(--wdtFontTypo_Base);
	background-image: none; border: 1px solid var(--wdt_Booking_BorderColor); font-size: 0.8rem; color: var(--wdt_Booking_HeadAltColor); }

.ui-datepicker.ui-widget .ui-state-highlight, 
.ui-datepicker.ui-widget .ui-state-default:hover,
.ui-datepicker.ui-widget .ui-widget-content .ui-state-highlight, 
.ui-datepicker.ui-widget .ui-widget-header .ui-state-highlight { color: var(--wdt_Booking_AccentTxtColor);
	background-color: var(--wdt_Booking_PrimaryColor); border-color: var(--wdt_Booking_PrimaryColor); }

.ui-datepicker.ui-widget .ui-widget-content .ui-state-default,
.ui-datepicker.ui-widget .ui-widget-header .ui-state-default { background: none; border-image: none; }

.ui-datepicker.ui-widget .ui-state-disabled, 
.ui-datepicker.ui-widget .ui-widget-content .ui-state-disabled, 
.ui-datepicker.ui-widget .ui-widget-header .ui-state-disabled { pointer-events: none; }


.ui-datepicker.ui-widget th { background: none; color: var(--wdt_Booking_HeadAltColor); text-transform: none; 
	font-family: var(--wdtFontTypo_Base); font-size: calc(var(--wdtFontSize_Base) - 2px); font-weight: var(--wdtFontWeight_Base); padding: .3em; }

.ui-datepicker-header a { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }

.ui-datepicker.ui-widget .ui-datepicker-prev,
.ui-datepicker.ui-widget .ui-datepicker-next { top: 50%; transform: translateY(-50%); transform-origin: top center; 
	cursor: pointer; background: none; border: none; }

.ui-datepicker.ui-widget .ui-datepicker-prev { left: 0px; }
.ui-datepicker.ui-widget .ui-datepicker-next { right: 0px; rotate: 180deg; }

.ui-datepicker.ui-widget .ui-datepicker-prev > span.ui-icon,
.ui-datepicker.ui-widget .ui-datepicker-next > span.ui-icon { background-image: none; color: var(--wdt_Booking_LinkColor);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cpath d='M73.5,0c0.8,0,1.7,0.3,2.4,1c1.3,1.3,1.3,3.4,0,4.7L31.3,50.3l43.9,43.9c1.3,1.3,1.3,3.4,0,4.7c-1.3,1.3-3.4,1.3-4.7,0 L24.1,52.7c-1.3-1.3-1.3-3.4,0-4.7l47-47C71.8,0.3,72.6,0,73.5,0L73.5,0z'%3E%3C/path%3E%3C/svg%3E"); 
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cpath d='M73.5,0c0.8,0,1.7,0.3,2.4,1c1.3,1.3,1.3,3.4,0,4.7L31.3,50.3l43.9,43.9c1.3,1.3,1.3,3.4,0,4.7c-1.3,1.3-3.4,1.3-4.7,0 L24.1,52.7c-1.3-1.3-1.3-3.4,0-4.7l47-47C71.8,0.3,72.6,0,73.5,0L73.5,0z'%3E%3C/path%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center; 
	-webkit-mask-size: 90%; mask-size: 90%; background-color: currentColor; transition: var(--wdt_Booking_Ad-Transition); }

.ui-datepicker.ui-widget .ui-datepicker-prev:hover > span.ui-icon,
.ui-datepicker.ui-widget .ui-datepicker-next:hover > span.ui-icon { color: var(--wdt_Booking_LinkHoverColor); }

.ui-datepicker.ui-widget .ui-datepicker-header { background: none; border-image: none; border-radius: 0; border-color: none; }


/* ==============================
	Booking Checkbox Style
============================== */

.dt-sc-reservation-form .column .frm-group:has(> input[type="checkbox"]),
form[id*="reserveloginform"] p.login-remember label { display: inline-flex; align-items: baseline; margin: 0px; padding: 0px; }

.dt-sc-reservation-form input[type="checkbox"],
[class*="dt-sc-reserve-appointment"] input[type="checkbox"] { 
	appearance: none;
	-webkit-appearance: none;
	padding: 0;
	width: 16px;
	height: 16px;
	border: 1px solid var(--wdtBorderColor);
	margin: -3px 10px 0 0;
	border-radius: var(--wdtRadius_Zero);
	-webkit-border-radius: var(--wdtRadius_Zero);
	position: relative;
	overflow: hidden;
	cursor: pointer;
	flex: 0 0 auto;
}

.dt-sc-reservation-form input[type="checkbox"]:before,
[class*="dt-sc-reserve-appointment"] input[type="checkbox"]:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 6px;
	top: -2px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-style: solid;
	border-width: 0 0 2px 2px;
	border-color: var(--wdtHeadAltColor);
	-webkit-transform: scale(0) rotate(-45deg);
	transform: scale(0) rotate(-45deg);
	transform-origin: center;
	-webkit-transition: var(--wdtAltTransition);
	transition: var(--wdtAltTransition);
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
}

.dt-sc-reservation-form input[type="checkbox"]:checked:before,
[class*="dt-sc-reserve-appointment"] input[type="checkbox"]:checked:before { 
	-webkit-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg);
}


/* ==============================
	Placeholder CSS
============================== */

.frm-group { position: relative; }

.frm-group .placeholder { position: absolute; top: 0; left: 0; font-size: var(--wdtFontSize_Base);
	text-transform: capitalize; pointer-events: none; opacity: 1; color: var(--wdt_Booking_BodyTxtColor); 
	line-height: 1; bottom: 0; margin: auto 0; height: fit-content; padding: var(--wdt_Booking_InputPadding); }

.frm-group .placeholder:has(~ input[aria-invalid="false"]) { display: none; }

.frm-group label { color: var(--wdt_Booking_BodyTxtColor); font-weight: var(--wdtFontWeight_Base); }
.frm-group .star { color: #d01313 }


/* ============================ 
	Form Error Style 
============================ */

label.error { color: #d01313; }

input[type="text"].error, input[type="password"].error, 
input[type="email"].error, input[type="checkbox"].error, 
input[type="tel"].error, select.error { border-color: #d01313; }

form[class*="dt-sc-"] input[type=checkbox] + label.error { 
	position: absolute; bottom: 0; margin: 0; transform: translateY(calc(100% + 2px)); font-size: 14px; }



/* ============================
	 Booking form Login 
============================ */

form[id*="reserveloginform"] { background-color: var(--wdt_Booking_AccentTxtColor); margin: 40px auto 0; max-width: 600px;
	padding: clamp(1.25rem, 0.9615rem + 1.2821vw, 2.5rem) /* 20px - 40px */; border: 1px solid var(--wdt_Booking_BorderColor); }

form[id*="reserveloginform"] > p { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; }

form[id*="reserveloginform"] > p:not(:last-child) { margin: 0 0 20px; }

form[id*="reserveloginform"] p label { margin: 0px; padding: 0 0 10px; width: 100%; }

form[id*="reserveloginform"] p input.error + label,
form[id*="reserveloginform"] p input + label.error { display: none; }

form[id*="reserveloginform"] p.login-username label { max-width: 100%; }

form[id*="reserveloginform"] p.login-remember { margin-bottom: 20px; }

form[id*="reserveloginform"] p.login-submit { display: inline-block; margin-top: 0; margin-right: 0; margin-bottom: 0px; }
form[id*="reserveloginform"] p.login-submit > input[type="submit"] { margin: 0px; }

form[id*="reserveloginform"] p.lost_password { display: block; margin: 20px 0 0; }
form[id*="reserveloginform"] p.lost_password a { text-decoration: underline; }

form[id*="reserveloginform"] input[type=text],
form[id*="reserveloginform"] input[type=password] { width: 100%; padding: var(--wdt_Booking_InputPadding); }






/* ============================== 
    AT Rules - responsive
============================== */

@media only screen and (min-width: 768px) and (max-width: 1599px) { }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.center-service { text-align: center; }

	.center-service .elementor-widget-container { display: inline-block; }

	.single .dt-services-list .dt-sc-service-item { padding-left: 100px; }

	.single .dt-sc-service-item .service-details h3 { font-size: 18px; }

	.single .dt-services-list .dt-sc-service-item .image { margin-right: 20px; width: 80px; }
}

@media only screen and (max-width:1280px) {
	.res-position { left: 0; right: 0; }
}

@media only screen and (max-width:1025px) {

	.type1.expert-archive { margin-bottom: -980px; }

	.res-position { position: static; text-align: center; }

	.no-space { display: none; }

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

	.fw-section-2 { padding-right: 0; }
}

@media only screen and (min-width: 1200px) and (max-width: 1380px) {

	body[class*="single"] #content,
	body[class*="archive"] #content { max-width: 1080px; }
}

@media only screen and (min-width:1200px) {

	.elementor-section.wide-row > .elementor-container > .elementor-column { max-width: 800px; margin: 0 auto; }
}


@media only screen and (min-width:992px) and (max-width:1199px) {


	body[class*="single"] #content,
	body[class*="archive"] #content { max-width: 900px; }

	.dt_staff-single > .attachment-post-thumbnail { width: 100%; margin: 0 auto; float: none; display: block; margin-right: 0; }

	.content-aside { width: 100%; float: left; margin: 80px 0 0; }

	.fullwidth-section-2.res-fullwidth-content { margin-top: 80px; }
}

@media only screen and (min-width:768px) and (max-width:991px) {

	body[class*="single"] #content,
	body[class*="archive"] #content { max-width: 710px; }

	.dt-sc-view-reservations { max-width: 710px; }

	.dt_staff-single > .attachment-post-thumbnail { width: 100%; margin: 0 auto; float: none; display: block; }
	.dt_staff-single > .attachment-post-thumbnail { margin-right: 0; }
	.dt_staff-single .dt-sc-button { padding: 14px 60px; }

	.content-aside { width: 100%; float: left; margin: 50px 0 0; }

	.fullwidth-section-2.res-fullwidth-content { margin-top: 80px; }

	.staff-info h2 { font-size: 2rem; }
	.staff-info h4 { font-size: 1.4rem; }
}

@media only screen and (min-width: 768px) {

	.staff-info { padding-left: 30px; }

}

@media only screen and (max-width: 767px) {

	.time-table-wrap ul.time-table > li { min-width: 50%; }

	.dt_staff-single > .attachment-post-thumbnail { width: 100%; margin: 0 auto; float: none; display: block; }
	.dt_staff-single > .attachment-post-thumbnail { margin-right: 0; }

	.content-aside { width: 100%; float: left; margin: 50px 0 0; }

	.fullwidth-section-2.res-fullwidth-content { margin-top: 80px; }

	.entry-content button,
	.entry-content input[type="button"],
	.entry-content input[type="submit"],
	.entry-content .dt-sc-button,
	.dt-sc-button { margin-top: 14px; }

}

@media only screen and (max-width: 767px) {

	.column { margin-bottom: 20px; margin-left: 0; }

	.dt-sc-one-fourth,
	.dt-sc-one-half,
	.dt-sc-one-third,
	.dt-sc-three-fourth,
	.dt-sc-two-third,
	.dt-sc-one-fifth,
	.dt-sc-four-fifth,
	.dt-sc-three-fifth,
	.dt-sc-two-fifth,
	.dt-sc-one-sixth,
	.dt-sc-two-sixth,
	.dt-sc-three-sixth,
	.dt-sc-four-sixth,
	.dt-sc-five-sixth,
	.column.no-space.dt-sc-one-fourth,
	.column.no-space.dt-sc-one-third,
	.column.no-space.dt-sc-one-half,
	.column.no-space.dt-sc-one-fifth,
	.column.no-space.dt-sc-one-sixth,
	.column.no-space.dt-sc-three-fourth,
	.column.no-space.dt-sc-two-third,
	.column.no-space.dt-sc-four-fifth,
	.column.no-space.dt-sc-three-fifth,
	.column.no-space.dt-sc-two-fifth,
	.column.no-space.dt-sc-two-sixth,
	.column.no-space.dt-sc-three-sixth,
	.column.no-space.dt-sc-four-sixth,
	.column.no-space.dt-sc-five-sixth,
	.portfolio.column.dt-sc-one-fourth.no-space,
	.column.no-space.dt-sc-two-fifth,
	.wpb_column.no-space.dt-sc-two-fifth,
	.column.no-space.dt-sc-one-fifth,
	.wpb_column.no-space.dt-sc-one-fifth,
	.column.no-space.dt-sc-three-fifth,
	.wpb_column.no-space.dt-sc-three-fifth,
	.wpb_column.dt-sc-one-fifth,
	.column.wpb_column.dt-sc-one-fifth { width: 100%; }

	.dt-services-list .dt-sc-service-item { padding: 0; text-align: center; width: 100%; display: inline-block; }
	.dt-services-list .dt-sc-service-item .image { position: static; margin: 0 auto 30px; float: none; }

	.service-details { clear: both; float: none; width: 100%; }

	.intro-section .dt-services-list .dt-sc-service-item .service-details h4 { float: left; margin: 0 0 0; width: 100%; }

	.fullwidth-icon-count .dt-sc-icon-box.type2.no-icon h5 { font-size: 18px; }

	ul.time-table > li { width: 100%; margin-right: 0; }

	
	/* .dt-services-list .dt-sc-service-item .service-details .dt-sc-service-meta { width: 100%; }
	.dt-services-list .dt-sc-service-item .dt-sc-service-meta ul { margin-left: auto; margin-right: auto; }
	.dt-services-list .dt-sc-service-item .dt-sc-service-meta ul li { display: table; text-align: center; } */

	body[class*="single"] #content, body[class*="archive"] #content { max-width: 420px; }

	.dt-sc-view-reservations { max-width: 420px; }

	.dt-sc-view-reservations .tbl-view-reservation-container { clear: both; 
		-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05); }

	.dt-sc-view-reservations .tbl-view-reservations { overflow-x: scroll; display: block; }

	.dt-sc-view-reservations .tbl-view-reservations th,
	.dt-sc-view-reservations .tbl-view-reservations td { word-break: normal; }


}

@media only screen and (max-width: 479px) {


	.tbl-view-reservations td,
	.tbl-view-reservations th { font-size: 12px; }

	ul.time-table > li ul.time-slots,
	.time-table-wrap ul.time-table > li { min-width: 100%; }

	ul.time-table > li ul.time-slots > li { margin: 0 auto; width: auto; clear: both; display: block; }

	body[class*="single"] #content,
	body[class*="archive"] #content { max-width: 260px; }

	.dt-sc-view-reservations { max-width: 290px; }

	.default-button a { font-size: 1em; }

}