/*************
AFTER UPDATING INCREMENT THE QUERY PARAMETER ON THE URL
FOR THIS FILE IN THE GHOST SITE HEADER CODE INJECTION
*************/

:root {
    --ustat-color-secondary: #000; /* default is #999 */
    --ustat-theme-color: #008088; /* teal */
    --ustat-content-link-color: #008088;
    --ustat-content-link-color-highlight: #3247a6; /* indigp */

    --ustat-divider-color: #ccc;
    --ustat-tip-background-color: rgba(1, 1, 1, 0.9); /*#222;*/
    --ustat-tip-color: black; /*#fff;*/
}

.ustat-clear{
    clear:both;
}

/* remove huge ugly subscribe banner */
/* but need a little space below menu */
.gh-header {
    display:none !important;
}
.gh-container-title {
    margin-top: 20px;
}

/* reduce top logo on narrow screens */
.gh-navigation-logo img {
    max-width: 60vw;
}

/* remove post hero image */
article header figure {
    display: none;
}

/* space between nav and content */
.gh-article .gh-article-header,
.page-template .gh-article .gh-article-header {
    margin-top: 40px !important;
}

.gh-page-head, /* Page headers (static pages) */
.page-header,
.page-template .gh-article-header,
.gh-article-header, /* Post headers (article pages) */
.post-full-header,
.gh-pagehead, /* Home page & list views */
.gh-list-header,
.gh-pageheader {
    margin-top: 0 !important;
}

/* darken common secondary text classes */
.gh-article-meta,
.gh-article-meta *:not(a),
.gh-footer,
.gh-footer *:not(a),
.gh-navigation *[class*="secondary"]:not(a),
.post-card-meta,
.post-card-meta *:not(a),
.post-card-excerpt,
.post-card-excerpt:not(a),
.reading-time,
.reading-time:not(a),
.post-card-tags,
.post-card-tags *:not(a),
.post-card-primary-tag:not(a),
footer,
footer *:not(a),
.gh-main *:not(a),
.gh-post-meta,
.gh-post-meta *:not(a),
.gh-author-meta,
.gh-author-meta *:not(a),
figcaption,
[class*="meta"]:not(a),
[class*="excerpt"]:not(a),
small:not(a),
.text-secondary:not(a) {
    color: var(--ustat-color-secondary) !important;
}

/* darken faint borders */
:root {
    --color-border: #ccc;
}

strong { // theme default is very heavy
    font-weight:600;
}

/******************
  AUTHOR PAGE
*******************/

/* reduce size of title on author page */
.author-template h1 {
    font-size: 3.4rem !important; /* 3.6rem is Ghost Source size */
}
@media (max-width: 500px) {
    .author-template h1 {
        font-size: 2.8rem !important;
    }
}


/******************
  POST READ MORE
*******************/

/* reduce space between bottom of comments and top of READ MORE */
.post-template .gh-container {
    margin-top: 20px;
}
/* reduce space above bottom sign up */
.gh-footer {
    margin-top: 40px;
}

/******************
  SUBSCRIBE POP-UP
*******************/

/* remove text title */
.gh-portal-popup-container .gh-portal-content header h1 {
    display: none !important;
}


/******************
  FOOTER
*******************/

/* re-order footer elements to brand, subscribe */
.gh-footer-inner {
    display: flex;
    flex-direction: column;
}
.gh-footer-signup {
    order: 1;
    /*border-top: 1px solid var(--ustat-divider-color);*/
    border-bottom: 1px solid var(--ustat-divider-color);
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
}
.gh-footer-bar {
    order: 2;
    padding: 15px 5px 10px 5px;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    font-weight: normal;
}

/* remove Powered by Ghost */
.gh-footer-copyright {
    display: none !important;
}

/* reduce size of footer signup form */
/* Footer signup input */
.gh-footer-signup .gh-form-input {
    font-size: 90%;
    padding: 0.6em 0.9em;
    line-height: 1.2;
}
/* reduce size of footer signup button */
.gh-footer-signup .gh-button {
    font-size: inherit;
    padding: 12px 21px;
    line-height: 15px;
}
/* white text in subscribe button */
.gh-footer-signup .gh-button span {
    color: white !important;
}

