@charset "UTF-8";
/*  
Theme Design for Uncommon Descent by Zeit Studios, 2006.
Version: 2.0
Authors: Peter Wagenet (2005), modernized using HTML5 with responsive behavior by Nathan Jacobson (2023)
Author URI: http://www.zeitstudios.com/
*/
:root {
  --primary: rgb(153, 179, 84);
  /* Dirt */
  --secondary: rgb(153, 179, 84);
  --dark: rgb(79,78,61);
  --darker: rgb(127,128,92);
  --medium: #7F805C;
  /* Olive */
  --light: rgb(241,241,228);
  --link-color: rgb(183,144,27);
  --link-color-hover: rgb(185,183,114);
  --sans: "Lucida Sans", "Lucida Grande", "Verdana", sans-serif;
  --serif: "Georgia", serif;
}

.body-header {
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
  height: auto;
}

body {
  background: linear-gradient(to right, #f1f1e4, white);
}

.hull {
  background: white;
  width: 1200px;
  max-width: 99%;
  margin: 0 auto;
}
@media (min-width: 800px) {
  .hull {
    padding: 1rem;
  }
}

big.title span {
  font-family: var(--sans);
  font-size: 2.5rem;
  letter-spacing: -1px;
  line-height: 1.2;
}
@media (min-width: 800px) {
  big.title span {
    line-height: var(--header-height);
  }
}

.area-brand:not(.x) {
  flex-basis: 100%;
  padding-left: 1rem;
  max-width: none;
}
@media (min-width: 800px) {
  .area-brand:not(.x) {
    flex-basis: 60%;
  }
}

.area-header:not(.x):not(.y) {
  max-width: none;
  height: auto;
}
@media (min-width: 800px) {
  .area-header:not(.x):not(.y) {
    background: var(--medium);
    flex-basis: 40%;
    height: var(--header-height);
  }
}

header.bow {
  background-color: var(--dark);
}

main:not(#x) {
  flex-basis: 90%;
  font-family: var(--serif);
  max-width: 720px;
}
@media (min-width: 800px) {
  main:not(#x) {
    flex-basis: 60%;
  }
}

main:not(#x) ~ aside {
  flex-basis: 100%;
  background: var(--light);
  padding: 1.5rem;
  padding: 0;
}
@media (min-width: 800px) {
  main:not(#x) ~ aside {
    flex-basis: 40%;
    max-width: 480px;
  }
}

main ~ aside.side aside aside {
  padding: 1.5rem;
}

main:not(.x) h2 a:any-link {
  font-family: var(--serif);
  font-weight: normal;
}

.archive-notice {
  background: linear-gradient(to bottom right, #004fa2, #062f5b 75%);
  position: fixed;
  left: 5vw;
  top: calc(50vh - 210px);
  z-index: 998104;
  box-shadow: 0 0 15px black;
}
@media (min-width: 1000px) {
  .archive-notice {
    padding: 4rem;
    left: calc(50vw - (210px + 4rem));
    top: calc(50vh - (210px * 4rem));
  }
}
.archive-notice.toggled {
  display: none;
}

.notice {
  color: white;
  padding: 2rem;
  line-height: 1.6rem;
  text-shadow: 0 0 3px black;
  width: 90vw;
}
@media (min-width: 1000px) {
  .notice {
    border: 1px white solid;
    width: 420px;
  }
}
.notice a:any-link {
  color: rgba(255, 255, 255, 0.7);
}
.notice::before {
  background-image: url("https://uncommondesc.wpengine.com/wp-content/uploads/2023/03/locked-archive.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  color: #fe9400;
  content: "ⓘ Archive";
  content: "Archive";
  font-size: 2rem;
  font-weight: bold;
  right: 0;
  top: 0;
  padding-right: 0.5ch;
  padding-left: 50px;
}
.notice::after {
  content: "✕";
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1ch;
  opacity: 0.5;
}
.notice:hover::after {
  opacity: 1;
}

header.notice a:hover {
  color: white;
}

a.evolutionnews:any-link {
  background: #fe9400;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  color: white;
  padding: 0 0.5ch;
  white-space: nowrap;
}

a.evolutionnews:hover {
  background: white;
  color: #fe9400;
  color: #004fa2;
  text-shadow: none;
}

.page-about .archive-notice {
  display: none;
}

/* Comments */
section.comments {
  overflow: hidden;
  padding: 0;
}
section.comments header {
  padding: 0.5rem 0;
  font-family: var(--sans);
}
section.comments > blockquote {
  background: var(--light);
  margin-bottom: 2rem;
  padding: 2rem;
  border-radius: 10px;
}
section.comments > blockquote cite {
  font-weight: bold;
  font-size: 1rem;
}
section.comments blockquote blockquote {
  border-left: 2px rgba(0, 0, 0, 0.2) solid;
  padding: 0 1rem;
  margin: 1rem 0;
}
section.comments blockquote::before {
  content: none;
}

#menu-primary {
  padding: 0;
  margin: 0;
  flex-basis: 100%;
}

#menu-primary li {
  flex-grow: 1;
}

#menu-primary li a:any-link {
  padding-top: 2.5rem;
  line-height: calc(100px - 2.5rem );
}

