/* Apply Manrope globally */
body, h1, h2, h3, h4, h5, h6, p, a, li, span {
font-family: 'Manrope', sans-serif;
}

/* Blog header */
.blog-header-logo {
font-family: 'Manrope', sans-serif;
font-weight: 700;
font-size: 2.25rem;
}
.blog-header-logo:hover {
text-decoration: none;
}

/* Blog layout */
.blog-post { margin-bottom: 4rem; }
.blog-post-meta { margin-bottom: 1.25rem; color: #727272; }
.blog-pagination { margin-bottom: 4rem; }

/* Hero / feature image */
.jas3 { background: url("../img/AI.webp") center/contain no-repeat; }
@media(min-width:1020px) { .h-md-250 { height: 250px; } }

/* Custom Bootstrap button variables */
.btn-bd-primary {
--bd-violet-bg: #712cf9;
--bd-violet-rgb: 113,44,249;
--bs-btn-font-weight: 600;
--bs-btn-color: #fff;
--bs-btn-bg: var(--bd-violet-bg);
--bs-btn-border-color: var(--bd-violet-bg);
--bs-btn-hover-bg: #6528e0;
--bs-btn-hover-border-color: #6528e0;
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
--bs-btn-active-bg: #5a23c8;
--bs-btn-active-border-color: #5a23c8;
}

/* Code blocks */
code { color: #800; }