body, html {
	height: 100%;
}

[data-href] {
	cursor: pointer;
}

.feature {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 3rem;
	width: 3rem;
	font-size: 1.5rem;
}

.bg-featured-blog {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 15rem;
}

body#landing {
	background: url("../assets/MiniackYTBanner.jpg") no-repeat center center fixed;
	background-size: cover;
}

@media all and (display-mode: standalone) and (max-width: 767px) {
	@supports (-webkit-touch-callout: none) {
		.navbar.navbar-expand.fixed-bottom, .offcanvas-body, .modal-dialog.modal-fullscreen-xl-down .modal-body, .modal-dialog.modal-fullscreen-xl-down .modal-footer {
			padding-bottom: env(safe-area-inset-bottom);
		}

		.navbar-expand-lg.fixed-bottom {
			padding-bottom: calc(75px + env(safe-area-inset-bottom));
		}

		.toast-container.bottom-0 {
			margin-bottom: env(safe-area-inset-bottom);
		}
	}
}

.image-container:hover .text-overlay {
	opacity: 1;
}

.text-overlay {
	position: absolute;
	bottom: -1px;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	transition: opacity 0.5s ease;
}

#btn-back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	z-index: 100;
}

.bi-pause-fill.rotate::before {
	transform: rotate(90deg);
}

/* Hide the remove icon by default */
.remove-icon {
    display: none;
}

/* Show the remove icon when the parent div is hovered over */
.remove:hover .remove-icon {
    display: block;
}

.table-primary {
	--bs-table-color: var(--bs-primary-text-emphasis);
	--bs-table-bg: var(--bs-primary-bg-subtle);
	--bs-table-border-color: var(--bs-primary-border-subtle);
	--bs-table-striped-bg: var(--bs-primary-border-subtle);
	--bs-table-striped-color: var(--bs-emphasis-color);
	--bs-table-active-bg: var(--bs-primary-border-subtle);
	--bs-table-active-color: var(--bs-primary-bg-subtle);
	--bs-table-hover-bg: var(--bs-primary-border-subtle);
	--bs-table-hover-color: var(--bs-emphasis-color);
	color: var(--bs-primary-text-emphasis);
	border-color: var(--bs-primary-border-subtle);
}

.table-secondary {
	--bs-table-color: var(--bs-secondary-text-emphasis);
	--bs-table-bg: var(--bs-secondary-bg-subtle);
	--bs-table-border-color: var(--bs-secondary-border-subtle);
	--bs-table-striped-bg: var(--bs-secondary-border-subtle);
	--bs-table-striped-color: var(--bs-emphasis-color);
	--bs-table-active-bg: var(--bs-secondary-border-subtle);
	--bs-table-active-color: var(--bs-secondary-bg-subtle);
	--bs-table-hover-bg: var(--bs-secondary-border-subtle);
	--bs-table-hover-color: var(--bs-emphasis-color);
	color: var(--bs-secondary-text-emphasis);
	border-color: var(--bs-secondary-border-subtle);
}

.table-success {
	--bs-table-color: var(--bs-success-text-emphasis);
	--bs-table-bg: var(--bs-success-bg-subtle);
	--bs-table-border-color: var(--bs-success-border-subtle);
	--bs-table-striped-bg: var(--bs-success-border-subtle);
	--bs-table-striped-color: var(--bs-emphasis-color);
	--bs-table-active-bg: var(--bs-success-border-subtle);
	--bs-table-active-color: var(--bs-success-bg-subtle);
	--bs-table-hover-bg: var(--bs-success-border-subtle);
	--bs-table-hover-color: var(--bs-emphasis-color);
	color: var(--bs-success-text-emphasis);
	border-color: var(--bs-success-border-subtle);
}

.table-danger {
	--bs-table-color: var(--bs-danger-text-emphasis);
	--bs-table-bg: var(--bs-danger-bg-subtle);
	--bs-table-border-color: var(--bs-danger-border-subtle);
	--bs-table-striped-bg: var(--bs-danger-border-subtle);
	--bs-table-striped-color: var(--bs-emphasis-color);
	--bs-table-active-bg: var(--bs-danger-border-subtle);
	--bs-table-active-color: var(--bs-danger-bg-subtle);
	--bs-table-hover-bg: var(--bs-danger-border-subtle);
	--bs-table-hover-color: var(--bs-emphasis-color);
	color: var(--bs-danger-text-emphasis);
	border-color: var(--bs-danger-border-subtle);
}

.table-warning {
	--bs-table-color: var(--bs-warning-text-emphasis);
	--bs-table-bg: var(--bs-warning-bg-subtle);
	--bs-table-border-color: var(--bs-warning-border-subtle);
	--bs-table-striped-bg: var(--bs-warning-border-subtle);
	--bs-table-striped-color: var(--bs-emphasis-color);
	--bs-table-active-bg: var(--bs-warning-border-subtle);
	--bs-table-active-color: var(--bs-warning-bg-subtle);
	--bs-table-hover-bg: var(--bs-warning-border-subtle);
	--bs-table-hover-color: var(--bs-emphasis-color);
	color: var(--bs-warning-text-emphasis);
	border-color: var(--bs-warning-border-subtle);
}