#menu-primary li a:any-link:hover {
  background: var(--link-color-hover);
}

#menu-primary li a::before {
  content: none;
}

/* Side */
aside.side-about:not(.x) {
  font-size: smaller;
  margin-bottom: 0;
}

aside.side-area-widget {
  margin-bottom: 0;
}

.side-about strong {
  color: var(--medium);
}

.side-row header {
  background: var(--dark);
  color: white;
}

.side-row .wp-block-group__inner-container {
  display: flex;
  flex-direction: row;
}

.side-row .wp-block-group__inner-container aside {
  padding: 0;
  flex: 0 0 50%;
  font-size: smaller;
}

.side-row .wp-block-group__inner-container ul {
  margin: 0 1.5rem;
  padding: 0.5rem 0;
}

.side-row header {
  opacity: 0.75;
  padding: 0.25rem 1.5rem;
}

aside.side aside {
  margin-bottom: 0;
}

.side-row .wp-block-group__inner-container aside a:any-link {
  color: rgba(255, 255, 255, 0.8);
}

.side-row .wp-block-group__inner-container aside a:hover {
  color: white;
}

.side-row aside ul li {
  border-top: none;
}

.side-row aside ul li:not(:last-of-type) {
  border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

.side-row .wp-block-group__inner-container aside:nth-of-type(1) {
  background: var(--link-color-hover);
}

.side-archives ul {
  display: flex;
  flex-wrap: wrap;
}

.side-archives:not(.x) ul li {
  display: block;
  flex: 1 1 33%;
}

.side-row .wp-block-group__inner-container aside:nth-of-type(2) {
  background: var(--medium);
  flex: 0 0 50%;
}

.side-row .wp-block-group__inner-container aside .wp-block-group__inner-container {
  display: block;
}

aside.side-categories ul li {
  display: inline-block;
  font-size: smaller;
  margin-right: -0.5ch;
}

aside.side-categories header {
  color: var(--medium);
}

aside.side-categories ul li a:any-link {
  color: var(--medium);
  line-height: 1em;
  padding-right: 0.5ch;
  white-space: wrap;
  font-family: var(--sans);
}

aside.side-categories ul li a:hover {
  color: var(--link-color);
}

aside.side-categories ul li a:any-link::after {
  content: " ٭";
  white-space: no-wrap;
  position: relative;
  top: -1px;
}

.side form[role=search] {
  position: relative;
}

.side form[role=search] label {
  position: absolute;
  display: none;
}

.side form[role=search] input[type=search] {
  color: var(--link-color);
  width: 100%;
  background: white;
  border-style: solid;
  border-color: var(--gray-lighter);
  border-width: 1px 0 0;
  border: none;
  margin: 0;
  padding: var(--n4) var(--n3);
}

.side form[role=search] input[type=search]::placeholder {
  -webkit-text-security: none;
  color: var(--link-color);
  pointer-events: none;
}

.side form[role=search] input[type=search]:focus {
  background-color: var(--link-color);
  color: white;
  outline: none;
}

.side form[role=search] input[type=search]:focus::placeholder {
  color: white;
}

.side form[role=search] button {
  border: none;
  margin: 0;
  opacity: 0;
  padding: 0 var(--n2);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.1s ease-in-out;
}

.side form[role=search]:focus ~ button {
  opacity: 1;
}

.side form[role=search] input[type=search]:placeholder-shown ~ button {
  opacity: 0;
  background: blue;
  transition: all 0.2s ease-in-out;
}

sup.meta,
sub.byline {
  font-family: var(--sans);
  opacity: 1;
  text-transform: none;
}

.article-meta {
  opacity: 1;
}

.multiple article {
  margin-bottom: 0;
}

sub.byline dd {
  color: var(--secondary);
  text-transform: none;
}

sup.meta {
  opacity: 1;
}

sup.meta a:any-link {
  color: darkgray;
}

sup.meta a:hover {
  color: var(--link-color);
}

.multiple h1.title {
  font-family: var(--sans);
}

.multiple:not(.x) dd.article-date {
  color: var(--secondary);
  display: block;
  text-transform: none;
  font-size: 1rem;
}

.multiple:not(.x) .byline .article-date {
  color: var(--secondary);
  display: none;
}

/*# sourceMappingURL=uncommondescent.css.map */