/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 12 2025 | 09:26:45 */
/*Additional CSS for font size*/

/* Apply 16px global font size only on Student Dashboard page (.page-id-2059) */
.page-id-2059 html,
.page-id-2059 body,
.page-id-2059 p,
.page-id-2059 span,
.page-id-2059 li,
.page-id-2059 a,
.page-id-2059 div,
.page-id-2059 td,
.page-id-2059 th,
.page-id-2059 input,
.page-id-2059 textarea,
.page-id-2059 select,
.page-id-2059 button {
    font-size: 15px !important;
    line-height: 1.6em !important;
}

/* Ensure heading hierarchy remains proportionate */
.page-id-2059 h1 { font-size: 2em !important; }
.page-id-2059 h2 { font-size: 1.75em !important; }
.page-id-2059 h3 { font-size: 1.5em !important; }
.page-id-2059 h4 { font-size: 1.25em !important; }
.page-id-2059 h5 { font-size: 1.1em !important; }
.page-id-2059 h6 { font-size: 1em !important; }

/* Handle Elementor and BuddyBoss-specific containers if used */
.page-id-2059 .elementor-widget,
.page-id-2059 .elementor-text-editor,
.page-id-2059 .wp-block,
.page-id-2059 .site-content {
    font-size: 15px !important;
}

.page-id-2059 .css-100zdih {
  font-size: 15px !important;
}

.page-id-2059 .css-100zdih {
  font-size: 15px !important;
}

.page-id-2059 .css-nsj3v2 {
  font-size: 15px;
}

.page-id-2059 .css-1cf591u {
  font-size: 15px;
}

.page-id-2059 .css-1xzj9bn {
  font-size: 15px;
}

.page-id-2059 .css-27akxp {
	font-size: 15px;
}

/* Apply placeholder styling on the student dashboard page */
.page-id-2059 .tutor-input-field::placeholder,
.page-id-2059 textarea::placeholder {
    color: #666666 !important;       /* Change placeholder color */
    font-size: 15px !important;      /* Adjust placeholder font size */
    font-style: italic !important;   /* Optional: give a subtle italic hint */
    opacity: 1 !important;           /* Fix dim text issue in some browsers */
}

/* Optional: overall textarea style for consistency */
.page-id-2059 .tutor-input-field,
.page-id-2059 textarea {
    font-size: 15px !important;
    color: #222 !important;
    border-radius: 6px;
    padding: 10px 12px;
    line-height: 1.5;
}


#academy-frontend-dashboard-sidebar {
  display: none;
}

.academy-bookings__sidebar {
  display: none;
}

/*Calendar booking form improvement*/

/* Replace #39B8AD date backgrounds with white and add dark border */
#academyProSingleBookingCalendar .react-calendar__tile,
#academyProSingleBookingCalendar .react-calendar__tile--active,
#academyProSingleBookingCalendar .react-calendar__tile--now,
#academyProSingleBookingCalendar .react-calendar__tile--hasActive {
  background-color: #ffffff !important;   /* white background */
  color: #000000 !important;              /* black numbers */
  border: 1px solid #22315D !important;   /* dark blue border */
  box-shadow: none !important;
}

/* Optional hover state for clarity */
#academyProSingleBookingCalendar .react-calendar__tile:hover {
  background-color: #f5f7fa !important;
  border-color: #22315D !important;
  color: #000000 !important;
}


/* Style active / available date tiles */
#academyProSingleBookingCalendar 
.react-calendar__tile--active,
#academyProSingleBookingCalendar 
.react-calendar__tile--available,
#academyProSingleBookingCalendar 
.react-calendar__tile.date-range-active,
#academyProSingleBookingCalendar 
.react-calendar__tile.date-selected {
  background-color: #22315D !important;  /* Dark navy background */
  color: #ffffff !important;             /* White text */
  border-color: #22315D !important;
}

/* Hover effect for active / available dates */
#academyProSingleBookingCalendar 
.react-calendar__tile--active:hover,
#academyProSingleBookingCalendar 
.react-calendar__tile--available:hover,
#academyProSingleBookingCalendar 
.react-calendar__tile.date-range-active:hover,
#academyProSingleBookingCalendar 
.react-calendar__tile.date-selected:hover {
  background-color: #1a47c9 !important;  /* Bright blue hover */
  color: #ffffff !important;
  border-color: #1a47c9 !important;
}

/* Style month navigation buttons and month label */
#academyProSingleBookingCalendar .react-calendar__navigation button {
  background-color: #22315D !important;  /* Dark navy background */
  color: #ffffff !important;             /* White text or icons */
  border: none !important;
  border-radius: 8px;
  font-weight: 600;
  transition: background-color 0.25s ease, transform 0.1s ease;
}

/* Hover effect for month navigation buttons and label */
#academyProSingleBookingCalendar .react-calendar__navigation button:hover {
  background-color: #1a47c9 !important;  /* Bright blue hover */
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* Optional: make the month label (like "OCTOBER 2025") stand out */
#academyProSingleBookingCalendar .react-calendar__navigation__label {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.03em;
}