/*** Prophetus.com ***/

html,
body {
	height: 100%;
	background: #f8f9fa;
}

body {
	display: flex;
	flex-direction: column;
	color: #3d3d3d;
}

.container-hero {
	min-height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.container-hero h1 {
	line-height: 2;
}

@media only screen and (min-width: 992px) {
	.container-hero h1 {
		max-width: 75%;
	}
}

body {
	font-family: 'Overpass Mono', monospace;
	background-color: white;
}

.navbar-brand {
	font-weight: 700;
	word-spacing: -4px;
}

.navbar-brand svg {
	margin-top: -3px;
}

.navbar-brand,
.nav-link {
	color: #32455b;
}

.nav-link-ask svg {
	margin-top: -1px;
}

@media (max-width: 991px) {
	.navbar-collapse .navbar-nav {
		display: none !important;
	}
}

.btn {
	padding-top: 0.5rem;
}

/* Modals */

.modal-content {
	box-shadow: 4px 5px 0 rgba(0, 0, 0, 0.25);
	border: 2px solid #333;
	border-radius: 0;
}

body,
section {
	background-color: #f8f9fa;
}

nav {
	background-color: #f4f4f4;
}

.form-control:focus {
	border-color: rgba(106, 114, 123, 0.5);
	box-shadow: 0 0 0.5rem rgba(106, 114, 123, 0.5);
}

#questionText {
	padding-top: 0.625rem;
}

#askNow {
	padding-top: 12px;
	padding-bottom: 10px;
}

.section-md {
	background: #f8f9fa;
	padding-top: 40px;
	padding-bottom: 40px;
}

.section-hero {
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 800 800" opacity="0.1"%3E%3Cdefs%3E%3ClinearGradient x1="50%25" y1="0%25" x2="50%25" y2="100%25" id="vvvortex-grad"%3E%3Cstop stop-color="%236a727b" stop-opacity="1" offset="0%25"%3E%3C/stop%3E%3Cstop stop-color="%238593a2" stop-opacity="1" offset="100%25"%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke="url(%23vvvortex-grad)" fill="none" stroke-linecap="round"%3E%3Ccircle r="363" cx="400" cy="400" stroke-width="5" stroke-dasharray="10 34" stroke-dashoffset="25" transform="rotate(69, 400, 400)" opacity="0.05"%3E%3C/circle%3E%3Ccircle r="346.5" cx="400" cy="400" stroke-width="5" stroke-dasharray="33 11" stroke-dashoffset="25" transform="rotate(137, 400, 400)" opacity="0.10"%3E%3C/circle%3E%3Ccircle r="330" cx="400" cy="400" stroke-width="5" stroke-dasharray="24 18" stroke-dashoffset="25" transform="rotate(290, 400, 400)" opacity="0.14"%3E%3C/circle%3E%3Ccircle r="313.5" cx="400" cy="400" stroke-width="4" stroke-dasharray="29 54" stroke-dashoffset="25" transform="rotate(196, 400, 400)" opacity="0.19"%3E%3C/circle%3E%3Ccircle r="297" cx="400" cy="400" stroke-width="4" stroke-dasharray="14 30" stroke-dashoffset="25" transform="rotate(42, 400, 400)" opacity="0.23"%3E%3C/circle%3E%3Ccircle r="280.5" cx="400" cy="400" stroke-width="4" stroke-dasharray="52 22" stroke-dashoffset="25" transform="rotate(155, 400, 400)" opacity="0.28"%3E%3C/circle%3E%3Ccircle r="264" cx="400" cy="400" stroke-width="4" stroke-dasharray="37 53" stroke-dashoffset="25" transform="rotate(185, 400, 400)" opacity="0.32"%3E%3C/circle%3E%3Ccircle r="247.5" cx="400" cy="400" stroke-width="4" stroke-dasharray="39 27" stroke-dashoffset="25" transform="rotate(96, 400, 400)" opacity="0.37"%3E%3C/circle%3E%3Ccircle r="231" cx="400" cy="400" stroke-width="3" stroke-dasharray="37 28" stroke-dashoffset="25" transform="rotate(272, 400, 400)" opacity="0.41"%3E%3C/circle%3E%3Ccircle r="214.5" cx="400" cy="400" stroke-width="3" stroke-dasharray="48 45" stroke-dashoffset="25" transform="rotate(130, 400, 400)" opacity="0.46"%3E%3C/circle%3E%3Ccircle r="198" cx="400" cy="400" stroke-width="3" stroke-dasharray="19 44" stroke-dashoffset="25" transform="rotate(252, 400, 400)" opacity="0.50"%3E%3C/circle%3E%3Ccircle r="181.5" cx="400" cy="400" stroke-width="3" stroke-dasharray="33 14" stroke-dashoffset="25" transform="rotate(99, 400, 400)" opacity="0.55"%3E%3C/circle%3E%3Ccircle r="165" cx="400" cy="400" stroke-width="3" stroke-dasharray="42 18" stroke-dashoffset="25" transform="rotate(293, 400, 400)" opacity="0.59"%3E%3C/circle%3E%3Ccircle r="148.5" cx="400" cy="400" stroke-width="3" stroke-dasharray="17 47" stroke-dashoffset="25" transform="rotate(58, 400, 400)" opacity="0.64"%3E%3C/circle%3E%3Ccircle r="132" cx="400" cy="400" stroke-width="2" stroke-dasharray="32 29" stroke-dashoffset="25" transform="rotate(93, 400, 400)" opacity="0.68"%3E%3C/circle%3E%3Ccircle r="115.5" cx="400" cy="400" stroke-width="2" stroke-dasharray="19 46" stroke-dashoffset="25" transform="rotate(135, 400, 400)" opacity="0.73"%3E%3C/circle%3E%3Ccircle r="99" cx="400" cy="400" stroke-width="2" stroke-dasharray="46 18" stroke-dashoffset="25" transform="rotate(65, 400, 400)" opacity="0.77"%3E%3C/circle%3E%3Ccircle r="82.5" cx="400" cy="400" stroke-width="2" stroke-dasharray="17 37" stroke-dashoffset="25" transform="rotate(235, 400, 400)" opacity="0.82"%3E%3C/circle%3E%3Ccircle r="66" cx="400" cy="400" stroke-width="2" stroke-dasharray="11 46" stroke-dashoffset="25" transform="rotate(171, 400, 400)" opacity="0.86"%3E%3C/circle%3E%3Ccircle r="49.5" cx="400" cy="400" stroke-width="1" stroke-dasharray="39 53" stroke-dashoffset="25" transform="rotate(258, 400, 400)" opacity="0.91"%3E%3C/circle%3E%3Ccircle r="33" cx="400" cy="400" stroke-width="1" stroke-dasharray="51 51" stroke-dashoffset="25" transform="rotate(317, 400, 400)" opacity="0.95"%3E%3C/circle%3E%3Ccircle r="16.5" cx="400" cy="400" stroke-width="1" stroke-dasharray="14 17" stroke-dashoffset="25" transform="rotate(306, 400, 400)" opacity="1.00"%3E%3C/circle%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.section-hero h1 a {
	display: inline-block;
	text-decoration: none;
	color: inherit;
	text-shadow: rgba(255, 255, 255, 0.9);
}

