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

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

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

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


/* Default Button */

.entry-content button, 
.entry-content input[type="button"], 
.entry-content input[type="submit"], 
.entry-content .dt-sc-button, 
.dt-sc-button {
	background-color: transparent; 
	color: var(--wdt_Booking_PrimaryColor); 
	border-style: solid;
	border-width: 1px 0;
	border-color: var(--wdt_Booking_PrimaryColor);
	cursor: pointer; 
	display: inline-block; 
	position: relative;
	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_BaseTransition); 
	transition: var(--wdt_Booking_BaseTransition); 
	font-family: var(--wdtFontTypo_Base);
	font-size: var(--wdtFontSize_Base, 16px); 
	font-style: normal; 
	font-weight: var(--wdtFontWeight_Base, 400); 
}

.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_SecondaryColor); 
	background: transparent; 
}

/* before and after */

.dt-sc-button:not(.dt-sc-button-textual, [type="submit"])::before,
.dt-sc-button:not(.dt-sc-button-textual, [type="submit"])::after,

.dt-input-type-btn-mask-before,
.dt-input-type-btn-mask-after
{
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 8.3px;
    height: auto;
    pointer-events: none;
    background: var(--wdtPrimaryColor);

    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    
    mask-size: 200% 100%;
    -webkit-mask-size: 200% 100%;

    transition: var(--wdt_Booking_Ad-Transition);
    -webkit-transition: var(--wdt_Booking_Ad-Transition);
}

.dt-input-type-btn-mask-before,
.dt-input-type-btn-mask-after {
    height: 50px;
    top: auto;
}

.dt-sc-appointment-wrapper .dt-sc-reservation-form.dt-appointment-form > div.dt-sc-room--field .dt-sc-button ~ .dt-input-type-btn-mask-before,
.dt-sc-appointment-wrapper .dt-sc-reservation-form.dt-appointment-form > div.dt-sc-room--field .dt-sc-button ~ .dt-input-type-btn-mask-after {
	height: 60px;
	width: 9.9px;
}

/* before */

.dt-sc-button:not(.dt-sc-button-textual, [type="submit"])::before,
.dt-input-type-btn-mask-before {
	left: 0;
    right: auto;

    mask-position: 100% 100%;
    -webkit-mask-position: 100% 100%;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 102.6 300'%3E%3Cpolygon points='31.5,132.9 27.5,127.8 23.9,133.2 6.3,159.4 23.8,184.1 27.6,189.4 31.8,184.4 52.6,159.5 '/%3E%3Cpolygon points='44,0 6.3,0 0,0 0,103.1 23.9,133.2 27.9,138.3 31.5,132.9 31.5,132.9 50.3,105 50.3,0 '/%3E%3Cpolygon points='31.8,184.4 28,179.1 23.8,184.1 0,212.5 0,300 6.3,300 44,300 50.3,300 50.3,210.5 '/%3E%3Cpath d='M78,179.1l-28,33.4V300h6.3v-85.2l21.3-25.4L94,212.5V300h6.3v-89.5L78,179.1z'/%3E%3Cpath d='M94,0v103.1l-16.5,24.6l-21.2-26.8V0H50v103.1l27.9,35.2l22.4-33.3V0H94z'/%3E%3Cpath d='M77.6,189.4l-21.3-30l21.2-31.6l25.1,31.7L77.6,189.4z M63.8,159.3L78,179.1l16.6-19.8l-16.7-21L63.8,159.3z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 102.6 300'%3E%3Cpolygon points='31.5,132.9 27.5,127.8 23.9,133.2 6.3,159.4 23.8,184.1 27.6,189.4 31.8,184.4 52.6,159.5 '/%3E%3Cpolygon points='44,0 6.3,0 0,0 0,103.1 23.9,133.2 27.9,138.3 31.5,132.9 31.5,132.9 50.3,105 50.3,0 '/%3E%3Cpolygon points='31.8,184.4 28,179.1 23.8,184.1 0,212.5 0,300 6.3,300 44,300 50.3,300 50.3,210.5 '/%3E%3Cpath d='M78,179.1l-28,33.4V300h6.3v-85.2l21.3-25.4L94,212.5V300h6.3v-89.5L78,179.1z'/%3E%3Cpath d='M94,0v103.1l-16.5,24.6l-21.2-26.8V0H50v103.1l27.9,35.2l22.4-33.3V0H94z'/%3E%3Cpath d='M77.6,189.4l-21.3-30l21.2-31.6l25.1,31.7L77.6,189.4z M63.8,159.3L78,179.1l16.6-19.8l-16.7-21L63.8,159.3z'/%3E%3C/svg%3E");
}

