/* header title */
.md-header__title { margin-left: 2px !important }
.md-header__topic { letter-spacing: 0.5px; }
/* .md-ellipsis:focus, .md-ellipsis:hover { opacity: 0.7; } */

/* new sticky navigation tabs setting in the header container */
.md-header .md-tabs { width: unset; padding-right: 3em; }

/* no active nav item highlighting, it references everything as blog */
.md-tabs__item--active .md-tabs__link { opacity: 0.7; }
.md-tabs__link:focus, .md-tabs__link:hover { opacity: 1; }

/* bigger font for text on main page */
/* body.mkdocs- */

/* headers clear floating things */
h2 { clear:both; width:100% }

/* change action to hide logo + nav and to display menu icon from 76em to smaller */
@media screen and (max-width: 76.2344em) {
    .md-header__button.md-logo { display: unset; }
    .md-tabs { display: unset; }
}
@media screen and (max-width: 680px) {
    .md-header__button.md-logo { display: none; }
    .md-tabs { display: none; }
}
@media screen and (min-width: 681px) {
    .md-header__button[for=__drawer] { display:none }
}

/* home page */
.avatar {  margin: 10px; border-radius:50%; border: 4px solid #fff }
.background-hero-container { overflow-y: hidden; border-top-left-radius: 0.8rem; border-top-right-radius: 0.8rem; padding-bottom: 0; }
.background-hero-image { height: 100% !important; width: 100% !important; left:0px; top:0px; }

.post-hero { display: inline-block; }
.post-hero * { margin-block-start: 0px; }
.post-hero p:first-child { margin-block-end: 0px;}

/* make certain text into captions in a div grid */
.grid p:has(span) { text-align: center; }
.grid p span { font-style: italic; }