/* Bring in additional CSS files */
@import url("_index.ca04e5695deb.css");
@import url("_forms.453a149f6404.css");
@import url("_markdown_article.f99c02a2f529.css");
@import url("_categories.40259754fffc.css");
@import url("_about.2db4d6b1d004.css");
@import url("_logo.86b4aaffcac8.css");

/* Global link styles */
a {
    text-decoration: none;
}

body, .nav, .footer {
    font-family: 'Chivo Mono', monospace;
    max-width: 950px;
    margin: 0 auto;
    padding: 0;
  }

/* NAV BAR */
nav {
    font-family: 'Chivo Mono', monospace;
    display: flex;
    align-items: center;
    background-color: #ffffff;  /* Change background to white */
    color: #393D3F;             /* Set default text color to #393D3F */
    font-size: 12pt;
    border-bottom: 4px solid orange; /* Add orange color */
}

.navbar-toggler {
    /* padding: 1em; */
    color: #393D3F;
}

.navbar-toggler:hover {
    background-color: transparent;
    color: #2176FF;
}

nav a {
    display: inline-block;
    padding: 1em;
    color: #393D3F;
    /* color: #2176FF;  */
    text-decoration: none;
}

nav a:hover {
    background-color: transparent;  /* Remove background color on hover */
    color: #2176FF;                 /* Change link hover color to #2176FF */
}

/* Nav dropdown (hover) */
.nav-dropdown {
    position: relative;
}

.nav-dropdown-trigger {
    display: inline-block;
    padding: 1em;
    color: #393D3F;
    text-decoration: none;
    cursor: pointer;
}

.nav-dropdown-trigger:hover {
    color: #2176FF;
}

.nav-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    z-index: 1000;
    flex-direction: column;
    align-items: stretch;
}

.nav-dropdown:hover .nav-dropdown-menu {
    display: flex;
}

.nav-dropdown-item {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0.6rem 1em;
    color: #393D3F;
    text-decoration: none;
    text-align: left;
}

/* Desktop: single-line dropdown items */
@media (min-width: 992px) {
    .nav-dropdown-item {
        white-space: nowrap;
    }
}

.nav-dropdown-item:hover {
    background-color: #f3f4f6;
    color: #2176FF;
}

/* Mobile nav: Services dropdown — vertical orientation, full width, no cutoff */
@media (max-width: 991px) {
    .navbar-collapse {
        overflow: visible;
    }
    .navbar-nav {
        align-items: flex-start;
        text-align: left;
    }
    .nav-dropdown {
        width: 100%;
    }
    .nav-dropdown-menu {
        left: auto;
        right: 0;
        min-width: min(260px, calc(100vw - 2rem));
        max-width: calc(100vw - 2rem);
        flex-direction: column;
        align-items: stretch;
    }
    .nav-dropdown-menu li {
        display: block;
        width: 100%;
    }
    .nav-dropdown-item {
        display: block;
        width: 100%;
        box-sizing: border-box;
        white-space: normal;
        text-align: left;
        min-width: 0;
    }
}

/* FOOTER */ 
footer {
    font-family: 'Chivo Mono', monospace;
    display: flex;
    align-items: center;
    background-color: #ffffff;      /* Change background to white */
    color: #393D3F;                 /* Set default text color to #393D3F */
    font-size: 12pt;
    justify-content: space-between;
    margin-top: auto;
    border-top: 4px solid orange; /* Add orange color */ 
}

footer a {
    display: inline-block;
    padding: 1em;
    color: #393D3F;                /* Set link color to #393D3F */
    text-decoration: none;
}

footer a:hover {
    background-color: transparent; /* Remove background color on hover */
    color: #2176FF;                /* Change link hover color to #2176FF */
}

/* Add more horizontal padding around text for all buttons (excludes icon-only buttons) */
button[type="submit"]:not(.btn-icon),
button[type="button"]:not(.btn-icon):not(.navbar-toggler),
a.btn {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}