body {
  padding-top: 70px; /* adjust to match navbar height */
}

.footer-year-range {
  font-size: 0.85em;
}

.content {
  min-width: 0; /* allow flex item to shrink instead of forcing row wrap */
  overflow-wrap: anywhere;
  word-break: break-word;
}

.card,
.card-body {
  min-width: 0;
}

.card-body {
  overflow-wrap: anywhere;
  word-break: break-word;
  overflow-x: auto; /* keep very wide content inside cards */
}


a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

img {
	max-width: 100%;
}

.content mjx-container[jax="CHTML"],
.card-body mjx-container[jax="CHTML"] {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.content mjx-container[jax="CHTML"] svg,
.card-body mjx-container[jax="CHTML"] svg {
  max-width: 100%;
  height: auto;
}


/* LOGIN PAGE */
.divider:after,
.divider:before {
content: "";
flex: 1;
height: 1px;
background: #eee;
}

@media (min-width: 768px) {
  .row > .col-md-1-5 {
    flex: 0 0 auto;
    width: 12.5%;
    max-width: 12.5%;
  }
}

@media (max-width: 767.98px) {
  .navbar.navbar-bg {
    background: #f8f9fa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }

  .mobile-navbar-search {
    background: #f8f9fa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }

  .navbar .nav-flag {
    padding: .1rem .75rem;
  }

  .navbar .nav-flag img.teber-nav-flag {
    border-radius: 50% !important;
    height: 24px !important;
    object-fit: cover;
    width: 24px !important;
  }

  .navbar .navbar-nav > .nav-item > a svg,
  .navbar .navbar-nav > .nav-item > button svg {
    height: 28px;
    width: 28px;
  }

  .content.content-page {
    padding: 0;
    width: 100%;
    max-width: 100%;
  }

  .content-main-card {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
}

@media (min-width: 768px) {
  .content.content-page-main {
    flex: 1 1 0;
    width: auto;
    max-width: none;
  }
}