a {transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;} a:hover {color: var(--wdtLinkHoverColor, #d58f76);} 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(--wdtLinkHoverColor, #d58f76);} .column img, .vc_column_container 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: #222;border-color: #333;} .entry-content button, .entry-content input[type="button"], .entry-content input[type="submit"], .entry-content .dt-sc-button, .dt-sc-button {background-color: #222;border-width: 0;color: #fff !important;cursor: pointer;display: inline-block;font-weight: normal !important;line-height: 1.5;margin-top: 15px;outline: none;padding: 15px 30px;text-decoration: none !important;-webkit-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;} .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 {box-shadow: none;-webkit-box-shadow: none;color: #FFF !important;background: #767676 !important;font-weight: normal !important;} .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(--wdtBodyTxtColor);} ::-moz-placeholder { /* Firefox 19+ */ color: var(--wdtBodyTxtColor);} :-ms-input-placeholder { /* IE 10+ */ color: var(--wdtBodyTxtColor);} :-moz-placeholder { /* Firefox 18- */ color: var(--wdtBodyTxtColor);} /*** Alert Boxes Styles ***/ .dt-sc-error-box, .dt-sc-warning-box, .dt-sc-success-box, .dt-sc-info-box {clear: both;display: table;margin-bottom: 30px;padding: 15px;width: 100%;-webkit-border-radius: var(--wdt-booking-Radius_Zero);border-radius: var(--wdt-booking-Radius_Zero);} .dt-sc-error-box a, .dt-sc-warning-box a, .dt-sc-success-box a, .dt-sc-info-box a {text-decoration: underline;} .dt-sc-error-box {background-color: #ffcccc;border: 1px solid #ff9999;color: #d01313;position: relative;} form[id*="reserveloginform"] {display: none;} label.error {color: red;} input[type="text"].error, input[type="password"].error, input[type="email"].error, input[type="checkbox"].error, input[type="tel"].error, select.error {border-color: red !important;} .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before {display: table-cell;font-family: "Font Awesome 5 Free";font-size: 20px;font-style: normal;font-weight: bold;padding: 0 15px 0 0;text-decoration: inherit;width: 1px;top: 2px;position: relative;} .dt-sc-error-box:before {content: "\f057";color: #C54228;} .dt-sc-warning-box {background-color: #fdebae;border: 1px solid #e6c555;color: #c79d13;position: relative;} .dt-sc-warning-box:before {content: "\f06a";color: #e2b828;} .dt-sc-success-box {background-color: #eafac0;border: 1px solid #b1cf67;color: #7ba411;position: relative;} .dt-sc-success-box:before {content: "\f058";color: #75b632;} .dt-sc-info-box {background-color: #bfe4f9;border: 1px solid #68a2cf;color: #2081b9;position: relative;} .dt-sc-info-box:before {content: "\f05a";color: #008bc1;} .dt-sc-error-box a {color: #d01313;} .dt-sc-warning-box a {color: #c79d13;} .dt-sc-success-box a {color: #7ba411;} .dt-sc-info-box a {color: #2081b9;} .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%;} .staff .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social li a {width: 40px;height: 40px;line-height: 38px;} .dt-sc-team-social li a.fa-facebook:before {content: "\f09a";} .dt-sc-team-social li a.fa-google-plus:before {content: "\f1a0";} .dt-sc-team-social li a.fa-linkedin:before {content: "\f0e1";} #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;} /* 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: #fff;border-width: 1px;border-color: #39414d;min-height: 60px;font-weight: normal;font-size: 18px;color: #28303d;} [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 !important;} [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: red !important;} [class*="dt-sc-reserve-appointment"] select.error+label.error, .dt-sc-reservation-form select.error+label.error {display: none !important;} [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 !important;display: inline-block;font-size: inherit !important;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: 54px;border-color: rgb(var(--wdtBorderColorRgb, 1, 71, 54), 0.15) !important;color: var(--wdtHeadAltColor, #000000);} [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(--wdtSecondaryColor, #120d1f) !important;} [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(--wdtHeadAltColor, #000000);} [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 {font-size: 18px;padding: 0;} [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;} [class*="dt-sc-reserve-appointment"] h1, [class*="dt-sc-reserve-appointment"] h2, [class*="dt-sc-reserve-appointment"] h3, [class*="dt-sc-reserve-appointment"] h4, [class*="dt-sc-reserve-appointment"] h5, [class*="dt-sc-reserve-appointment"] h6, div[class*="dt-sc-view-reservations"] h3 {line-height: var(--wdtLineHeight_Alt, 1.21);margin-top: 0rem;margin-bottom:20px;font-size: var(--wdtFontSize_H3);} .dt-sc-title h2.appointment-title {margin-bottom: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem); /* 50px - 30 */} [class*="dt-sc-reserve-appointment"] input[type="checkbox"], [class*="dt-sc-reserve-appointment"] input[type="radio"] {display: inline-block;margin-right: 10px;vertical-align: text-bottom;top: 7px;position: relative;width: fit-content;height: fit-content;} [class*="dt-sc-reserve-appointment"] a:not(.button):not(.dt-sc-button):focus {background: none !important;} [class*="dt-sc-reserve-appointment"] .chkterms-holder {display: flex;} .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: #f2f2f2;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;font-weight: var(--wdtFontWeight_Ext, 400);color: var(--wdtHeadAltColor, #000000);margin-bottom: 10px;width: 100%;} .dt-sc-title {float: left;width: 100%;} .form-control {clear: both;position: relative;margin-bottom: 30px;} .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% - clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem));background-repeat: no-repeat;background-size: 20px;} .dt-sc-appointment-scheduler-form .aligncenter .dt-sc-button {margin: clamp(0rem, -0.25rem + 1.25vw, 1.25rem) 0 20px; /* 20px - 0 */float: none;} .dt-sc-appointment-wrapper .dt-sc-title {margin: 0 0 clamp(1.375rem, 1.2596rem + 0.5128vw, 1.875rem);} .dt-sc-appointment-wrapper .dt-sc-title h2 {margin: 0px;} .time-table-wrap {border-color: rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);border-style: solid;border-width: 1px !important;clear: both;display: block;overflow: auto;} ul.time-table {display: flex;flex-flow: row wrap;float: left;list-style-type: none;padding: 0;width: 100%;} ul.time-table>li {background: var(--wdtBodyBGColor);display: block;float: left;font-size: var(--wdtFontSize_Base, 16px);margin-right: 2%;margin-bottom: 20px;padding: 0;position: relative;text-align: center;width: 32%;-webkit-border-radius: 0;border-radius: 0;-webkit-box-shadow: 0 0 0 1px rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);box-shadow: 0 0 0 1px rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);} ul.time-table>li:nth-child(3n+1) {clear: both;} .time-table-wrap ul.time-table {flex-flow: row nowrap;margin: 0;} .time-table-wrap ul.time-table>li {margin: 0 2px 0 0;min-width: 33.33%;-webkit-border-radius: 0;border-radius: 0;} ul.time-table>li ul, ul.time-table>li>span {position: relative;z-index: 1;} ul.time-table>li .time-head {background: var(--wdtTertiaryColor, #f6f6f6);padding: 20px;border-bottom: 1px solid rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);color: var(--wdtHeadAltColor, #000000);} ul.time-table>li .time-head, ul.time-table>li ul.time-slots {padding-left: 0;padding-right: 0;} ul.time-table>li span {display: block;-webkit-transition: all 300ms linear;transition: all 300ms linear;font-size: var(--wdtFontSize_Base, 16px);} ul.time-table>li .time-head>span.name, ul.time-table>li .time-head>span.price {font-size: var(--wdtFontSize_H6, 18px);font-style: normal;font-weight: var(--wdtFontWeight_Ext, 400);line-height: normal;margin-bottom: 10px;} ul.time-table>li ul.time-slots {display: inline-block;margin: 0;padding: 10px;text-align: center;width: 100%;} ul.time-table>li ul.time-slots>li {border-width: 0;clear: both;display: inline-block;float: none;margin: 0 2px;padding: 0;} .dt-sc-reserve-appointment.type1 ul.time-table>li ul.time-slots>li {display: block;} ul.time-table>li>p {font-size: 1em;margin: 0;} ul.time-table>li>p>span {display: block;font-size: 13px;} ul.time-table>li ul.time-slots>li a {border: 1px solid rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);color: var(--wdtLinkColor, #000000);display: inline-block;min-width: 100px;padding: 5px 20px;text-decoration: none;text-transform: uppercase;-webkit-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;font-size: var(--wdtFontSize_Base, 16px);font-weight: var(--wdtFontWeight_Base, 500);} .dt-sc-reserve-appointment.type1 ul.time-table>li ul.time-slots>li a {width: 100%;max-width: 260px;margin: 5px auto;} ul.time-table>li ul.time-slots>li+li a {border-top-color: rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);} ul.time-table>li ul.time-slots>li a:focus, ul.time-table>li ul.time-slots>li a:hover {border-color: rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);border-style: solid;-webkit-box-shadow: none;box-shadow: none;background-color: var(--wdtPrimaryColor, #D58F76);color: var(--wdtLinkColor, #000000);} ul.time-table>li ul.time-slots>li a.selected, ul.time-table>li ul.time-slots>li a.selected, ul.time-table>li ul.time-slots>li a.selected:focus, ul.time-table>li ul.time-slots>li a.selected:focus, ul.time-table>li ul.time-slots>li a.selected:hover, ul.time-table>li ul.time-slots>li a.selected:hover {background: var(--wdtPrimaryColor, #D58F76) !important;border-color: var(--wdtPrimaryColor, #D58F76);color: var(--wdtLinkColor, #000000);text-decoration: none !important;} ul.time-table>li.selected ul.time-slots>li a { color: var(--wdtLinkColor, #000000); } ul.time-table>li.selected ul.time-slots>li.selected a { color: var(--wdtLinkColor, #000000); } .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; } .dt-sc-reserve-appointment2 ul.time-table>li { margin-right: 0; width: 100%; } .dt-sc-reserve-appointment2 ul.time-table>li ul.time-slots>li { margin: 10px; } .dt-sc-reserve-appointment2 .appointment-title { text-align: center; margin-bottom: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem); /* 50px - 20 */ } .personal-info { float: left; width: 100%; } .personal-info .ubpro-form-login-toggle .ubpro-info .showlogin { text-decoration: underline !important; } .personal-info textarea { height: 110px; margin-bottom: 1.5em; } .ui-datepicker th { background: none; color: inherit; font-size: inherit; text-transform: none; } .ui-datepicker-header a { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 2px !important; background: none !important; border: none !important; } .ui-datepicker .ui-datepicker-prev { left: 2px !important; } .ui-datepicker .ui-datepicker-next { right: 2px !important; } .ui-datepicker .ui-datepicker-header {background: #f1f1f1 !important; border-image: none !important; border-radius: 0; border-color: #d3d3d3 !important; } .dt-sc-reserve-appointment.type3 .total-cost-info .dt-sc-title h3 {margin-top: clamp(0rem, -0.375rem + 1.875vw, 1.875rem); /* 30px - 0px */ } .dt-sc-reserve-appointment.type3 .ui-datepicker.ui-widget {width: 100%; background: none !important; margin: clamp(0.625rem, 0.125rem + 2.5vw, 3.125rem) 0 0 !important; /* 50px - 10px */} .dt-sc-reserve-appointment.type3>div .aligncenter .dt-sc-button { margin-bottom: 0; } .dt-sc-reserve-appointment.type3>div { position: relative; } .dt-sc-reserve-appointment.type3 .hasDatepicker~span.spinner {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.5);z-index: 0;} .dt-sc-reserve-appointment.type3 .hasDatepicker~span.spinner>* {width: 30px;height: 30px;font-size: 30px;z-index: 1;} .dt-sc-reserve-appointment.type3 .hasDatepicker .ui-datepicker .ui-datepicker-header {padding: 20px 0;background-color: var(--wdtPrimaryColor, #D58F76) !important;border: 1px solid rgb(var(--wdtBorderColorRgb, 1,71,54),0.15) !important;font-weight: var(--wdtFontWeight_Ext, 400);} .dt-sc-reserve-appointment.type3 .hasDatepicker .ui-datepicker .ui-datepicker-title {font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem); /* 18px - 14px */color: var(--wdtHeadAltColor, #000000);} .dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-prev, .dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-next {top: 50% !important;transform: translateY(-50%);} .dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-prev {left: 20px !important;} .dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-next {right: 20px !important;} .dt-sc-reserve-appointment.type3 .ui-datepicker .ui-state-disabled { cursor: not-allowed !important;} .dt-sc-reserve-appointment.type3 .ui-datepicker th {padding: clamp(0.375rem, 0.2rem + 0.875vw, 1.25rem); /* 20px - 6px */background-color: var(--wdtTertiaryColor, #f6f6f6) !important;color: var(--wdtHeadAltColor, #000000);font-weight: var(--wdtFontWeight_Ext, 400);font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem); /* 16px - 12px */border: 1px solid rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);border-top: none;} .dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-calendar tbody {background-color: var(--wdtBodyBGColor);} .dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-calendar tbody tr {min-height: 60px;height: 100%;border-top: 1px solid #fcfcfc;} .dt-sc-reserve-appointment.type3 .ui-datepicker td span, .dt-sc-reserve-appointment.type3 .ui-datepicker td a {text-align: center !important;font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem); /* 16px - 12 */padding: 0 !important;min-height: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem); /* 60px - 40px */line-height: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem); /* 60px - 40px */} .dt-sc-reserve-appointment.type3 .ui-widget-content {border: none;} .dt-sc-reserve-appointment.type3 .ui-datepicker td {padding: 4px !important;border:1px solid rgba(var(--wdtHeadAltColorRgb), 0.15) !important;} .dt-sc-reserve-appointment.type3 td:not(.ui-state-disabled) .ui-state-default:hover, .dt-sc-reserve-appointment.type3 .ui-widget-content td:not(.ui-state-disabled) .ui-state-default:hover, .dt-sc-reserve-appointment.type3 .ui-widget-content td:not(.ui-state-disabled) .ui-state-active {background: var(--wdtPrimaryColor, #D58F76);color: var(--wdtHeadAltColor, #000000);} .dt-sc-reserve-appointment.type3 .ui-state-default, .dt-sc-reserve-appointment.type3 .ui-widget-content .ui-state-default, .dt-sc-reserve-appointment.type3 .ui-widget-header .ui-state-default {border: none;background: #ffffff;font-weight: var(--wdtFontWeight_Base, 500);color: var(--wdtHeadAltColor, #000000);} .dt-sc-reserve-appointment.type3 .ui-datepicker .ui-widget-header .ui-datepicker-prev, .dt-sc-reserve-appointment.type3 .ui-datepicker .ui-widget-header .ui-datepicker-next, .dt-sc-reserve-appointment.type3 .ui-widget-header .ui-icon {background-image: inherit;width: 20px;height: 20px;} .dt-sc-reserve-appointment.type3 .ui-datepicker .ui-widget-header .ui-datepicker-prev span, .dt-sc-reserve-appointment.type3 .ui-datepicker .ui-widget-header .ui-datepicker-next span {top: 0;right: 0;bottom: 0;left: 0;margin: 0;} .dt-sc-reserve-appointment.type3 .ui-widget-header .ui-icon::before {content: "";-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cpath d='M2.3,12.8l65.6,65.5l5.4,5.4H24.4c-1,0-2.2,0.6-3.3,1.5c-0.9,0.9-1.4,2.2-1.4,3.4V95c0,0.9,0.4,1.8,1.4,2.9 c0.7,0.7,1.8,1.1,3.3,1.1h69.9c1.8,0,2.7-0.3,3.3-0.9h0c0.9-0.9,1.5-2.1,1.5-3.2V24.5c0-2.6-2.1-4.6-4.4-4.6h-6.4 c-2.4,0-4.8,2.4-4.8,4.8v48.6L78,67.8L16,5.5l-3.1-3.2C11.9,1.4,11,1,9.9,1C8.7,1,7.6,1.5,6.8,2.3L3.7,5.5L2.3,6.8 C1.4,7.7,1,8.8,1,9.9C1,10.9,1.4,12,2.3,12.8z'/%3E%3C/svg%3E");-webkit-mask-position: center center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: cover;mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cpath d='M2.3,12.8l65.6,65.5l5.4,5.4H24.4c-1,0-2.2,0.6-3.3,1.5c-0.9,0.9-1.4,2.2-1.4,3.4V95c0,0.9,0.4,1.8,1.4,2.9 c0.7,0.7,1.8,1.1,3.3,1.1h69.9c1.8,0,2.7-0.3,3.3-0.9h0c0.9-0.9,1.5-2.1,1.5-3.2V24.5c0-2.6-2.1-4.6-4.4-4.6h-6.4 c-2.4,0-4.8,2.4-4.8,4.8v48.6L78,67.8L16,5.5l-3.1-3.2C11.9,1.4,11,1,9.9,1C8.7,1,7.6,1.5,6.8,2.3L3.7,5.5L2.3,6.8 C1.4,7.7,1,8.8,1,9.9C1,10.9,1.4,12,2.3,12.8z'/%3E%3C/svg%3E");mask-position: center center;mask-repeat: no-repeat;mask-size: cover;position: absolute;right: 0;bottom: 0;top: 0;left: 0;background-color: var(--wdtLinkColor, #000000);transition: var(--wdt-booking-Base_Transition);-webkit-transition: var(--wdt-booking-Base_Transition);} .dt-sc-reserve-appointment.type3 .ui-widget-header .ui-icon:hover::before { background-color: var(--wdtAccentTxtColor, #ffffff); } .dt-sc-reserve-appointment.type3 .ui-widget-header .ui-datepicker-prev .ui-icon::before {-webkit-transform: rotate(180deg);transform: rotate(180deg);} .dt-sc-reserve-appointment.type3 ul.time-table {justify-content: center;} .dt-sc-reserve-appointment.type3 ul.time-table>li {width: 100%;padding: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /* 30px - 20px */} .dt-sc-reserve-appointment.type3 ul.time-table>li ul.time-slots>li {margin: 5px 5px;width: auto;} .dt-sc-reserve-appointment.type3>div.column:nth-child(8) {width: 100%;margin: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) 0 0 !important; /* 50px - 30px */} .dt-sc-reserve-appointment.type3>div.column:nth-child(7) {width: 100%;} .dt-sc-reserve-appointment.type3>div #caldatepickerContent h3 {margin-bottom: 0;} .dt-sc-reserve-appointment.type3>div.column:nth-child(4) {margin: 0 !important;} .dt-sc-reserve-appointment.type3>div.column:nth-child(4) + .dt-sc-hr-invisible-small {display: none;} @media(max-width: 1280px) { .dt-sc-reserve-appointment.type3 ul.time-table>li ul.time-slots>li {width: auto;} } .dt-sc-reserve-appointment.type3 ul.time-table>li.selected ul.time-slots>li a:not(:hover):not(:focus):not(.selected) {border-color: rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);} .dt-sc-reserve-appointment.type3 ul.time-table>li.selected ul.time-slots>li a {color: var(--wdtHeadAltColor, #000000);} .dt-sc-reserve-appointment.type3 ul.time-table>li.selected ul.time-slots>li a:hover, .dt-sc-reserve-appointment.type3 ul.time-table>li.selected ul.time-slots>li a:focus { color: var(--wdtAccentTxtColor, #ffffff);background-color: var(--wdtPrimaryColor, #D58F76); border-color: var(--wdtPrimaryColor, #D58F76);} .dt-sc-reserve-appointment.type3 ul.time-table>li ul.time-slots>li a.selected, .dt-sc-reserve-appointment.type3 ul.time-table>li ul.time-slots>li a.selected, .dt-sc-reserve-appointment.type3 ul.time-table>li ul.time-slots>li a.selected:hover, .dt-sc-reserve-appointment.type3 ul.time-table>li ul.time-slots>li a.selected:hover {color: var(--wdtLinkColor, #000000) !important;background-color: var(--wdtPrimaryColor, #D58F76);border-color: var(--wdtPrimaryColor, #D58F76);} .dt-sc-reserve-appointment.type3 ul.time-table>li.selected {background-color: var(--wdtAccentTxtColor, #ffffff);} .ui-datepicker.ui-widget {border-radius: 0;} .ui-datepicker td {padding: 2px !important;} .ui-datepicker td span, .ui-datepicker td a {text-align: center !important;font-size: 12px;padding: .4em .2em !important;} .available-times {margin-bottom: 25px;} .available-times:empty {display: none;} .available-times .dt-sc-title {direction: rtl;display: table;float: none;margin: 0 auto clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); /* 30px - 20 */width: auto;} .available-times .dt-sc-title h3 {display: flex;flex-direction: row-reverse;align-items: center;justify-content: center;padding: 10px 20px;border: 1px solid rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);margin: 0;} .available-times .dt-sc-title>* {display: table-row;position: relative;} .available-times .dt-sc-title span {display: table-cell;vertical-align: middle;} .available-times .dt-sc-title span.name {padding: 0;font-size: var(--wdtFontSize_H6, 18px);} .available-times .dt-sc-title span.name::before {position: relative;content: "";display: inline-block;width: 14px;height: 2px;background-color: var(--wdtSecondaryColor, #120d1f);margin: 0 14px;} .available-times .dt-sc-title span.price {background: none;color: var(--wdtHeadAltColor, #000000);display: table-cell;font-size: var(--wdtFontSize_H6, 18px);font-weight: var(--wdtFontWeight_Ext, 400);height: auto;line-height: 1;text-align: center;width: auto;-webkit-border-radius: var(--wdt-booking-Radius_Zero, 0);border-radius: var(--wdt-booking-Radius_Zero, 0);padding: 0;} .available-times .time-table-wrap+.dt-sc-title {margin-top: 35px;} .total-cost-info {clear: both;} .total-cinfo-wrapper {background-color: var(--wdtAccentTxtColor, #ffffff);float: left;padding: 20px;width: 100%;-webkit-border-radius: 0;border-radius: 0;-webkit-box-shadow: unset;box-shadow: unset;margin: clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem) 0px; /* 30px - 10 */color: var(--wdtHeadAltColor, #000000);border: 1px solid rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);} .total-cinfo-wrapper span {font-weight: var(--wdtFontWeight_Ext, 400);} .total-cinfo-wrapper span.dt-sc-display-timing {padding: 0 0px 20px 0;margin-bottom: 15px;border-bottom: 1px solid rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);display: block;} .dt-sc-reserve-appointment .dt-sc-complete-details>div {width: 100%;margin: 0;} .dt-sc-reserve-appointment .dt-sc-complete-details>div:first-child {max-width: 600px;margin: 0 auto 0 0; /* 50px - 40 */} .dt-sc-reserve-appointment .dt-sc-complete-details>div:first-child .aligncenter {text-align: left;} .total-cinfo-wrapper .total-cinfo-price {background: var(--wdtPrimaryColor, #D58F76);color: var(--wdtAccentTxtColor);display: flex;justify-content: space-between;margin: 20px -20px -20px;padding: 10px 20px;} .total-cinfo-wrapper .total-cinfo-price>* {font-style: normal;} .step2 .ubpro-checkout-header-login {margin: 15px 0 25px;} .step2 .ubpro-checkout-header-login .ubpro-form-login-toggle {text-align: center;} form[id*="reserveloginform"] {background-color: var(--wdtAccentTxtColor, #ffffff);margin: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) auto 0; /* Min-30 & Max-50 */max-width: 600px;padding: clamp(1.25rem, 1rem + 1.25vw, 2.5rem); /* 40px - 20px */border: 1px solid rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);} .dt-sc-reserve-appointment.type3 form[id*="reserveloginform"] {margin: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) auto 0 0; /* Min-30 & Max-50 */} .dt-sc-reserve-appointment.type1 form[id*="reserveloginform"] {margin: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) auto 0 0; /* Min-30 & Max-50 */} form[id*="reserveloginform"]>p {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;} form[id*="reserveloginform"]>*:last-child {margin-bottom: 0px;} form[id*="reserveloginform"]>p:first-child {margin-bottom: 30px;} form[id*="reserveloginform"]>p+p {margin-top: 20px;} form[id*="reserveloginform"] p label {margin: 0 0 0 0;padding: 0 0 10px 0;width: 100%;} form[id*="reserveloginform"] p input {margin-left: 0;margin-right: 0;margin-bottom: 0 !important;margin-top: 0;} form[id*="reserveloginform"] p input.error+label, form[id*="reserveloginform"] p input+label.error {display: none !important;} form[id*="reserveloginform"] p.login-username label {max-width: 100%;} form[id*="reserveloginform"] p.login-submit {margin-top: 0;} form[id*="reserveloginform"] p.login-remember {margin-bottom: 20px;} form[id*="reserveloginform"] p.login-remember label {display: flex;margin: 0;padding: 0;width: 100%;} form[id*="reserveloginform"] input[type=text], form[id*="reserveloginform"] input[type=password] {width: 100%;padding: var(--wdt-booking-InputPadding);box-shadow: unset;-webkit-box-shadow: unset;} form[id*="reserveloginform"] input[type=text]:focus, form[id*="reserveloginform"] input[type=password]:focus {border-color: var(--wdtSecondaryColor, #120d1f);box-shadow: unset;-webkit-box-shadow: unset;} /*** Reservation II Styles ***/ .dt-sc-schedule-box, .dt-sc-contactdetails-box, .dt-sc-notification-box, .steps h2, .steps h3, .steps h4, .steps h5 {float: left;width: 100%;} .steps h2, .steps h3, .steps h4, .steps h5 {clear: both;text-align: center;} .dt-sc-schedule-box h2 {margin-bottom: clamp(0.625rem, 0.125rem + 2.5vw, 3.125rem); /* 50px - 10 */} .dt-sc-timeslot-box h2 {margin-top: clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem); /* 20px - 10 */margin-bottom: clamp(0rem, -0.125rem + 0.625vw, 0.625rem); /* 10px - 0 */} .dt-sc-schedule-progress {float: left;width: 100%;position: relative;margin-bottom: 10px;width: 33.333%;padding: clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem) 10px 10px 10px;margin-right: 0;text-align: center;} .dt-sc-schedule-progress.step3 {margin-right: 0;} .dt-sc-schedule-progress .dt-sc-progress-step {float: left;margin: 0 0 20px 0;position: relative;text-align: center;width: 100%;} .dt-sc-schedule-progress .dt-sc-progress-step:before, .dt-sc-schedule-progress .dt-sc-progress-step:after {border-top: 1px dashed;content: "";height: 0;position: absolute;top: 50%;width: 50%;z-index: -1;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-color: var(--wdtSecondaryColor, #120d1f);} .dt-sc-schedule-progress .dt-sc-progress-step:before {left: -10px;} .dt-sc-schedule-progress .dt-sc-progress-step:after {right: -10px;} .dt-sc-schedule-progress.step1 .dt-sc-progress-step:before, .dt-sc-schedule-progress.step3 .dt-sc-progress-step:after {content: none;} .dt-sc-schedule-progress .dt-sc-progress-step span {display: inline-block;float: none;font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); /* Min-20 & Max-24 */font-weight: var(--wdtFontWeight_Alt, 700);height: 80px;line-height: 80px;position: relative;width: 80px;z-index: 0;border: 1px solid var(--wdtSecondaryColor, #120d1f);color: var(--wdtHeadAltColor, #000000);background-color: var(--wdtBodyBGColor, #ffffff);} .dt-sc-schedule-progress.dt-sc-completed-step .dt-sc-progress-step span { color: var(--wdtAccentTxtColor, #ffffff); } .dt-sc-schedule-progress h4 {clear: both;margin-bottom: 12px;padding-top: 4px;font-size: var(--wdtFontSize_H4);} .dt-sc-schedule-progress p {font-size: var(--wdtFontSize_Base, 16px);max-width: 300px;margin: auto;} .dt-sc-schedule-progress .dt-sc-progress-step span:before {content: "";height: auto;position: absolute;bottom: 5px;left: 5px;right: 5px;top: 5px;width: auto;z-index: -1;} .dt-sc-appointment-contactdetails-form {width: 100%;float: left;} .dt-sc-contactdetails-box.steps input[type="text"], .dt-sc-contactdetails-box.steps input[type="password"], .dt-sc-contactdetails-box.steps input[type="email"], .dt-sc-contactdetails-box.steps input[type="url"], .dt-sc-contactdetails-box.steps input[type="tel"], .dt-sc-contactdetails-box.steps input[type="number"], .dt-sc-contactdetails-box.steps input[type="range"], .dt-sc-contactdetails-box.steps input[type="date"], .dt-sc-contactdetails-box.steps textarea, .dt-sc-contactdetails-box.steps input.text, .dt-sc-contactdetails-box.steps input[type="search"], .dt-sc-contactdetails-box.steps select {margin-bottom: 20px;} .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_Ext, 400);float: left;width: 100%;position: static;font-size: var(--wdtFontSize_H5);color: var(--wdtHeadAltColor, #000000);text-align: left;} .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;} .dt-sc-reserve-appointment2 .dt-sc-notification-box.step3 .dt-sc-aboutproject-box #dt-sc-ajax-load-image { text-align: center; } .dt-sc-goback-box {margin-bottom: 35px;position: relative;text-align: center;} .dt-sc-goback-box .appointment-goback {border: 0 solid;color: inherit;float: none;margin: auto;position: relative;z-index: 1;} .dt-sc-goback-box input[type=button].appointment-goback { color: var(--wdtLinkColor, #000000); } .dt-sc-goback-box input[type=button].appointment-goback:hover { color: var(--wdtAccentTxtColor, #ffffff); } .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-appointment-form-wrapper.vc_column_container {background-color: rgba(54, 45, 48, 0.9);margin: 0 -15px;padding: 75px 60px;} .dt-appointment-form-wrapper.vc_column_container .vc_column-inner {padding-left: 0;padding-right: 0;} .dt-sc-reservation-form.dt-appointment-form .vc_row {margin: 0;} .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); margin-top: 0px; } .wdt-dark-bg .dt-sc-reservation-form.dt-appointment-form input[type="submit"] { background-color: #fff; color: #000 !important; } .wdt-dark-bg .dt-sc-reservation-form.dt-appointment-form input[type="submit"]:hover, .wdt-dark-bg .dt-sc-reservation-form.dt-appointment-form input[type="submit"]:focus { background-color: var(--wdtSecondaryColor); color: #fff !important; } .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: #fff;color: #333;} .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: #fff;} .dt-sc-schedule-progress .dt-sc-progress-step span, .dt-sc-schedule-progress span:before {-webkit-border-radius: 50%;border-radius: 50%;} .dt-sc-schedule-progress.dt-sc-current-step .dt-sc-progress-step span {background-color: var(--wdtPrimaryColor, #D58F76);color: var(--wdtHeadAltColor, #000000);border-color: var(--wdtPrimaryColor, #D58F76);} .dt-sc-reserve-appointment2 ul.time-table {display: block;float: left;list-style-type: none;margin: 0;width: 100%;} .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;} ul.time-slots>li a {border: 1px solid rgba(0, 0, 0, .06);display: inline-block;min-width: 56px;padding: 5px 18px;position: relative;width: 100%;transition: all 0.3s linear;z-index: 1;} .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: #000;} .dt-sc-staff-item {width: 100%;display: inline-block;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;background-color: #F0F0F0;margin: 0 0 30px;} .dt-sc-staff-item:hover {box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.10);} .dt-sc-staff-item.type1 .image {position: relative;text-align: center;} .dt-sc-staff-item.type1 .image .dt-sc-staff-overlay {position: absolute;bottom: 23px;left: 0;right: 0;margin: 0 auto;} .dt-sc-staff-item .staff-details {width: 100%;padding: 30px 30px;display: inline-block;} .dt-sc-staff-item .staff-details h3 {font-size: 24px;font-weight: 500;letter-spacing: 0;margin-bottom: 8px;margin-top: 0;} .dt-sc-staff-item .staff-details h6 {color: #666;font-size: 18px;font-weight: normal;letter-spacing: 0;margin-top: 8px;margin-bottom: 15px;} .dt-sc-staff-item .staff-details p {font-size: 1em;} .dt-sc-staff-item.type2 {text-align: center;padding: 30px 0 0;} .dt-sc-staff-item.type2 .image img {margin: 0 auto;max-width: 200px;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;width: 205px !important;height: 205px !important;max-width: 100% !important;object-fit: cover;object-position: center center;} .dt-sc-staff-item .dt-sc-button, .dt-sc-service-item .dt-sc-button {display: inline-block;line-height: normal;} .dt-sc-service-item .dt-sc-button {margin: 10px 0 0;} .dt-sc-service-item .dt-sc-button:not(input):empty {display: none;} .dt-sc-staff-item .dt-sc-button:hover, .dt-sc-service-item .dt-sc-button:hover {color: #FFF;} .dt-sc-staff-item.type2 .dt-sc-button {margin: 25px 0 0;} /* Type - 1 Start */ .dt-sc-service-item.type1 { position: relative; } .dt-sc-service-item.type1 .image img { height: 100%; width: 100%; object-position: center center; object-fit: cover; border-radius: var(--wdtRadius_3X); } .dt-sc-service-item.type1 > .image > .image-service-details { padding: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem) /*20px - 30px*/; padding-top: 60px; text-align: start; align-self: end; z-index: 2; } .dt-sc-service-item.type1 > .image > .image-service-details > *:not(:last-child) { margin: 0 0 14px; } .dt-sc-service-item.type1 .service-details { text-align: left; padding: clamp(0.625rem, 0.4808rem + 0.641vw, 1.25rem) /* 10px - 20px */ 0px; -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); } .dt-sc-service-item.type1 .image-service-details .dt-sc-service-button > .dt-sc-button { font-size: var(--wdtFontSize_Ext); display: inline-block; -webkit-border-radius: var(--wdtRadius_Part); border-radius: var(--wdtRadius_Part); padding: var(--wdtPadding_Btn); line-height: normal; width: auto; height: auto; background: transparent; border: 1px solid currentColor; } .dt-sc-service-item.type1 .image-service-details .dt-sc-service-button > .dt-sc-button:hover { border-color: var(--wdtSecondaryColor); } .dt-sc-service-item.type1 .image:before { content: ''; position: absolute; top: auto; bottom: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(var(--wdtPrimaryColorRgb), 0) 0%, var(--wdtPrimaryColor) 90%); border-radius: var(--wdtRadius_3X); opacity: 0; pointer-events: none; } .dt-sc-service-item.type1:hover .image:before { opacity: 1; } .dt-sc-service-item.type1 .image-service-details > .dt-sc-service-price-group { display: flex; flex-wrap: wrap; margin-left: -10px !important; margin-right: -10px !important; width: auto; align-items: center; } .dt-sc-service-item.type1 .image-service-details > .dt-sc-service-price-group > .dt-sc-service-duration { margin: 0px; padding: 4px 10px; } .dt-sc-service-item.type1 .image-service-details > .dt-sc-service-price-group > .dt-sc-service-price { font-size: 120%; font-weight: 600; line-height: 1; margin-left: 10px; padding: 4px 10px; position: relative; } .dt-sc-service-item.type1 .image-service-details > .dt-sc-service-price-group > .dt-sc-service-price:before { content: ""; position: absolute; background-color: currentColor; height: 1em; width: 1px; top: 50%; left: -1px; transform: translate(-50%, -50%) rotate(15deg); } .dt-sc-service-item.type1 .service-details h4, body[class*="archive-dt_service"] .dt-sc-service-item.type1 .service-details h4 { color: var(--wdtSecondaryColor); } .dt-sc-service-item.type1 .image-service-details > .dt-sc-service-title:first-child { margin-bottom: 4px; } @media (min-width: 768px) { .dt-sc-service-item.type1 > .image { position: relative; display: grid; } .dt-sc-service-item.type1 > .image > img, .dt-sc-service-item.type1 > .image > .image-item, .dt-sc-service-item.type1 > .image > .image-service-details { grid-area: 1/-1; align-content: end; } .dt-sc-service-item.type1 .image img { min-height: clamp(21.875rem, 18.8462rem + 13.4615vw, 35rem) /* 350px - 560px */; } .dt-sc-service-item.type1 .image-service-details h4 a { color: var(--wdtAccentTxtColor); } .dt-sc-service-item.type1 .image-service-details h4 a:hover { color: var(--wdtAccentTxtColor); opacity: 0.75; } .dt-sc-service-item.type1 .image-service-details .dt-sc-service-duration, .dt-sc-service-item.type1 .image-service-details .dt-sc-service-meta ul li, .dt-sc-service-item.type1 .image-service-details .dt-sc-service-price, .dt-sc-service-item.type1 .image-service-details p, .dt-sc-service-item.type1 .image-service-details .dt-sc-button { -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); color: var(--wdtAccentTxtColor); } .dt-sc-service-item.type1 .service-details > .dt-sc-service-title, .dt-sc-service-item.type1 .image-service-details > .dt-sc-service-title, .dt-sc-service-item.type1 .image-service-details > div.dt-sc-service-price-group, .dt-sc-service-item.type1 .image-service-details > div.dt-sc-service-description, .dt-sc-service-item.type1 .image-service-details > div.dt-sc-service-button, .dt-sc-service-item.type1 > .image:before { -webkit-transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); } .dt-sc-service-item.type1:hover .service-details > .dt-sc-service-title, .dt-sc-service-item.type1:hover .image-service-details > .dt-sc-service-title, .dt-sc-service-item.type1:hover .image-service-details > div.dt-sc-service-price-group, .dt-sc-service-item.type1:hover .image-service-details > div.dt-sc-service-description, .dt-sc-service-item.type1:hover .image-service-details > div.dt-sc-service-button, .dt-sc-service-item.type1:hover > .image:before { -webkit-transition: 500ms cubic-bezier(0.7, 0, 0.3, 1); transition: 500ms cubic-bezier(0.7, 0, 0.3, 1); } .dt-sc-service-item.type1 .service-details > .dt-sc-service-title { transition-delay: 70ms; -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; visibility: visible; } .dt-sc-service-item.type1 .image-service-details > .dt-sc-service-title { transition-delay: 70ms; -webkit-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; } .dt-sc-service-item.type1 .image-service-details > div.dt-sc-service-price-group { transition-delay: 60ms; -webkit-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; } .dt-sc-service-item.type1 .image-service-details > div.dt-sc-service-description { transition-delay: 50ms; -webkit-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; } .dt-sc-service-item.type1 .image-service-details > div.dt-sc-service-button { transition-delay: 25ms; -webkit-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; } .dt-sc-service-item.type1:hover .service-details > .dt-sc-service-title { transition-delay: 0ms; -webkit-transform: translateX(30px); transform: translateX(30px); opacity: 0; visibility: hidden; } .dt-sc-service-item.type1:hover .image-service-details > .dt-sc-service-title { transition-delay: 0ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .dt-sc-service-item.type1:hover .image-service-details > div.dt-sc-service-price-group { transition-delay: 100ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .dt-sc-service-item.type1:hover .image-service-details > div.dt-sc-service-description { transition-delay: 250ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .dt-sc-service-item.type1:hover .image-service-details > div.dt-sc-service-button { transition-delay: 350ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @media (max-width: 767px) { .dt-sc-service-item.type1 > .image:before, .dt-sc-service-item.type1 .service-details { display: none; } .dt-sc-service-item.type1 > .image > .image-service-details { padding: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem) /*20px - 30px*/ 0px; } .dt-sc-service-item.type1 .image img { min-height: 260px; } .dt-sc-service-item.type1 .image-service-details .dt-sc-service-button > .dt-sc-button { color: var(--wdtHeadAltColor) !important; } .dt-sc-service-item.type1 .image-service-details .dt-sc-service-button > .dt-sc-button:hover { color: var(--wdtAccentTxtColor) !important; } } @media (max-width:767px) { .form-control { margin-bottom: 10px; } .form-control:has(> span.dt-sc-captcha) { margin: 30px 0; } } /* Type - 1 End */ @media (max-width:1280px) { .dt-sc-service-items-container {grid-template-columns: repeat(2, 1fr);} } @media screen and (max-width: 1024px) { .dt-sc-service-item.type1 .image>.image-item, .dt-sc-service-item.type2 .image>.image-item, .dt-sc-service-item.type2~.dt-sc-service-item .image>.image-item {-webkit-mask-image: none;mask-image: none;} .dt-sc-service-item.type2 .image, .dt-sc-service-item.type2~.dt-sc-service-item .image {width: 100%;} /* ===== Scrollbar CSS ===== */ /* Firefox */ .dt-sc-service-items-container {scrollbar-width: none;scrollbar-color: var(--wdtPrimaryColor) transparent;} /* Chrome, Edge, and Safari */ .dt-sc-service-items-container::-webkit-scrollbar {width: 0px;} .dt-sc-service-items-container::-webkit-scrollbar-track {background: transparent;} .dt-sc-service-items-container::-webkit-scrollbar-thumb {background-color: var(--wdtPrimaryColor);border-radius: 0px;} } @media screen and (max-width: 600px) { .dt-sc-service-items-container {grid-template-columns: 1fr;gap: 40px;} } @media screen and (max-width: 479px) { .dt-sc-service-items-container {grid-template-columns: 1fr;gap: 30px;} } .dt-sc-service-item {font-size: 1em;} .dt-sc-service-item .service-details h3 {font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); /* Min-20 & Max-24 */font-weight: var(--wdtFontWeight_H3, 700);margin-bottom: 10px;margin-top: 0;} .dt-sc-service-item .service-details h6 {font-size: 1em;margin-top: 0;margin-bottom: 15px;padding: 0;color: #666;} .dt-sc-service-item .service-details .dt-sc-service-price {clear: both;display: inline-block;font-size: 1.1em;font-weight: 600;line-height: normal;margin: 5px 0 10px;width: 100%;} .dt-sc-service-item .service-details h4 { margin-bottom: 10px; padding: 0; margin-top: 0; } .dt-sc-service-item .service-details h4:only-child { margin-bottom: 0px; } .dt-sc-service-item .service-details h6, .dt-sc-service-meta ul li {display: inline-block;letter-spacing: 0;} .dt-sc-service-item .service-details span {font-size: 1em;font-weight: 600;margin-left: 10px;} .dt-sc-service-item .service-details .dt-sc-service-meta {width: 100%;margin: 20px auto 0;display: inline-block;} .dt-sc-service-item .service-details .dt-sc-service-meta li h6 {float: left;letter-spacing: 0;line-height: 22px;margin-top: 0;margin-bottom: 0;width: 68%;} .dt-sc-service-item .dt-sc-service-meta ul li {display: inline-block;clear: both;border-bottom: 1px dashed;width: 100%;text-align: left;padding-bottom: 10px;margin-bottom: 5px;font-size: 1em;border-color: #666;} .dt-sc-service-item .dt-sc-service-meta ul li:last-child {border-bottom: none;padding-bottom: 3px;} .dt-sc-service-item .service-details .dt-sc-service-meta li span {clear: none;float: right;line-height: 1.4;text-align: right;width: calc(32% - 10px);} .dt-sc-service-item .service-details .dt-sc-service-meta ul {margin: 0;padding: 0;} .dt-sc-service-item .service-details p:only-of-type:last-child {margin-bottom: 0;} .dt-sc-service-item .service-details p:only-of-type:not(:last-child) {margin-top: 10px;margin-bottom: 10px;} .dt-sc-service-item {text-align: center;padding: 0px;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;margin-bottom: 2%;float: left;} .dt-sc-service-item.type2 .image {max-width: 100%;margin: 0px;} .dt-sc-service-item.type2 .image img, .dt-services-list .dt-sc-service-item .image img {border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;} .dt-sc-service-item.type2 .service-details h3 {margin-bottom: 10px;} .page-two-column .dt-sc-service-item.type2 {padding: 50px 20px 50px;} .page-two-column .dt-sc-staff-item .dt-sc-button, .page-two-column .dt-sc-service-item .dt-sc-button {padding: 10px 15px;font-size: 14px;} .page-two-column .dt-sc-service-item.type2 .service-details .dt-sc-service-meta li h6 {font-size: 14px;} .page-two-column .dt-sc-service-item.type2 .service-details .dt-sc-service-meta li span {font-size: 12px;line-height: 29px;} .dt-services-list {clear: none;display: inline-block;float: left;width: 100%;} .dt-services-list .dt-sc-service-item {background-color: transparent;padding: 0;text-align: left;position: relative;margin: 0;padding: 0 0 20px 130px;margin-bottom: 30px;min-height: 120px;} .dt-services-list .dt-sc-service-item:after {content: "";border-bottom: 1px dashed;width: 100%;height: 1px;display: inline-block;clear: both;float: left;left: 0;bottom: 0;position: absolute;margin: 0;} .dt-services-list .dt-sc-service-item:last-child:after {display: none;} .dt-services-list .dt-sc-service-item:hover {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;} .dt-services-list .dt-sc-service-item .image {float: left;margin: 0 30px 0 0;width: 100px;position: absolute;top: 0;left: 0;} .dt-services-list .dt-sc-service-item .service-details .dt-sc-service-meta {width: auto;margin: 0;} .dt-services-list .dt-sc-service-item .service-details .dt-sc-service-meta ul {margin: 0;padding: 0;} .dt-services-list .dt-sc-service-item .dt-sc-service-meta ul, .dt-services-list .dt-sc-service-item .dt-sc-service-meta ul li {display: table;} .dt-services-list .dt-sc-service-item .dt-sc-service-meta ul {width: auto;} .intro-section .dt-services-list .dt-sc-service-item {border-bottom: none;} .intro-section .dt-services-list .dt-sc-service-item .service-details h4 {float: right;margin: -25px 0 0;} .intro-section .dt-services-list .dt-sc-service-item .service-details h3 {margin: 15px 0 0;} .dt-appointment-form .column {margin-bottom: 1.5rem;} .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(--wdtSecondaryColor, #120d1f);} .dt-sc-dark-bg .dt-appointment-form input[type=text]::-webkit-input-placeholder {color: #FFF;} .dt-sc-dark-bg .dt-appointment-form input[type=text]:-moz-placeholder {color: #FFF;opacity: 1;} .dt-sc-dark-bg .dt-appointment-form input[type=text]::-moz-placeholder {color: #FFF;opacity: 1;} .dt-sc-dark-bg .dt-appointment-form input[type=text]:-ms-input-placeholder {color: #FFF;} ::-webkit-placeholder {color: var(--wdtBodyTxtColor), #666666;opacity: 1;} :-moz-placeholder {color: var(--wdtBodyTxtColor), #666666;opacity: 1;} ::-moz-placeholder {color: var(--wdtBodyTxtColor), #666666;opacity: 1;} :-ms-placeholder {color: var(--wdtBodyTxtColor), #666666;opacity: 1;} .dt-sc-dark-bg .dt-appointment-form select, .dt-sc-dark-bg .dt-appointment-form input[type=text] {color: #FFF;border-color: #FFF;} .dt-sc-dark-bg .selection-box:before {border-top-color: #FFF;} .dt-sc-dark-bg .dt-appointment-form select option {color: #5f5842;} .app-form .dt-appointment-form p {margin-bottom: 0;} .app-form .dt-appointment-form .dt-sc-button {width: 100%;background-color: #FFF;margin: 26px 0 0;} .app-form .dt-appointment-form .dt-sc-button:hover {color: #FFF;} #ui-datepicker-div .ui-widget-header, #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default {background: rgba(0, 0, 0, 0.05);border-image: none;} /*** Reservation Form II Styles ***/ .dt-sc-reserve-appointment2 .available-times .dt-sc-title {padding: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem) 20px 0;} .dt-sc-reserve-appointment2 ul.time-table>li ul.time-slots {border-top: 1px solid rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);} .dt-sc-reserve-appointment2 ul.time-table>li.selected {background-color: #f2f2f2;} .dt-sc-reserve-appointment2 ul.time-table>li.selected ul.time-slots {background-color: #ebe6db;} #dt-sc-ajax-load-image img {margin: 0 auto;} /*** Services Single Styles ***/ .dt_service-single {width: 100%;} .dt_service-single>.attachment-post-thumbnail {margin: 0 auto;display: block;} @media only screen and (min-width:1400px) { .dt_service-single>.attachment-post-thumbnail {object-fit: cover;height: 700px !important;object-position: center center;} } 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 !important;} /*** Staff Single Styles ***/ .dt_staff-single {width: 100%;} .dt_staff-single>.attachment-post-thumbnail {width: 38% !important;float: left;margin-right: 3%;} .content-aside {width: 59%;float: left;margin: 0 !important;position: relative;z-index: 1;} .default-button a {padding: 13px 20px 12px !important;font-size: 20px !important;} .booking-pagination {clear: both;} .res-fullwidth-content, .clear-both {clear: both;} /*** Staff Types Styles ***/ .dt-sc-team.hide-social-show-on-hover .dt-sc-team-social li a {padding: 0 5px;} .staff .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-thumb {border: none;} .staff .dt-sc-team.hide-social-role-show-on-hover:hover .dt-sc-team-social {top: -18px;} .staff .dt-sc-team.hide-social-role-show-on-hover ul.dt-sc-team-social li {margin: 0px 5px;} .staff.dt-sc-one-third .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social li a {width: 40px;height: 40px;font-size: 1em;line-height: 38px;} .staff .dt-sc-team.hide-details-show-on-hover .dt-sc-team-details h4 {font-weight: 500;text-transform: none;} .staff .dt-sc-team.hide-details-show-on-hover .dt-sc-team-details .dt-sc-team-social {padding: 20px 0 0;} .dt-sc-team-details h5 {color: #666;} .staff .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-details h5 {font-size: 15px;} .ui-datepicker.ui-widget {font-size: 0.8em;} .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;} form[class*="dt-sc-"] input[type=checkbox] + label.error { position: absolute; bottom: 0; margin: 0; } .staff-info .dt-sc-team-social {text-align: inherit;margin: 20px 0 30px !important;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: #222222;border-radius: 50%;color: #FFF;} .staff-info .dt-sc-team-social li a:hover {background-color: #767676;} .staff-info .dt-sc-team-social li a:focus {background: #767676 !important;} .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%;} .dt-sc-button:hover, .staff-info .dt-sc-team-social li a:hover, .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 {-webkit-animation: pulse-shadow 1s;animation: pulse-shadow 1s;-webkit-box-shadow: 0 0 0 2em rgba(0, 0, 0, 0);box-shadow: 0 0 0 2em rgba(0, 0, 0, 0);} @keyframes pulse-shadow { 0% {-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.06);box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.06);} } .img-hover img {transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;} .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: #FFF !important;border: 3px solid #39414d;color: inherit;display: inline-block;display: flex;align-items: center;font-weight: normal;margin-top: 0;min-height: 60px;padding: 12px;padding: 12px 30px 12px 65px;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: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem);height: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem);position: absolute;top: 3px;right: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);bottom: 0;margin: auto;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-repeat: no-repeat;} .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 {padding: 0;color: var(--wdtHeadAltColor, #000000);font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_Ext);font-weight: var(--wdtFontWeight_Base);line-height: 1;text-transform: none;} .default-title .elementor-heading-title, .default-text .elementor-widget-container {color: #28303d !important;font-weight: 300 !important;} .form-control.dtstaff-drop-down .select-list {background-color: var(--wdtBodyBGColor, #ffffff);margin: 0 0 0;padding: 0;top: 100%;width: 100%;z-index: 3;border: 0 solid var(--wdtBorderColor, #ffdaa3);border-radius: var(--wdt-booking-Radius_Zero);transition: var(--wdt-booking-Alt_Transition);-webkit-transition: var(--wdt-booking-Alt_Transition);box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;} .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) !important;height: 100% !important;transition: var(--wdt-booking-Base_Transition);-webkit-transition: var(--wdt-booking-Base_Transition);list-style: none;background-color: var(--wdtBodyBGColor, #ffffff);border-color: rgb(var(--wdtBorderColorRgb, 1,71,54),0.5);border-style: solid;border-width: 0 1px 1px;} .form-control.dtstaff-drop-down .select-list li:hover {background-color: var(--wdtPrimaryColor, #D58F76);} .form-control.dtstaff-drop-down .select-list li span {display: inline-block;min-height: unset;min-width: unset;width: 100%;padding: 0;background-color: transparent;background-position: center center;background-repeat: no-repeat;font-size: var(--wdtFontSize_Base, 16px);color: #000;opacity: 1;max-width: none;white-space: nowrap;font-weight: 400;font-style: normal;} .form-control.dtstaff-drop-down {z-index: auto !important;} .form-control.dtstaff-drop-down .select-list li span:not(.staff-role, .staff-name) {border: 1px solid rgb(var(--wdtBorderColorRgb, 1,71,54),0.15);border-radius: var(--wdt-booking-Radius_Full);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: 0;} .form-control.dtstaff-drop-down .select-list li span.staff-role:has(.staff-name:empty) {top: -16px;} .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(--wdtHeadAltColor, #000000);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:hover span.staff-role i, .form-control.dtstaff-drop-down .select-list li:focus span.staff-role i {color: var(--wdtLinkColor, #000000);} .form-control input, .form-control select, .form-control textarea {margin-bottom: 0 !important;} .dt-sc-reserve-appointment2 .dt-sc-appointment-scheduler-form input[type=text] {margin-left: 0;margin-right: 0;} .page-with-sidebar .elementor-section.elementor-section-stretched {left: auto !important;width: 100% !important;} /*** Responsive ***/ @media only screen and (min-width: 768px) and (max-width: 1599px) { .dt-sc-reserve-appointment2 .dt-sc-appointment-scheduler-form {margin: 0 auto;width: 100%;} } @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;} .dt-sc-reserve-appointment2 .dt-sc-appointment-scheduler-form .dt-sc-one-third.column {margin: 0;width: 100%;} } @media only screen and (max-width:1280px) { .res-position {left: 0 !important;right: 0 !important;} } @media only screen and (max-width:1025px) { .type1.expert-archive {margin-bottom: -980px !important;} .res-position {position: static !important;text-align: center !important;} .no-space {display: none;} .no-padding {padding-bottom: 0 !important;} .fw-section-2 {padding-right: 0 !important;} } @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) { .vc_row.wide-row, .dt-sc-view-reservations {max-width: 800px !important;margin: 0 auto !important;} .vc_row.wide-row-large {max-width: 1200px !important;margin: 0 auto !important;} /*** For Elementor ***/ .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) { .dt-sc-staff-item .staff-details h3 {font-size: 22px;} .page-two-column .vc_col-sm-6 .dt-sc-service-item.type2 {padding: 50px 15px 50px;} body[class*="single"] #content, body[class*="archive"] #content {max-width: 900px;} .dt_staff-single>.attachment-post-thumbnail {width: 100% !important;margin: 0 auto;float: none;display: block;} .dt_staff-single>.attachment-post-thumbnail {margin-right: 0 !important;} .content-aside {width: 100%;float: left;margin: 80px 0 0 !important;} .res-fullwidth-content .vc_col-sm-6 {width: 100%;} .res-fullwidth-content .vc_col-sm-6>.vc_column-inner {padding: 80px 50px 50px !important;} .fullwidth-section-2.res-fullwidth-content {margin-top: 80px !important;} .misc-section .vc_col-sm-6 {width: 100%;} } @media only screen and (min-width:768px) and (max-width:991px) { .vc_col-sm-4 .dt-sc-service-item .dt-sc-service-meta ul li {text-align: center;padding: 10px 5px;} .vc_col-sm-4 .dt-sc-service-item .service-details .dt-sc-service-meta li h6 {float: none;width: 100%;display: inline-block;} .vc_col-sm-4 .dt-sc-service-item .service-details .dt-sc-service-meta li span {text-align: center;float: none;width: 100%;display: inline-block;margin-left: 0;} .vc_col-sm-4 .dt-sc-service-item .dt-sc-button.medium {font-size: 12px;padding: 10px 15px;} .dt-sc-service-item.type1 .image {width: 100%;} .dt-sc-service-item.type1 .image {width: 100%;} .dt-sc-one-third.dt-sc-service-item .dt-sc-service-meta ul li>* {display: inline-block;float: none !important;line-height: normal !important;margin: 0;text-align: center !important;width: 100% !important;} .dt-sc-staff-item.type2 .image img {max-width: 100px;} .page-two-column .vc_col-sm-6 .dt-sc-service-item.type2 {padding: 50px 10px 50px;} .page-two-column .vc_col-sm-6 .dt-sc-staff-item .dt-sc-button {padding: 8px 15px;font-size: 12px;} .page-two-column .vc_col-sm-6 .dt-sc-service-item .dt-sc-button {padding: 6px 10px;font-size: 12px;} .page-two-column .vc_col-sm-6 .dt-sc-service-item.type2 .service-details .dt-sc-service-meta li h6 {font-size: 11px;} .page-two-column .vc_col-sm-6 .dt-sc-service-item.type2 .service-details .dt-sc-service-meta li span {font-size: 10px;margin-left: 0;} .page-two-column ul.time-table>li {padding: 15px 15px 0;} .page-two-column ul.time-table>li ul.time-slots>li a {min-width: 80px;padding: 5px 5px;} body[class*="single"] #content, body[class*="archive"] #content {max-width: 710px;} .dt-sc-view-reservations {max-width: 710px !important;} .dt_staff-single>.attachment-post-thumbnail {width: 100% !important;margin: 0 auto;float: none;display: block;} .dt_staff-single>.attachment-post-thumbnail {margin-right: 0 !important;} .content-aside {width: 100%;float: left;margin: 50px 0 0 !important;} .res-fullwidth-content .vc_col-sm-6 {width: 100%;} .res-fullwidth-content .vc_col-sm-6>.vc_column-inner {padding: 25px !important;} .fullwidth-section-2.res-fullwidth-content {margin-top: 80px !important;} .misc-section .vc_col-sm-6 {width: 100%;} .dt_staff-single .dt-sc-button {padding: 14px 60px;} .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% !important;margin: 0 auto;float: none;display: block;} .dt_staff-single>.attachment-post-thumbnail {margin-right: 0 !important;} .content-aside {width: 100%;float: left;margin: 50px 0 0 !important;} .res-fullwidth-content .vc_col-sm-6 {width: 100%;} .res-fullwidth-content .vc_col-sm-6>.vc_column-inner {padding: 25px !important;} .fullwidth-section-2.res-fullwidth-content {margin-top: 80px !important;} .misc-section .vc_col-sm-6 {width: 100%;} .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;} } @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 0 20px;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%;} .dt-sc-service-item .service-details .dt-sc-service-meta, .dt-sc-service-item.type1 .image {width: 100%;} .dt-sc-service-item.type2 .service-details span {font-size: 1em;line-height: 1;} .fullwidth-icon-count .dt-sc-icon-box.type2.no-icon h5 {font-size: 18px;} ul.time-table>li {width: 100%;margin-right: 0;} .dt-sc-schedule-progress {width: 100%;} .dt-sc-schedule-progress .dt-sc-progress-step:before, .dt-sc-schedule-progress .dt-sc-progress-step:after {display: none;} ul.time-table>li ul.time-slots>li a {padding: 5px 10px;} .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 !important;margin-right: auto !important;} .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 !important;} .space-left>.vc_column-inner {padding-left: 15px !important;} .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;} form[id*="reserveloginform"]>p {display: inline-block;width: 100%;margin: 0;} form[id*="reserveloginform"] p label {display: inline-block;width: 100%;padding-right: 5px;padding-top: 0;padding-bottom: 10px;} form[id*="reserveloginform"] p input[type=text], form[id*="reserveloginform"] p input[type=password] {width: 100%;} form[id*="reserveloginform"] input[type=text], form[id*="reserveloginform"] input[type=password] {width: 100%;} form[id*="reserveloginform"]>p:first-child {margin-bottom: 0;}} @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;} .dt-sc-service-item.type1 .service-details {padding: 12px 20px;} body[class*="single"] #content, body[class*="archive"] #content {max-width: 260px;} .dt-sc-view-reservations {max-width: 290px !important;} .default-button a {font-size: 1em !important;} .dt-sc-service-item .dt-sc-service-meta ul li>* {display: inline-block;float: none !important;line-height: normal !important;margin: 0;text-align: center !important;width: 100% !important;} } /* New placeholder css */ .frm-group {position: relative;} .frm-group .placeholder {position: absolute;top: 0;left: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); font-size: var(--wdtFontSize_Ext, 14px); text-transform: capitalize;pointer-events: none; opacity: 1; color: var(--wdtBodyTxtColor, #666666); line-height: 1; bottom: 0;margin: auto 0;height: fit-content;} .frm-group .placeholder:has(~ input[aria-invalid="false"]) {display: none;} .frm-group label {color: var(--wdtBodyTxtColor, #666666);font-weight: var(--wdtFontWeight_Base, 400);} .frm-group .star {color: red} /* Our Team Style */ .dt-sc-staff-items-container {display: flex;width: auto;margin: -10px;flex-wrap: wrap;align-items: flex-start;justify-content: center;} .dt-sc-staff-items-container .dt-sc-staff-item {margin: 0;padding: 10px;background: none;} .dt-sc-staff-items-container .dt-sc-staff-item.type1 {width: 100%;padding: 0;border: none;} .dt-sc-staff-items-container:has(.dt-sc-staff-item.type1):not(.swiper) { margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } .dt-sc-staff-items-container .dt-sc-staff-item.type2 {width: 25%;} .dt-sc-staff-items-container .dt-sc-staff-item.type3 {width: 100%;} .dt-sc-staff-items-container .dt-sc-staff-item a:empty { display: none; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > a { border-radius: var(--wdt-booking-Radius_Zero, 0); overflow: hidden; width: 100%; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > a .dt-image-item { position: relative;overflow: hidden; border-radius: var(--wdtRadius_3X); } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > a .dt-image-item img { transform: scale(1.1); -webkit-transform: scale(1.1); transition: var(--wdt-booking-Base_Transition); -webkit-transition: var(--wdt-booking-Base_Transition); } .dt-sc-staff-items-container .dt-sc-staff-item.type1:hover .image > a .dt-image-item img { transform: scale(1);-webkit-transform: scale(1);} .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image { display: grid; margin: 0 0 clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem); overflow: hidden; width: 100%; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > a, .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > .dt-sc-staff-overlay { grid-area: 1/-1; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > .dt-sc-staff-overlay { z-index: 1; height: fit-content; width: fit-content; margin: 20px 20px auto auto; display: flex; align-items: flex-start; justify-content: flex-end; position: relative; bottom: 0; top: 0; opacity: 0; visibility: hidden; transition: var(--wdt-booking-Alt_Transition); transition-delay: 0ms; transform: translateX(30px); } .dt-sc-staff-items-container .dt-sc-staff-item.type1:hover .image > .dt-sc-staff-overlay { transform: translateX(0px); opacity: 1; visibility: visible; transition-delay: 100ms; } .dt-sc-staff-items-container .dt-sc-staff-item:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details { padding: 0px; background-color: transparent; width: 100%; margin-top: 0; position: relative; transition: var(--wdt-booking-Alt_Transition); -webkit-transition: var(--wdt-booking-Alt_Transition); } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > div:not(:last-child) { margin: 0 0 8px; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > div.dt-sc-staff-time { font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details h3 { font-size: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem); /* Min-20 & Max-26 */font-weight: var(--wdtFontWeight_Alt); margin: 0px;} .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details h3 a {color: var(--wdtLinkColor, #000000);} .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details h3 a:hover {color: var(--wdtLinkHoverColor, #D58F76);} /* .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details>*:not(h3, h6) {display: none;} */ /* .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details>p {display: block;margin: 0;font-size: 0;} */ /* .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > .dt-sc-button-item > a { margin-left: 28px; font-size: var(--wdtFontSize_Base); margin-top: 0px; font-weight: normal !important; color: var(--wdtLinkHoverColor) !important; background: transparent; padding: 2px 0px; position: relative; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > .dt-sc-button-item > a:hover { background: transparent !important; } */ .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > .dt-sc-button-item > a { padding: 0; margin-top: 15px; position: relative; margin-left: 28px; color: var(--wdtSecondaryColor) !important; display: inline; background-image: linear-gradient(45deg, currentColor, currentColor) !important; background-color: transparent !important; background-repeat: no-repeat !important; background-size: 0% 1px !important; background-position: bottom left !important; padding-bottom: 1px !important; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > .dt-sc-button-item > a:hover, .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > .dt-sc-button-item > a:focus { background-size: 100% 1px !important; color: var(--wdtLinkHoverColor) !important; } /* .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > .dt-sc-button-item > a:before { content: ""; height: 1px; left: 0px; right: 0px; bottom: 1px; top: auto; background: currentColor; position: absolute; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: transform var(--wdt-Ad-Transition); transition: transform var(--wdt-Ad-Transition); -webkit-transform-origin: left bottom; transform-origin: left bottom; */ /* } */ /* .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > .dt-sc-button-item > a:hover:before { -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right bottom; transform-origin: right bottom; } */ .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > .dt-sc-button-item > a:after { content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M17.5,19.8c-0.2,0-0.4,0-0.6-0.1C13.1,19.1,9.2,17,6.3,14C3.4,11,1.5,7.2,0.8,3c0-0.2-0.1-0.3-0.1-0.5H0.4l0.5-1 C1.1,1.2,1.4,1,1.7,0.9c2.8-0.7,2.9-0.7,2.9-0.7C5.3,0.1,6,0.6,6.2,1.4c0.3,0.9,0.5,1.8,1,2.7c0.3,0.7,0.1,1.6-0.5,2L6,6.6 C5.9,6.6,5.9,6.7,5.8,6.8c0,0.6,1.7,2.9,3.2,4.4c1.4,1.4,3.6,3.2,4.1,3.2c0,0,0,0,0,0c0.1,0,0.2-0.1,0.2-0.2l0.4-0.7 c0.4-0.7,1.2-0.9,1.9-0.5c0.5,0.3,1.4,0.6,2.1,0.9c1.1,0.4,1.2,0.5,1.3,0.6c0.4,0.4,0.5,0.9,0.4,1.3l-0.6,3 c-0.1,0.3-0.3,0.6-0.6,0.8C18.1,19.7,17.8,19.8,17.5,19.8z M2.1,2.2c0,0.1,0,0.2,0,0.6c0.7,3.9,2.5,7.5,5.1,10.3 c2.7,2.8,6.3,4.8,9.8,5.3c0.4,0.1,0.6,0,0.6,0l0.6-2.8c0,0,0,0,0-0.1c-0.2-0.1-0.5-0.2-0.9-0.4c-0.7-0.3-1.6-0.7-2.2-1 c-0.1-0.1-0.3,0-0.3,0l-0.4,0.7c-0.2,0.4-0.6,0.7-1,0.8c-1.5,0.4-4.9-3.1-5.3-3.5C7.5,11.5,4.2,8,4.6,6.5c0.1-0.4,0.4-0.8,0.8-1 L6,5.1c0.1,0,0.1-0.2,0-0.3c-0.5-1-0.8-2-1-2.9c0-0.1-0.2-0.2-0.2-0.2C4.8,1.6,4.5,1.6,2.1,2.2z M2,2.2C2,2.2,2,2.2,2,2.2 C2,2.2,2,2.2,2,2.2z'/%3E%3Cpath d='M15.7,9.8c-0.4,0-0.6-0.3-0.6-0.7c0-2.8-2.2-5.1-5-5.1C9.8,4,9.5,3.7,9.5,3.3s0.3-0.7,0.6-0.7c3.4,0,6.2,2.9,6.2,6.5 C16.4,9.5,16.1,9.8,15.7,9.8z'/%3E%3Cpath d='M18.1,9.8c-0.4,0-0.6-0.3-0.6-0.7c0-4.2-3.3-7.6-7.3-7.6c-0.4,0-0.6-0.3-0.6-0.7s0.3-0.7,0.6-0.7c4.7,0,8.6,4,8.6,8.9 C18.8,9.5,18.5,9.8,18.1,9.8z'/%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M17.5,19.8c-0.2,0-0.4,0-0.6-0.1C13.1,19.1,9.2,17,6.3,14C3.4,11,1.5,7.2,0.8,3c0-0.2-0.1-0.3-0.1-0.5H0.4l0.5-1 C1.1,1.2,1.4,1,1.7,0.9c2.8-0.7,2.9-0.7,2.9-0.7C5.3,0.1,6,0.6,6.2,1.4c0.3,0.9,0.5,1.8,1,2.7c0.3,0.7,0.1,1.6-0.5,2L6,6.6 C5.9,6.6,5.9,6.7,5.8,6.8c0,0.6,1.7,2.9,3.2,4.4c1.4,1.4,3.6,3.2,4.1,3.2c0,0,0,0,0,0c0.1,0,0.2-0.1,0.2-0.2l0.4-0.7 c0.4-0.7,1.2-0.9,1.9-0.5c0.5,0.3,1.4,0.6,2.1,0.9c1.1,0.4,1.2,0.5,1.3,0.6c0.4,0.4,0.5,0.9,0.4,1.3l-0.6,3 c-0.1,0.3-0.3,0.6-0.6,0.8C18.1,19.7,17.8,19.8,17.5,19.8z M2.1,2.2c0,0.1,0,0.2,0,0.6c0.7,3.9,2.5,7.5,5.1,10.3 c2.7,2.8,6.3,4.8,9.8,5.3c0.4,0.1,0.6,0,0.6,0l0.6-2.8c0,0,0,0,0-0.1c-0.2-0.1-0.5-0.2-0.9-0.4c-0.7-0.3-1.6-0.7-2.2-1 c-0.1-0.1-0.3,0-0.3,0l-0.4,0.7c-0.2,0.4-0.6,0.7-1,0.8c-1.5,0.4-4.9-3.1-5.3-3.5C7.5,11.5,4.2,8,4.6,6.5c0.1-0.4,0.4-0.8,0.8-1 L6,5.1c0.1,0,0.1-0.2,0-0.3c-0.5-1-0.8-2-1-2.9c0-0.1-0.2-0.2-0.2-0.2C4.8,1.6,4.5,1.6,2.1,2.2z M2,2.2C2,2.2,2,2.2,2,2.2 C2,2.2,2,2.2,2,2.2z'/%3E%3Cpath d='M15.7,9.8c-0.4,0-0.6-0.3-0.6-0.7c0-2.8-2.2-5.1-5-5.1C9.8,4,9.5,3.7,9.5,3.3s0.3-0.7,0.6-0.7c3.4,0,6.2,2.9,6.2,6.5 C16.4,9.5,16.1,9.8,15.7,9.8z'/%3E%3Cpath d='M18.1,9.8c-0.4,0-0.6-0.3-0.6-0.7c0-4.2-3.3-7.6-7.3-7.6c-0.4,0-0.6-0.3-0.6-0.7s0.3-0.7,0.6-0.7c4.7,0,8.6,4,8.6,8.9 C18.8,9.5,18.5,9.8,18.1,9.8z'/%3E%3C/svg%3E%0A"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-position: center center; mask-position: center center; left: -28px; top: 50%; transform: translateY(-50%); } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > h6 { font-family: var(--wdtFontTypo_Base); color: var(--wdtLinkHoverColor); font-size: clamp(0.75rem, 0.7212rem + 0.1282vw, 0.875rem); font-weight: var(--wdtFontWeight_Ext); text-transform: capitalize; letter-spacing: 0px; bottom: 0; left: 0; padding: 0.6em 1.5em; background: var(--wdtTertiaryColor); border-radius: var(--wdtRadius_Part); transition: var(--wdt-Ad-Transition); position: absolute; width: calc(100% - 2em); margin: 1em; max-width: max-content; } .dt-sc-staff-items-container .dt-sc-staff-item.type1:hover .image > h6 { color: var(--wdtAccentTxtColor); background: var(--wdtPrimaryColor); } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > .dt-sc-staff-overlay .dt-sc-team-social li a.fab, .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social li a { display: block; font-size: 1rem; /* height: 100%; width: 100%; */ text-transform: uppercase; border: 0 solid var(--wdtAccentTxtColor, #ffffff); background-color: var(--wdtPrimaryColor); border-radius: var(--wdtRadius_Full); color: var(--wdtAccentTxtColor); position: relative; transition: var(--wdt-booking-Base_Transition); -webkit-transition: var(--wdt-booking-Base_Transition); z-index: 0; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image>.dt-sc-staff-overlay .dt-sc-team-social li a.fab:hover, .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social li a:hover { color: var(--wdtAccentTxtColor, #fff); background-color: var(--wdtSecondaryColor, #D58F76); } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image>.dt-sc-staff-overlay .dt-sc-team-social { display: flex; flex-direction: column; margin: -5px 0; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image>.dt-sc-staff-overlay .dt-sc-team-social > li, .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social li { margin: 5px 0; transform: translateX(20px); -webkit-transform: translateX(20px); opacity: 0; transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); } /* team transaction delay */ :root { --wdt-staff-social-delay-01: 0ms; --wdt-staff-social-delay-02: 100ms; --wdt-staff-social-delay-03: 200ms; --wdt-staff-social-delay-04: 300ms; --wdt-staff-social-delay-05: 400ms; } /* team transaction delay */ .dt-sc-staff-items-container .dt-sc-staff-item.type1:hover .image>.dt-sc-staff-overlay .dt-sc-team-social>li:nth-child(1), .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image>.dt-sc-staff-overlay .dt-sc-team-social>li:nth-child(5) {transition-delay: var(--wdt-staff-social-delay-01);-webkit-transition-delay: var(--wdt-staff-social-delay-01);} .dt-sc-staff-items-container .dt-sc-staff-item.type1:hover .image>.dt-sc-staff-overlay .dt-sc-team-social>li:nth-child(2), .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image>.dt-sc-staff-overlay .dt-sc-team-social>li:nth-child(4) {transition-delay: var(--wdt-staff-social-delay-02);-webkit-transition-delay: var(--wdt-staff-social-delay-02);} .dt-sc-staff-items-container .dt-sc-staff-item.type1:hover .image>.dt-sc-staff-overlay .dt-sc-team-social>li:nth-child(3), .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image>.dt-sc-staff-overlay .dt-sc-team-social>li:nth-child(3) {transition-delay: var(--wdt-staff-social-delay-03);-webkit-transition-delay: var(--wdt-staff-social-delay-03);} .dt-sc-staff-items-container .dt-sc-staff-item.type1:hover .image>.dt-sc-staff-overlay .dt-sc-team-social>li:nth-child(4), .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image>.dt-sc-staff-overlay .dt-sc-team-social>li:nth-child(2) {transition-delay: var(--wdt-staff-social-delay-04);-webkit-transition-delay: var(--wdt-staff-social-delay-04);} .dt-sc-staff-items-container .dt-sc-staff-item.type1:hover .image>.dt-sc-staff-overlay .dt-sc-team-social>li:nth-child(5), .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image>.dt-sc-staff-overlay .dt-sc-team-social>li:nth-child(1) {transition-delay: var(--wdt-staff-social-delay-05);-webkit-transition-delay: var(--wdt-staff-social-delay-05);} .dt-sc-staff-items-container .dt-sc-staff-item.type1:hover .image>.dt-sc-staff-overlay .dt-sc-team-social>li, .dt-sc-staff-items-container .dt-sc-staff-item.type4:hover .dt-sc-team-social-share .dt-sc-team-social li {opacity: 1;transform: translateX(0);-webkit-transform: translateX(0);} /* Type 4 */ .dt-sc-staff-items-container:has(> .dt-sc-staff-item.type4) {display: grid;grid-template-columns: repeat(3, 1fr);margin: 0;gap: 30px;} .dt-sc-staff-items-container .dt-sc-staff-item.type4 {display: flex;align-content: center;background-color: var(--wdtAccentTxtColor);border: 1px solid rgb(var(--wdtBorderColorRgb, 1, 71, 54), 0.15);padding: 0;width: 100%;} .dt-sc-team.type4 .dt-sc-team-details {background: none;text-align: left;padding: 50px 30px;flex: 1 1 auto;display: inline-flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: center;} .dt-sc-team.type4 .dt-sc-team-details > * { width: 100%; } .dt-sc-staff-items-container .dt-sc-team.type4 .dt-sc-team-details h5 {order: -1;font-size: var(--wdtFontSize_Ext, 14px);color: var(--wdtSecondaryColor, #120d1f);letter-spacing: var(--wdtLetterSpacing_1X, 0.6px);padding: 0;margin: 0 0 14px;} .dt-sc-staff-items-container .dt-sc-team.type4 .dt-sc-team-details h4 {font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); /* Min-20 & Max-24 */margin: 0 0 clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); /* Min-20 & Max-12 */} .dt-sc-team.type4 .dt-sc-team-details p {margin: 0;} .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share {transition: var(--wdt-booking-Base_Transition);-webkit-transition: var(--wdt-booking-Base_Transition);} .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social {margin: 0 0 10px;text-align: center;line-height: 0;} .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social li {margin: 0 5px;opacity: 1;transform: translate(0);-webkit-transform: translate(0);line-height: 0;} .dt-sc-staff-items-container .dt-sc-staff-item.type4:hover .dt-sc-team-social-share .dt-sc-team-social li {animation: wdt-staff-social-animation 300ms linear;-webkit-animation: wdt-staff-social-animation 300ms linear;} .dt-sc-staff-items-container .dt-sc-staff-item.type4:hover .dt-sc-team-social-share .dt-sc-team-social li:nth-child(1), .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social li:nth-child(5) {animation-delay: var(--wdt-staff-social-delay-01);-webkit-animation-delay: var(--wdt-staff-social-delay-01);} .dt-sc-staff-items-container .dt-sc-staff-item.type4:hover .dt-sc-team-social-share .dt-sc-team-social li:nth-child(2), .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social li:nth-child(4) {animation-delay: var(--wdt-staff-social-delay-02);-webkit-animation-delay: var(--wdt-staff-social-delay-02);} .dt-sc-staff-items-container .dt-sc-staff-item.type4:hover .dt-sc-team-social-share .dt-sc-team-social li:nth-child(3), .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social li:nth-child(3) {animation-delay: var(--wdt-staff-social-delay-03);-webkit-animation-delay: var(--wdt-staff-social-delay-03);} .dt-sc-staff-items-container .dt-sc-staff-item.type4:hover .dt-sc-team-social-share .dt-sc-team-social li:nth-child(4), .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social li:nth-child(2) {animation-delay: var(--wdt-staff-social-delay-04);-webkit-animation-delay: var(--wdt-staff-social-delay-04);} .dt-sc-staff-items-container .dt-sc-staff-item.type4:hover .dt-sc-team-social-share .dt-sc-team-social li:nth-child(5), .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social li:nth-child(1) {animation-delay: var(--wdt-staff-social-delay-05);-webkit-animation-delay: var(--wdt-staff-social-delay-05);} @keyframes wdt-staff-social-animation { 0% {transform: rotateY(0);-webkit-transform: rotateY(0);} 50% {transform: rotateY(90deg);-webkit-transform: rotateY(90deg);} 100% {transform: rotateY(0);-webkit-transform: rotateY(0);} } @-webkit-keyframes wdt-staff-social-animation { 0% {transform: rotateY(0);-webkit-transform: rotateY(0);} 50% {transform: rotateY(90deg);-webkit-transform: rotateY(90deg);} 100% {transform: rotateY(0);-webkit-transform: rotateY(0);} } .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social li a {background-color: var(--wdtSecondaryColor);color: var(--wdtAccentTxtColor);} .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-thumb {flex: 1 0 250px;overflow: hidden;display: grid;align-items: end;justify-content: center;} .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-thumb > * { grid-area: 1/-1; } .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-thumb img {height: 100%;object-fit: cover;object-position: center;width: 100%;transform: scale(1);-webkit-transform: scale(1);transition: var(--wdt-booking-Base_Transition);-webkit-transition: var(--wdt-booking-Base_Transition);} .dt-sc-staff-items-container .dt-sc-staff-item:hover .dt-sc-team-thumb img { transform: scale(1.1); -webkit-transform: scale(1.1); } /* responsive */ @media (max-width:1540px) { .dt-sc-staff-items-container:has(> .dt-sc-staff-item.type4) { grid-template-columns: repeat(2,1fr); } } @media (max-width:1280px) { .dt-sc-staff-items-container:has(.dt-sc-staff-item.type1):not(.swiper) {grid-template-columns: repeat(3, 1fr);} .dt-sc-team.type4 .dt-sc-team-details {padding: 30px 20px;} } @media screen and (max-width: 1024px) { .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image>a {-webkit-mask-image: none;mask-image: none;} .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image {width: 100%;} .dt-sc-staff-items-container {display: flex;gap: 0;margin: -10px;align-items: unset;justify-content: unset;width: auto;overflow: auto;scroll-snap-type: x mandatory;scroll-padding: 0;flex-wrap: nowrap;padding-bottom: 4px;} .dt-sc-staff-items-container .dt-sc-staff-item:not(.type3, .type1, .type4) {flex: 0 0 38%;width: auto !important;scroll-snap-align: start;scroll-snap-stop: always;padding: 10px;} .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share .dt-sc-team-social { margin: 0 0 30px; } .dt-sc-staff-items-container:has(.dt-sc-staff-item.type1):not(.swiper) { grid-template-columns: repeat(2, 1fr); } .dt-sc-staff-items-container:has(> .dt-sc-staff-item.type4) { grid-template-columns: repeat(1, 1fr); } /* ===== Scrollbar CSS ===== */ /* Firefox */ .dt-sc-staff-items-container {scrollbar-width: none;scrollbar-color: var(--wdtPrimaryColor) transparent;} /* Chrome, Edge, and Safari */ .dt-sc-staff-items-container::-webkit-scrollbar {width: 0px;} .dt-sc-staff-items-container::-webkit-scrollbar-track {background: transparent;} .dt-sc-staff-items-container::-webkit-scrollbar-thumb {background-color: var(--wdtPrimaryColor);border-radius: 0px;} /* carousel type 04 */ .swiper.dt-sc-staff-items-container .dt-sc-staff-item:not(.type3, .type4) {flex: 0 0 60%;} .swiper.dt-sc-staff-items-container:has(.dt-sc-staff-item.type1) {grid-template-columns: 1fr;gap: 40px;} .swiper.dt-sc-staff-items-container .dt-sc-staff-item.type4 { flex-direction: column; } .swiper.dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-thumb { flex: unset; } } @media (max-width:767px) { .dt-sc-staff-items-container:has(> .dt-sc-staff-item.type4) {grid-template-columns: 1fr;} .dt-sc-staff-items-container:has(.dt-sc-staff-item.type1) {gap: 30px 20px;} } @media screen and (max-width: 600px) { .dt-sc-staff-items-container .dt-sc-staff-item:not(.type3, .type4) {flex: 0 0 60%;} .dt-sc-staff-items-container:has(.dt-sc-staff-item.type1):not(.swiper) {grid-template-columns: 1fr;gap: 40px;} .dt-sc-staff-items-container .dt-sc-staff-item.type4 { flex-direction: column; } .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-thumb { flex: unset; } } @media screen and (max-width: 479px) { .dt-sc-staff-items-container .dt-sc-staff-item:not(.type3) {flex: 0 0 80%;} .dt-sc-staff-items-container:has(.dt-sc-staff-item.type1):not(.swiper) {grid-template-columns: 1fr;gap: 30px;} .dt-sc-staff-items-container .dt-sc-staff-item.type4 .dt-sc-team-social-share {padding-left: 20px;} .dt-sc-team.type4 .dt-sc-team-details {padding: 30px 20px;} } /* ------------------ If Carousel Enabled ---------------------- */ .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper, .elementor-widget-dt-staff-item .dt-sc-staff-items-container.swiper {margin: 0 -15px;} .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-wrapper .swiper-slide .dt-sc-service-item, .elementor-widget-dt-staff-item .dt-sc-staff-items-container.swiper .swiper-wrapper .swiper-slide .dt-sc-staff-item.dt-sc-team {margin: 0 15px;width: calc(100% - 30px);} /* popup form */ .elementor-widget-dt-service-item:has(> .elementor-widget-container > .dt-sc-service-items-container.swiper > .swiper-wrapper > .swiper-slide > .dt-sc-service-item.type2 > .dt-sc-service-item-type2.active) {z-index: 99999;position: fixed;top: 0;left: 0;bottom: 0;right: 0;} .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-wrapper .swiper-slide .dt-sc-service-item.type2:has(> .dt-sc-service-item-type2.active) { width: auto; } .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-wrapper .swiper-slide:has(> .dt-sc-service-item.type2 > .dt-sc-service-item-type2.active) {z-index: 99999;width: 100% !important;position: absolute;top: 0;left: 0;bottom: 0;right: 0;cursor: auto;pointer-events: none;transform: unset !important;-webkit-transform: unset !important;} .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-wrapper:has( > .swiper-slide > .dt-sc-service-item.type2 > .dt-sc-service-item-type2.active) {transform: unset !important;-webkit-transform: unset !important;} .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper:has(> .swiper-wrapper .swiper-slide .dt-sc-service-item.type2 > .dt-sc-service-item-type2.active) { height: 100vh; } /* popup form */ /* pagination dots */ .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-pagination-bullets, .elementor-widget-dt-staff-item .dt-sc-staff-items-container.swiper .swiper-pagination-bullets { margin-top: clamp(1.875rem, 1.5865rem + 1.2821vw, 3.125rem); margin-bottom: -6px;width: fit-content;margin-left: auto; margin-right: auto;text-align: center;} .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet, .elementor-widget-dt-staff-item .dt-sc-staff-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px; width: 15px; height: 12px; padding: 0; background: none; opacity: 1; border-radius: var(--wdtRadius_Zero);-webkit-border-radius: var(--wdtRadius_Zero);position: relative; transition: var(--wdt-booking-Alt_Transition);-webkit-transition: var(--wdt-booking-Alt_Transition);} .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .elementor-widget-dt-staff-item .dt-sc-staff-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: none; } .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet:after, .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet:before, .elementor-widget-dt-staff-item .dt-sc-staff-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet:before, .elementor-widget-dt-staff-item .dt-sc-staff-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet:after {content: ""; position: absolute; top: 0; bottom: 0; left: 0;right: 0;margin: auto;border-radius: inherit;-webkit-border-radius: inherit;transition: inherit;-webkit-transition: inherit;} .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet:after, .elementor-widget-dt-staff-item .dt-sc-staff-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet:after { width: 100%; height: 100%; background-color: var(--wdtBodyBGColor); z-index: 1; border: 1px solid var(--wdtSecondaryColor);} .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after, .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet:hover:after, .elementor-widget-dt-staff-item .dt-sc-staff-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after, .elementor-widget-dt-staff-item .dt-sc-staff-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet:hover:after { background-color: var(--wdtHeadAltColor); } /* .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet:before, .elementor-widget-dt-staff-item .dt-sc-staff-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet:before { width: 100%; height: 100%; border: 2px solid var(--wdtPrimaryColor); opacity: 0; } .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .elementor-widget-dt-staff-item .dt-sc-staff-items-container.swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before { opacity: 1; } */ /* responsive */ @media (max-width:1280px) { .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper, .elementor-widget-dt-staff-item .dt-sc-staff-items-container.swiper {margin: 0 -10px;} .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-wrapper .swiper-slide .dt-sc-service-item, .elementor-widget-dt-staff-item .dt-sc-staff-items-container.swiper .swiper-wrapper .swiper-slide .dt-sc-staff-item.dt-sc-team {margin: 0 10px;width: calc(100% - 20px);} } @media (min-width: 768px) { /* .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-wrapper .swiper-slide:nth-child(even) .dt-sc-service-item { margin-top: 60px;} */ } @media(min-width: 1281px) { .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-wrapper .swiper-slide:nth-child(odd) { padding-bottom: clamp(1.25rem, -2rem + 4.0625vw, 2.875rem); } .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper .swiper-wrapper .swiper-slide:nth-child(even) { padding-top: clamp(1.25rem, -2rem + 4.0625vw, 2.875rem); } .elementor-widget-dt-service-item .dt-sc-service-items-container.swiper { overflow: visible; -webkit-clip-path: inset(-2px -100vmax -2px -100vmax); clip-path: inset(-2px -100vmax -2px -100vmax); } } /* ------------------ If Carousel Enabled ---------------------- */ /* ---------------------- Social Icons ---------------------- */ .dt-sc-staff-social-container .social-media .dt-sc-team-social a:before, .dt-sc-team-social-share .dt-sc-team-social li a:before {font-family: "Dermis Icons"; font-style: normal; font-weight: normal; } /* .dt-sc-staff-social-container .social-media .dt-sc-team-social a.fa-facebook:before, .dt-sc-team-social-share .dt-sc-team-social li a.fa-facebook:before { content: '\0805'; } .dt-sc-staff-social-container .social-media .dt-sc-team-social a.fa-twitter:before, .dt-sc-team-social-share .dt-sc-team-social li a.fa-twitter:before { content: '\0802'; font-size: 16px; } .dt-sc-staff-social-container .social-media .dt-sc-team-social a.fa-whatsapp:before, .dt-sc-team-social-share .dt-sc-team-social li a.fa-whatsapp:before { content: '\0804'; } .dt-sc-staff-social-container .social-media .dt-sc-team-social a.fa-instagram:before, .dt-sc-team-social-share .dt-sc-team-social li a.fa-instagram:before { content: '\0803'; } */ /* ---------------------- Social Icons ---------------------- */ /* Reservation Form */ .dt-sc-reserve-appointment, .dt-sc-reserve-appointment2{background: var(--wdtTertiaryColor);padding: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem);border-radius: var(--wdtRadius_3X);float: left;width: 100%;} .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] label{font-weight: var(--wdtFontWeight_Ext);color: var(--wdtHeadAltColor);font-size: var(--wdtFontSize_Base);margin-bottom: 5px;} .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="text"], .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="password"], .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="email"], .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="url"], .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="tel"], .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="number"], .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="range"], .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="date"], .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="search"], .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input.text, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] textarea, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] select, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search .select2-search__field, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--inline .select2-search__field, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--multiple, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="text"], .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="password"], .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="email"], .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="url"], .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="tel"], .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="number"], .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="range"], .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="date"], .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="search"], .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input.text, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form textarea, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form select, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-search .select2-search__field, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-search--inline .select2-search__field, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--multiple, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .form-control.dtstaff-drop-down .button, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .form-control.dtstaff-drop-down .button{ background-color: transparent !important;border-width: 1px;border-color: rgba(var(--wdtHeadAltColorRgb), 0.15) !important; font-weight: var(--wdtFontWeight_Base);color: var(--wdtBodyTxtColor);padding: var(--wdtInputPadding); font-size: var(--wdtFontSize_Ext);border-radius: var(--wdtRadius_3X);line-height: 1;backface-visibility: hidden;} .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="text"]:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="password"]:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="email"]:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="url"]:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="tel"]:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="number"]:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="range"]:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="date"]:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="search"]:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input.text:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] textarea:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] select:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search .select2-search__field:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--dropdown .select2-search__field:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--inline .select2-search__field:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--multiple:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="text"]:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="password"]:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="email"]:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="url"]:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="tel"]:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="number"]:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="range"]:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="date"]:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="search"]:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input.text:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form textarea:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form select:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-search .select2-search__field:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-search--dropdown .select2-search__field:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-search--inline .select2-search__field:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--multiple:focus, .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .form-control.dtstaff-drop-down .button:focus, .elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .form-control.dtstaff-drop-down .button:focus{border-color: rgba(var(--wdtHeadAltColorRgb), 1) !important;} .form-control.dtstaff-drop-down .button span{padding: 2px 0;color: var(--wdtBodyTxtColor);line-height: normal;} .elementor-widget-dt-reserve-appointment .dt-sc-schedule-box, .elementor-widget-dt-reserve-appointment .dt-sc-contactdetails-box, .elementor-widget-dt-reserve-appointment .dt-sc-notification-box{float: unset;} .elementor-widget-dt-reserve-appointment .dt-sc-schedule-progress.dt-sc-current-step .dt-sc-progress-step span{color: var(--wdtAccentTxtColor);} .elementor-widget-dt-reserve-appointment .entry-content button, .elementor-widget-dt-reserve-appointment .entry-content input[type="button"], .elementor-widget-dt-reserve-appointment .entry-content input[type="submit"], .elementor-widget-dt-reserve-appointment .entry-content .dt-sc-button, .elementor-widget-dt-reserve-appointment .dt-sc-button{text-transform: capitalize;font-size: var(--wdtFontSize_Ext);padding: var(--wdtPadding_Btn);font-family: var(--wdtFontTypo_Base);font-weight: var(--wdtFontWeight_Ext);line-height: 1;background: var(--wdtPrimaryColor);-webkit-border-radius: var(--wdtRadius_Part);border-radius: var(--wdtRadius_Part);margin-top: 0;} .elementor-widget-dt-reserve-appointment .entry-content button:hover, .elementor-widget-dt-reserve-appointment .entry-content input[type="button"]:hover, .elementor-widget-dt-reserve-appointment .entry-content input[type="submit"]:hover, .elementor-widget-dt-reserve-appointment .entry-content .dt-sc-button:hover, .elementor-widget-dt-reserve-appointment .entry-content button:focus, .elementor-widget-dt-reserve-appointment .entry-content input[type="button"]:focus, .elementor-widget-dt-reserve-appointment .entry-content input[type="submit"]:focus, .elementor-widget-dt-reserve-appointment .entry-content .dt-sc-button:focus, .elementor-widget-dt-reserve-appointment .dt-sc-button:hover, .elementor-widget-dt-reserve-appointment .dt-sc-button:focus, .elementor-widget-dt-reserve-appointment .default-button a:hover, .elementor-widget-dt-reserve-appointment .default-button a:focus{color: var(--wdtAccentTxtColor) !important;} .elementor-widget-dt-reserve-appointment .dt-sc-title h2.appointment-title, .elementor-widget-dt-reserve-appointment .dt-sc-schedule-box h2 {margin-bottom: 25px;} .elementor-widget-dt-reserve-appointment .dt-sc-hr-invisible-xsmall{display: none;} .elementor-widget-dt-reserve-appointment .dt-sc-schedule-progress .dt-sc-progress-step span{border: 2px solid var(--wdtPrimaryColor);} .elementor-widget-dt-reserve-appointment .dt-sc-schedule-progress.dt-sc-current-step .dt-sc-progress-step span{background-color: var(--wdtPrimaryColor);border-color: var(--wdtPrimaryColor);} .elementor-widget-dt-reserve-appointment .dt-sc-schedule-progress .dt-sc-progress-step{z-index: 1;} .elementor-widget-dt-reserve-appointment .available-times .dt-sc-title span.price{color: var(--wdtAccentTxtColor);font-weight: var(--wdtFontWeight_Ext);font-family: var(--wdtFontTypo_Base);} .elementor-widget-dt-reserve-appointment ul.time-table > li .time-head{background: var(--wdtPrimaryColor);border-bottom: 1px solid rgba(var(--wdtHeadAltColorRgb), 0.15);color: var(--wdtAccentTxtColor);} .elementor-widget-dt-reserve-appointment .time-table-wrap{border-width: 0 !important;} .elementor-widget-dt-reserve-appointment .dt-sc-reserve-appointment.type1 ul.time-table > li ul.time-slots > li{display: inline-block;width: 30%;} .elementor-widget-dt-reserve-appointment ul.time-table > li ul.time-slots > li a{border: 2px solid var(--wdtPrimaryColor);} .form-control.dtstaff-drop-down .select-list li span:not(.staff-role, .staff-name){width: 40px;height: 40px;top: 0;background-size: cover;} .form-control.dtstaff-drop-down .select-list li{background-color: var(--wdtBodyBGColor);} .form-control.dtstaff-drop-down .select-list li span.staff-role i{color: var(--wdtHeadAltColor);font-size: var(--wdtFontSize_Base);line-height: 1;} .ui-datepicker th{color: var(--wdtAccentTxtColor);font-family: var(--wdtFontTypo_Base);} .ui-datepicker .ui-datepicker-title{font-family: var(--wdtFontTypo_Base);} #ui-datepicker-div .ui-widget-header, #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default{font-family: var(--wdtFontTypo_Base);font-weight: var(--wdtFontWeight_Ext);} .elementor-widget-dt-reserve-appointment ul.time-table > li span, .elementor-widget-dt-reserve-appointment ul.time-table > li .time-head > span.name, .elementor-widget-dt-reserve-appointment ul.time-table > li .time-head > span.price{display: inline-block;margin: 0 8px;font-size: var(--wdtFontSize_Base);font-family: var(--wdtFontTypo_Base);font-weight: var(--wdtFontWeight_Base);} .dt-sc-reserve-appointment.type1 ul.time-table > li ul.time-slots > li a{border: none;font-size: var(--wdtFontSize_Ext);font-weight: var(--wdtFontWeight_Ext);color: var(--wdtHeadAltColor);padding: 12px 0px;line-height: 1;margin: 2px 0; } .dt-sc-reserve-appointment.type1 ul.time-table > li ul.time-slots > li a:hover{background-color: var(--wdtPrimaryColor);color: var(--wdtAccentTxtColor);} .elementor-widget-dt-reserve-appointment ul.time-table > li ul.time-slots{padding: 15px 0;} .elementor-widget-dt-reserve-appointment ul.time-table > li .time-head > span.name{font-weight: var(--wdtFontWeight_Ext);} ul.time-table > li.selected{background-color: rgba(var(--wdtSecondaryColorRgb), 0.3);} .total-cinfo-wrapper{margin-top: 0;background-color:var(--wdtBodyBGColor);color:var(--wdtHeadAltColor);border: none;} .total-cinfo-wrapper .total-cinfo-price{padding: 15px 20px;} .dt-sc-booking-reservation .aligncenter .dt-sc-button{margin-top: 20px;} .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] form.dt-sc-booking-reservation.default .select2-container.select2-container--default .select2-selection--single{display: flex;align-items: center;} .total-cinfo-wrapper span.dt-sc-display-timing{border-bottom: 1px solid rgba(var(--wdtSecondaryColorRgb), 0.35);} .dt-sc-booking-reservation.default input[name="captcha"] + .dt-sc-captcha, .dt-sc-booking-reservation.default input[name="captcha"] + label + .dt-sc-captcha{background: transparent;border: 1px solid rgba(var(--wdtHeadAltColorRgb), 0.15);border-radius: var(--wdtRadius_2X);} .admin-bar .select2-container--open .select2-dropdown{border-radius: 0 !important;} ul.time-table > li{-webkit-box-shadow: none;box-shadow: none;background: var(--wdtBodyBGColor);} .dt-sc-reserve-appointment2 ul.time-table > li ul.time-slots{border-width:1px;} .elementor-widget-dt-reserve-appointment ul.time-table > li ul.time-slots > li a{ border: none;font-size: var(--wdtFontSize_Ext);font-weight: var(--wdtFontWeight_Ext);color: var(--wdtHeadAltColor); padding: 12px 0px;line-height: 1; /* margin: 2px 0; */ background-color: var(--wdtTertiaryColor); } .elementor-widget-dt-reserve-appointment ul.time-table > li ul.time-slots > li a:hover {color: var(--wdtAccentTxtColor); background-color: var(--wdtPrimaryColor);} .dt-sc-reserve-appointment.type3 .hasDatepicker .ui-datepicker .ui-datepicker-header{background-color: var(--wdtPrimaryColor) !important;border: none !important;} .dt-sc-reserve-appointment.type3 .hasDatepicker .ui-datepicker .ui-datepicker-title{color: var(--wdtAccentTxtColor);} .dt-sc-reserve-appointment.type3 .ui-datepicker th{border-top: 2px solid var(--wdtBorderColor);background-color: rgba(var(--wdtPrimaryColorRgb), 0.95) !important;color: var(--wdtAccentTxtColor);} .dt-sc-reserve-appointment.type3 .ui-state-default, .dt-sc-reserve-appointment.type3 .ui-widget-content .ui-state-default, .dt-sc-reserve-appointment.type3 .ui-widget-header .ui-state-default{font-family: var(--wdtFontTypo_Base);font-weight: var(--wdtFontWeight_Ext);} .dt-sc-reserve-appointment.type3 td:not(.ui-state-disabled) .ui-state-default:hover, .dt-sc-reserve-appointment.type3 .ui-widget-content td:not(.ui-state-disabled) .ui-state-default:hover, .dt-sc-reserve-appointment.type3 .ui-widget-content td:not(.ui-state-disabled) .ui-state-active{background: var(--wdtPrimaryColor);color: var(--wdtAccentTxtColor);} .dt-sc-reserve-appointment.type3 > div.column:nth-child(8):has(div#caldatepickerContent:empty) {margin: 0 !important;} .dt-sc-reserve-appointment.type3 .ui-widget-header .ui-icon::before{background-color: var(--wdtAccentTxtColor);} /* .elementor-widget-dt-reserve-appointment .available-times .dt-sc-title span.price{color: var(--wdtHeadAltColor);} */ [class*="dt-sc-reserve-appointment"] input[type="checkbox"], [class*="dt-sc-reserve-appointment"] input[type="radio"]{top: 6px;} .available-times .dt-sc-title h3{background: var(--wdtPrimaryColor);color: var(--wdtAccentTxtColor);} .available-times .dt-sc-title span.name::before{background-color: var(--wdtAccentTxtColor);} .elementor-widget-dt-reserve-appointment .dt-sc-reserve-appointment2 .available-times .dt-sc-title span.price {color: var(--wdtAccentTxtColor);margin: 0;} .dt-sc-reserve-appointment2 ul.time-table > li ul.time-slots{border-color: var(--wdtBorderColor);} .elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single{display: flex;align-items: center;} .wdt-homepage-appointment.elementor-widget-dt-reserve-appointment .dt-sc-reserve-appointment{background: var(--wdtPrimaryColor);} .wdt-homepage-appointment.without-radius.elementor-widget-dt-reserve-appointment .dt-sc-reserve-appointment{border-radius: 0;} .wdt-homepage-appointment.elementor-widget-dt-reserve-appointment .dt-sc-reserve-appointment .column.dt-sc-one-half, .wdt-homepage-appointment.elementor-widget-dt-reserve-appointment .dt-sc-reserve-appointment .column.dt-sc-one-third {width: 100%;margin: 0;} .wdt-homepage-appointment.elementor-widget-dt-reserve-appointment .dt-sc-reserve-appointment .aligncenter {text-align: left;} /* wdt-dark-bg */ .wdt-dark-bg.elementor-widget-dt-reserve-appointment .entry-content button, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .entry-content input[type="button"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment .entry-content input[type="submit"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment .entry-content .dt-sc-button, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-button{border: 1px solid;color: var(--wdtAccentTxtColor) !important;} .wdt-dark-bg.elementor-widget-dt-reserve-appointment .entry-content button:hover, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .entry-content input[type="button"]:hover, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .entry-content input[type="submit"]:hover, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .entry-content .dt-sc-button:hover, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-button:hover{color: var(--wdtSecondaryColor) !important;} .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] label{color: var(--wdtAccentTxtColor);} .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="text"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="password"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="email"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="url"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="tel"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="number"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="range"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="date"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input[type="search"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] input.text, .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] textarea, .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] select, .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search .select2-search__field, .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--inline .select2-search__field, .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single, .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--multiple, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="text"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="password"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="email"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="url"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="tel"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="number"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="range"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="date"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input[type="search"], .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form input.text, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form textarea, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form select, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-search .select2-search__field, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-search--inline .select2-search__field, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--multiple, .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] .form-control.dtstaff-drop-down .button, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-reservation-form .form-control.dtstaff-drop-down .button, .wdt-dark-bg .form-control.dtstaff-drop-down .button span{color: var(--wdtAccentTxtColor);} .wdt-dark-bg.elementor-widget-dt-reserve-appointment .entry-content button:hover, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .entry-content input[type="button"]:hover, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .entry-content input[type="submit"]:hover, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .entry-content .dt-sc-button:hover, .wdt-dark-bg.elementor-widget-dt-reserve-appointment .dt-sc-button:hover{color: var(--wdtAccentTxtColor) !important;background: var(--wdtHeadAltColor) !important;border-color: var(--wdtHeadAltColor);} .wdt-dark-bg.elementor-widget-dt-reserve-appointment [class*="dt-sc-reserve-appointment"] select option{color: var(--wdtBodyTxtColor);} @media only screen and (max-width:480px) { .dt-sc-booking-reservation.default input[name="captcha"]{ width: 100%;} .dt-sc-booking-reservation.default input[name="captcha"]+.dt-sc-captcha, .dt-sc-booking-reservation.default input[name="captcha"]+label+.dt-sc-captcha{position: relative;-webkit-transform: unset;transform: unset;margin-top: 30px;padding: 5px 0;} .dt-sc-reserve-appointment.type1 ul.time-table>li ul.time-slots>li a{width: auto;max-width: unset;min-width: unset;} .available-times .dt-sc-title h3{flex-wrap: wrap;gap: 10px;} }