/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

a {color: #DDCEB2;}
a:hover {color: #DDCEB2;}

.tdoclogos img {background: #b2aca2; opacity: 0.8;}
.tdoclogos img:hover {opacity: 1;}

.generalpadding {padding: 0 3.9%}
.generalallpadding {padding: 3.9%;}
.generalsomepadding {padding: 0 3.9% 1.5% 3.9%;}

#navbutton .hfe-flyout-trigger .hfe-nav-menu-icon svg {width: 50px;}
#navbutton .hfe-flyout-wrapper .hfe-side.hfe-flyout-right {width:100%;}
#navbutton .hfe-flyout-close svg {top:60px; right: 120px;}
#hfe-flyout-content-id-e66856a {background: #515A54; padding: 7% 3.9% 0 3.9%;}
#hfe-flyout-content-id-e66856a li a {font-size: 63px; font-weight: 100;}

#discovervision li a .elementor-icon-list-icon {order: 1; padding-left: 10px;}
.turningarrow li a .elementor-icon-list-icon svg {transform: rotate(-45deg);}
.turningarrow li a:hover .elementor-icon-list-icon svg {transform: rotate(0deg);}

#myaccordion .e-n-accordion-item-title:hover .e-n-accordion-item-title-header {text-decoration: underline;}
#myaccordion summary.e-n-accordion-item-title {justify-content: space-between;}
#myaccordion .e-n-accordion-item-title-icon svg {}

.titleoffset {width: 75%; margin: 0 auto;}
.mycounters {width: 80%; margin: 40px auto;}
.mycounters .elementor-counter-number {background: #734000; color: #D4CEC4; padding: 20px 0; font-size: 50px; text-align:center; border-radius: 6px; width: 100px; height: 100px;}
.schedulebutton a {/* display: block; */ padding: 24px; width: 90%;}
.ourprocessboxes {}
.mylists span {margin-right: 25px;}

.testimonial .eael-testimonial-user-company a {color: #000; text-decoration: underline;}

#reachoutform .eael-contact-form-7 {width: 100%;}
#reachoutform input[type="text"], #reachoutform input[type="tel"], #reachoutform input[type="email"] {margin-bottom: 10px;}
#reachoutform .wpcf7-list-item {display: block; margin: 15px 0;}
#reachoutform .wpcf7-list-item input[type="checkbox"] {vertical-align: bottom; margin-right: 10px;}
#reachoutform .wpcf7-list-item-label {font-weight: 600;}
#reachoutform input[type="submit"] {display: block;}
/*
#reachoutform .wpcf7-form.sent {display: none;}
*/

#bookingservice {font-family: Questrial, sans-serif;}
#bookingservice form {min-height: 300px;}
#bookingservice .wpcf7-form.sent #bookingform {display: none;}
#bookingservice h3, #bookingservice h4 {font-family: "Cormorant Garamond", sans-serif;}
#bookingservice h4 span {font-size: 70%; font-weight: 900; display: inline-block; float: right; margin-top: 5px;}
#bookingservice h4 {border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px;}
#bookingform {display: flex; gap: 50px;}
.flexsplit {width: 50%; padding: 10px;}
#datetimebox {max-width: 480px;}
#bookinginfo {max-width: 180px;}

.clearme {display: block; clear: both;}
#datepicker {font-family: Questrial, sans-serif; font-weight: bold;}
#datepicker th {padding: 5px;}
#datepicker th, #datepicker td {border: 0; background: none;}
#datepicker td {padding: 12px 5px 4px 5px; color: #79877e; width: 50px; height: 50px;}
#datepicker td a {color: #79877e; display: block;}
#datepicker td:hover {background: #cac7bd;}
#datepicker td.ui-datepicker-unselectable:hover {background: none;}
#datepicker .ui-datepicker-week-end {color: #000;}
#datepicker .ui-datepicker-header { padding: 10px; display: flex; }
#datepicker .ui-datepicker-header a {cursor: pointer;}
#datepicker .ui-datepicker-header a, #datepicker .ui-datepicker-header .ui-datepicker-title {width: 33%; text-align: center;}
#datepicker .ui-datepicker-prev {order: 1;}
#datepicker .ui-datepicker-title {order: 2;}
#datepicker .ui-datepicker-next {order: 3;}
#datepicker .ui-datepicker-calendar td {text-align: center;}
#datepicker .ui-datepicker-today {color: #79877e; background: #cac7bd! important;}
#datepicker td a .extra {display: block; font-size: 8px; color: #79877e;}
#datepicker .ui-datepicker-current-day a, #datepicker .ui-datepicker-current-day .extra {color: #fff;}
#datepicker .ui-datepicker-current-day {color: #fff; background: #79877e;}
#datepicker .ui-datepicker-current-day:hover {color: #fff; background: #333! important;}
#bookingmessage {text-align: center; font-weight: bold;}
#timeslots {text-align: center; display: none;}
#checkcalendar, #formbox input[type="submit"]  {border: 0; padding: 15px 0; background: #79877e; color: #d4cec4; font-size: 15px; font-weight: bold; cursor: pointer; margin: 10px 0; width: 250px; text-align: center;}
#checkcalendar:hover, #formbox input[type="submit"]:hover {text-decoration: underline; }
#checkcalendar {display: block; margin: 10px auto;}
#bookingdetails {font-size: 14px; padding-top: 10px;}
#formbox input {background: #d4cec4; border-radius: 0;}
#formbox textarea {background: #d4cec4; border-radius: 0; height: 100px;}
#formbox input:focus, #formbox textarea:focus {border: 1px solid #79877e; border-radius: 0;}
#formbox .wpcf7-checkbox .wpcf7-list-item {display: block; margin: 0;}
#formbox label {line-height: 1.5;}
#bookingservice .wpcf7-response-output {border-color: #79877e; text-align: center;}
#bookingbtn:disabled {background: #7f786e! important;}
#bookingbtn:disabled:hover {cursor: not-allowed;}

/* Hide the native radio button */
#timeslots label input[type="radio"] {
 /* display: none; */
  visibility: hidden;
  z-index: 0;
  position: absolute;
}

/* Style the label to look like a button */
#timeslots label {
  display: block; /* or block, depending on layout */
  padding: 0;
  border: 1px solid #79877e;
  background: none;
  cursor: pointer;
  margin: 0; /* Spacing between "buttons" */
  text-align: center;
}

#timeslots label span {
  color: #000;
  display: block;
  padding: 10px 30px;
  font-weight: bold;
}

#timeslots label:hover {
  border: 1px solid #000;
}


#timeslots .wpcf7-list-item {margin: 5px; float: left;}

/* Style for the selected "button" */
#timeslots label input[type="radio"]:checked + span {
  background: #79877e; /* Example: blue background for selected */
  color: #d4cec4;
}

