a{transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;} a:hover{color:#5f6367;} 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: #5f6367; } .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:var(--wdtAccentTxtColor) !important; cursor:pointer; display:inline-block; font-weight: var(--wdtFontWeight_Ext) !important; 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: var(--wdtAccentTxtColor) !important; background:var(--wdtLinkHoverColor) !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;} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--form--color-text); } ::-moz-placeholder { /* Firefox 19+ */ color: var(--form--color-text); } :-ms-input-placeholder { /* IE 10+ */ color: var(--form--color-text); } :-moz-placeholder { /* Firefox 18- */ color: var(--form--color-text); } /*** 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:20px; padding:15px; width: 100%; } .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 5px; text-decoration:inherit; width: 1px; } .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:"\f39e";} .dt-sc-team-social li a.fa-google-plus:before{content:"\f0d5";} .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; } .select2-container{width:100% !important;} /* 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: 2px; 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;utf8,"); background-position: calc(100% - 5px); background-repeat: no-repeat; 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: #39414d !important; color: #28303d; } [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: #28303d; } [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; } 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: 1.1; margin-top: 0.75rem; margin-bottom: 1.25rem; } [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; } [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: 600; margin-bottom: 10px; width: 100%; } .dt-sc-title { float: left; width: 100%; } .form-control { clear: both; position: relative; margin-bottom: 1.5rem; /* z-index:2; */} .form-control input, .form-control select { margin: 0; width: 100%; } .form-control select { line-height: inherit; 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' viewBox='0 0 64 64'%3E%3Cpath d='M55.89,24H8.11A4.11,4.11,0,0,0,4,28.11V51a9,9,0,0,0,9,9H51a9,9,0,0,0,9-9V28.11A4.11,4.11,0,0,0,55.89,24ZM19,47.35A2.65,2.65,0,0,1,16.35,50h-.69A2.65,2.65,0,0,1,13,47.35v-.69A2.65,2.65,0,0,1,15.65,44h.69A2.65,2.65,0,0,1,19,46.65Zm0-12A2.65,2.65,0,0,1,16.35,38h-.69A2.65,2.65,0,0,1,13,35.35v-.69A2.65,2.65,0,0,1,15.65,32h.69A2.65,2.65,0,0,1,19,34.65Zm16,12A2.65,2.65,0,0,1,32.35,50h-.69A2.65,2.65,0,0,1,29,47.35v-.69A2.65,2.65,0,0,1,31.65,44h.69A2.65,2.65,0,0,1,35,46.65Zm0-12A2.65,2.65,0,0,1,32.35,38h-.69A2.65,2.65,0,0,1,29,35.35v-.69A2.65,2.65,0,0,1,31.65,32h.69A2.65,2.65,0,0,1,35,34.65Zm16,12A2.65,2.65,0,0,1,48.35,50h-.69A2.65,2.65,0,0,1,45,47.35v-.69A2.65,2.65,0,0,1,47.65,44h.69A2.65,2.65,0,0,1,51,46.65Zm0-12A2.65,2.65,0,0,1,48.35,38h-.69A2.65,2.65,0,0,1,45,35.35v-.69A2.65,2.65,0,0,1,47.65,32h.69A2.65,2.65,0,0,1,51,34.65Z'/%3E%3Cpath d='M56.36,8H52a4,4,0,0,0-8,0v2a2,2,0,0,1-4,0V9.59A1.59,1.59,0,0,0,38.41,8H20a4,4,0,0,0-8,0v2a2,2,0,0,1-4,0V8H7.64A3.64,3.64,0,0,0,4,11.64V18a2,2,0,0,0,2,2H58a2,2,0,0,0,2-2V11.64A3.64,3.64,0,0,0,56.36,8Z'/%3E%3C/svg%3E"); background-position: calc(100% - 10px); background-repeat: no-repeat; background-size: 16px auto; } .dt-sc-appointment-scheduler-form .aligncenter .dt-sc-button { margin:40px 0; float:none; } .dt-sc-appointment-wrapper .dt-sc-title { margin: 0 0 30px; } /* .dt-sc-appointment-wrapper .dt-sc-reservation-form .dt-appoint-date, .dt-sc-reserve-appointment.type1 .dt-appoint-date{ position: relative; z-index: 1; } .dt-sc-appointment-wrapper .dt-sc-reservation-form .dt-appoint-date span, .dt-sc-reserve-appointment.type1 .dt-appoint-date span{ font-size: 13px; line-height: inherit; position: absolute; right: 12px; top: 17px; } .dt-sc-reservation .title { display:inline-block; text-align:center; width:100%; margin: 0 0 30px; } .dt-sc-reservation .title h6 { border-bottom:3px solid #37251b; padding: 0 10px 10px; margin-bottom: 0; font-size: 1em; display:inline-block; text-align:center; text-transform:none; font-weight:normal; } */ .time-table-wrap { border-color: rgba(0,0,0,0.05); border-style: solid; border-width: 3px !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:#fff; display:block; float:left; font-size:14px; 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 3px rgba(0,0,0,0.05); box-shadow:0 0 0 3px rgba(0,0,0,0.05); } /* ul.time-table > li:nth-child(3n) { margin-right: 3px !important; } */ 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: #f2f2f2; padding: 10px 20px; } ul.time-table > li .time-head, ul.time-table > li ul.time-slots { padding-left: 20px; padding-right: 20px; } ul.time-table > li span { display: block; -webkit-transition:all 300ms linear; transition:all 300ms linear; } ul.time-table > li .time-head > span.name, ul.time-table > li .time-head > span.price { font-size: 1.25em; font-style: normal; font-weight: bold; line-height: normal; margin-bottom: 5px; } ul.time-table > li span:last-child { font-style: italic; } ul.time-table > li ul.time-slots { display: inline-block; margin: 0; padding-top: 15px; padding-bottom: 20px; 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:3px solid rgba(0,0,0,0.05); color: var(--wdtBodyTxtColor); display: inline-block; min-width:100px; padding:5px 20px; text-decoration:none; text-transform:uppercase; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; font-size: 1em; font-weight:600;} .dt-sc-reserve-appointment.type1 ul.time-table > li ul.time-slots > li a{width:60%; margin:5px auto;} ul.time-table > li ul.time-slots > li + li a { border-top-color: rgba(0,0,0,0.05); } ul.time-table > li ul.time-slots > li a:focus, ul.time-table > li ul.time-slots > li a:hover { border-color: currentColor; border-style: solid; -webkit-box-shadow: none; box-shadow: none; } 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:#000 !important; border-color: transparent; color:#fff; text-decoration: none !important; } ul.time-table > li.selected { background-color: #222; } ul.time-table > li.selected ul.time-slots > li a { color:#fff; } ul.time-table > li.selected ul.time-slots > li a:not(:hover):not(:focus):not(.selected) { border-color: rgba(255,255,255,0.15); } .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 ul.time-table > li ul.time-slots > li + li a:not(:focus):not(:hover){/*border-color: transparent; border-left-color: rgba(0,0,0,0.05);*/} .dt-sc-reserve-appointment2 .appointment-title { text-align: center; } .personal-info { float: left; width: 100%; } .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 .ui-datepicker.ui-widget { width: 100%; } .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: #ffb835 !important; border: none; } .dt-sc-reserve-appointment.type3 .hasDatepicker .ui-datepicker .ui-datepicker-title { font-size: 20px; color: #ffffff; } .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 th { padding: .2em .3em; background-color: #faac1c !important; color: #ffffff; font-size: 16px; } .dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-calendar tbody{ background-color: #fcfcfc; } .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: 16px; padding: 0 !important; min-height: 60px; line-height: 60px; } .dt-sc-reserve-appointment.type3 .ui-widget-content { border: none; } .dt-sc-reserve-appointment.type3 .ui-datepicker td { padding: 4px !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: #FFB835; color: #fff; } .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: normal; color: #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: 30px; height: 30px; } .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' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 700 700' style='enable-background:new 0 0 700 700;' xml:space='preserve' width='30px' height='30px'%3E%3Cpath d='M677,351.9c0-6.9-3.3-13.4-8.8-17.5L492.8,202.7c-6.6-5-15.5-5.8-23-2.1c-7.4,3.7-12.1,11.3-12.1,19.6v109.7H40.9 c-12.1,0-21.9,9.8-21.9,21.9s9.8,21.9,21.9,21.9h416.7v109.7c0,8.3,4.7,15.9,12.1,19.6c7.4,3.7,16.3,2.9,23-2.1l175.5-131.6 C673.7,365.3,677,358.8,677,351.9L677,351.9z'/%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' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 700 700' style='enable-background:new 0 0 700 700;' xml:space='preserve' width='30px' height='30px'%3E%3Cpath d='M677,351.9c0-6.9-3.3-13.4-8.8-17.5L492.8,202.7c-6.6-5-15.5-5.8-23-2.1c-7.4,3.7-12.1,11.3-12.1,19.6v109.7H40.9 c-12.1,0-21.9,9.8-21.9,21.9s9.8,21.9,21.9,21.9h416.7v109.7c0,8.3,4.7,15.9,12.1,19.6c7.4,3.7,16.3,2.9,23-2.1l175.5-131.6 C673.7,365.3,677,358.8,677,351.9L677,351.9z'/%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(--wdtAccentTxtColor); } .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: 30px; } .dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots > li { margin: 5px 5px; width: 30%; } @media(max-width: 1280px) { .dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots > li { width: 50%; } } .dt-sc-reserve-appointment.type3 ul.time-table > li.selected ul.time-slots > li a:not(:hover):not(:focus):not(.selected) { border-color: rgba(0,0,0,0.05); } .dt-sc-reserve-appointment.type3 ul.time-table > li.selected ul.time-slots > li a { color: inherit; } .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: #fff !important; } .dt-sc-reserve-appointment.type3 ul.time-table > li.selected { background-color: #fcfcfc; } .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 20px; width: auto; } .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 15px; } .available-times .dt-sc-title span.price { background-color: var(--wdtPrimaryColor); color: #fff; display:table-cell; font-size: 20px; font-weight: normal; font-style: normal; height: 60px; line-height: 60px; text-align: center; width: 60px; -webkit-border-radius: 50%; border-radius: 50%; } .available-times .time-table-wrap + .dt-sc-title { margin-top: 35px; } .total-cost-info { clear: both; } .total-cinfo-wrapper { background-color: #fff; float: left; padding: 20px; width: 100%; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.15); box-shadow: 0 0 2px 0 rgba(0,0,0,0.15); margin: 30px 0px; } .total-cinfo-wrapper span { font-weight: 600; } .total-cinfo-wrapper span.dt-sc-display-timing { padding: 10px 0px 20px 0; margin-bottom: 15px; border-bottom: 2px solid #f7f7f7; display: block; } .total-cinfo-wrapper .total-cinfo-price { background: rgba(0,0,0,0.05); 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: #f2f2f2; margin-top: 20px; max-width: 780px; padding: 30px 35px 35px; } form[id*="reserveloginform"] > p { display: flex; align-items: center; justify-content: space-between; } form[id*="reserveloginform"] > p + p { margin-top: 10px; } form[id*="reserveloginform"] p label { margin: 0 0 0 -15px; padding: 15px; width: 50%; } form[id*="reserveloginform"] p input { margin-left: 0; margin-right: 0; margin-bottom: 0 !important; } 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: 150px; } form[id*="reserveloginform"] p.login-submit { margin-top: 0; } form[id*="reserveloginform"] p.login-remember { margin-bottom: 10px; } 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: 50%;} /*** 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-progress{float:left; width:100%; position:relative; margin-bottom:10px; width:33.333%; padding:27px 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 30px 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%);} .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: 24px; height: 75px; line-height: 75px; position:relative; width: 75px; z-index:0; border:1px solid #CCC; color:#666; background-color: #FFF;} .dt-sc-schedule-progress h4{ clear:both; margin-bottom:20px; padding-top:5px; font-size: var(--wdtFontSize_H4); } .dt-sc-schedule-progress p{ font-size:1rem; } .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; display:inline-block; width:100%;} .dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul{padding-left:0;} .dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li span{font-weight:bold; float:left; width:100%; position:static; font-size:18px; color:#666; 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-goback-box{margin-bottom:35px; position:relative; text-align:center;} .dt-sc-goback-box .appointment-goback{border:1px solid; color:inherit; float:none; margin:auto; position:relative; z-index:1;} .dt-sc-goback-box input[type=button].appointment-goback{color:#FFF;} .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:14px; font-style:italic; opacity:.75;} .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:#222;} .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:#000; color:#FFF; border-color:#000;} .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;} /* .entry-content ul.time-slots>li a:hover{-webkit-box-shadow:none; box-shadow:none; background-color:#000; color:#FFF;} */ .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:#F0F0F0; 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; text-transform: capitalize; } .dt-sc-service-item .dt-sc-button { margin:10px 0 0; } .dt-sc-service-item .dt-sc-button: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;} /* .entry-content .dt-sc-service-item a, .entry-content .dt-sc-staff-item a, ul.time-table > li ul.time-slots > li a, .entry-content .dt-sc-service-item a:hover, .entry-content .dt-sc-staff-item a:hover, ul.time-table > li ul.time-slots > li a:hover, .entry-content .dt-sc-service-item a:focus, .entry-content .dt-sc-staff-item a:focus, ul.time-table > li ul.time-slots > li a:focus { box-shadow:none; -webkit-box-shadow:none;} .entry-content .dt-sc-service-item a:hover, .entry-content .dt-sc-staff-item a:hover, ul.time-table > li ul.time-slots > li a:hover { color:#9f9f9f; transition:all 0.3s linear;} */ /* Type - 1 Start */ .dt-sc-service-item { display: inline-block; background-color: transparent !important; padding: 0; margin: 0; } .dt-sc-service-item .image { width:100%; float:left; display: grid; } .dt-sc-service-item.type1 .service-details { text-align: center; padding: 45px 48px 50px; float: left; width: 100%;} .page-one-column .dt-sc-service-item .service-details .dt-sc-service-meta ul { margin-bottom: 0; } .page-two-column .dt-sc-service-item.type1 .image, .page-two-column .dt-sc-service-item.type1 .service-details { width:100%; } .page-two-column .dt-sc-service-item.type1 .service-details { padding:30px 50px; } .dt-sc-service-items-container { display: flex; width: auto; margin: -25px; flex-wrap: wrap; align-items: flex-start; justify-content: center; } .dt-sc-service-item.type1 { width: 100%; padding: 25px; margin: 0; } .dt-sc-service-item.type2, .dt-sc-service-item.type2 ~ .dt-sc-service-item { width: 25%; padding: 10px; margin: 0; } .dt-sc-service-item.type1 .image > .image-item a img { clip-path: inset(0); -webkit-clip-path: inset(0); transition: 0.3s cubic-bezier(.65,.05,.36,1); -webkit-transition: 0.3s cubic-bezier(.65,.05,.36,1); } .dt-sc-service-item.type1:hover .image > .image-item a img { clip-path: inset(50px); -webkit-clip-path: inset(50px); } .dt-sc-service-item .image > .image-item, .dt-sc-service-item .image > a { grid-area: 1/-1; color: var(--wdtAccentTxtColor); } .dt-sc-service-item .image > a { z-index: 1; font-size: clamp(5.625rem, 4.9038rem + 3.2051vw, 8.75rem); line-height: 1; display: flex; align-items: flex-end; justify-content: center; } .dt-sc-service-item .image > a > svg .arrow-icon { fill: var(--wdtPrimaryColor); transform: scale(1.2) translateY(-1px); transform-origin: center center; } .dt-sc-service-item .image > a > svg { transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; } .dt-sc-service-item:hover .image > a > svg { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .dt-sc-service-item .image > a > svg path[class*="path_"] { transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); transition-delay: 0ms; -webkit-animation: 3s infinite slidein alternate; animation: 3s infinite slidein alternate; -webkit-animation-name: path_plink; animation-name: path_plink; } .dt-sc-service-item .image > a > svg path[class*="path_1"] { animation-delay: 100ms; } .dt-sc-service-item .image > a > svg path[class*="path_2"] { animation-delay: 200ms; } .dt-sc-service-item .image > a > svg path[class*="path_3"] { animation-delay: 300ms; } .dt-sc-service-item .image > a > svg path[class*="path_4"] { animation-delay: 400ms; } .dt-sc-service-item .image > a > svg path[class*="path_5"] { animation-delay: 500ms; } .dt-sc-service-item .image > a > svg path[class*="path_6"] { animation-delay: 600ms; } @keyframes path_plink { 0% { opacity: 0; } 24.19% { opacity: 0.9; } 50% { opacity: 0; } 74.19% { opacity: 0.9; } } @-webkit-keyframes path_plink { 0% { opacity: 0; } 24.19% { opacity: 0.9; } 50% { opacity: 0; } 74.19% { opacity: 0.9; } } .dt-sc-service-item.type1 .service-details { padding: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .dt-sc-service-item.type1 .service-details > span.dt-sc-service-price { font-size: calc(var(--wdtFontSize_Base) + 2px); font-weight: var(--wdtFontWeight_Base); margin: 0; } .dt-sc-service-item.type1 .service-details h3 { font-size: var(--wdtFontSize_H3); font-weight: var(--wdtFontWeight_Base); margin-bottom: 20px; } .dt-sc-service-item.type1 .service-details h3 > a { color: var(--wdtPrimaryColor); } .dt-sc-service-item.type1 .service-details h3 > a:hover { color: var(--wdtLinkHoverColor); } /* Content Hover Style */ .dt-sc-service-item.type1 .service-details h3, .dt-sc-service-item.type1 .service-details > span.dt-sc-service-price { -webkit-transition: 400ms cubic-bezier(0.7, 0, 0.3, 1); transition: 400ms cubic-bezier(0.7, 0, 0.3, 1); } .dt-sc-service-item.type1:hover .service-details h3, .dt-sc-service-item.type1:hover .service-details > span.dt-sc-service-price { -webkit-transition: 500ms cubic-bezier(0.7, 0, 0.3, 1); transition: 500ms cubic-bezier(0.7, 0, 0.3, 1); } /* Transition Delay */ .dt-sc-service-item.type1 .service-details h3 { transition-delay: 60ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .dt-sc-service-item.type1 .service-details > span.dt-sc-service-price { transition-delay: 50ms; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } /* Hover Effect */ .dt-sc-service-item.type1:hover .service-details h3 { transition-delay: 0ms; -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 1; } .dt-sc-service-item.type1:hover .service-details > span.dt-sc-service-price { transition-delay: 100ms; -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 1; } /* Carousel Pagination Style */ .dt-sc-service-items-container.swiper-horizontal .swiper-pagination-bullets { text-align: center; margin-top: 30px; } .dt-sc-service-items-container.swiper-horizontal .swiper-pagination-bullets span.swiper-pagination-bullet { background-color: var(--wdtPrimaryColor) !important; background-image: none !important; display: inline-flex; place-content: center; place-items: center; letter-spacing: 0; height: 7px; line-height: normal; margin: 0 20px; opacity: 1; padding: 0; position: relative; text-decoration: none; text-transform: none; vertical-align: top; width: 7px; z-index: 1; -webkit-border-radius: var(--wdtRadius_Full); border-radius: var(--wdtRadius_Full); -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); } .dt-sc-service-items-container.swiper-horizontal .swiper-pagination-bullets span.swiper-pagination-bullet:after{ content: ''; width: 40px; height: 40px; border: 2px solid var(--wdtPrimaryColor); top: -17px; position: absolute; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); transform: scale(0); -webkit-transform: scale(0); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; } .dt-sc-service-items-container.swiper-horizontal .swiper-pagination-bullets span.swiper-pagination-bullet:hover:after, .dt-sc-service-items-container.swiper-horizontal .swiper-pagination-bullets span.swiper-pagination-bullet-active:after { transform: scale(1); -webkit-transform: scale(1); } /* Type - 1 End */ /* Type - 2 Start */ .dt-sc-service-item.type2 .image, .dt-sc-service-item.type2 ~ .dt-sc-service-item .image { width: calc(100% - clamp(0.5rem, -0.1058rem + 2.6923vw, 3.125rem)); float: none; display: grid; margin: auto !important; } .dt-sc-service-item.type2 .image > .image-item, .dt-sc-service-item.type2 ~ .dt-sc-service-item .image > .image-item { border-radius: 20px; overflow: hidden; -webkit-mask-image: url(../css/images/ser-mask-img-II.png); mask-image: url(../css/images/ser-mask-img-II.png); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; width: 100%; } .dt-sc-service-item.type2 .image > a, .dt-sc-service-item.type2 ~ .dt-sc-service-item .image > a { font-size: clamp(5.625rem, 4.9038rem + 3.2051vw, 8.75rem); justify-content: flex-end; padding: 10px; } .dt-sc-service-item.type2 .service-details, .dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details { padding: clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem) 8px; display: grid; grid-template-columns: repeat(2,1fr); } .dt-sc-service-item.type2 .service-details > *, .dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details > * { grid-column: 1/3; } .dt-sc-service-item.type2 .service-details > *:not(:last-child), .dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details > *:not(:last-child) { margin: 0 0 14px; } .dt-sc-service-item.type2 .service-details p:only-of-type:not(:last-child), .dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details p:only-of-type:not(:last-child) { width: 100%; max-width: 400px; margin: 0 auto; } .dt-sc-service-item.type2 .service-details > h6, .dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details > h6 { order: 9; grid-column: 1/2; margin: 20px 0 0 !important; line-height: 1; font-weight: 600; color: var(--wdtPrimaryColor); border-top: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15); padding-top: 20px; padding-right: 4px; padding-left: 4px; font-family: var(--wdtFontTypo_Alt); font-size: clamp(1.125rem, 1.0096rem + 0.5128vw, 1.625rem); } .dt-sc-service-item.type2 .service-details > span.dt-sc-service-price, .dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details > span.dt-sc-service-price { order: 10; grid-column: 2/3; position: relative; font-weight: 600; color: var(--wdtPrimaryColor); margin: 20px 0 0 !important; line-height: 1; border-top: 1px solid rgba(var(--wdtHeadAltColorRgb),0.15); padding-top: 20px; padding-right: 4px; padding-left: 4px; font-family: var(--wdtFontTypo_Alt); font-size: clamp(1.125rem, 1.0096rem + 0.5128vw, 1.625rem); } .dt-sc-service-item.type2 .service-details > h6 ~ span.dt-sc-service-price:before, .dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details > h6 ~ span.dt-sc-service-price:before { background-color: rgba(var(--wdtHeadAltColorRgb),0.15); content: ""; position: absolute; left: 0; top: 20px; bottom: 0; width: 1px; pointer-events: none; } .dt-sc-service-item.type2 .service-details h3, .dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details h3 { font-size: clamp(1.75rem, 1.5769rem + 0.7692vw, 2.5rem); font-weight: var(--wdtFontWeight_Alt); } .dt-sc-service-item.type2 .service-details h3 > a, .dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details h3 > a { color: var(--wdtSecondaryColor); } .dt-sc-service-item.type2 .service-details h3 > a:hover, .dt-sc-service-item.type2 ~ .dt-sc-service-item .service-details h3 > a:hover { color: var(--wdtPrimaryColor); } .dt-sc-service-item.type2 .dt-sc-button, .dt-sc-service-item.type2 ~ .dt-sc-service-item .dt-sc-button { margin: 20px 0 0; justify-self: center; align-self: center; width: fit-content; line-height: 1; } /* Type - 2 End */ @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%; } .dt-sc-service-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-service-items-container .dt-sc-service-item { flex: 0 0 38%; width: auto !important; scroll-snap-align: start; scroll-snap-stop: always; padding: 10px; } /* ===== 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 .dt-sc-service-item { flex: 0 0 60%; } } @media screen and (max-width: 480px) { .dt-sc-service-items-container .dt-sc-service-item { flex: 0 0 80%; } } .dt-sc-service-item { font-size: 1em;} .dt-sc-service-item .service-details h3 { font-size: 1.15em; font-weight: 600; 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 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{ /*background-color:#F0F0F0;*/ 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;} /* .single.single-dt_service #header-wrapper{margin-bottom:50px;} */ .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-sc-reserve-appointment.type1{margin-bottom:80px;} .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;} input::-webkit-input-placeholder{ color: var(--wdtBodyTxtColor); opacity:1; } input:-moz-placeholder{ color: var(--wdtBodyTxtColor); opacity:1; } input::-moz-placeholder{ color: var(--wdtBodyTxtColor); opacity:1; } input:-ms-input-placeholder{ color: var(--wdtBodyTxtColor); opacity:1; } textarea::-webkit-input-placeholder{ color: var(--wdtBodyTxtColor); opacity:1; } textarea:-moz-placeholder{ color: var(--wdtBodyTxtColor); opacity:1; } textarea::-moz-placeholder{ color: var(--wdtBodyTxtColor); opacity:1; } textarea:-ms-input-placeholder{ color: var(--wdtBodyTxtColor); 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:10px 20px 0; margin-bottom:0;} .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:#222;} #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;} body[class*="single"] h1, body[class*="single"] h2, body[class*="single"] h3, body[class*="single"] h4, body[class*="single"] h5, body[class*="single"] h6{ } /*** 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; } .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: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto; } .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 .button span:first-child{ background-position: center top; background-repeat: no-repeat; height: 40px; line-height:37px; position: absolute; left: 10px; top: 50%; white-space:nowrap; width: 40px; border-radius:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: none; } .form-control.dtstaff-drop-down { width: 100%; } .form-control.dtstaff-drop-down .button span{ padding: 0; color: var(--wdtBodyTxtColor); font-size: var(--wdtFontSize_Base); letter-spacing: 0; text-transform: capitalize; } .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: #FFF; border: 0px solid; border-top-width: 0; margin: 0px 0 0; padding: 0; top: 100%; width: 100%; /* z-index: 3; */ } .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 {list-style:none; width: 100%; margin: 0; padding: 5px 15px; transition:all 0.3s linear;} .form-control.dtstaff-drop-down .select-list li:hover{background-color:rgba(0,0,0,0.05);} .form-control.dtstaff-drop-down .select-list li span{ display: inline-block; min-height: auto; min-width: auto; width:auto; padding: 0; background-color:transparent; background-position:center; background-repeat: no-repeat; font-size: 1em; color: #222; opacity: 1; max-width: none; white-space: nowrap; font-weight:600; } .form-control.dtstaff-drop-down{z-index:auto !important;} .form-control.dtstaff-drop-down .select-list li span:not(.staff-role){border-radius:50%;padding: 0;width: 60px;height: 60px; position:relative; top:5px;} .form-control.dtstaff-drop-down .select-list li span.staff-role{position:relative; top:-20px; padding-left:15px;} .form-control.dtstaff-drop-down .select-list li span.staff-role i{font-weight: normal; font-style: normal; color: var(--wdtBodyTxtColor); font-size: var(--wdtFontSize_Base); display: block;} .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:1600px){ /*** For Elementor ***/ /* .elementor-section.wide-row-large{min-width:1200px; margin-left: -295px;} */ } @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%; } .dt-sc-reserve-appointment2 .dt-sc-appointment-scheduler-form .dt-sc-one-third.column{ margin: 0 0 10px; 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; } } @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:1025px) and (max-width:1199px) { /* .expert-archive{ padding-bottom: 100px !important; } */ } @media only screen and (min-width:992px) and (max-width:1199px) { /* .dt-sc-service-item.type2 .image{max-width:150px;} */ .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;} .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top: 12px; } 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) { /* .dt-sc-service-item.type2 .image{max-width:150px;} */ .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, .dt-sc-service-item.type1 .service-details{width:100%;} /* .dt-sc-service-item.type1 .service-details { padding: 25px 20px 20px; } */ .dt-sc-service-item.type1 .image, .dt-sc-service-item.type1 .service-details{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;} .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top:12px; } 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:left; 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:not(.type1) { margin-bottom: 20px; } */ .dt-sc-service-item .service-details .dt-sc-service-meta, .dt-sc-service-item.type1 .image{width:100%;} .dt-sc-service-item.type1 .service-details{ width:100%;} .dt-sc-service-item .dt-sc-button.medium:not(.with-icon){padding:14px 20px; font-size:14px;} .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;} .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top: 14px; } ul.time-table > li{width:100%; margin-right: 0;} .dt-sc-schedule-progress{width:100%;} /*.tbl-view-reservations tr{width:50%; display:inline-block;} .tbl-view-reservations td, .tbl-view-reservations th{float:left; width:100%; margin:0 0px -1px 0px; font-size:14px;} .tbl-view-reservations tr:first-child th{border-right:none;}*/ .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; } .available-times .dt-sc-title span.name{font-size:18px;} 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%;} form[id*="reserveloginform"] p label{display:inline-block; width:100%; padding-right: 5px;} 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%;} } @media only screen and (max-width: 479px) { .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top: 12px; } .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:100%; clear:both; display:block;} .dt-sc-service-item.type1 .service-details { padding: 20px 10px;} ul.time-table > li > ul.time-slots{padding:15px 25% 20px;} body .dt-sc-reserve-appointment2 ul.time-table > li ul.time-slots > li a:not(:focus):not(:hover){border-color:transparent transparent rgba(0,0,0,0.05);} 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:auto; left:15px; color:#28303d; display: none; font-size: 18px; line-height: 60px; pointer-events: none;} .frm-group label{color:#28303d; font-weight: normal;} .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: 20%; } .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:not([href]) { display: none; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > a { border-radius: 20px; overflow: hidden; -webkit-mask-image: url(../css/images/Team-mask-img.png); mask-image: url(../css/images/Team-mask-img.png); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; width: 100%; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > a .dt-image-item { position: relative; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > a .dt-image-item:before { pointer-events: none; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: var(--wdtPrimaryColor); z-index: 1; opacity: 0; visibility: hidden; transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); transition-delay: 0ms; } .dt-sc-staff-items-container .dt-sc-staff-item.type1:hover .image > a .dt-image-item:before { opacity: 0.7; visibility: visible; transition-delay: 0ms; } /* .dt-sc-staff-items-container .dt-sc-staff-item .image > a .dt-image-item > img { transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1); transform: scale(1); } .dt-sc-staff-items-container .dt-sc-staff-item:hover .image > a .dt-image-item > img { -webkit-transform: scale(1.1); transform: scale(1.1); } */ .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image { display: grid; margin: auto; overflow: hidden; width: calc(100% - clamp(0rem, -2.8571rem + 4.4643vw, 2.5rem)); } .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; margin: auto; display: flex; align-items: center; justify-content: center; position: relative; bottom: 0; top: 0; transform: translateX(30px); opacity: 0; visibility: hidden; transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); transition-delay: 0ms; } .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 { text-align: center; padding: 20px 8px; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details h3 { font-size: clamp(1.625rem, 1.4231rem + 0.8974vw, 2.5rem); font-weight: var(--wdtFontWeight_Alt); } .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 > p > a { font-size: 1rem; margin-top: 26px; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .staff-details > h6 { font-family: var(--wdtFontTypo_Base); color: var(--wdtSecondaryColor); font-size: var(--wdtFontSize_Base); margin: 0; } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > .dt-sc-staff-overlay .dt-sc-team-social li a[class*=" "] { font-size: 12px; height: 28px; line-height: 27px; width: 28px; border: 1px solid currentColor; border-radius: 50%; color: var(--wdtAccentTxtColor); } .dt-sc-staff-items-container .dt-sc-staff-item.type1 .image > .dt-sc-staff-overlay .dt-sc-team-social li a:hover { opacity: 0.6; } /* Type-3 Style */ .dt-sc-staff-items-container .dt-sc-staff-item.type3 .dt-sc-staff-item-container.type3 { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.25rem, 0.8173rem + 1.9231vw, 3.125rem); } @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 { flex: 0 0 38%; width: auto !important; scroll-snap-align: start; scroll-snap-stop: always; padding: 10px; } /* ===== 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; } } @media screen and (max-width: 600px) { .dt-sc-staff-items-container .dt-sc-staff-item { flex: 0 0 60%; } } @media screen and (max-width: 480px) { .dt-sc-staff-items-container .dt-sc-staff-item { flex: 0 0 80%; } } /* 2023 Overwrite - New Style */ [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 { border-radius: var(--wdtRadius_Zero); background-color: transparent !important; border-width: 0 0 1px 0; border-color: var(--wdtPrimaryColor); min-height: 50px; font-weight: normal; font-size: var(--wdtFontSize_Base); color: var(--wdtBodyTxtColor); } .frm-group .placeholder { color: var(--wdtSecondaryColor); font-size: 14px; line-height: 48px; } .form-control.dtstaff-drop-down .button span:first-child { background-position: top center; background-repeat: no-repeat; width: 40px; height: 40px; line-height: 37px; position: absolute; left: 5px; top: 50%; white-space: nowrap; width: 40px; border-radius: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .elementor-widget-dt-reservation-form .dt-sc-appointment-wrapper .dt-sc-reservation-form { display: grid; width: 100%; gap: 20px; grid-template-columns: repeat(2,1fr);} .elementor-widget-dt-reservation-form .dt-sc-appointment-wrapper .dt-sc-reservation-form > .column { margin: 0; } /* === Custom Css === */ .dt_service-single > .attachment-post-thumbnail { display: none; } [class*="dt-sc-reserve-appointment"] select, [class*="dt-sc-reserve-appointment"] .form-control.dtstaff-drop-down .button, .dt-sc-reserve-appointment2 .dt-sc-appointment-scheduler-form input[type=text] { border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); padding: 0 10px; } .ui-datepicker.ui-widget { font-size: 0.8em !important; background: var(--wdtBodyBGColor) !important; }