.dt-sc-button:not(.dt-sc-button-textual, [type="submit"]):hover::before,
:is(input#dt-formInput-type-btn:hover) ~ .dt-input-type-btn-mask-before {
	mask-position: 0 100%;
    -webkit-mask-position: 0 100%;
}

/* after */

.dt-sc-button:not(.dt-sc-button-textual, [type="submit"])::after,
.dt-input-type-btn-mask-after {
	right: 0;
    left: auto;

    mask-position: 0 100%;
    -webkit-mask-position: 0 100%;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 102.6 300'%3E%3Cpolygon points='50,159.5 70.8,184.4 75,189.4 78.8,184.1 96.3,159.4 78.7,133.2 75.1,127.8 71.1,132.9 '/%3E%3Cpolygon points='52.3,0 52.3,105 71.1,132.9 71.1,132.9 74.7,138.3 78.7,133.2 102.6,103.1 102.6,0 96.3,0 58.6,0 '/%3E%3Cpolygon points='52.3,210.5 52.3,300 58.6,300 96.3,300 102.6,300 102.6,212.5 78.8,184.1 74.6,179.1 70.8,184.4 '/%3E%3Cpath d='M2.3,210.5V300h6.3v-87.5L25,189.4l21.3,25.4V300h6.3v-87.5l-28-33.4L2.3,210.5z'/%3E%3Cpath d='M2.3,0v105l22.4,33.3l27.9-35.2V0l-6.3,0v100.9l-21.2,26.8L8.6,103.1V0L2.3,0z'/%3E%3Cpath d='M0,159.5l25.1-31.7l21.2,31.6l-21.3,30L0,159.5z M24.7,138.3L8,159.3l16.6,19.8l14.2-19.8L24.7,138.3z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 102.6 300'%3E%3Cpolygon points='50,159.5 70.8,184.4 75,189.4 78.8,184.1 96.3,159.4 78.7,133.2 75.1,127.8 71.1,132.9 '/%3E%3Cpolygon points='52.3,0 52.3,105 71.1,132.9 71.1,132.9 74.7,138.3 78.7,133.2 102.6,103.1 102.6,0 96.3,0 58.6,0 '/%3E%3Cpolygon points='52.3,210.5 52.3,300 58.6,300 96.3,300 102.6,300 102.6,212.5 78.8,184.1 74.6,179.1 70.8,184.4 '/%3E%3Cpath d='M2.3,210.5V300h6.3v-87.5L25,189.4l21.3,25.4V300h6.3v-87.5l-28-33.4L2.3,210.5z'/%3E%3Cpath d='M2.3,0v105l22.4,33.3l27.9-35.2V0l-6.3,0v100.9l-21.2,26.8L8.6,103.1V0L2.3,0z'/%3E%3Cpath d='M0,159.5l25.1-31.7l21.2,31.6l-21.3,30L0,159.5z M24.7,138.3L8,159.3l16.6,19.8l14.2-19.8L24.7,138.3z'/%3E%3C/svg%3E");
}

.dt-sc-button:not(.dt-sc-button-textual, [type="submit"]):hover::after,
:is(input#dt-formInput-type-btn:hover) ~ .dt-input-type-btn-mask-after {
	mask-position: 100% 100%;
    -webkit-mask-position: 100% 100%;
}

/* dark bg */
.dt-dark-bg.dt-sc-button { color: var(--wdt_Booking_AccentTxtColor); border-color: var(--wdt_Booking_AccentTxtColor); }
.dt-dark-bg.dt-sc-button::after, .dt-dark-bg.dt-sc-button::before { background-color: var(--wdt_Booking_AccentTxtColor); }


/* Textual Button */

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