/* Optional: Hover effect */
#timeslots label span:hover {
 /* background: #cac7bd; */
}


/* Container for styling */
#formbox .wpcf7-checkbox .wpcf7-list-item label1 {
  position: relative;
  display: inline-block;
  width: 30px;         /* size */
  height: 30px;
}

/* Hide the default checkbox */
#formbox .wpcf7-checkbox .wpcf7-list-item label input[type="checkbox"] {
  opacity: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
}

/* Custom checkbox appearance */
#formbox .wpcf7-checkbox .wpcf7-list-item label::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #d4cec4;
  border: 1px solid #79877e;
  border-radius: 0;  /* make it square but slightly rounded, set to 0 for perfect square */
  box-sizing: border-box;
  transition: background-color 0.2s ease;
}

/* Checked state */
#formbox .wpcf7-checkbox .wpcf7-list-item label input[type="checkbox"]:checked + span::before {
  background-color: #79877e; /* green background when checked */
  border-color: #79877e;
}

/* Checkmark (optional) */
#formbox .wpcf7-checkbox .wpcf7-list-item label input[type="checkbox"]:checked + span::after {
  content: "✔";
  color: #79877e;
  font-size: 20px;
  /*
  position: absolute;
  top: 3px;
  left: 6px;
  z-index: 3;
  */
  display: inline-block;
  float: left;
  margin-left: -30px;
}

#formbox .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {margin-left: 10px; line-height: 30px; display: inline-block; vertical-align: text-bottom;}

.grecaptcha-badge {visibility: hidden;}

#gallerycontainer {overflow: hidden;}

.sibling-prev-next-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 3rem;
  background: #000;
}
.sibling-prev-next-menu a {
  text-decoration: none;
  color: #7f786e;
}
.sibling-prev-next-menu a:hover {
  text-decoration: none;
  color: #DDCEB2;
}
.sibling-prev-next-menu .parent-link {
  font-weight: normal;
  opacity: 0.8;
  font-size: 125%;
}

/* */
.dialog-type-lightbox {background-color: #DDCEB2;}
.elementor-lightbox .swiper .swiper-pagination-fraction {color: #000! important;}
.elementor-lightbox svg, .elementor-swiper-button svg {fill: #000! important;}
.elementor-slideshow__footer {color: #000! important;}
.elementor-lightbox-prevent-close .e-eicon-share-arrow {display: none! important;}

@media (min-width: 1023px) {

body.page-id-2 {padding-top: 130px;}
body.page-id-2 #masthead {position: fixed; width: 100%; top: 0;}
}


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

#navbutton .hfe-flyout-close svg {top:10px; right: 10px;}
#hfe-flyout-content-id-e66856a {padding: 20px;}

}


@media (max-width: 767px) {
	

#navbutton .hfe-flyout-trigger .hfe-nav-menu-icon svg {width: 25px;}
#navbutton .hfe-flyout-wrapper .hfe-side.hfe-flyout-right {width:100%;}
#navbutton .hfe-flyout-close svg {top:0px; right: 0px;}
#hfe-flyout-content-id-e66856a {padding: 0px;}
#hfe-flyout-content-id-e66856a li a {font-size: 32px; font-weight: 100; padding: 10px 0;}

#videologo img {width: 180px;}

.generalsomepadding {padding: 0 3.9% 0.5% 3.9%;}

.titleoffset, .mycounters {width: 100%;}
.mycounters {margin: 20px auto;}
.mycounters .elementor-heading-title {font-size: 30px! important;}
.mycounters .elementor-counter-number {font-size: 30px; height: 70px;}
.schedulebutton a {width: 100%;}
.ourprocessboxes h3 {font-size: 36px! important;}
.arrowtitle .elementor-icon-list-icon {padding-right: 10px! important;}
.mylists span {margin-right: 10px;}

h2 br {display: none;}

#bookingform {display: block;}
.flexsplit {width: 100%; padding: 20px;}

}