/* general style */

html {
	font-size: 62.5%;
  }
  
  body {
	  -webkit-text-size-adjust: 100%;
	  padding: 0;
	  margin: 0;
	  background-color: #ffffff;
	  font-family: 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 1.8rem;
	  line-height: 3.1rem;
	  font-weight: 400;
	  text-align: left;
	  color: #000000;
  }
  
  A:link, A:active, A:hover {
	  color: #000000;
  }
  
  A:visited {
	  color: #000000;
  }
  
  p {
	  margin: 0 0 2.2rem 0;
	  padding: 0;
  }
  
  blockquote {
	  color: #000;
	  padding-left: 4rem;
	  padding-right: 5rem;
	  margin: 0 0 2.2rem 0;
	  max-width: 100%;
  }
  
  /* do this if very small */
  @media (max-width: 500px) {
  
	  body {
		  font-size: 1.6rem;
		  line-height: 2.6rem;
	  }
  
	  p {
		  margin: 0 0 1.8rem 0;
	  }
  
	  blockquote {
		  font-size: 1.5rem;
		  line-height: 2.5rem;
		  margin: 0 0 1.8rem 0;
		  padding-left: 2rem;
		  padding-right: 2rem;
	  }
  
  }
  
  /* main structure */
  
  #easel {
	position: relative;
	width: 100%;
	max-width: 1070px;
	margin: 0 auto;
	padding: 0 2.5rem;
	box-sizing: border-box;
  }
  
  #main {
	  max-width: 720px;
	  float: left;
	  margin: 0 260px 0 0;
  }
  
  #main img {
	  max-width: 100%;
	  height: auto;
  }
  
  /* do this if small */
  @media (max-width: 840px) {
	  
	  #easel {
		padding: 0 1.5rem;
	  }
	  
	  #main {
		  float: none;
		  margin: 0;
	  }
  
  }
  
  
  /* misc type styles */
  
  h2 {
	  font-family: 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 4.0rem;
	  line-height: 4.8rem;
	  font-weight: 400;
	  text-align: left;
	  margin: 0 0 2.4rem 0;
	  padding: 0;
	  clear: both;
  }
  
  h2 A:link, h2 A:visited, h2 A:active, h2 A:hover {
	  text-decoration: none;
  }
  
  h3 {
	  font-family: 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 3.0rem;
	  line-height: 4rem;
	  font-weight: 400;
	  text-align: left;
	  margin: 4rem 0 2.0rem 0;
	  padding: 0;
	  clear: both;
  }
  
  ol {
	  margin: 0 0 2.2rem 0;
	  padding-left: 0;
	  list-style-position: inside;
  }
  
  ol li {
	  padding-left: 4rem;
	  padding-right: 5rem;
	  max-width: 100%;
  }
  
  ol li.footnote {
	  padding-left: 0;
	  font-size: 1.6rem;
	  line-height: 2.8rem;
  }
  
  ul {
	  margin: 0 0 2.2rem 0;
	  padding-left: 4rem;
	  padding-right: 5rem;
	  list-style-position: outside;
  }
  
  sup {
	  font-size: 0.8rem;
	  line-height: 0.8rem;
	  position : relative;
	  top: -3px;
	  font-weight: 500;
  }
  
  sup A:link {
	  color: #000000;
	  background-color: #e6e6e6;
	  padding: 0.3rem 0.6rem 0.3rem 0.6rem;
	  margin: 0 0 0 0.3rem;
	  border: none;
	  border-radius: 10px;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  text-decoration: none;
  }
  
  .smaller {
	  font-size: 1.4rem !important;
	  line-height: 2.4rem !important;
  }
  
  .evensmaller {
	  font-size: 1.2rem !important;
	  line-height: 2.1rem !important;
  }
  
  
  /* do this if small */
  @media (max-width: 840px) {
	  
	  h2 {
		  font-size: 3.6rem;
		  line-height: 4.2rem;
	  }
  
	  h3 {
		  font-size: 2.6rem;
		  line-height: 3.2rem;
	  }
  
  }
  
  /* do this if very small */
  @media (max-width: 500px) {
  
	  h2 {
		  font-size: 2.4rem;
		  line-height: 3.0rem;
	  }
  
	  h3 {
		  font-size: 1.8rem;
		  line-height: 2.4rem;
	  }
  
	  ol {
		  margin: 0 0 1.8rem 0;
	  }
  
	  ol li {
		  padding-left: 2rem;
		  padding-right: 2rem;
	  }
	  
	  ul {
		  margin: 0 0 1.8rem 0;
		  padding-left: 2rem;
		  padding-right: 2rem;
	  }
  
  }
  
  
  
  
  /* page header */
  
  #header {
	  display: block;
	  background-color: #f68b43;
	  height: 128px;
	  text-align: center;
	  background-image:url('/images/2016/header-colors.jpg');
	  background-position: center 0%;
	  background-repeat: no-repeat;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
  }
  
  #header A:link, #header A:visited, #header A:active, #header A:hover {
	  border: 0;
	  outline: 0;
	  padding: 10px 25px 10px 25px;
	  margin: 0;
	  display: inline-block;
	  color: #ffffff;
	  font-size: 2.9rem;
	  line-height: 2.9rem;
	  text-decoration: none;
	  text-transform: uppercase;
	  white-space: nowrap;
	  position: relative;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
  }
  
  #head-br {
	  display:none;
  }
  
  /* do this if small */
  @media (max-width: 840px) {
	  
	  #header {
		  height: 100px;
		  text-align: center;
	  }
  
	  #header A:link, #header A:visited, #header A:active, #header A:hover {
		  font-size: 2.0rem;
		  line-height: 2.0rem;
	  }
  
  }
  
  /* do this if medium small */
  @media (max-width: 600px) {
  
	  #head-heart {
		  display:none;
	  }
	  #head-sub {
		  display: block;
		  font-size: 1.6rem;
		  line-height: 1.6rem;
		  margin-top: 0.8rem;
	  }
	  #head-br {
		  display: inline;
	  }
	  
  }
  
  /* do this if very small */
  @media (max-width: 500px) {
	  
	  #header {
		  height: 80px;
	  }
  
	  #header A:link, #header A:visited, #header A:active, #header A:hover {
		  font-size: 1.8rem;
		  line-height: 1.8rem;
	  }
	  
	  #head-sub {
		  font-size: 1.4rem;
		  line-height: 1.4rem;
		  margin-top: 0.6rem;
	  }
  
  }
  
  
  /* page footer */
  
  #footer {
	  clear: both;
	  margin: 0;
	  padding: 1.8rem;
	  display: block;
	  background-color: #f68b43;
	  text-align: center;
	  background-image:url('/images/2016/header-colors.jpg');
	  background-position: center 0%;
	  background-repeat: no-repeat;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
  }
  
  
  
  
  /* navigation, top & bottom */
  
  #top-nav-wide {
	  display: block;
	  font-size: 1.6rem;
	  line-height: 1.6rem;
	  font-weight: 500;
	  text-align: center;
	  text-transform: uppercase;
	  margin: 1.4rem 0 5rem 0;
  }
  
  #top-nav-wide A:link, #top-nav-wide A:visited, #top-nav-wide A:active, #top-nav-wide A:hover {
	  margin: 1rem 0.6rem 1rem 0.6rem;
	  padding: 1rem;
	  text-decoration: none;
  }
  
  #top-nav-medium, #top-nav-narrow {
	  display: none;
  }
  
  #follow {
	  display: inline;
	  margin-left: 1rem;
	  font-size: 1.9rem;
  }
  
  #follow A:link, #follow A:visited, #follow A:active, #follow A:hover {
	  margin: 0;
	  padding: 0.7rem;
	  color: #000000;
	  text-decoration: none;
  }
  
  #follow-mastodon:hover {
	  color: #6364FF !important;
  }
  
  #follow-facebook:hover {
	  color: #4267B2 !important;
  }
  
  #follow-tumblr:hover {
	  color: #31465c !important;
  }
  
  #follow-feed:hover {
	  color: #ff6600 !important;
  }
  
  #bottom-nav-medium, #bottom-nav-narrow {
	  display: none;
  }
  
  #bottom-nav-wide {
	  display: block;
	  font-size: 1.2rem;
	  line-height: 1.2rem;
	  font-weight: 500;
	  text-align: center;
	  text-transform: uppercase;
	  margin: 0;
	  color: rgba(255, 255, 255, 1.0);
  }
  
  #bottom-nav-wide A:link, #bottom-nav-wide A:visited, #bottom-nav-wide A:active, #bottom-nav-wide A:hover {
	  margin: 0.6rem;
	  padding: 0.6rem;
	  text-decoration: none;
	  color: rgba(255, 255, 255, 1.0);
  }
  
  #loving-you {
	  color: rgba(255, 255, 255, 0.7);
	  margin-right: 1.7rem;
	  margin-left: 1.0rem;
  }
  
  /* do this if small */
  @media (max-width: 840px) {
  
	  #top-nav-wide, #top-nav-narrow {
		  display: none;
	  }
	  
	  #top-nav-medium {
		  display: block;
		  font-size: 1.4rem;
		  line-height: 1.4rem;
		  font-weight: 500;
		  text-align: center;
		  text-transform: uppercase;
		  margin: 1.4rem 0 5rem 0;
	  }
	  
	  #top-nav-medium A:link, #top-nav-medium A:visited, #top-nav-medium A:active, #top-nav-medium A:hover {
		  margin: 0.2rem;
		  padding: 0.8rem;
		  text-decoration: none;
	  }
  
	  #follow {
		  margin-left: 0.5rem;
		  font-size: 1.6rem;
	  }
  
	  #follow A:link, #follow A:visited, #follow A:active, #follow A:hover {
		  margin: 0.1rem;
		  padding: 0.5rem;
	  }
  
	  #bottom-nav-wide, #bottom-nav-narrow {
		  display: none;
	  }
  
	  #bottom-nav-medium {
		  display: block;
		  font-size: 1.2rem;
		  line-height: 1.2rem;
		  font-weight: 500;
		  text-align: center;
		  text-transform: uppercase;
		  margin: 0;
		  color: rgba(255, 255, 255, 1.0);
	  }
  
	  #bottom-nav-medium A:link, #bottom-nav-medium A:visited, #bottom-nav-medium A:active, #bottom-nav-medium A:hover {
		  margin: 0.6rem;
		  padding: 0.6rem;
		  text-decoration: none;
		  color: rgba(255, 255, 255, 1.0);
	  }
  
  }
  
  /* do this if very small */
  @media (max-width: 500px) {
  
	  #top-nav-wide, #top-nav-medium {
		  display: none;
	  }
  
	  #top-nav-narrow {
		  display: block;
		  font-size: 1.3rem;
		  line-height: 1.3rem;
		  font-weight: 500;
		  text-align: center;
		  text-transform: uppercase;
		  margin: 1.3rem 0 3rem 0;
	  }
	  
	  #top-nav-narrow A:link, #top-nav-narrow A:visited, #top-nav-narrow A:active, #top-nav-narrow A:hover {
		  margin: 0.4rem;
		  padding: 0.8rem;
		  text-decoration: none;
	  }
  
	  #bottom-nav-wide, #bottom-nav-medium {
		  display: none;
	  }
  
	  #bottom-nav-narrow {
		  display: block;
		  font-size: 1.2rem;
		  line-height: 1.2rem;
		  font-weight: 500;
		  text-align: center;
		  text-transform: uppercase;
		  margin: 0;
		  color: rgba(255, 255, 255, 1.0);
	  }
  
	  #bottom-nav-narrow A:link, #bottom-nav-narrow A:visited, #bottom-nav-narrow A:active, #bottom-nav-narrow A:hover {
		  margin: 0.6rem;
		  padding: 0.6rem;
		  text-decoration: none;
		  color: rgba(255, 255, 255, 1.0);
	  }
  
  }
  
  
  /* front page */
  
  #updates {
	  display: none;
	  margin: 0 auto 3rem auto;
	  text-align: center;
  }
  
  #updates A:link, #updates A:active, #updates A:visited, #updates A:hover {
	  display: block;
	  padding: 0.8rem 1.2rem 0.6rem 1.4rem;
	  background-color: #f0f0f0;
	  text-decoration: none;
	  border-radius: 0.8rem;
	  -webkit-border-radius: 0.8rem;
	  -moz-border-radius: 0.8rem;
  }
  
  .page-nav {
	  display: inline;
	  margin-right: 0.7rem;
	  font-size: 1.6rem;
	  line-height: 2.8rem;
  }
  
  .page-nav A:link, .page-nav A:active, .page-nav A:visited, .page-nav A:hover {
	  padding: 1.2rem 1.6rem;
	  background-color: #f0f0f0;
	  text-decoration: none;
	  border-radius: 0.8rem;
	  -webkit-border-radius: 0.8rem;
	  -moz-border-radius: 0.8rem;
  }
  
  .page-nav-more {
	  display: inline;
	  font-size: 1.6rem;
	  line-height: 2.8rem;
	  margin-left: 1.0rem;
  }
  
  /* do this if small */
  @media (max-width: 840px) {
	  
	  .page-nav {
		  font-size: 1.4rem;
		  line-height: 1.4rem;
	  }
	  
	  .page-nav-more {
		  display: none;
	  }
  
  }
  
  /* do this if small */
  @media (max-width: 600px) {
	  
	  #updates {
		  display: none;
		  font-size: 1.6rem;
		  line-height: 2.8rem;
	  }	
  
  }
  
  
  /* combo platter front page */
  
  #combo-platter {
	column-count: 2;
  }
  
  @media only screen and (max-width: 700px) {
	  #combo-platter {
		  display: grid;
		  grid-template-columns: 100%;
	  }
  }
  
  
  /* post styles */
  
  .post {
	  margin: 0;
  }
  
  /* do this if large */
  @media (min-width: 840px) {
	  .post {
		  float: left;
		  margin: 0 260px 0 0;
	  }
  }
  
  .widescreen {
	  margin: 0 0 2.7rem 0;
	  padding: 0;
	  max-width: 100%;
  }
  
  .widescreen img {
	  max-width: 100%;
	  height:auto;
	  margin: 0;
  }
  
  /* this assumes 16:9 aspect ratio (56.25) */
  .widescreen.embedded {
	  position: relative;
	  padding-bottom: 56.25%;
	  height: 0;
	  overflow: hidden;
  }
  
  .widescreen.embedded iframe, .widescreen.embedded object, .widescreen.embedded embed {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  margin: 0;
  }
  
  .post p img {
	  margin: 0.8rem 0 0.8rem 0;
	  max-width: 100%;
	  height: auto;
  }
  
  .post .post-update {
	  display: table;
	  font-size: 1.1rem;
	  line-height: 1.5rem;
	  font-weight: 700;
	  text-transform: uppercase;
	  padding: 0.6rem 0.8rem 0.4rem 0.8rem;
	  margin: 3.2rem 0 0.6rem 0;
	  border-left: 4px #F05133 solid;
	  background-color: rgba(240, 240, 240, 1.0);
  }
  
  .post .post-update .update-timestamp {
	  font-weight: 700;
	  text-transform: none;
	  padding-left: 0.4rem;
	  color: rgba(0, 0, 0, 1.0);
	  opacity: 0.4;
  }
  
  .post a[href*="theatlantic.com"][href*="?gift="]::after, .post a[href*="nytimes.com"][href*="?unlocked_article_code="]::after, .post a[href*="washingtonpost.com"][href*="?pwapi_token="]::after {
	  content: ' (🎁 link)';
  }
  
  .post-spacer-hr {
	  height: 5rem;
	  clear: both;
	  border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
	  margin-bottom: 5.25rem;
  }
  
  .post-spacer-hr:nth-of-type(4n) {  
	  border-bottom: 1px dashed rgba(253, 133, 45, 0.4); /* orange */
  }
  
  .post-spacer-hr:nth-of-type(4n+1) {  
	  border-bottom: 1px dashed rgba(107, 138, 185, 0.4); /* blue */
  }
  
  .post-spacer-hr:nth-of-type(4n+2) {  
	  border-bottom: 1px dashed rgba(226, 122, 168, 0.4); /* pink */
  }
  
  .post-spacer-hr:nth-of-type(4n+3) {  
	  border-bottom: 1px dashed rgba(149, 114, 169, 0.4); /* purple */
  }
  
  
  
  /* do this if small */
  @media (max-width: 839px) {
	  
	  .post-spacer-hr {
		  height: 3rem;
		  margin-bottom: 3.7rem;
	  }
	  
  }
  
  .spacer {
	  height: 5rem;
	  clear: both;
  }
  
  
  /* post meta styles */
  
  .entry-tags-title {
	  font-size: 1.1rem;
	  line-height: 1.1rem;
	  text-transform: uppercase;
	  color: rgba(0, 0, 0, 0.60);
	  font-weight: 500;
	  padding-top: 1rem;
	  padding-bottom: 0.5rem;
  }
  
  .entry-tags {
	  font-size: 1.6rem;
	  line-height: 2.8rem;
	  list-style-type: none;
	  margin: 0 0 1.3rem 0;
	  padding: 0;
  }
  
  .related-tags {
	  font-size: 1.4rem;
	  line-height: 2.2rem;
	  list-style-type: none;
	  margin: -3rem 0 4.0rem 0;
	  padding: 0;
  }
  
  .archive-tags {
	  list-style-type: none;
	  margin: -1.8rem 0 0 0;
	  padding: 0;
  }
  
  .archive-months {
	  list-style-type: none;
	  margin: -2.8rem 0 0 0;
	  padding: 0;
  }
  
  .entry-tags A:link, .entry-tags A:visited, .entry-tags A:active, .related-tags A:link, .related-tags A:visited, .related-tags A:active, .related-tags A:hover {
	  color: #999999;
	  text-decoration: none;
  }
  
  .entry-tags A:hover {
	  color: #000000;
	  text-decoration: none;
  }
  
  .entry-tags li, .related-tags li, .archive-tags li, .archive-months li {
	  margin: 0;
	  padding: 0;
	  display: inline-block;
  }
  
  .entry-tags li {
	  margin: 0;
	  padding: 0 10px 0 0;
	  display: inline-block;
  }
  
  .entry-tags li i {
	  margin-right: 3px;
  }
  
  /*
  .entry-tags li:after {
	  content: '/';
	  font-size: 1.6rem;
	  line-height: 2.8rem;
	  margin: 0 0.8rem 0 1rem;
	  padding: 0;
	  color: rgba(0, 0, 0, 0.25);
  }
  */
  
  .related-tags li:after {
	  content: ' /';
	  font-size: 1.4rem;
	  line-height: 2.2rem;
	  margin: 0;
	  padding: 0;
	  color: rgba(0, 0, 0, 0.25);
  }
  
  .archive-tags li:after {
	  content: ' / ';
	  margin: 0;
	  color: rgba(0, 0, 0, 0.25);
  }
  
  .archive-months li:after {
	  content: ' / ';
	  margin: 0;
	  color: rgba(0, 0, 0, 0.25);
  }
  
  .entry-tags li:last-child:after, .related-tags li:last-child:after, .archive-tags li:last-child:after, .archive-months li:last-child:after {
	  content: none;
  }
  
  .related-tags li:first-child:after {
	  content: '\00A0\00A0';
  }
  
  .post-sidebar {
	  display: block;
	  float: left;
	  width: 225px;
	  text-align: left;
	  margin: 0.7rem 0 0 -225px;
  }
  
  .meta {
	  padding: 0;
	  margin: -1.8rem 0 2.2rem 0;
  }
  
  .meta A:link, .meta A:visited, .meta A:active, .meta A:hover {
	  color: rgba(0, 0, 0, 0.6);
	  text-decoration: none;
  }
  
  .meta .pre-name {
	  font-weight: 300;
  }
  
  .meta .author {
	  display: block;
	  font-size: 1.4rem;
	  line-height: 1.4rem;
	  font-weight: 500;
	  margin: 6px 0 5px 0;
	  color: rgba(0, 0, 0, 0.6);
  }
  
  .meta .timestamp {
	  font-weight: 300;
	  color: rgba(0, 0, 0, 0.6);
	  margin-left: 14px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
  }
  
  /* do this if small */
  @media (max-width: 840px) {
	  
	  .post-sidebar {
		  display: block;
		  float: none;
		  width: 100%;
		  text-align: left;
		  margin: 4rem 0 0 0;
	  }
  
  }
  
  /* do this if very small */
  @media (max-width: 500px) {
	  .meta .pre-name {
		  display: none;
	  }
	  .meta .author {
		  margin: 8px 0 5px 0;
	  }
  
  }
  
  
  /* post comments */
  
  .comment {
	  padding: 0;
	  margin: 0 0 4.0rem 0;
  }
  
  .comment h4 {
	  font-family: 'Whitney SSm 6r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-weight: 600;
	  padding: 0;
	  margin: 0 0 0.5rem 0;
  }
  
  .comment h4 A:link, .comment h4 A:visited, .comment h4 A:active, .comment h4 A:hover {
	  font-size: 1.3rem;
	  color: #aaaaaa;
	  padding: 0;
	  margin: 0 0 0 1.2rem;
	  text-decoration: none;
  }
  
  .comment h4 .author, .comment h4 .author A:link, .comment h4 .author A:visited, .comment h4 .author A:active, .comment h4 .author A:hover {
	  font-size: 1.6rem;
	  color: #000000;
	  margin: 0;
	  text-decoration: none;
  }
  
  
  /* post comment form */
  
  #commentform {
	  padding: 0;
	  margin: 36px 0 0 0;
  }
  
  #commentform h5 {
	  font-family: 'Whitney SSm 5r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 18px;
	  line-height: 24px;
	  font-weight: 500;
	  padding: 0;
	  margin: 0 0 2px 0;
  }
  
  #commentform h6 {
	  font-family: 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 11px;
	  line-height: 16px;
	  font-weight: 400;
	  padding: 0;
	  margin: 0;
  }
  
  #commentform textarea {
	  font-family: 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 16px;
	  line-height: 28px;
	  font-weight: 400;
	  color: #000000;
	  padding: 6px;
	  margin: 8px 0 8px 0;
	  width: 640px;
	  height: 210px;
	  border: 1px solid #999999;
  }
  
  #commentform .remember {
	  font-family: 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 14px;
	  line-height: 28px;
	  font-weight: 400;
  }
  
  #commentform .row {
	  margin: 0 0 8px 0;
	  padding: 0;
	  clear:left;
  }
  
  #commentform .label {
	  width: 50px;
  }
  
  #commentform .label .dimmer {
	  color: #aaaaaa;
  }
  
  #commentform .row input {
	  font-family: 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 16px;
	  line-height: 28px;
	  font-weight: 400;
	  color: #000000;
	  width: 300px;
	  padding: 3px;
	  margin: 0;
	  border: 1px solid #999999;
  }
  
  #commentform #subbut {
	  font-family: 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 16px;
	  line-height: 28px;
	  font-weight: 400;
	  color: #000000;
	  background-color: #ffffff;
	  color: #000000;
	  width: 208px;
	  padding: 4px 0;
	  margin: 0;
	  border: 2px solid #000000;
  }
  
  .helpful
  {
	  font-family: 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 13px;
	  line-height: 20px;
	  font-weight: 400;
	  padding: 0;
	  margin: 30px 0 18px 0;
  }
  
  
  /* general form styles */
  
  input[type="text"] {
	  font-size: 1.8rem;
	  line-height: 3.1rem;
	  color: #000000;
	  width: 350px;
	  padding: 0.5rem 1rem;
	  margin: 0;
	  border: 1px solid #000000;
	  -webkit-appearance: none;
	  -webkit-border-radius:0; 
	  border-radius:0;
  }
  
  input[type="submit"] {
	  font-size: 1.8rem;
	  line-height: 3.1rem;
	  color: #000000;
	  background-color: #ffffff;
	  padding: 0.4rem 3rem;
	  margin: 0;
	  border: 2px solid #000000;
	  -webkit-appearance: none;
	  -webkit-border-radius:0; 
	  border-radius:0;
	  cursor: pointer;
  }
  
  input[type="text"]:focus, input[type="submit"]:focus {
	  outline: none;
  }
  
  /* do this if very small */
  @media (max-width: 500px) {
	  input[type="text"] {
		  font-size: 1.6rem;
		  line-height: 2.8rem;
		  width: 180px;
	  }
  
	  input[type="submit"] {
		  font-size: 1.6rem;
		  line-height: 2.8rem;
	  }
  }
  
  
  /* comments 2023 */
  
  #comment-section {
	  margin: 0;
  }
  
  /* do this if large */
  @media (min-width: 840px) {
	  #comment-section {
		  float: left;
		  margin: 0 260px 0 0;
	  }
  }
  
  #comment-section h3 {
	  margin-top: 45px;
	  margin-bottom: 5px;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	}
	
  #comment-section h3 .scroll-to-textarea {
	  color: #000000;
	  background-color: #ffffff;
	  padding: 8px 25px;
	  border-radius: 25px;
	  border: 0.5px solid rgba(0, 0, 0, 1.0);
	  margin-left: 7px;
	  font-size: 18px;
	  line-height: 18px;
	  font-weight: 400;
	  text-decoration: none;
	  margin-left: auto;
  }
	
  #comment-section h3 .scroll-to-textarea i {
	  margin-left: 5px;
  }
  
  .comment-contain {
	  margin: 0 0 15px 0;
	  padding: 20px 0 0 0;
  }
  
  #header-comment-count {
	  color: rgba(0, 0, 0, 0.3);
  }
  
  .reply-contain {
	  margin: 0 0 30px 5px;
	  padding: 0 0 0 25px;
	  border-left: 1px solid rgba(0, 0, 0, 0.2);
  }
  
  .comment-contain:nth-of-type(n+2):not(.reply-contain) {
	  border-top: 0.5px solid rgba(0, 0, 0, 0.3);
  }
  
  .thread-admin {
	  margin: 0 0 50px 0;
  }
  
  .comment-repost {
	  font-size: 0.8em;
	  color: #666666;
  }
  
  .comment-repost svg {
	  margin-right: 4px;
  }
  
  .comment-head {
	  display: flex;
	  justify-content: space-between;
	  align-items: flex-start;
  }
  
  .left-info {
	  display: flex;
	  align-items: flex-start;
  }
  
  .left-info .comment-author,
  .left-info .comment-time,
  .left-info .comment-edited {
	  position: relative;
  }
  
  .left-info .comment-author {
	  font-weight: 600;
  }
  
  .left-info .comment-author .author-admin, .left-info .comment-author .author-self {
	  color: #ffffff;
	  background-color: #117AFF;
	  padding: 2px 5px;
	  border-radius: 5px;
	  margin-left: 7px;
	  font-size: 0.6em;
	  vertical-align: top;
  }
  
  .left-info .comment-author .author-self {
	  color: #ffffff;
	  background-color: #F78D35;
  }
  
  .left-info .comment-author i {
	  margin-left: 7px;
  }
  
  .left-info .comment-time {
	  color: #999999;
	  font-size: 15px;
  }
  
  .left-info .comment-edited, .left-info .comment-pinned-above {
	  color: #999999;
	  font-size: 15px;
  }
  
  .left-info .comment-time::before,
  .left-info .comment-edited::before,
  .left-info .comment-pinned-above::before {
	  content: "•";
	  padding: 0 8px;
	  color: #cccccc;
  }
  
  /* .right-info {
	  font-size: 28px;
	  line-height: 28px;
  }
  
  .right-info {
	  font-size: 30px;
	  line-height: 30px;
	  padding: 8px;
	  border-radius: 10px;
	  background-color: #f4f6df;
  } */
  
  .right-info {
	  font-size: 14px;
	  line-height: 14px;
	  font-weight: 700;
	  text-transform: uppercase;
	  color: #cc0000;
	  margin-top: 5px;
  }
  
  .comment-text {
	  margin: 4px 0 -8px 0;
	  overflow-wrap: break-word;
  }
  
  .comment-text p {
	  margin-bottom: 15px;
  }
  
  .comment-text-external {
	  margin-bottom: 12px;
  }
  
  .error-message-cmt {
	  box-sizing: border-box;
	  display: inline-block;
	  color: rgba(204, 0, 0, 1);
	  background-color: rgba(204, 0, 0, 0.07);
	  width: 100%;
	  border-radius: 8px;
	  padding: 6px 14px 6px 14px;
	  margin-bottom: 20px;
  }
  
  .error-message-cmt i, .success-message-cmt i {
	margin-right: 8px; /* Space between the icon and text */
  }
  
  .success-message-cmt {
	  box-sizing: border-box;
	  display: inline-block;
	  color: rgba(0, 204, 0, 1);
	  background-color: rgba(0, 204, 0, 0.07);
	  width: 100%;
	  border-radius: 8px;
	  padding: 6px 14px 6px 14px;
	  margin-bottom: 20px;
  }
  
  /* do this if very small */
  @media (max-width: 500px) {
		
	  #comment-section h3 .scroll-to-textarea {
		  padding: 5px 14px;
		  border-radius: 25px;
		  border: 0.5px solid rgba(0, 0, 0, 1.0);
		  margin-left: 7px;
		  font-size: 15px;
		  line-height: 15px;
		  text-decoration: none;
	  }
		
	  #comment-section h3 .scroll-to-textarea i {
		  margin-left: 3px;
	  }
  
	  .reply-contain {
		  margin: 0 0 20px 5px;
		  padding: 0 0 0 15px;
		  border-left: 0.5px solid rgba(0, 0, 0, 0.2);
	  }
	  
	  .left-info {
		  font-size: 1.4rem;
		  line-height: 2.3rem;
	  }
	  
	  .left-info .comment-author .author-admin, .left-info .comment-author .author-self {
		  padding: 2px 4px;
		  margin-left: 5px;
		  font-size: 0.4em;
	  }
	  
	  .left-info .comment-author i {
		  margin-left: 5px;
	  }
  
	  .left-info .comment-time {
		  font-size: 13px;
	  }
  
	  .left-info .comment-edited, .left-info .comment-pinned-above {
		  font-size: 13px;
	  }
  
	  .left-info .comment-pinned-above {
		  display: none;
	  }
  
	  .left-info .comment-time::before,
	  .left-info .comment-edited::before,
	  .left-info .comment-pinned-above::before {
		  padding: 0 6px;
	  }
  
	  .right-info {
		  font-size: 12px;
		  line-height: 12px;
		  margin-top: 5px;
	  }
  
	  .right-info-label {
		  display: none;
	  }
  
	  .comment-text {
		  font-size: 1.4rem;
		  line-height: 2.3rem;
		  margin: 4px 0 -8px 0;
	  }
  
	  .comment-text blockquote {
		  font-size: 1.4rem;
		  line-height: 2.3rem;
	  }
  
	  .comment-text p {
		  margin-bottom: 15px;
	  }
	  
	  .error-message-cmt, .success-message-cmt {
		  font-size: 1.4rem;
		  line-height: 2.3rem;
		  margin-top: 6px;
	  }
  
  }
  
  
  
  /* bottom meta info for posts */
  
  .meta-bottom {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  margin-left: 2px;
	  margin-top: 10px;
	  font-size: 16px;
  }
  
  .meta-bottom .actions a {
	  text-decoration: none;
	  color: #000;
	  margin-right: 2px;
	  line-height: 15px;
	  padding: 9px 11px 9px 11px;
  }
  
  .meta-bottom .actions a:hover {
	  background-color: #f3f3f3;
	  border-radius: 6px;
  }
  
  .meta-bottom .actions i {
	  margin-right: 7px;
  }
  
  .meta-bottom .timevia {
	  display: inline-block;
	  font-size: 14px;
	  color: #333333;
	  text-decoration: none;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  max-width: 55ch;
  }
  
  .meta-bottom .timevia a {
	  text-decoration: none;
  }
  
  .meta-bottom .timevia a:hover {
	  text-decoration-line: underline;
	  text-decoration-thickness: 1px;
	  text-underline-offset: 2px;
	  text-decoration-color: #969696;
  }
  
  .meta-bottom .via::before {
	content: "•";
	margin: 0 4px;
	color: #cccccc;
  }
  
  
  @media (max-width: 600px) {
	  .meta-bottom .timevia {
		  max-width: 33ch;
	  }
  }
  
  /* do this if very small */
  @media (max-width: 500px) {
  
	  .meta-bottom {
		margin-left: 0;
		margin-top: 10px;
		font-size: 15px;
	  }
  
	  .meta-bottom .actions a {
		  margin-right: 0;
		  line-height: 14px;
		  padding: 7px 7px 7px 7px;
	  }
  
	  .meta-bottom .actions i {
		  margin-right: 0;
	  }
  
	  .meta-bottom .timevia {
		  font-size: 12px;
		  max-width: 27ch;
	  }
  
	  .meta-bottom .actions .post-action-label {
		  display: none;
	  }
  
	  /*
	  body {
		  font-size: 1.6rem;
		  line-height: 2.6rem;
	  }
  
	  p {
		  margin: 0 0 1.8rem 0;
	  }
  
	  blockquote {
		  font-size: 1.5rem;
		  line-height: 2.5rem;
		  margin: 0 0 1.8rem 0;
		  padding-left: 2rem;
		  padding-right: 2rem;
	  }
  */
  }
  
  @media (max-width: 400px) {
	  .meta-bottom .timevia {
		  max-width: 33ch;
	  }
  }
  
  @media (max-width: 350px) {
	  .meta-bottom .timevia {
		  max-width: 28ch;
	  }
  }
  
  
  
  
  /* XXXXXXXXX */
  
  
  
  /* modal box for different tasks */
  
  /* Modal styles */
  .modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
  }
  
  .modal-content {
	font-size: 17px;
	line-height: 25px;
	background-color: #ffffff;
	margin: 20% auto;
	padding: 20px 24px 6px 24px;
	width: 50%;
	border-radius: 12px;
  }
  
  .close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin: 0 0 8px 8px;
  }
  
  .close:hover,
  .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
  }
  
  
  /* do this if very small */
  @media (max-width: 500px) {
  
	  .modal-content {
		  box-sizing: border-box;
		  font-size: 14px;
		  line-height: 21px;
		  margin: 20% auto;
		  padding: 14px 14px 1px 14px;
		  width: 95%;
		  border-radius: 12px;
	  }
	  
	  .modal-content .smaller {
		  font-size: 12px!important;
		  line-height: 18px!important;
	  }
  
	  .close {
		  font-size: 22px;
	  }
  
  }
  
  
  .comment-actions {
	  display: flex;
	  margin-left: 2px;
	  font-size: 16px;
  }
  
  .comment-actions a, .comment-actions .separator {
	  display: flex;
	  align-items: center;
	  text-decoration: none;
	  color: #000;
	  margin-right: 2px;
	  line-height: 15px;
	  padding: 9px 11px 9px 11px;
  }
  
  .comment-actions .separator {
	  color: #cccccc;
	  margin-right: 10px;
  }
  
  .comment-actions a:hover {
	  background-color: #f3f3f3;
	  border-radius: 6px;
  }
  
  .comment-actions i {
	  margin-right: 7px;
  }
  
  .comment-actions .action-lock, .comment-actions .action-hide, .comment-actions .action-pin {
	  border: 1px solid #cccccc;
	  color: #666666;
	  border-radius: 6px;
	  margin-right: 6px;
	  font-size: 14px;
	  padding: 6px 9px 6px 9px;
  }
  
  .comment-actions .locked, .comment-actions .hidden, .comment-actions .pinned {
	  border: 0.5px solid #cc0000;
	  background-color: #fff6f6;
	  color: #cc0000;
	  border-radius: 6px;
  }
  
  .comment-actions .action-lock:hover, .comment-actions .action-hide:hover, .comment-actions .action-pin:hover {
	  border: 0.5px solid #000000;
	  background-color: #ffffff;
	  color: #000000;
	  border-radius: 6px;
  }
  
  .comment-author-external {
	  border: 1px solid #cccccc;
	  background-color: #ffffff;
	  color: #666666;
	  font-size: 14px;
	  border-radius: 20px;
	  padding: 9px 20px 9px 20px;
  }
  
  .thread-reply-button, .thread-reply-button-alt {
	  box-sizing: border-box;
	  display: inline-block; /* Allows block-level styling */
	  border: 0.5px solid rgba(0, 0, 0, 0.5);
	  width: 100%;
	  color: rgba(0, 0, 0, 0.5) !important;
	  background-color: #ffffff;
	  border-radius: 8px;
	  padding: 6px 9px 6px 9px;
	  text-align: center;
	  margin: -10px 0 25px 0;
	  text-decoration: none; /* Removes the underline from the link */
  }
  
  .thread-reply-button:hover, .thread-reply-button-alt:hover {
	  border: 0.5px solid rgba(0, 0, 0, 1);
	  color: rgba(0, 0, 0, 1) !important;
  }
  
  .thread-reply-button-contain {
	  margin: 0;
	  padding: 0;
  }
  
  /* do this if very small */
  @media (max-width: 500px) {
  
	  .comment-actions {
		  margin-left: 0;
		  font-size: 14px;
	  }
  
	  .comment-actions a, .comment-actions .separator {
		  margin-right: 0;
		  line-height: 14px;
		  padding: 9px 11px 9px 0px;
	  }
  
	  .comment-actions .separator {
		  margin-right: 2px;
	  }
  
	  .comment-actions a:hover {
		  background-color: #ffffff;
	  }
	  
	  .comment-actions i {
		  margin-right: 5px;
	  }
	  
	  .comment-actions .cmt-admin-action-label {
		  display: none;
	  }
	  
	  .comment-actions .action-lock, .comment-actions .action-hide, .comment-actions .action-pin {
		  border: 0.5px solid #cccccc;
		  border-radius: 6px;
		  margin-right: 3px;
		  font-size: 13px;
		  padding: 6px 9px 6px 9px;
	  }
	  
	  .comment-actions .action-lock i, .comment-actions .action-hide i, .comment-actions .action-pin i {
		  margin-right: 0;
	  }
	  
	  .thread-reply-button, .thread-reply-button-alt {
		  font-size: 1.4rem;
		  line-height: 2.3rem;
		  padding: 6px 9px 6px 9px;
		  margin: -10px 0 25px 0;
	  }
  
  }
  
  
  
  
  
  
  #newCommentForm, #replyForm {
	  box-sizing: border-box;
	  padding: 12px 14px 6px 16px;
	  margin: 20px 0 8px 0;
	  border: 1px solid #999999;
	  border-radius: 8px;
  }
  
  #newCommentForm {
	  margin: 40px 0 8px 0;
  }
  
  #newCommentForm textarea, #replyForm textarea {
	  font-family: 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 16px;
	  line-height: 28px;
	  font-weight: 400;
	  color: #000000;
	  box-sizing: border-box;
	  padding: 0;
	  margin: 0;
	  width: 100%;
	  outline: none;
	  resize: none;
	  border: none;
  }
  
  #newCommentForm textarea::placeholder, #replyForm textarea::placeholder {
	  font-size: 22px;
	  opacity: 0.7;
  }
  
  #toolbar, #toolbarReply {
	  display: flex;
	  justify-content: space-between; /* This will distribute the space between the two groups */
	  align-items: center; /* This will align the items vertically in the center */
	  padding: 10px 0 0 0;
	  width: 100%;
	  box-sizing: border-box;
	  background-color: #ffffff;
  }
  
  #toolbar button[type="submit"], #toolbarReply button[type="submit"] {
	  font-family: 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 18px;
	  line-height: 18px;
	  font-weight: 400;
	  color: #ffffff;
	  background-color: #000000;
	  padding: 9px 27px 9px 25px;
	  margin: 0 0 6px 0;
	  border-radius: 8px;
	  margin-left: auto;
	  cursor: pointer;
  }
  
  #toolbar button[type="submit"]:disabled, #toolbarReply button[type="submit"]:disabled  {
	  background-color: #888888;
	  cursor: not-allowed;
	}
  
  #toolbar button[type="submit"] i, #toolbarReply button[type="submit"] i {
	  margin-right: 10px;
  }
  
  #toolbar button:not([type="submit"]), #toolbarReply button:not([type="submit"]) {
	  background-color: transparent;
	  border: none;
	  color: #666666;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  width: 34px;
	  cursor: pointer;
	  padding: 10px 0;
	  white-space: nowrap;
	  border: 0;
  }
  
  #toolbar button:not([type="submit"]):hover, #toolbarReply button:not([type="submit"]):hover {
	  background-color: #f3f3f3;
	  color: black;
	  border: 0;
  }
  
  #toolbar #btn-anchor, #toolbarReply #btn-anchor-reply {
	  margin-right: 15px;
  }
  
  .comment-form-meta p:first-of-type {
	  margin-bottom: 12px;
  }
  
  #replyFormContain .comment-form-meta {
	  margin-bottom: 50px;
  }
  
  .comment-form-meta .hidden-break {
	  display: none;
  }
  
  .editLink {
	  color: #DD8E00!important;
	  border: none;
	  text-decoration: none;
  }
  
  .logOut {
	  color: #777777!important;
	  border: none;
	  text-decoration: none;
  }
  
  .thread-end-disclaimer {
	  padding-top: 50px;
	  border-top: 0.5px solid rgba(0, 0, 0, 0.3);
  }
  
  /* do this if very small */
  @media (max-width: 500px) {
  
	  #newCommentForm, #replyForm {
		  padding: 8px 8px 8px 8px;
		  margin: 15px 0 12px 0;
		  border-radius: 8px;
	  }
  
	  #newCommentForm {
		  margin: 30px 0 12px 0;
	  }
  
	  #newCommentForm textarea, #replyForm textarea {
		  font-size: 1.4rem;
		  line-height: 2.3rem;
	  }
  
	  #newCommentForm textarea::placeholder, #replyForm textarea::placeholder {
		  font-size: 16px;
		  opacity: 0.7;
	  }
  
	  #toolbar button[type="submit"], #toolbarReply button[type="submit"] {
		  font-size: 14px;
		  line-height: 14px;
		  padding: 7px 18px;
		  margin-bottom: 0;
		  margin-left: auto;
	  }
  
	  #toolbar button[type="submit"] i, #toolbarReply button[type="submit"] i {
		  margin-right: 8px;
	  }
  
	  #toolbar button:not([type="submit"]), #toolbarReply button:not([type="submit"]) {
		  font-size: 13px;
		  width: 30px;
		  padding: 10px 0 6px 0;
	  }
  
	  #toolbar #btn-anchor, #toolbarReply #btn-anchor-reply {
		  margin-right: 8px;
	  }
  
	  #toolbar button:not([type="submit"]):hover, #toolbarReply button:not([type="submit"]):hover {
		   background-color: #ffffff;
		  color: black;
	  }
  
	  .comment-form-meta p:first-of-type {
		  font-size: 14px;
		  line-height: 17px;
		  margin-bottom: 15px;
	  }
  
	  .comment-form-meta .hidden-break {
		  display: inline;
	  }
  
	  .comment-form-meta .smaller {
		  font-size: 13px!important;
		  line-height: 18px!important;
	  }
  
	  .editLink {
		  font-size: 14px;
		  line-height: 14px;
		  color: #DD8E00!important;
		  border: none;
		  text-decoration: none;
	  }
  
  /*	.thread-reply-button, .thread-reply-button-alt {
		  font-size: 1.4rem;
		  line-height: 2.3rem;
		  padding: 6px 9px 6px 9px;
		  margin: -10px 0 25px 0;
	  }
  */
  
  }
  
  
  #recentCommentsShowMore {
	  font-size: 15px;
	  box-sizing: border-box;
	  display: inline-block; /* Allows block-level styling */
	  border: 0.5px solid rgba(0, 0, 0, 0.8);
	  color: rgba(0, 0, 0, 0.8) !important;
	  background-color: #ffffff;
	  border-radius: 20px;
	  padding: 6px 15px 6px 15px;
	  text-align: center;
	  margin: 0 0 12px 0;
	  text-decoration: none; /* Removes the underline from the link */
  }
  
  
  #displaynameForm {
	  box-sizing: border-box;
	  padding: 5px 8px 5px 8px;
	  margin: 10px 0 20px 0;
	  border: 0.5px solid #999999;
	  border-radius: 8px;
	  display: flex!important;
	  width: 100%;
  }
  
  #new_displayname {
	  font-size: 17px;
	  line-height: 17px;
	  font-weight: 300;
	  border: none;
	  outline: none;
	  border-radius: 0.4rem;
	  width: 100%;
	  margin: 0 1.2rem 0 0;
	  padding: 0 0 0.2rem 0.3rem;
  }
  
  #displaynameForm input[type="submit"] {
	  font-size: 15px;
	  line-height: 15px;
	  font-weight: 400;
	  color: #ffffff;
	  background-color: #000000;
	  padding: 8px 20px;
	  margin: 2px 0 2px 0;
	  border: 1px solid #000000;
	  border-radius: 8px;
  }
  
  .error-message-displayname {
	  box-sizing: border-box;
	  display: inline-block;
	  color: rgba(204, 0, 0, 1);
	  background-color: rgba(204, 0, 0, 0.07);
	  width: 100%;
	  border-radius: 8px;
	  padding: 6px 14px 6px 14px;
	  margin-bottom: 20px;
  }
  
  .error-message-displayname i {
	margin-right: 8px; /* Space between the icon and text */
  }
  
  
  /* do this if very small */
  @media (max-width: 500px) {
  
	  #displaynameForm {
		  margin: 10px 0 15px 0;
		  display: flex!important;
	  }
  
	  #new_displayname {
		  font-size: 15px;
		  line-height: 15px;
	  }
  
  }
  
  
  
  
  
  
  
  
  /* quicklinks */
  
  .quicklinks-post {
	  padding: 0 0 2.6rem 0;
	  font-size: 1.8rem;
	  line-height: 2.8rem;
  }
  
  .quicklinks-post A:link, .quicklinks-post A:active, .quicklinks-post A:hover, .quicklinks-post A:visited {
	  color: #000000;
	  text-decoration-line: underline;
	  text-decoration-thickness: 1px;
	  text-underline-offset: 2px;
	  text-decoration-color: #969696;
  }
  
  .quicklinks-date {
	  padding: 2.0rem 0 1.0rem 0;
	  font-size: 1.3rem;
	  line-height: 1.8rem;
	  font-weight: 500;
	  text-transform: uppercase;
	  color: #3CCEE2;
  }
  
  .quicklinks-meta {
	  color: #999999;
	  font-size: 1.5rem;
	  white-space: nowrap;
  }
  
  .quicklinks-meta A:link, .quicklinks-meta A:active, .quicklinks-meta A:hover, .quicklinks-meta A:visited {
	  color: #999999;
	  text-decoration-line: none;
  }
  
  .quicklinks-front-post {
	  font-size: 2.6rem;
	  line-height: 3.8rem;
  }
  
  .quicklinks-front-post A:link, .quicklinks-front-post A:active, .quicklinks-front-post A:hover, .quicklinks-front-post A:visited {
	  color: #000000;
	  text-decoration-line: underline;
	  text-decoration-thickness: 2px;
	  text-underline-offset: 3px;
	  text-decoration-color: #969696;
  }
  
  .quicklinks-front-meta {
	  display: inline-block;
	  color: #333333;
	  background-color: #ffffff;
	  font-size: 1.1rem;
	  line-height: 1.6rem;
	  padding: 0.5rem 1rem 0.5rem 1rem;
	  margin-top: 1rem;
	  border: 1px solid #333333;
	  border-radius: 4px;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
  }
  
  .quicklinks-front-meta A:link, .quicklinks-front-meta A:active, .quicklinks-front-meta A:hover, .quicklinks-front-meta A:visited {
	  color: #333333;
	  text-decoration-line: none;
  }
  
  /* do this if very small */
  @media (max-width: 500px) {
  
	  .quicklinks-front-post {
		  font-size: 1.6rem;
		  line-height: 2.6rem;
		  margin-bottom: 0.6rem;
	  }
  
	  .quicklinks-front-meta {
		  font-size: 1.2rem;
		  line-height: 1.6rem;
		  margin-top: 0.3rem;
		  padding: 0.4rem 0.8rem 0.4rem 0.8rem;
		  border-radius: 4px;
		  -webkit-border-radius: 4px;
		  -moz-border-radius: 4px;
	  }
  
  }
  
  
  /* membership */
  
  .member-copy {
	  max-width: 800px;
	  float: left;
	  margin: 0 110px 0 110px;
  }
  
  .member-copy h4 {
	  font-size: 2.4rem;
	  line-height: 3.0rem;
	  font-weight: 500;
	  text-align: left;
	  margin: 0 0 2.0rem 0;
	  padding: 0;
	  clear: both;
  }
  
  #member-subtitle {
	  font-size: 1.4rem;
	  line-height: 1.8rem;
	  padding: 0;
	  margin: -1.8rem 0 2.2rem 0;
	  color: #999999;
  }
  
  #member-subtitle a {
	  color:#999999;
  }
  
  #member-options {
	  display: table;
	  -webkit-font-smoothing: antialiased;
	  padding-bottom: 1.2rem;
	  padding-top: 1.2rem;
	  max-width: 940px;
	  margin: 0 3.74% 0 3.74%;
  }
  
  #member-options a {
	  text-decoration: none;
  }
  
  #member-options .member-box:hover {
	  transform: translateZ(0);
	  transition-duration: 0.5s;
	  transition-property: transform;
	  transition-timing-function: ease-out;
	  transform: translateY(-0.5rem);
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
  }
  
  #member-options .member-box {
	  font-size: 2.1rem;
	  line-height: 3.1rem;
	  display: table-cell;
	  overflow: hidden;
	  background-color: #f4f4f4;
	  color: #000000;
	  width: 33%;
  }
  
  #member-options .member-box:nth-child(1) {
	  border-right: solid #ffffff 1.0rem;
  }
  
  #member-options .member-box:nth-child(3) {
	  border-left: solid #ffffff 1.0rem;
  }
  
  #member-options .member-title {
	  white-space: nowrap;
	  background-color: #189EE8;
	  color: #ffffff;
	  text-align: center;
	  font-weight: 700;
	  padding: 1rem;
	  text-shadow: 0 1px 0 rgba(0,0,0,0.15);
  }
  
  #member-options .member-text {
	  padding: 1.6rem 2rem 1.6rem 2rem;
	  font-size: 1.5rem;
	  line-height: 2.5rem;
  }
  
  .member-popular {
	  text-transform: uppercase;
	  font-size: 1.2rem;
	  line-height: 1.2rem;
	  padding-bottom: 0.6rem;
	  font-weight: 700;
	  text-align: center;
	  color: #1CA362;
  }
  
  .member-monthly {
	  text-align: center;
	  color: #999999;
  }
  
  #member-cards {
	  color: #bbbbbb;
  }
  
  .member-monthly a {
	  color:#999999;
  }
  
  .member-details-container {
	  display: table;
	  font-size: 1.8rem;
	  line-height: 2.4rem;
	  background-color: #f4f4f4;
	  color: #000000;
	  margin: 0 0 0.8rem 0;
	  padding: 0;
  }
  
  #member-details, #member-details-icon, #member-details-icon-not-member {
	  display: table-cell;
  }
  
  #member-details-icon {
	  color: #ffffff;
	  background-color: #189EE8;
	  font-size: 11rem;
	  line-height: 11rem;
	  text-align: center;
	  vertical-align: middle;
	  padding: 3rem 4rem;
  }
  
  #member-details-icon-not-member {
	  color: #ffffff;
	  background-color: #bbbbbb;
	  font-size: 11rem;
	  line-height: 11rem;
	  text-align: center;
	  vertical-align: middle;
	  padding: 3rem 4rem;
  }
  
  #member-details-icon-text {
	  color: #ffffff;
	  font-size: 1.1rem;
	  line-height: 1.4rem;
	  text-transform: uppercase;
	  margin-top: 1.0rem;
	  font-weight: 500;
  }
  
  #member-details-icon-not-member > i, #member-details-icon-not-member > #member-details-icon-text {
	  opacity: 0.8;
  }
  
  #member-details {
	  font-size: 1.9rem;
	  line-height: 2.7rem;
	  margin: 0;
	  padding: 1.8rem 2.4rem;
	  width: 100%;
	  vertical-align: middle;
  }
  
  .member-details-label {
	  color: #189EE8;
	  text-transform: uppercase;
	  font-size: 1.1rem;
	  line-height: 1.4rem;
	  font-weight: 500;
  }
  
  .member-details-info {
	  margin-bottom: 1.6rem;
  }
  
  .member-details-info-not-member {
	  margin-bottom: 1.6rem;
	  color: #cc0000;
	  font-weight: 500;
  }
  
  .member-details-info:last-child, .member-details-info-not-member:last-child {
	margin-bottom: 0;
  }
  
  .member-details-manage {
	  color: #999999;
	  line-height: 1.8rem!important;
  }
  
  .member-details-manage a {
	  color:#999999;
  }
  
  
  
  
  /* do this if small */
  @media (max-width: 840px) {
  
	  .member-copy {
		  margin: 0;
	  }
	  
	  #member-options {
		  display: block;
		  padding-bottom: 0;
		  margin: 0;
	  }
  
	  #member-options .member-box:hover {
		  transform: none;
	  }
  
	  #member-options .member-box:hover .member-text {
		  color: #000000;
	  }
  
	  #member-options .member-box {
		  display: block;
		  width: 100%;
		  margin-bottom: 1.2rem;
	  }
  
	  #member-options .member-box:nth-child(1), #member-options .member-box:nth-child(3) {
		  border: none;
	  }
  
	  .member-monthly {
		  text-align: left;
	  }
	  
	  #member-cards {
		  display: none;
	  }
  
	  #member-details-icon {
		  font-size: 5rem;
		  line-height: 5rem;
		  padding: 1.5rem 2rem;
	  }
  
	  #member-details-icon-not-member {
		  font-size: 5rem;
		  line-height: 5rem;
		  padding: 1.5rem 2rem;
	  }
  
	  #member-details-icon-text {
		  font-size: 1.0rem;
		  line-height: 1.3rem;
	  }
  
	  #member-details {
		  font-size: 1.4rem;
		  line-height: 1.9rem;
		  padding: 1.2rem 2.0rem;
	  }
  
	  .member-details-label {
		  font-size: 1.0rem;
		  line-height: 1.4rem;
	  }
  
  }
  
  
  /* accidental shop */
  
  .store_strike {
	  position: relative;
	  display: inline-block;
  }
  
  .store_strike::before {
	  content: '';
	  border-bottom: 0.5rem solid rgba(230,0,0,0.6);
	  width: 100%;
	  position: absolute;
	  right: 0;
	  top: 50%;
	  -webkit-transform: skewY(-1deg);
	  transform: skewY(-1deg);
  }
  
  .store_strike::after {
	  content: '';
	  border-bottom: 0.3rem solid rgba(230,0,0,0.4);
	  width: 100%;
	  position: absolute;
	  right: 0;
	  top: 55%;
	  -webkit-transform: skewY(2deg);
	  transform: skewY(2deg);
  }
  
  #store_title {
	  font-size: 5.4rem;
	  line-height: 5.8rem;
	  font-family: "Chronicle Display A", "Chronicle Display B";
	  font-weight: 700;
	  text-align: center;
  }
  
  #store_subtitle {
	  font-family: "Chronicle Display A", "Chronicle Display B";
	  font-weight: 400;
	  font-size: 1.8rem;
	  line-height: 2.4rem;
	  padding: 0;
	  margin: -1.8rem 0 2.2rem 0;
	  color: #000000;
	  text-align:center;
  }
  
  #store_subtitle a {
	  color:#000000;
  }
  
  #filter_bar {
	  background-color: #ffffff;
	  color:#000000;
	  font-size: 1.2rem;
	  line-height: 1.2rem;
	  font-weight: 500;
	  margin: 1.0rem 1.0rem 0.5rem 1.0rem;
	  padding: 2.0rem;
	  box-shadow: 0 0.4rem 0.7rem -0.4rem rgba(0,0,0,0.12);
	  text-transform: uppercase;
  }
  
  #filter_bar a {
	  font-size: 1.6rem;
	  line-height: 1.6rem;
	  font-weight: 300;
	  color:#999999;
	  text-decoration: none;
	  text-transform: lowercase;
	  margin: 0 0.6rem;
	  padding: 0.4rem;
  }
  
  #filter_bar a#filter_selected {
	  border-bottom: #cccccc solid 0.2rem!important;
  }
  
  #filter_bar a#clear_filter {
	  color: #bbbbbb;
  }
  
  #filter_bar a#clear_filter:hover {
	  color: #cc0000;
  }
  
  /* clear fix */
  .store_container:after {
	  content: '';
	  display: block;
	  clear: both;
  }
  
  
  .grid-sizer {
	width: 0%;
  }
  
  .store_item {
	  float: left;
	  background-color: #ffffff;
	  margin: 1rem;
	  padding: 0;
	  width: 22.99%;
	  width: calc(25% - 2rem);
	  text-decoration: none;
	  box-shadow: 0 0.4rem 0.7rem -0.4rem rgba(0,0,0,0.12);
  }
  
  /* clear fix */
  .store_item:after {
	  content: '';
	  display: block;
	  clear: both;
  }
  
  .store_item img {
	  width: 100%;
	  height: auto;
  }
  
  .store_item .store_item_inside {
	  margin: 2.5rem;
	  padding: 0;
  }
  
  .store_item .store_orig_post {
	  font-size: 1.2rem;
	  line-height: 1.8rem;
	  font-weight: 300;
	  text-align: right;
	  color: #999999;
	  margin-top: 1.2rem;
	  margin-bottom: -1.2rem;
  }
  
  .store_item .store_orig_post A:link, .store_item .store_orig_post A:active, .store_item .store_orig_post A:hover, .store_item .store_orig_post A:visited {
	  text-decoration: none;
	  color: #999999;
  }
  
  #refresh_button {
	  font-size: 1.8rem;
	  line-height: 3.1rem;
	  font-weight: 300;
	  background-color: #ffffff;
	  color:#000000;
	  margin: 1rem;
	  padding: 0.5rem;
	  box-shadow: 0 0.4rem 0.7rem -0.4rem rgba(0,0,0,0.12);
	  text-align:center;
	  cursor: pointer;
	  display: none;
  }
  
  #refresh_button_text {
	  font-weight: 500;
	  padding: 1.5rem 1.0rem 1.5rem 1.0rem;
	  color: #cc0000;
  }
  
  #refresh_button_text_small {
	  display: none;
	  font-weight: 500;
	  padding: 1.5rem 1.0rem 1.5rem 1.0rem;
	  color: #cc0000;
  }
  
  #refresh_button_text:hover, #refresh_button_text_small:hover {
	  color: #000000;
  }
  
  #store_footer {
	  width: 100%;
	  text-align: left;
  }
  
  #store_footer_text {
	  font-family: "Chronicle Display A", "Chronicle Display B";
	  font-weight: 400;
	  font-size: 1.4rem;
	  line-height: 1.8rem;
	  padding: 0;
	  color: #999999;
	  width: 60%;
	  margin: 2.5rem auto;
	  text-align: left;
  }
  
  /* three columns */
  @media (max-width: 1000px) {
	  .store_item {
		  width: 30.815%;
		  width: calc(33% - 1.8rem);
	  }
  }
  
  /* two columns */
  @media (max-width: 800px) {
	  #store_title {
		  font-size: 4.0rem;
		  line-height: 4.8rem;
	  }
  
	  #store_subtitle {
		  font-size: 1.6rem;
		  line-height: 2.0rem;
	  }
  
	  #store_footer_text {
		  font-size: 1.4rem;
		  line-height: 1.8rem;
		  width: 80%;
		  margin: 2.0rem auto;
	  }
	  
	  .store_item {
		  width: 45.97%;
		  width: calc(50% - 2rem);
	  }
  }
  
  /* one column */
  @media (max-width: 500px) {
  
	  #store_title {
		  font-size: 3.0rem;
		  line-height: 3.4rem;
	  }
  
	  #store_subtitle {
		  font-size: 1.5rem;
		  line-height: 1.9rem;
	  }
  
	  #filter_bar {
		  font-size: 1.0rem;
		  line-height: 1.0rem;
		  margin: 1.0rem 0.2rem 1.5rem 0.2rem;
		  padding: 1.5rem;
		  box-shadow: 0 0.4rem 0.7rem -0.4rem rgba(0,0,0,0.12);
		  text-transform: uppercase;
	  }
  
	  #filter_bar a {
		  font-size: 1.2rem;
		  line-height: 1.2rem;
		  margin: 0 0.4rem;
		  padding: 0.2rem;
	  }
  
	  #filter_bar #filter_by {
		  display: none;
	  }
  
	  .store_item {
		  margin: 0 0 1.5rem 0;
		  width: 100%;
		  text-align: center;
	  }
	  
	  .store_item .store_item_inside {
		  margin: 1.5rem;
	  }
	  
	  .store_item img {
		  width: 70%;
	  }
	  
	  .store_item .store_orig_post {
		  margin-top: 1.2rem;
		  margin-bottom: -0.4rem;
	  }
  
	  #refresh_button {
		  font-size: 1.6rem;
		  line-height: 2.8rem;
		  font-weight: 300;
		  margin: 0rem 0.2rem 1.0rem 0.2rem;
		  padding: 0;
	  }
  
	  #store_footer_text {
		  font-size: 1.2rem;
		  line-height: 1.5rem;
		  width: 100%;
		  margin: 1.8rem auto;
	  }
	  
  }
  
  
  /* adverts */
  
  .bling-bling {
	  padding: 8px 0 35px 0;
	  margin: 0;
  }
  
  .bling-bling .ad {
	  margin-bottom: 10px;
	  width: 225px;
	  height: 169px;
  }
  
  .bling-bling .ads {
	  font-size: 1.4rem;
	  line-height: 2.1rem;
	  margin: 0;
  }
  
  .bling-title {
	  text-transform: uppercase;
	  font-size: 0.8rem;
	  line-height: 0.8rem;
	  padding: 0;
	  margin: 0;
	  width: 100%;
	  text-align: center;
	  color: rgba(0, 0, 0, 0.6);
  }
  
  .bling-title A:link, .bling-title A:visited, .bling-title A:active {
	  color: rgba(0, 0, 0, 0.6);
	  text-decoration: none;
  }
  
  .bling-title A:hover {
	  color: rgba(0, 0, 0, 1.0);
	  text-decoration: none;
  }
  
  #carbonads {
	  padding: 0.8rem 0 3.5rem 0;
	  margin: 0;
  }
  
  #carbonads .carbon-wrap {
	  padding: 1.3rem;
	  display: block;
	  background-color: #f6f6f6;
	  border-radius: 4px;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
  }
  
  .carbon-img {
	  display: block;
	  margin: 0 auto 1rem auto;
	  text-align: center;
  }
  
  .carbon-text {
	  font-size: 1.4rem;
	  line-height: 2.1rem;
	  margin: 0;
  }
  
  .carbon-poweredby {
	  display: none;
  }
  
  .bling-job img {
	  padding-top: 8px;
	  margin-bottom: 10px;
  }
  
  .bling-job .job {
	  display: inline;
	  font-size: 1.4rem;
	  line-height: 2.1rem;
	  text-align: left;
  }
  
  
  /* do this if small */
  @media (max-width: 840px) {
	  
	  .bling-title {
		  font-size: 1.0rem;
		  line-height: 1.0rem;
		  margin: 0 0 5px 0;
		  clear: both;
		  text-align: center;
	  }
  
	  .bling-bling {
		  padding: 10px 0 10px 0;
		  margin: 0 0 20px 0;
		  clear: both;
		  display: table;
		  width: 100%;
		  background-color: #f7f1ee;
		  border-radius: 4px;
		  -webkit-border-radius: 4px;
		  -moz-border-radius: 4px;
	  }
  
	  .bling-bling .ad {
		  float: left;
		  width: 145px;
		  height: 109px;
		  padding: 0 15px 0 10px;
		  margin: 0px;
	  }
	  
	  .bling-bling .ads {
		  font-size: 1.6rem;
		  line-height: 2.4rem;
		  margin: 0;
		  display: table-cell;
		  vertical-align: middle;
		  text-align: left;
		  padding-right: 15px;
	  }
  
	  #carbonads {
		  padding: 0;
		  margin: 0 0 20px 0;
		  clear: both;
		  width: 100%;
		  background-color: #f6f6f6;
	  }
  
	  #carbonads .carbon-wrap {
		  padding: 1rem 0 1rem 0;
		  display: table;
	  }
  
	  .carbon-img {
		  float: left;
		  padding: 0 15px 0 10px;
		  margin: 0px;
	  }
  
	  .carbon-text {
		  font-size: 1.6rem;
		  line-height: 2.4rem;
		  margin: 0;
		  display: table-cell;
		  vertical-align: middle;
		  text-align: left;
		  padding-right: 15px;
	  }
  
	  .carbon-poweredby {
		  display: none;
	  }
  
	  .bling-job {
		  padding: 1rem 0 1rem 0;
		  margin: 0 0 2.6rem 0;
		  text-align: center;
		  display: table;
		  width: 100%;
		  clear: both;
		  background-color: #F3F5F9;
		  border-radius: 4px;
		  -webkit-border-radius: 4px;
		  -moz-border-radius: 4px;
	  }
	  
	  .bling-job img {
		  display: block;
		  margin: 0 auto 10px auto;
		  mix-blend-mode: darken;
		  filter: contrast(1);
		  -webkit-filter: contrast(0.9);
		  -moz-filter: contrast(1);
		  width: 180px;
		  height: auto;
		  overflow: hidden;
		  
	  }
  
	  .bling-job .job {
		  display: block;
		  padding: 0 1.5rem 0 1.5rem;
		  font-size: 1.6rem;
		  line-height: 2.4rem;
		  text-align: center;
	  }
	  
  }
  
  
  
  /* podcast page & promos */
  
  .podcast-fp-lead {
	  font-family: 'Whitney SSm 6r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 1.3rem;
	  line-height: 2.0rem;
	  font-weight: 600;
	  color: #FE5496;
	  padding: 0;
	  margin: 0 0 1.2rem 0;
	  text-transform: uppercase;
  }
  
  .podcast-fp-lead .plaintext {
	  font-weight: 300;
	  color: #999999;
	  text-transform: none;
  }
  
  .podcast-fp-lead .plaintext A:link, .podcast-fp-lead .plaintext A:active, .podcast-fp-lead .plaintext A:hover, .podcast-fp-lead .plaintext A:visited {
	  text-decoration: none;
	  color: #999999;
  }
  
  
  /* promos for shop, membership, etc. */
  
  .promo {
	  background-color: #f5f4f2;
  }
  
  .promo .promo-members {
	  font-size: 2.0rem;
	  line-height: 3.4rem;
	  padding: 3rem 3.9rem;
  }
  
  .promo .promo-members .promo-members-button {
	  display: block;
	  font-weight: 500;
	  color: #ffffff;
	  background-color: #189ee8;
	  text-decoration: none;
	  text-align: center;
	  padding: 1.0rem 1.6rem;
	  margin: 1rem auto 0 auto;
	  width: min-content;
	  white-space: nowrap;
	  border-radius: 0.4rem;
	  -webkit-border-radius: 0.4rem;
	  -moz-border-radius: 0.4rem;
  }
  
  /* sabbatical callout */
  
  #sabbatical {
	  display: block;
	  font-size: 1.5rem;
	  line-height: 2.3rem;
	  font-weight: 400;
	  text-align: left;
	  color: #000000;
	  margin: 0 auto 5rem auto;
	  padding: 1.3rem 1.5rem 1.3rem 2rem;
	  border-top: 0.1rem solid #cccccc;
	  border-bottom: 0.1rem solid #cccccc;
  }
  
  /* do this if very small */
  @media (max-width: 500px) {
  
	  #sabbatical {
		  font-size: 1.3rem;
		  line-height: 2.0rem;
		  padding: 1.1rem 0 1.1rem 0;
		  margin: 0 auto 3rem auto;
	  }
  
  }
  
  
  
  
  /* newsletter signup form */
  
  #newsletter {
	  max-width: 720px;
	  margin: 0 auto 0 auto;
  }
  
  #newsletter img {
	  max-width: 100%;
	  height: auto;
  }
  
  #mc_embed_signup form {
	  background-color: #f6f7f8;
	  display:block;
	  text-align:left;
	  border: #f0f0f0 solid 1px;
	  border-radius: 0.5rem;
	  -webkit-border-radius: 0.5rem;
	  -moz-border-radius: 0.5rem;
	  padding: 0.6rem 0.6rem 0.6rem 1.2rem;
	  width: 80%;
	  text-align: center;
	  box-shadow: 0 0.4rem 0.7rem -0.4rem rgba(0,0,0,0.22);
	  margin: 3.0rem auto 4.0rem auto;
  }
  
  #mc_embed_signup .mc-field-group {
	  display: flex!important;
  }
  
  #mc_embed_signup #mce-EMAIL {
	  font-size: 2.4rem;
	  line-height: 2.4rem;
	  font-weight: 300;
	  background-color: #f6f7f8;
	  border: none;
	  outline: none;
	  border-radius: 0.4rem;
	  -webkit-border-radius: 0.4rem;
	  -moz-border-radius: 0.4rem;
	  width: 100%;
	  margin: 0 1.2rem 0 0;
	  padding: 0 0 0.3rem 1.1rem;
  }
  
  #mc_embed_signup input::-webkit-input-placeholder {
	  color: rgba(0,0,0,0.40);
  }
  
  #mc_embed_signup input:-webkit-autofill {
	  -webkit-box-shadow: 0 0 0 30rem #f6f7f8 inset;
  }
  
  #mc_embed_signup .button {
	  background-color: #F43DF4;
	  background-image:
		linear-gradient(
		  40deg, 
		  #F43DF4 10%, #EF5948
		);
	  border: 0 none;
	  color: #ffffff;
	  cursor: pointer;
	  display: inline;
	  font-size: 1.9rem;
	  line-height: 1.9rem;
	  font-weight: 400;
	  font-variant: small-caps;
	  margin: 0;
	  padding: 1.6rem 2.4rem 1.6rem 2.4rem;
	  text-align: center;
	  text-decoration: none;
	  vertical-align: top;
	  white-space: nowrap;
	  border-radius: 0.4rem;
	  -webkit-border-radius: 0.4rem;
	  -moz-border-radius: 0.4rem;
  }
  
  #mc_embed_signup div.response {
	  color: #F26F19;
	  font-size: 1.4rem;
	  line-height: 2.0rem;
	  margin: -4.2rem auto 1.0rem auto;
	  padding: 1em .5em .5em 0;
	  display: none;
	  text-align: center;
  }
  
  /* do this if very small */
  @media (max-width: 500px) {
  
	  #mc_embed_signup form {
		  padding: 0.6rem 0.6rem 0.6rem 0.6rem;
		  width:auto;
		  text-align: center;
		  margin: 3.0rem auto 4.0rem auto;
	  }
  
	  #mc_embed_signup #mce-EMAIL {
		  font-size: 1.6rem;
		  line-height: 1.6rem;
		  width: 100%;
		  margin: 0 1.2rem 0 0;
		  padding: 0 0 0.2rem 0.5rem;
	  }
  
	  #mc_embed_signup .button {
		  font-size: 1.5rem;
		  line-height: 1.5rem;
		  font-weight: 400;
		  font-variant: small-caps;
		  padding: 1.3rem 2.0rem 1.3rem 2.0rem;
	  }
  
  }
  
  /* gift guide */
  
  .gg-meta {
	  font-size: 1.5rem;
	  line-height: 2.4rem;
	  /* color: #003AB9; */
	  background-color: #EEF9FF;
	  font-weight: 500;
	  padding: 0.3rem 1.2rem 0.3rem 1.2rem;
	  margin: -0.5rem 0 1.5rem 0;
	  border: none;
  }
  
  .gg-meta a {
	  /* color: #003AB9; */
  }
  
  h4 {
	  font-family: 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B','Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-size: 2.3rem;
	  line-height: 3.2rem;
	  font-weight: 500;
	  text-align: left;
	  margin: 4.5rem 0 1.2rem 0;
	  padding: 0;
	  clear: both;
  }
  
  /* do this if very small */
  @media (max-width: 500px) {
  
	  .gg-meta {
		  font-size: 1.3rem;
		  line-height: 2.0rem;
		  /* color: #003AB9; */
		  background-color: #EEF9FF;
		  font-weight: 500;
		  padding: 0.3rem 1.2rem 0.3rem 1.2rem;
		  margin: -0.5rem 0 2.5rem 0;
		  border: none;
	  }
  
	  h4 {
		  font-size: 2.0rem;
		  line-height: 2.8rem;
		  margin: 3.5rem 0 1.2rem 0;
	  }
  }
  
/* front page widgets */

.recent-comments {
    margin-bottom: 17px;
}

.recent-comments p {
    line-height: 1.3;
    margin-bottom: 16px;
}

.recent-comments-meta {
    color: #999999;
    font-size: 15px;
}

#recent-comments-more {
    font-size: 15px;
    line-height: 1.0;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    border: 0.5px solid #999999;
    color: #999999 !important;
    background-color: #ffffff;
    border-radius: 2rem;
    padding: 0.9rem 1.5rem 0.9rem 1.5rem;
    text-align: center;
    text-decoration: none;
    margin-bottom: 0.7rem;
}



  /* fudge the damn error handling
  .xdebug-error, br {
	  display: none;
  }
  */