/* remove logo from footer nav */
.gh-footer-bar .gh-footer-logo/*, .gh-sidebar .gh-about-title*/ {
    display: none;
}

/* use logo instead of text name in footer subscribe */
/* this block has to be in site header injection to access local image */
/*
<style>
 footer h2 {
     text-indent: -9999px;
     width: 200px;
     background: url('/content/images/2026/02/logo-800-1.webp') center/contain no-repeat;}
</style>
 */

/* center footer nav */
/* without name/logo, footer bar is just 1 grid item */
.gh-footer-bar {
    grid-template-columns: 1fr;
    justify-items: center;
}

/* copyright at page bottom */
/* the div that this styles must be in site footer injection */
.ustat-footer-copyright {
    margin-top: 0;
    padding-bottom: 1.5rem;
    text-align: center;
    font-size: 90%;
    opacity: 0.7;
}

/****  END FOOTER  */

/******************
  LINKS
*******************/

/* Link styling in post and page content (not menus) */

article a {
    color: black !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
}

article a:hover {
    opacity: 0.5 !important;
}


/******************
  INDEX CARD
*******************/
/* MUST COME AFTER LINKS STYLING TO UNDO STANDARD LINK STYLING */

.gh-card {
    margin: 4px !important; /* make room for hover outline to appear */
    border: white solid 4px; /* so hover outline isn't tight to text */
}
.gh-card:hover {
    box-shadow: 0 0 0 1px rgba(0, 128, 136, 0.4);
  /*outline: 1px solid rgba(0, 128, 136, 0.35);*/
}

/* undo link styling */
.gh-card a {
    text-decoration: none !important;
}
.gh-card a:hover {
    opacity: 1 !important;
}


/******************
  BUTTONS and INPUTS
*******************/

.page-template .gh-button,
.article-template .gh-button {
    background-color: var(--ustat-content-link-color) !important;
    color: white !important;
    padding: 10px 20px !important;
}

.gh-viewport .gh-button:hover {
    background-color: var(--ustat-content-link-color-highlight) !important;
    color: white !important;
}

/* rounded buttons and inputs */
button,
input:not([type="checkbox"]):not([type="radio"]),
.gh-form-input:not([type="checkbox"]):not([type="radio"]),
.gh-form input:not([type="checkbox"]):not([type="radio"]),
.gh-form textarea, .gh-form select,
.gh-content input, .gh-content textarea, .gh-content select,
.kg-button, .gh-button {
    border-radius: 6px !important;
    -webkit-appearance: none !important; /* fix for Chrome/Safari */
    appearance: none !important;
    background-clip: padding-box !important;
    box-sizing: border-box !important;
}

/****  END BUTTONS and INPUTS  */


/* raised cap first letter of post */
.post-template .gh-content > p:first-of-type::first-letter {
    font-size: 1.4em;
    line-height: 1;
    letter-spacing: 0.02em;
}

/* divider color */
 hr {
    border: 1px solid var(--ustat-divider-color) !important;
}

/* styling blockquotes in posts */
/* oblique and indented */
.gh-content blockquote {
    font-style: oblique;
    border:none !important;
    margin-left: 1.25em;
}
/* same spacing as paragraphs */
/* needs to adjust spacing on blockquote adjacent elements too */
.gh-content > * + blockquote,
.gh-content blockquote + * {
    margin-top: 1.5em !important;
}
@media (max-width: 500px) {
    blockquote {
        margin-left: 1em;
    }
}

/* hover tips */
.ustat-tip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.ustat-tip-text {
    visibility: hidden;
    width: 130px;
    background-color: var(--ustat-tip-background-color);
    color: var(--ustat-tip-color);
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}
.ustat-tip:hover .ustat-tip-text {
    visibility: visible;
}