@font-face {
  font-family: 'ClauthboundSemi';
  src: url('https://onfocus.b-cdn.net/fonts/Clauthbound-Semibold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ClauthboundReg';
  src: url('https://onfocus.b-cdn.net/fonts/Clauthbound-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
#logo {
  font-family: "ClauthboundSemi",Hevletica,Arial,sans-serif;
  font-weight: normal;
  letter-spacing: 5px;
  margin-top: .25em;
  font-size: 3rem;
}
#tophome, a[href='/about'], .navigation a {
  font-family: "ClauthboundReg",Hevletica,Arial,sans-serif;
  letter-spacing: 2px;
  vertical-align: baseline;
  font-feature-settings: "ss02" 1;
  font-weight: 400;
}
#infobox .post-text .flourish, #footer .flourish {
	font-size: 0;
}
#topflourish:after, .navigation .flourish:after { 
	content: 'B';
	font-family: "ClauthboundReg",Hevletica,Arial,sans-serif;
	font-feature-settings: "ss01" 1;
	font-size: 23px;
	vertical-align: baseline;
	color: #C96A4A;
	margin-left: 3px;
	margin-right: 3px;
	/* color: #789C62; */
}
#footer .navigation a {
	vertical-align: baseline;
}
#header {
	padding-bottom: 0.5em;
}
#header:hover {
	background-image: none;
	background-color: #333;
}
#logo, .tagline, .selected, #bottom, #infobox .post-text a, .navigation a {
  color: #f5edeb !important;
}
.welcome {
	/* background-color: #D6B9AE; */
	background-color: #445936;
	padding: 15px 35px;
	/* background-color: #9C8662; */
	/* background-color: #B68BA1; */
}
.welcome .post-text {
	color: #e3e3e3;
	line-height: 1.5;
	font-size: 14px;
}
.welcome .post-text a {
	color: #fff;
	font-weight: bold;
	text-decoration-color: #fff;
}
#header {
	position: relative;
	border-width: 0;
}
#header, #footer {
	border: none;
	min-height: 65px;
}
#logo {
	position: absolute;
	left: 25px;
	bottom: 10px;
	padding: 0;
	margin: 0;
}
#infobox {
	position: absolute;
	right: 25px;
	bottom: 10px;
	margin: 0;
	padding: 0;
}
#infobox .post-text a {
	padding-right: 0;
}
@media screen and (max-width: 750px) {
  .welcome {
	padding: 15px 20px;
  }
}
@media screen and (max-width: 480px) {
  #logo {
	font-size: 2.8rem;
	letter-spacing: 3px;
  }
  #header, #footer {
	min-height: 60px;
  }
  #topflourish:after, .navigation .flourish:after { 
	font-size: 16px;
	margin-left: 0;
	margin-right: 0;
  }
}
@media screen and (max-width: 374px) {
  #logo {
	font-size: 2rem;
	letter-spacing: 2px;
  }
  #header, #footer {
	min-height: 50px;
  }
}