/******************/
/**** NAV BAR ****/
/****************/

/* Auto Dropdown when hover */
.dropdown:hover .dropdown-menu {
    display: block;
    /*margin-top: 0;*/
    margin: 0;
}

/* Facebook and Twitter */
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}



/****************************/
/**** Global Custom CSS ****/
/**************************/

/* Readable line length for long-form body copy.
 *
 * Bootstrap's .container tops out at 1140px, which at the default 1rem body
 * size is roughly 110 characters per line — well past the ~65-75 that reads
 * comfortably. Prose sections get this cap; grids, cards, and forms keep the
 * full container width.
 *
 * Do NOT "fix" wide text by bumping font sizes with fs-* utilities. That is
 * what made every paragraph on this site 32px (fs-2 = 2rem) before 2026-07-20.
 * fs-* is for deliberate emphasis, not body text. */
.prose {
    max-width: 68ch;
}

/* Drag handle in the admin portfolio list. The row is only made draggable
 * while this cell is held, so user-select must be off or the browser starts a
 * text selection instead of a drag. */
.drag-handle {
    cursor: grab;
    user-select: none;
    letter-spacing: -2px;
    width: 1%;
    white-space: nowrap;
}
.drag-handle:active {
    cursor: grabbing;
}