.dt-sc-button.dt-sc-button-textual:focus, .dt-sc-button.dt-sc-button-textual:hover { 
	color: var(--wdt_Booking_LinkHoverColor); 
}

.dt-sc-button.dt-sc-button-textual:before,
.dt-sc-button.dt-sc-button-textual:after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    top: auto;
    width: 100%;
    height: 1px;
    background: currentColor;
    will-change: transform;
}

.dt-sc-button.dt-sc-button-textual:before,
.dt-sc-button.dt-sc-button-textual:hover:after {
	transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: right;
    -webkit-transform-origin: right;
    transition: transform var(--wdt_Booking_Ad-Transition) 0s;
    -webkit-transition: transform var(--wdt_Booking_Ad-Transition) 0s;
}

.dt-sc-button.dt-sc-button-textual:after,
.dt-sc-button.dt-sc-button-textual:hover:before {
	transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform-origin: left;
    -webkit-transform-origin: left;
    transition: transform var(--wdt_Booking_Ad-Transition) 0.2s;
    -webkit-transition: transform var(--wdt_Booking_Ad-Transition) 0.2s;
}

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

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

hr.dt-sc-hr, hr, .elementor hr.dt-sc-hr { background-color: var(--wdt_Booking_BorderColor); }

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); }


/* 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; }



/*============================== 
	Rooms Single Styles 
============================== */

.dt_room-single { width: 100%; }
.room-details a { text-decoration: none; }

.dt_room-single .dt-sc-room-single-thumb { 
	position: relative; display: block; margin-bottom: 40px; 
}

.dt_room-single .dt-sc-room-single-thumb > .attachment-post-thumbnail { margin: 0 auto; display: block; }

.dt_room-single .dt-sc-room-single-thumb img { 
	min-height: 300px; object-fit: cover; object-position: center center; 
	border-radius: var(--wdt_Booking_Radius_3X); -webkit-border-radius: var(--wdt_Booking_Radius_3X);
}

.dt_room-single .dt-sc-room-single-thumb .dt-sc-room-single-meta {
	padding: 40px 0; 
	color: var(--wdt_Booking_HeadAltColor);
	display: flex ;
	align-items: center;
	justify-content: space-between;
	gap: 20px;	
	border-bottom: 1px solid var(--wdt_Booking_BorderColor);
}

.dt_room-single .dt-sc-room-single-thumb .dt-sc-room-single-meta > div { padding: 0; position: relative; }


.dt_room-single .dt-sc-room-single-thumb .dt-sc-room-single-meta .dt-sc-rooms-meta-wrapper { 
	display: flex; flex-wrap: wrap; gap: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /*30px - 20px*/ align-items: center; width: auto; margin-left: 0; margin-right: 0; 
}

.dt_room-single .dt-sc-room-single-thumb .dt-sc-room-single-meta .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] { 
	display: grid; grid-template-columns: auto 1fr; gap: 10px; padding: 0; margin: 0; align-items: center; 
}

.dt_room-single .dt-sc-room-single-thumb .dt-sc-room-single-meta .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] span { 
	font-size: var(--wdtFontSize_Base, 16px); 
	letter-spacing: normal; 
	font-weight: var(--wdtFontWeight_Base, 400); 
	text-transform: capitalize; 
	display: inline-flex; 
}

.dt_room-single .dt-sc-room-single-thumb .dt-sc-room-single-meta .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] .dt-sc-rooms-icon { 
	font-size: clamp(1.625rem, 1.5rem + 0.625vw, 2.25rem); /* 36px - 26px */
}

.dt_room-single .dt-sc-room-single-thumb .dt-sc-room-single-meta .dt-sc-rooms-meta-wrapper > div[class*="dt-sc-rooms-"] .dt-sc-rooms-icon i { 
	display: inline-flex; 
}


.dt_room-single .dt-sc-room-single-thumb .dt-sc-room-single-meta .dt-sc-room-price-item { 
	font-family: var(--wdtFontTypo_Base);
    font-weight: var(--wdtFontWeight_Base, 400);
    font-size: var(--wdtFontSize_Base, 16px);
    line-height: var(--wdtLineHeight_Ext, 1);
    padding: var(--wdtPadding_MiniBtn);
    background: var(--wdtAccentTxtColor);
    color: var(--wdt_Booking_BodyTxtColor);
    border-radius: var(--wdtRadius_2X);
    border: 1px solid var(--wdt_Booking_BorderColor);
}

