}
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* ============================= */
/*   Trafalgar Education Styles  */
/* ============================= */

/* Global button styling */
/* ============================
   Trafalgar Education Button Styles
   ============================ */

.hs-button,
.button,
input[type="submit"],
button {
  appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  text-transform: none;
  display: inline-block;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 14px !important; /* Softer rounded corners */
  padding: 12px 32px !important;
  background-color: #d43b20 !important; /* Trafalgar red */
  color: #ffffff !important;
}

/* Hover & Focus */
.hs-button:hover,
.button:hover,
input[type="submit"]:hover,
button:hover,
.hs-button:focus,
.button:focus {
  opacity: 0.9;
  background-color: #b8301a !important;
  color: #ffffff !important;
}

/* Disabled State */
.hs-button:disabled,
.button:disabled,
input[type="submit"]:disabled,
button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Text alignment */
.hs-button,
.button {
  text-align: center;
  justify-content: center;
  align-items: center;
}
/* Fix squished two-column image section on mobile */
@media (max-width: 768px) {
  .two-col-image-section {
    display: block !important;
  }

  .two-col-image-section img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 20px;
  }
}
/* Global mobile fix for rich-text images so they don't squish */
@media (max-width: 768px) {
  /* Images inside Rich Text or Image modules */
  .hs_cos_wrapper_type_rich_text img,
  .hs-image-widget img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }
}   .hs_cos_wrapper_type_rich_text img,
  .hs-image-widget img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    display: block;
  }