.timeline-one {
	position: relative;
	margin-top: 1.5rem;
}

.timeline-item {
	position: relative;
	padding: 20px 0;
}

@media only screen and (min-width: 992px) {
	.timeline-item {
		max-width: 50%;
	}

	.timeline-item:nth-child(odd) {
		position: relative;
		border-right: 3px solid #6a727b;
		padding-right: 3.25rem;
		text-align: right;
	}

	.timeline-item:nth-child(even) {
		position: relative;
		text-align: left;
		border-left: 3px solid #6a727b;
		padding-left: 3rem;
		margin-left: auto;
		margin-right: 3px;
	}

	.timeline-item:nth-child(odd)::before,
	.timeline-item:nth-child(even)::before {
		content: '';
		position: absolute;
		top: 24px;
		display: block;
		border: 3px solid #6a727b;
		background-color: #f8f9fa;
		width: 15px;
		height: 15px;
		border-radius: 50%;
	}

	.timeline-item:nth-child(odd)::before {
		right: -9px;
	}

	.timeline-item:nth-child(odd):first-child::before {
		top: 0;
	}

	.timeline-item:nth-child(even)::before {
		left: -9px;
	}
}

.post-details {
	margin-bottom: 0.5rem;
}

.post-details,
.post-details a {
	color: #999;
}

.post-details a {
	text-decoration: none;
}

.post-details i {
	margin-left: 5px;
}

.post-details date {
	font-weight: 300;
	font-size: 12px;
	line-height: 1.65;
}

.share-link {
	font-size: 13px;
	color: #888;
	text-decoration: none;
}

.share-link svg {
	margin-right: -1px;
	margin-bottom: 1px;
}

.post-link:hover,
.share-link:hover {
	color: #4d555e;
}

.timeline-item:nth-child(odd) .post-details .share-link {
	margin-top: -1px;
}

@media only screen and (min-width: 992px) {
	.timeline-item:nth-child(odd) .post-details date {
		float: right;
		margin-left: 15px !important;
	}

	.timeline-item:nth-child(even) .post-details date {
		float: left;
		margin-right: 15px !important;
	}
}

.timeline-item:nth-child(odd) .post-details date::after,
.timeline-item:nth-child(even) .post-details date::before,
.timeline-item .post-details date::before,
.section-single-post .post-details date::before {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-bottom: -1px;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="%23888" class="bi bi-clock" viewBox="0 0 16 16"%3E%3Cpath d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z"/%3E%3Cpath d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0"/%3E%3C/svg%3E');
}

