@charset "UTF-8";
/* === Remove the annoying white line under / around the header (new preset) === */
/* 1) Kill any border / shadow that often creates that “thin white line” */
header,
.site-header,
#masthead,
.main-header,
.header,
.header-wrap,
.header-container,
.navbar,
.navbar-wrap,
.navbar-container,
.elementor-location-header,
.elementor-location-header *,
.ast-primary-header-bar,
.ast-primary-header-bar *,
.ast-main-header-wrap,
.ast-main-header-wrap *,
.wp-site-blocks > header,
.wp-site-blocks > header * {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* 2) If the line is actually a pseudo-element separator */
header::before,
header::after,
.site-header::before,
.site-header::after,
#masthead::before,
#masthead::after,
.navbar::before,
.navbar::after,
.elementor-location-header::before,
.elementor-location-header::after,
.ast-primary-header-bar::before,
.ast-primary-header-bar::after {
  content: none !important;
  display: none !important;
}

/* 3) Remove any top-gap/margin that can show the page background as a “line” */
html, body {
  margin: 0 !important;
  padding: 0 !important;
}

body.admin-bar header,
body.admin-bar #masthead,
body.admin-bar .site-header {
  top: 0 !important;
}

/* 4) Ensure the first section touches the header (no “separator gap”) */
main,
#content,
.site-content,
.elementor-section:first-of-type,
.wp-site-blocks > main:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Keep thumbnails always */
.tutor-course-thumbnail img {
  display: block !important;
}

/* Remove the author/meta line under the title on course cards */
.tutor-course-card .tutor-meta,
.tutor-course-card .tutor-course-meta,
.tutor-course-card .tutor-course-header-meta,
.tutor-course-card .tutor-course-author,
.tutor-course-card .tutor-course-instructor {
  display: none !important;
}

/* GLOBAL PRIMARY BUTTONS */
button,
input[type=submit],
input[type=button],
a.button,
.wp-block-button__link {
  background-color: #5ea583 !important;
  color: #ffffff !important;
  border-color: #5ea583 !important;
}

/* HOVER & ACTIVE STATES */
button:hover,
input[type=submit]:hover,
input[type=button]:hover,
a.button:hover,
.wp-block-button__link:hover {
  background-color: #4b8e70 !important;
  border-color: #4b8e70 !important;
  color: #ffffff !important;
}

/* WOO COMMERCE BUTTONS */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background-color: #5ea583 !important;
  color: #ffffff !important;
  border-color: #5ea583 !important;
}

/* WOO COMMERCE HOVER */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: #4b8e70 !important;
  border-color: #4b8e70 !important;
}

.woocommerce div.product form.cart .variations select {
  /* Box Styling */
  background-color: #ffffff;
  border: 1px solid #d1d1d1; /* Slightly darker border for contrast */
  border-radius: 5px; /* Rounded corners */
  padding: 8px 10px; /* Comfortable breathing room */
  /* Typography */
  font-size: 16px; /* Prevents zooming on iPhone when clicked */
  color: #333333;
  /* Layout */
  width: 100%; /* Forces it to fill the container */
  height: 40px; /* Sets a consistent height */
  cursor: pointer;
  /* Ensure no shadow overrides */
  box-shadow: none;
}

/* Optional: Focus state (when the user clicks it) */
.woocommerce div.product form.cart .variations select:focus {
  border-color: #666;
  outline: none;
}