/* responsive */

@media (max-width: 1024px) {
	.dt_room-single .dt-sc-room-single-thumb:has( + div > .wdt-section-with-sidebar) {
		max-width: 770px; margin-inline: auto;
	}
}

@media(max-width: 767px) {
	.dt_room-single .dt-sc-room-single-thumb .dt-sc-room-single-meta {
		flex-direction: column;
		gap: 0;
	}
	.dt_room-single .dt-sc-room-single-thumb .dt-sc-room-single-meta .dt-sc-rooms-meta-wrapper {
		margin-bottom: 20px;
		padding-bottom: 20px;
		width: 100%;
		justify-content: center;
		border-bottom: 1px solid var(--wdtBorderColor);
	}
	.dt_room-single .dt-sc-room-single-thumb {
		margin-bottom: 30px;
	}
	.dt_room-single .dt-sc-room-single-thumb .dt-sc-room-single-meta {
		padding: 30px 0 20px;
	}
}


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

.dt_staff-single { width: 100%; }

.dt_staff-single .dt-sc-staff-header-section { display: grid; grid-template-columns: 1fr 1.5fr; 
	gap: clamp(0.625rem, -0.9615rem + 7.0513vw, 7.5rem) /* 10px - 120px */; width: 100%; max-width: 1400px; margin: 0 auto; }


.dt_staff-single .dt-sc-staff-header-section { position: relative; }
.dt_staff-single .dt-sc-staff-header-section:before { content: ""; position: absolute; pointer-events: none;
	top: -100vmax; left: -100vmax; right: 70%; bottom: -100vmax; background: var(--wdt_Booking_TertiaryColor); opacity: 0.9; z-index: -2; }

.dt_staff-single .dt-sc-staff-header-section .dt-sc-staff-image-wrapper { position: sticky; top: 50px; height: fit-content; }
.dt_staff-single .dt-sc-staff-header-section .dt-sc-staff-info-wrapper { align-self: center; }

.dt_staff-single .dt-sc-staff-header-section .dt-sc-staff-info-wrapper h2 { margin: 0; }

.dt_staff-single .dt-sc-staff-header-section .dt-sc-staff-info-wrapper > div:not(:last-child) { margin-bottom: 12px; }
.dt_staff-single .dt-sc-staff-header-section .dt-sc-staff-info-wrapper > div.dt-sc-staff-role-wrapper { margin: 0 0 6px; }

.dt_staff-single .dt-sc-staff-header-section .dt-sc-staff-info-wrapper > div span.dt-sc-staff-role { 
	font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_H6); letter-spacing: 0.15em; text-transform: uppercase; }

.dt_staff-single .dt-sc-staff-header-section .dt-sc-staff-info-wrapper > div.dt-sc-staff-specialization-wrapper,
.dt_staff-single .dt-sc-staff-header-section .dt-sc-staff-info-wrapper > div.dt-sc-staff-email-wrapper,
.dt_staff-single .dt-sc-staff-header-section .dt-sc-staff-info-wrapper > div.dt-sc-staff-mobile-wrapper,
.dt_staff-single .dt-sc-staff-header-section .dt-sc-staff-info-wrapper > div.dt-sc-staff-social-wrapper { 
	display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: center; }

.dt_staff-single .dt-sc-staff-header-section .dt-sc-staff-info-wrapper .dt-sc-staff-label { 
	display: block; font-family: var(--wdtFontTypo_Alt); font-weight: normal; font-size: 22px; letter-spacing: -0.02em; }


.dt-sc-staff-info-wrapper .dt-sc-team-social { text-align: inherit; display: inline-block; }
.dt-sc-staff-info-wrapper .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); }

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


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