.section-single-post .post-details date::before,
.timeline-item .post-details date::before {
	content: '';
	margin-right: 8px;
}

.timeline-item .post-details date::after {
	content: unset;
}

@media only screen and (min-width: 992px) {
	.timeline-item:nth-child(odd) .post-details date::after {
		content: '';
		margin-left: 8px;
	}

	.timeline-item:nth-child(even) .post-details date::before {
		content: '';
	}
}

.toggle-scheme {
	cursor: pointer;
	width: 16px;
	height: 16px;
	background-image: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"%3E%3Cpath d="M6 .278a.77.77 0 0 1 .08.858 7.2 7.2 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277q.792-.001 1.533-.16a.79.79 0 0 1 .81.316.73.73 0 0 1-.031.893A8.35 8.35 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.75.75 0 0 1 6 .278M4.858 1.311A7.27 7.27 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.32 7.32 0 0 0 5.205-2.162q-.506.063-1.029.063c-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286"/%3E%3C/svg%3E');
	vertical-align: bottom;
	margin-top: 10px;
}

.dark-mode .toggle-scheme {
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"%3E%3Cpath d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0m9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708"/%3E%3C/svg%3E');
}

.toggle-scheme.text-white {
	filter: invert(1);
}

.bg-darker {
	background-color: #1c2126 !important;
}

/* Single Post */

.section-single-post .container {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50vh;
}

.section-single-post .container .post-wrap {
	max-width: 870px;
	width: 100%;
}

.footer {
	margin-top: auto;
	width: 100%;
	background-color: #f4f4f4;
}

.footer-link {
	text-decoration: none;
	color: #3d3d3d;
}

.footer-link:hover {
	text-decoration: underline;
}

.footer .container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media (min-width: 992px) {
	.footer .container {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	#footer-copyright {
		order: 1;
		text-align: left;
	}

	#footer-disclaimer {
		order: 2;
		text-align: center;
	}

	#footer-socials {
		order: 3;
		text-align: right;
	}
}

@media only screen and (min-width: 992px) {

	#footer-disclaimer::before,
	#footer-disclaimer::after {
		content: '|';
		display: inline-block;
		padding: 8px;
		color: rgba(0, 0, 0, 0.25);
	}
}

#footer-socials a {
	display: inline-block;
	transition: all 0.125s ease-in-out;
}

#footer-socials a:hover {
	transform: scale(1.25) rotate(15deg);
}

#footer-socials a svg {
	width: 24px;
	height: 24px;
}

@media only screen and (min-width: 992px) {
	#footer-socials a svg {
		width: 16px;
		height: 16px;
	}
}

/* Captcha */

.h-captcha {
	text-align: center;
}

/* Go to Top */

#goTopBtn {
	position: fixed;
	bottom: 40px;
	right: 40px;
	padding: 2px;
	display: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	z-index: 1000;
	opacity: 0.7;
}

#goTopBtn:hover {
	opacity: 1;
}

/* Cookie notice */

.cookie-notice {
	display: none;
	position: fixed;
	bottom: 20px;
	left: 20px;
	padding: 0 8px 0 12px;
	height: 36px;
	line-height: 36px;
	background-color: #f8f9fa;
	border: 1px solid #6a727b;
	font-size: 13px;
	border-radius: 5px;
	z-index: 1000;
}

.cookie-notice p {
	margin: 0;
	display: flex;
	align-items: center;
	line-height: 36px;
	word-spacing: -3px;
}

.cookie-notice button {
	margin-top: -2px;
	margin-left: 10px;
	padding: 0 10px;
	line-height: 37px;
	vertical-align: top;
	height: 25px;
	line-height: 28px;
	background-color: #6a727b;
	color: #fff;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

.cookie-notice button:hover {
	opacity: 0.65;
}

/* Utilities */

@media only screen and (min-width: 992px) {
	.mw-lg-50 {
		max-width: 50% !important;
	}
}

/* Dark Mode */

body.dark-mode {
	background-color: #23282d !important;
}

.dark-mode .bg-dark {
	background-color: #23282d !important;
}

.dark-mode .navbar-toggler-icon {
	filter: invert(1) brightness(2);
}

.dark-mode .modal-header {
	border-bottom-color: #3d3d3d;
}

.dark-mode .form-control {
	border-color: #3d3d3d;
	background-color: #555;
}

.dark-mode .btn-outline-primary {
	border-color: #4b5a6a;
}

.dark-mode .modal .btn-close {
	filter: invert(0.65);
}

.dark-mode #footer-disclaimer::before,
.dark-mode #footer-disclaimer::after {
	color: rgba(255, 255, 255, 0.65);
}

@-moz-document url-prefix() {
	@media only screen and (min-width: 992px) {
		.timeline-item:nth-child(2n) {
			margin-right: 2.5px;
		}
	}
}