/* Custom CSS */

/* Import Iosevka Font */
@import url('./IosevkaAile.css');
@import url('./IosevkaTerm.css');

article.post>header strong, article.post>header b {
	color: #000000;
	font-weight: 900;
}

/* Override Prism-Highlight font */
pre code {
	overflow-x: unset !important;
}
.line-numbers .line-numbers-rows {
  padding: 1em 1.5em;
}
kbd, code[class*="language-"],
pre[class*="language-"] {
	font-family: "Iosevka Term Web", "Fira Code", "Fira Mono", Cascadia, Menlo, Consolas, "DejaVu Sans Mono", monospace !important;
}
pre[class*="language-"] {
  margin: 0.5em 0 3em 0;
}

p a {
  text-shadow: 0 0 2px #d5a700 !important;
}

p a:hover {
  text-shadow: 0 0 0px #000000 !important;
}

ul.catlink {
  margin: 0 !important;
  padding: 0 !important;
  margin-top: -.3rem !important;
}
ul.catlink > li,
ul.catlink > li > ul {
  list-style: none !important;
  list-style-type: none !important;
}
ul.catlink > li * {
  list-style: none !important;
  list-style-type: none !important;
}
ul.menulink > li a.tags, ul.catlink > li a.tags {
  border: dotted 1px rgba(119, 118, 118, 0.65) !important;
  padding: 0.2em !important;
  font-size: 0.8em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  background-color: #eee !important;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1) !important;
}

ul.menulink > li a:hover.tags, ul.catlink > li a:hover.tags {
  background-color: #d5a700 !important;
  color: #f4f4f4 !important;
}

#back-to-top {
  background-color: #d5a700 !important;
}

.label-circle {
  background-color: #d5a700 !important;
}

.post>header .title {
  padding: 2em 2em 2em 3em !important;
}
.post>header .meta {
  padding: 2em 3em 1.75em 3em !important;
  background-color: rgba(213, 167, 0, 0.1) !important;
  background-image: url("/user/themes/futureracoon/images/concrete-wall.png") !important;
}
.post>footer .stats li {
  margin: 0 0 0 1.1em !important;
  padding: 0 0 0 1.1em !important;
}

.post>footer .stats li:first-child {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.image.featured {
  margin: -3em -3em 3em -3em !important;
  width: unset !important;
}

blockquote {
  font-family: "Iosevka Aile Web", Helvetica, sans-serif !important;
  padding: 0 0 0 1em !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}
blockquote p cite {
  color: #d5a700 !important;
}

body {
  background-image: url("/user/themes/futureracoon/images/gplay.png") !important;
}

article.post > header {
  background-color: #ffffff !important;
  background-image: unset !important;
}
article.post {
  background-image: url("/user/themes/futureracoon/images/concrete-wall.png") !important;
}
article.post:after, article.post header:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 12px;
  right: 14px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);}

#intro .logo:before {
  background-image: none !important;
}
#intro .logo {
  width: unset !important;
  margin: 0px !important;
}
#intro .logo img {
  margin-left: unset !important;
  width: 8em !important;
}

body.is-menu-visible {
  background-image: none !important;
  transition: opacity .5s ease-out !important;
}

#menu {
  background-image: url("/user/themes/futureracoon/images/dust.png") !important;
}

ul.actions > li {
  backdrop-filter: blur(5px) !important;
}

ul.posts li {
  border-top: dotted 1px rgba(160,160,160,.5) !important;
}