/* Custom Styles */

/* Prevent word splitting in titles + handle overflow */
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: none;
}

div#block-1751186197673 .block,
div#block-1751186253340 .block {
}

div#block-1751185869130,
div#block-1751186197673,
div#block-1751186248387,
div#block-1751186253340 {
}

#block-1752299299676 .course-header {
  align-items: self-start !important;
}

@media (min-width: 768px) {
  div#section-1751185226219 .feature__text {
    margin-top: 75px;
  }
}
@media (max-width: 767px) {
  div#section-1751185226219 .feature__text {
    margin-top: 120px;
  }
  div#section-1751185226219 .feature {
    background-size: contain;
  }

  .community-card .member-count {
    font-size: 19px !important;
  }
}

/* Google Sign-In Button — Modern Google style */
.gsi-material-button {
  border-radius: 24px !important;
  height: 48px !important;
  width: 100% !important;
  max-width: 100% !important;
  font-family: "Google Sans", "Roboto", arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.25px !important;
  background-color: #fff !important;
  color: #3c4043 !important;
  border: 1px solid #dadce0 !important;
  box-shadow: none !important;
  transition:
    background-color 0.2s,
    box-shadow 0.2s !important;
}
.gsi-material-button:hover {
  background-color: #f7f8f8 !important;
  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.15) !important;
  border-color: #dadce0 !important;
}
.gsi-material-button:active {
  background-color: #eef0f1 !important;
}
.gsi-material-button .gsi-material-button-icon {
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px !important;
}
.gsi-material-button .gsi-material-button-icon svg {
  width: 20px !important;
  height: 20px !important;
}
.gsi-material-button .gsi-material-button-contents {
  color: #3c4043 !important;
  font-family: "Google Sans", "Roboto", arial, sans-serif !important;
  font-size: 15px !important;
}
.gsi-material-button .gsi-material-button-state {
  display: none !important;
}
.auth__content .divider {
  color: #5f6368;
  font-size: 14px;
  margin: 1.5em 0 !important;
}
.auth__content .divider::before,
.auth__content .divider::after {
  border-color: #dadce0 !important;
}
/* Remember me + Forgot password on same row */
.auth__content form .form-group:has(#member_remember_me) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.auth__forgot-link {
  font-size: 13px;
  color: #8b5b5a;
  white-space: nowrap;
}
.auth__forgot-link:hover {
  color: #251110;
}