.ui-datepicker.ui-widget { 
	font-family: var(--wdtFontTypo_Base);
    font-size: var(--wdtFontSize_Base, 16px);
    border-radius: var(--wdt_Booking_Radius_2X);
    -webkit-border-radius: var(--wdt_Booking_Radius_2X);
    background-image: none;
    z-index: 2 !important;
    background-color: var(--wdt_Booking_AccentTxtColor);
    padding: 20px;
    margin: 0;
    width: 100% !important;
    max-width: 550px;
    border: 1px solid var(--wdt_Booking_BorderColor);
    -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);  
}
	
.ui-datepicker.ui-widget table { margin: 0px; }

.ui-datepicker.ui-widget .ui-datepicker-title { 
	font-family: var(--wdtFontTypo_Base);
    font-size: var(--wdtFontSize_Base);
    line-height: var(--wdtLineHeight_Base);
}

.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: 0;
    color: var(--wdt_Booking_HeadAltColor);
    font-size: var(--wdtFontSize_Base);
    line-height: var(--wdtLineHeight_Base);
    position: relative;
    font-family: var(--wdtFontTypo_Base);
    font-weight: var(--wdtFontWeight_Base);
}

.ui-datepicker.ui-widget .ui-state-default { 
	padding: 2px; background-color: var(--wdt_Booking_TertiaryColor); text-align: center; 
	background-image: none; border: 1px solid var(--wdt_Booking_BorderColor); 
	font-size: var(--wdtFontSize_Base, 16px); color: var(--wdt_Booking_HeadAltColor); 
	border-radius: calc(var(--wdt_Booking_Radius_1X) - 2px); -webkit-border-radius: calc(var(--wdt_Booking_Radius_1X) - 2px);
}

.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: uppercase;
    font-family: var(--wdtFontTypo_Base);
    font-size: var(--wdtFontSize_Base);
    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(--wdt_Booking_PrimaryColor);
	margin: -3px 10px 0 0;
	border-radius: calc(var(--wdt_Booking_Radius_1X) - 2px);
	-webkit-border-radius: calc(var(--wdt_Booking_Radius_1X) - 2px);
	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(--wdt_Booking_PrimaryColor);
        -webkit-transform: scale(0) rotate(-45deg);
        transform: scale(0) rotate(-45deg);
        transform-origin: center;
        -webkit-transition: var(--wdt_Booking_Ad-Transition);
        transition: var(--wdt_Booking_Ad-Transition);
        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 }

.wdt-dark-bg .frm-group label { color: var(--wdt_Booking_AccentTxtColor); }


/* ============================ 
	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; }



/* ============================== 
    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-room { text-align: center; }

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

	/* .single .dt-rooms-list .dt-sc-room-item { padding-left: 100px; } */
	/* .single .dt-rooms-list .dt-sc-room-item .image { margin-right: 20px; width: 80px; } */

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

}

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

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

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

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


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

	.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) {

	.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; padding: 12px 25px; } */

	/* staff single style */

	.dt_staff-single .dt-sc-staff-header-section { grid-template-columns: 1fr; gap: 30px; width: 100%; max-width: 580px; }
	.dt_staff-single .dt-sc-staff-header-section .dt-sc-staff-image-wrapper { position: relative; top: 0; left: 0; width: 100%; }

	.dt_staff-single .dt-sc-staff-header-section:before { top: -100vmax; left: -100vmax; right: -100vmax; bottom: -100vmax;  }

}

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

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

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

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

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

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


}

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

	/* staff single style */

	.dt_staff-single .dt-sc-staff-header-section .dt-sc-staff-info-wrapper > div.dt-sc-staff-social-wrapper { grid-template-columns: 1fr; }


	/* Date Picker */
	.ui-datepicker.ui-widget { left: 0 !important; right: 0 !important; width: calc(100% - 40px) !important; margin: 0 20px; }

 }

 @media (max-width: 479px) {
	.ui-datepicker.ui-widget {
		padding: 10px;
		width: calc(100% - 20px) !important; margin: 0 10px;
	}

	.ui-datepicker.ui-widget .ui-datepicker-title,
	.ui-datepicker.ui-widget th {
		font-size: calc(var(--wdtFontSize_Base) - 2px);
	}

	.ui-datepicker.ui-widget .ui-state-default {
		font-size: calc(var(--wdtFontSize_Base) - 6px);
	}
 }