/**
 * Theme custom styles (plain CSS).
 *
 * Hand-translated from the custom section of "assets/main.scss" so the theme
 * works with the precompiled Bootstrap 5.3.8 dist files without a build step.
 * Load AFTER Bootstrap (bootstrap.min.css). Sass variables have been resolved
 * to their Bootstrap defaults ($grid-gutter-width: 1.5rem, $spacer: 1rem,
 * grays, breakpoint-max(sm): 767.98px, etc.).
 */

/**
 * General
 */
body.page-template-page-full #main {
	max-width: 100%;
}

/* If WP-Adminbar is visible */
body.admin-bar #header.fixed-top {
	top: var(--wp-admin--admin-bar--height);
}
body.admin-bar .edit-link a {
	color: #fff !important;
	font-weight: normal !important;
	text-decoration: none !important;
}
body.admin-bar .edit-link a::before {
	content: '\270E';
	display: inline-block;
	margin-right: 5px;
}

img {
	vertical-align: middle;
}

/**
 * WordPress customization
 */

/* WordPress Embeds */
.post-thumbnail,
.wp-video,
.embed-responsive {
	margin: 5px 0;
	width: 100% !important;
}

.post img,
.post-thumbnail img {
	max-width: 100%;
	height: auto;
}

/* Header */
#header .search-form {
	min-width: 250px;
}

.navbar-brand img {
	height: 40px;
}

.navbar-static-top {
	margin-bottom: 1.5rem;
}

/* Main */
#main {
	margin-top: 1rem;
}

/* Footer */
#footer {
	background-color: #fff;
}
#footer p {
	margin-top: 10px;
}
#footer .menu-item a[aria-current='page'] {
	color: #0a58ca;
}

/* Sidebar */
.widget-area ul {
	list-style: none;
	padding: 0;
}

/* Author */
.author-avatar .avatar {
	width: 64px;
	height: auto;
}

.author-info {
	margin: 40px 0;
}
.author-info h2,
.author-info h3 {
	margin-top: 0;
}

/* Posts */
.sticky .card {
	background-color: #f8f9fa;
}

.entry-meta {
	font-size: small;
	margin-top: 0.75rem;
}

.single .entry-content,
.single .post-navigation,
.single #comments-title {
	margin: 1.5rem 0;
}

#comments {
	margin-top: 1.5rem;
}

.comment-meta {
	height: 40px;
}

.comment-reply-title {
	margin: 1.5rem 0 0.75rem;
}

.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.commentlist > li.comment {
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .children {
	list-style: none;
	margin-top: 1.5rem;
}
.commentlist .children > li.comment {
	border-top: 1px solid #dee2e6;
	padding-top: 1.5rem;
	position: relative;
}
.commentlist .avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	box-shadow: 0 1px 2px #6c757d;
	padding: 0;
	position: absolute;
	top: 0;
	left: -102px;
}

/**
 * WordPress Blocks
 *
 * Reproduces the Sass "@extend .btn/.btn-primary/.table" rules against the
 * Bootstrap 5.3.8 button/table CSS custom properties.
 */

/* Button block -> .btn .btn-primary */
.wp-block-button .wp-block-button__link {
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.375rem;
	--bs-btn-font-family: ;
	--bs-btn-font-size: 1rem;
	--bs-btn-font-weight: 400;
	--bs-btn-line-height: 1.5;
	--bs-btn-border-width: var(--bs-border-width);
	--bs-btn-border-radius: var(--bs-border-radius);
	--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	--bs-btn-disabled-opacity: 0.65;
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
	/* .btn-primary */
	--bs-btn-color: #fff;
	--bs-btn-bg: #0d6efd;
	--bs-btn-border-color: #0d6efd;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0b5ed7;
	--bs-btn-hover-border-color: #0a58ca;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0a58ca;
	--bs-btn-active-border-color: #0a53be;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #0d6efd;
	--bs-btn-disabled-border-color: #0d6efd;
	display: inline-block;
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	font-family: var(--bs-btn-font-family);
	font-size: var(--bs-btn-font-size);
	font-weight: var(--bs-btn-font-weight);
	line-height: var(--bs-btn-line-height);
	color: var(--bs-btn-color);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
	border-radius: var(--bs-btn-border-radius);
	background-color: var(--bs-btn-bg);
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.wp-block-button .wp-block-button__link:hover {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color);
}
.wp-block-button .wp-block-button__link:focus-visible {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color);
	box-shadow: var(--bs-btn-focus-box-shadow);
}
.wp-block-button .wp-block-button__link:active {
	color: var(--bs-btn-active-color);
	background-color: var(--bs-btn-active-bg);
	border-color: var(--bs-btn-active-border-color);
}

/* Outline style -> .btn-outline-primary (overrides the primary variant above) */
.wp-block-button.is-style-outline .wp-block-button__link {
	--bs-btn-color: #0d6efd;
	--bs-btn-bg: transparent;
	--bs-btn-border-color: #0d6efd;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0d6efd;
	--bs-btn-hover-border-color: #0d6efd;
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0d6efd;
	--bs-btn-active-border-color: #0d6efd;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #0d6efd;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #0d6efd;
	--bs-gradient: none;
}

/* Size modifiers -> .btn-lg / .btn-sm */
.wp-block-button.btn-lg .wp-block-button__link {
	--bs-btn-padding-y: 0.5rem;
	--bs-btn-padding-x: 1rem;
	--bs-btn-font-size: 1.25rem;
	--bs-btn-border-radius: var(--bs-border-radius-lg);
}
.wp-block-button.btn-sm .wp-block-button__link {
	--bs-btn-padding-y: 0.25rem;
	--bs-btn-padding-x: 0.5rem;
	--bs-btn-font-size: 0.875rem;
	--bs-btn-border-radius: var(--bs-border-radius-sm);
}

/* Table block -> .table */
.wp-block-table td,
.wp-block-table th {
	border: inherit;
}
.wp-block-table table {
	--bs-table-color-type: initial;
	--bs-table-bg-type: initial;
	--bs-table-color-state: initial;
	--bs-table-bg-state: initial;
	--bs-table-color: var(--bs-emphasis-color);
	--bs-table-bg: var(--bs-body-bg);
	--bs-table-border-color: var(--bs-border-color);
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: var(--bs-emphasis-color);
	--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
	--bs-table-active-color: var(--bs-emphasis-color);
	--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
	--bs-table-hover-color: var(--bs-emphasis-color);
	--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
	width: 100%;
	margin-bottom: 1rem;
	vertical-align: top;
	border-color: var(--bs-table-border-color);
}

/* Image, Media and Text */
.wp-block-image img,
.wp-block-image video,
.wp-block-media-text__media img,
.wp-block-media-text__media video {
	height: auto;
}

/**
 * Responsive Design
 */
@media (max-width: 767.98px) {
	#sidebar {
		margin-top: 60px;
	}
}
