/* 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;
}

/* directory text */
.ntv-directory-text h1, .ntv-directory-text h2, .ntv-directory-text h3, .ntv-directory-text h4 {
    font-size:1.2rem;
}

.ntv-directory-text hr {
    margin-bottom:1rem;
}