.elementor-4053 .elementor-element.elementor-element-c42b9c0{--display:flex;--min-height:75vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4053 .elementor-element.elementor-element-c42b9c0:not(.elementor-motion-effects-element-type-background), .elementor-4053 .elementor-element.elementor-element-c42b9c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4538b90 );}.elementor-4053 .elementor-element.elementor-element-7e2e1b6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4053 .elementor-element.elementor-element-23bccfe{--display:flex;}.elementor-4053 .elementor-element.elementor-element-23bccfe:not(.elementor-motion-effects-element-type-background), .elementor-4053 .elementor-element.elementor-element-23bccfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tgbasstutor.com/wp-content/uploads/2025/03/cropped-purple-on-white.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-4053 .elementor-element.elementor-element-7dc9fe8{--display:flex;}body.elementor-page-4053:not(.elementor-motion-effects-element-type-background), body.elementor-page-4053 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4538b90 );}@media(min-width:768px){.elementor-4053 .elementor-element.elementor-element-23bccfe{--width:200px;}.elementor-4053 .elementor-element.elementor-element-7dc9fe8{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-a71e389 */./* End custom CSS */
/* Start custom CSS *//* ==============================
   TG Register (Tutor LMS) Styling
   ============================== */

.tg-register #tutor-registration-wrap {
  /* remove the “floating card” look if Tutor adds it */
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}

.tg-register #tutor-registration-form {
  /* if the form itself has a shadow/background you want gone */
  box-shadow: none !important;
}

/* Make rows actually behave like rows (some themes override Tutor's layout) */
.tg-register #tutor-registration-form .tutor-form-row {
  display: flex !important;
  flex-wrap: wrap;
  gap: 16px; /* space between columns */
  margin-bottom: 14px;
}

/* Ensure 2-col fields sit side-by-side */
.tg-register #tutor-registration-form .tutor-form-col-6 {
  flex: 1 1 calc(50% - 8px);
  max-width: calc(50% - 8px);
}

/* Full-width columns stay full width */
.tg-register #tutor-registration-form .tutor-form-col-12 {
  flex: 1 1 100%;
  max-width: 100%;
}

/* Mobile stack */
@media (max-width: 720px) {
  .tg-register #tutor-registration-form .tutor-form-col-6 {
    flex-basis: 100%;
    max-width: 100%;
  }
}

/* Smaller labels */
.tg-register #tutor-registration-form label {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
}

/* Smaller fields */
.tg-register #tutor-registration-form input[type="text"],
.tg-register #tutor-registration-form input[type="password"],
.tg-register #tutor-registration-form input[type="email"],
.tg-register #tutor-registration-form input[type="tel"] {
  font-size: 14px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
}

/* Tighten Tutor's default spacing if needed */
.tg-register #tutor-registration-form .tutor-form-group {
  margin-bottom: 0 !important;
}

/* Theme colours */
:root {
  --tg-purple: #4b3c91;      /* adjust if needed */
  --tg-purple-dark: #3e327a; /* hover */
}

/* Button colour */
.tg-register #tutor-registration-form .tutor-btn.tutor-btn-primary {
  background: var(--tg-purple) !important;
  border-color: var(--tg-purple) !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.tg-register #tutor-registration-form .tutor-btn.tutor-btn-primary:hover {
  background: var(--tg-purple-dark) !important;
  border-color: var(--tg-purple-dark) !important;
}

/* Terms + links colour */
.tg-register #tutor-registration-form .tutor-mb-24,
.tg-register #tutor-registration-form .tutor-mb-24 a {
  font-size: 13px !important;
}

.tg-register #tutor-registration-form .tutor-mb-24 a {
  color: var(--tg-purple) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.tg-register #tutor-registration-form .tutor-mb-24 a:hover {
  color: var(--tg-purple-dark) !important;
}
/* Hide Hello Elementor footer only on this page */
#site-footer {
  display: none !important;
}/* End custom CSS */