.table-info {
	--bs-table-color: var(--bs-info-text-emphasis);
	--bs-table-bg: var(--bs-info-bg-subtle);
	--bs-table-border-color: var(--bs-info-border-subtle);
	--bs-table-striped-bg: var(--bs-info-border-subtle);
	--bs-table-striped-color: var(--bs-emphasis-color);
	--bs-table-active-bg: var(--bs-info-border-subtle);
	--bs-table-active-color: var(--bs-info-bg-subtle);
	--bs-table-hover-bg: var(--bs-info-border-subtle);
	--bs-table-hover-color: var(--bs-emphasis-color);
	color: var(--bs-info-text-emphasis);
	border-color: var(--bs-info-border-subtle);
}

.table-light {
	--bs-table-color: var(--bs-light-text-emphasis);
	--bs-table-bg: var(--bs-light-bg-subtle);
	--bs-table-border-color: var(--bs-light-border-subtle);
	--bs-table-striped-bg: var(--bs-light-border-subtle);
	--bs-table-striped-color: var(--bs-emphasis-color);
	--bs-table-active-bg: var(--bs-light-border-subtle);
	--bs-table-active-color: var(--bs-light-bg-subtle);
	--bs-table-hover-bg: var(--bs-light-border-subtle);
	--bs-table-hover-color: var(--bs-emphasis-color);
	color: var(--bs-light-text-emphasis);
	border-color: var(--bs-light-border-subtle);
}

.table-dark {
	--bs-table-color: var(--bs-dark-text-emphasis);
	--bs-table-bg: var(--bs-dark-bg-subtle);
	--bs-table-border-color: var(--bs-dark-border-subtle);
	--bs-table-striped-bg: var(--bs-dark-border-subtle);
	--bs-table-striped-color: var(--bs-emphasis-color);
	--bs-table-active-bg: var(--bs-dark-border-subtle);
	--bs-table-active-color: var(--bs-dark-bg-subtle);
	--bs-table-hover-bg: var(--bs-dark-border-subtle);
	--bs-table-hover-color: var(--bs-emphasis-color);
	color: var(--bs-dark-text-emphasis);
	border-color: var(--bs-dark-border-subtle);
}

.w-0 {
	width: 0;
}

.h-0 {
	height: 0;
}

.mw-0 {
	max-width: 0;
}

.mh-0 {
	max-height: 0;
}

.min-w-0 {
	min-width: 0;
}

.min-h-0 {
	min-height: 0;
}

.progress, .progress-stacked {
	--bs-progress-bar-transition: width 0.6s linear;
}

@media only screen and (max-width: 767px) {
	.responsive-table {
		display: block;
	}

	.responsive-table thead {
		display: none;
	}

	.responsive-table tbody {
		display: block;
	}

	.responsive-table tr {
		--bs-list-group-color: var(--bs-body-color);
		--bs-list-group-bg: var(--bs-body-bg);
		--bs-list-group-border-color: var(--bs-border-color);
		--bs-list-group-border-width: var(--bs-border-width);
		--bs-list-group-border-radius: var(--bs-border-radius);
		--bs-list-group-item-padding-x: 1rem;
		--bs-list-group-item-padding-y: 0.5rem;
		--bs-list-group-action-color: var(--bs-secondary-color);
		--bs-list-group-action-hover-color: var(--bs-emphasis-color);
		--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
		--bs-list-group-action-active-color: var(--bs-body-color);
		--bs-list-group-action-active-bg: var(--bs-secondary-bg);
		--bs-list-group-disabled-color: var(--bs-secondary-color);
		--bs-list-group-disabled-bg: var(--bs-body-bg);
		--bs-list-group-active-color: #fff;
		--bs-list-group-active-bg: #0d6efd;
		--bs-list-group-active-border-color: #0d6efd;
		display: flex;
		flex-direction: column;
		padding-left: 0;
		margin-bottom: var(--bs-gutter-y);
		border-radius: var(--bs-list-group-border-radius);
	}

	.responsive-table th, .responsive-table td {
		position: relative;
		display: block;
		padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
		color: var(--bs-table-color);
		text-decoration: none;
		background-color: var(--bs-table-bg);
		border: var(--bs-list-group-border-width) solid var(--bs-table-border-color);
		max-width: none!important;
	}

	.responsive-table th[data-title]:before, .responsive-table td[data-title]:before, .responsive-table div[data-title]:before {
		padding-right: 10px;
		font-weight: bold;
		content: attr(data-title);
	}

	.responsive-table th:first-child, .responsive-table td:first-child {
		border-top-left-radius: inherit;
		border-top-right-radius: inherit;
	}

	.responsive-table th:last-child, .responsive-table td:last-child {
		border-bottom-right-radius: inherit;
		border-bottom-left-radius: inherit;
	}

	.responsive-table th+th, .responsive-table td+td {
		border-top-width: 0;
	}

	.responsive-table.table-hover>tbody>tr:hover>* {
		--bs-table-color-state: initial;
		--bs-table-bg-state: initial;
	}

	.responsive-table.table-striped>tbody>tr:nth-of-type(odd)>* {
		--bs-table-color-type: initial;
		--bs-table-bg-type: initial;
	}

	.responsive-table.table-bordered>:not(caption)>* {
		border-width: 0;
	}
}

.table:not(.responsive-table) tbody tr:last-child td, .table:not(.responsive-table) tbody tr:last-child th {
	border-bottom: 0;
}

@media only screen and (max-width: 767px) {
	.list-group-item[data-title]:before, .list-group-item [data-title]:before {
		padding-right: 10px;
		font-weight: bold;
		content: attr(data-title);
	}

	#btn-back-to-top {
		bottom: 14vh;
		right: 7vw;
	}

	.border-md {
		border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
	}

	.border-md-0 {
		border: 0!important;
	}
}