/* bootstrap classes extension */

.fs-7 {
    font-size:0.85em;
}

.fs-xxl {
    font-size: 1.5rem !important;
}

/* utilities */

.g-text-underline {
    text-decoration: underline;
}
  
.g-text-underline--none {
    text-decoration: none;
}

.g-text-underline--none--hover:focus, .g-text-underline--none--hover:hover {
    text-decoration: none;
}

.g-text-underline--hover:focus, .g-text-underline--hover:hover {
    text-decoration: underline;
}

.g-cursor-pointer {
    cursor: pointer;
}

/* colors */
.g-color-gray-100 {
    color: var(--si-gray-100) !important;
}
.g-color-gray-200 {
    color: var(--si-gray-200) !important;
}
.g-color-gray-300 {
    color: var(--si-gray-300) !important;
}
.g-color-gray-400 {
    color: var(--si-gray-400) !important;
}
.g-color-gray-500 {
    color: var(--si-gray-500) !important;
}
.g-color-gray-600 {
    color: var(--si-gray-600) !important;
}
.g-color-gray-700 {
    color: var(--si-gray-700) !important;
}
.g-color-gray-800 {
    color: var(--si-gray-800) !important;
}
.g-color-gray-900 {
    color: var(--si-gray-900) !important;
}

/* background colors*/

.g-bg-gray-100 {
    background-color: var(--si-gray-100) !important;
}


/* hover colors */

.g-color-gray-700--hover:hover {
    color: var(--si-gray-700) !important;
}

.g-color-primary--hover:hover {
    color: var(--si-primary) !important;
}


/* background hover colors */

.g-bg-gray-100--hover:hover {
    background-color: var(--si-gray-100) !important;
}

.g-bg-gray-500--hover:hover {
    background-color: var(--si-gray-500) !important;
}

/* align icon with text */
.g-icon-with-txt {
    display: inline-flex;
    align-items: center;
}

/* htmx progress */
.htmx-indicator{
    visibility: hidden;
}
.htmx-request .htmx-indicator{
    visibility: visible;
}
.htmx-request.htmx-indicator{
    visibility: visible;
}

/* top navbar */
/* The theme sets the navbar hover/active colour to --si-primary, which is the
   same indigo as the bar's own bg-primary background: labels vanish on hover.
   Brighten to full white instead (base link colour is white at 85%). */
.navbar.bg-primary {
    --si-navbar-hover-color: #fff;
    --si-navbar-active-color: #fff;
}

/* directory description text */
.ntv-directory-text h2 { font-size: 1.05rem; }
.ntv-directory-text h3 { font-size: 1.05rem; }
.ntv-directory-text h4,
.ntv-directory-text h5,
.ntv-directory-text h6 { font-size: 1.05rem; }
.ntv-directory-text > :first-child { margin-top: 0; }