/*
Theme Name: Stop6
Theme URI: http://stopdesign.com
Description: Custom theme designed for Stopdesign.com. Copyright Douglas Bowman. All rights reserved.
Version: 6.0.3
Author: Douglas Bowman
Author URI: http://stopdesign.com
Tags: stopdesign stop
*/


/*
-----------------------------------------------
Base CSS
Author:   db
Date:     Nov 2012
----------------------------------------------- */


/*!Normalize
--------------------------------------------- */
/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*!Viewport
--------------------------------------------- */
@viewport {width: device-width;} @-ms-viewport {width: device-width;}


/*!Box sizing
--------------------------------------------- */
/*!Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*, ::after, ::before{box-sizing: border-box;}html{box-sizing: border-box;}



/*!Setup
--------------------------------------------- */
html {
	font-size: 62.5%;
  }
body {
  background:#f5f3f0;
  margin:0;
  padding:0;
  font:15px/25px "freight-sans-pro",Sans-serif;
  font-weight:400;
  color:#444;
  }


/* !Links */
/* ----------------------------------------------- */
a {
  text-decoration:none;
  color:#a62;
  }
a:hover {
  text-decoration:underline;
  color:#741;
  }
a img {
  border-width:0;
  }


/* !Headings */
/* ----------------------------------------------- */
article.post h1 {
  margin:0 0 10px;
  font:30px/40px "rooney-web",serif;
  font-weight:400;
  }
.page-title h1 {
  margin:9px 0 20px;
  font:20px/30px "rooney-web",serif;
  font-weight:400;
  color:#333;
  }
.page-title h1 strong {
  font-weight:500;
  }
h2 {
  margin:0 0 10px;
  font:22px/30px "rooney-web",serif;
  font-weight:400;
  }
.content-main h2 {
  margin:30px 0 20px;
  }
h2, h2 a {
  color:#333;
  }
h3 {
  font:16px/30px "rooney-web",serif;
  font-weight:500;
  color:#222;
  }


/* !Header */
/* ----------------------------------------------- */
header[role="banner"] {
  float:left;
  width:100%;
  padding:0 0 20px;
  border-top:5px solid #cac5bb;
  border-bottom:1px solid #e4e1db;
  }
#logo {
  background:url("/img/logo_stopdesign_110.png") no-repeat 0 40px;
  display:inline-block;
  float:left;
  width:110px;
  height:70px;
  margin-top:-5px;
  padding:40px 0 0;
  border-top:5px solid #a62;
  text-decoration:none;
  }
#logo img {
  display:block;
  visibility:hidden;
  }
.description {
  float:left;
  margin-left:50px;
  padding-top:42px;
  font-size:14px;
  font-weight:400;
  color:#9f9886;
  }


/* !Nav */
/* ----------------------------------------------- */
nav {
  float:left;
  width:100%;
  margin-top:20px;
  font-size:18px;
  font-weight:500;
  line-height:22px;
  text-transform:lowercase;
  }
ul#nav {
  margin:0;
  padding:0;
  }
#nav li {
  display:inline;
  list-style:none;
  }
#nav li a {
  float:left;
  margin:5px 30px 10px 0;
  padding:10px 10px 10px 0;
  }
#nav li a b {
  display:block;
  font-weight:500;
  }
#nav li a span {
  display:block;
  font-size:14px;
  font-weight:400;
  color:#9f9886;
  }
#nav li.current-cat a {
  color:#333;
  cursor:default;
  }
#nav li.current-cat a:hover {
  text-decoration:none;
  }



/* !Posts */
/* ----------------------------------------------- */
.posts article.post {
  float:left;
  width:100%;
  margin:0 0 35px;
  padding:0;
  }
article.post h1 {
  margin:0 0 16px;
  padding-top:6px;
  font:24px/30px "rooney-web",serif;
  font-weight:400;
  }
article.post.type-links h1 {
  margin-bottom:7px;
  padding-top:9px;
  font-size:18px;
  }
.posts article.post h2 {
  font-size:18px;
  }

.post-meta {
  float:left;
  width:100%;
  margin:0 0 20px;
  border:1px solid #e8e5e0;
  border-width:1px 0;
  color:#999;
  font-size:13px;
  }
.post-meta .permalink, .post-meta time, .post-meta .tags, .post-meta .comment-link, .post-meta .post-edit-link {
  float:left;
  padding:4px 15px 4px;
  }
.post-meta .author {
  padding-left:0;
  }
.post-meta time, .post-meta .tags, .post-meta .post-edit-link {
  border-left:1px solid #e8e5e0;
  }
.post-meta .permalink {
  background-repeat:no-repeat;
  background-position:50% 50%;
  padding-left:12px;
  padding-right:12px;
  }
.post-meta .permalink::before {
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  font-weight: 400;
  opacity: 0.5;
  }
.post-meta .permalink:hover {
  background-color:#e8e5e0;
  text-decoration: none;
  }
.post-meta .permalink:hover::before {
  opacity: 1;
  }
.post-meta .permalink.type-post::before {
  content: "\f15b";
  }
.post-meta .permalink.type-link::before {
  content: "\f0c1";
  }
.post-meta .permalink.type-tweet::before {
  content: "\f099";
  font-family: "Font Awesome 6 Brands";
  opacity: 0.4;
  }
.post-meta .permalink.type-tweet:hover::before {
  opacity: 0.7;
  }
.meta-info {
  float:left;
  width:100%;
  margin-top:0;
  margin-bottom:17px;
  }
.module .meta-info a {
  font-size:15px;
  font-weight:400;
  }
.post-meta .comment-link {
  background:url("img/icon_comment.png") no-repeat 100% 55%;
  float:right;
  padding-right:16px;
  }
.post-footer .comment-link {
  background:url("img/icon_comment.png") no-repeat 0 55%;
  padding-left:16px;
  }
.post-meta .comment-link:hover, .post-footer .comment-link:hover {
  background-image("img/icon_comment_hover.png");
  }

.post-body, .page-body {
  font:18px/30px "rooney-web",serif;
  font-weight:300;
  }
.post-meta, .post-body {
  float:left;
  width:100%;
  }
.post-body p, .page-body p, .post-body figure, .page-body figure {
  margin:0 0 15px;
  }
.post-body strong, .page-body strong {
  font-weight:500;
  color:#222;
  }
.post-body a, .page-body a {
  font-weight:300;
  }
.post-body ul, .post-body ol, .page-body ul, .page-body ol {
  margin:0 0 15px 0.5em;
  }
.post-body ul, .page-body ul {
  list-style:disc;
  }

img.alignnone {
  float:none;
  display:block;
  margin:0 0 10px 0;
  }
img.alignleft {
  float:left;
  margin:8px 20px 5px 0;
  }
img.alignright {
  float:right;
  margin:8px 0 5px 20px;
  }
img.aligncenter {
  display:block;
  float:none;
  margin:0 auto;
  }
.post-body figure, .post-body img {
  max-width: 100%;
  height: auto;
  }
.post-body figcaption, .post-body .figcaption {
  display:block;
  font-size:14px;
  font-style: italic;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #e4e1db;
  text-align: center;
  }
.post-body img.fullwidth {
  position:static;
  width:100%;
  display:none;
  }
.post-body img.bodyimg {
  position:static;
  float:none;
  margin:0;
  }

.interact {
  float:left;
  width:100%;
  }
.post-footer {
  float:left;
  margin-right:10px;
  }


/* !Instapress */
/* ----------------------------------------------- */
.module .instapress-shortcode {
  float:left;
  width:100%;
  }
.module .instapress-shortcode .instapress-shortcode-image {
  margin-top:0;
  margin-bottom:10px;
  }
.instapress-shortcode-image a img {
  display:block;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  }


/* !Pagination */
/* ----------------------------------------------- */
.pagination {
  float:left;
  width:100%;
  margin-top:20px;
  }
.pagination .pos1 {
  float:left;
  width:45%;
  overflow:hidden;
  }
.pagination .pos2 {
  float:right;
  width:45%;
  text-align:right;
  overflow:hidden;
  }
.pagination a {
  display:inline-block;
  }
.pagination span {
  display:block;
  padding:0 10px 5px;
  text-transform:lowercase;
  color:#999;
  }


/* !Comments */
/* ----------------------------------------------- */
.comments {
  float:left;
  width:100%;
  padding-top:30px;
  }
.comment-list {
  float:left;
  width:100%;
  padding-top:12px;
  list-style:none;
  }
.comment {
  background:url("img/divider.png") no-repeat 50% 100%;
  float:left;
  width:100%;
  margin-bottom:18px;
  padding-bottom:15px;
  }
.comments .photo {
  float:left;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  }
.comment-header {
  float:left;
  width:100%;
  margin-bottom:8px;
  line-height:20px;
  }
.comment-meta {
  margin-left:48px;
  }
.comment-meta cite {
  font:bold 14px/20px "rooney-web",serif;
  font-weight:500;
  color:#111;
  }
.comment-meta cite.hasurl {
  background:url("img/icon_world_14_gray.png") no-repeat 100% 55%;
  padding-right:18px;
  }
.comment-meta .author-url {
  visibility:hidden;
  }
.comment:hover .comment-meta .author-url {
  visibility:visible;
  color:#aaa;
  }
.comment:hover .comment-meta a:hover, .comment:hover .comment-meta a:hover .author-url {
  text-decoration:none;
  }
.comment:hover .comment-meta a:hover .author-url {
  color:#d69841;
  }
.comment-meta a:hover cite.hasurl {
  background-image:url("img/icon_world_14.png");
  }
.comment-date {
  color:#999;
  }
.comment-body {
  font-size:16px;
  line-height:25px;
  }
.comment-body p {
  margin-bottom:10px;
  }
.comment .edit-link {
  visibility:hidden;
  }
.comment:hover .edit-link {
  visibility:visible;
  }



/* !Modules */
/* ----------------------------------------------- */
.module {
  float:left;
  width:100%;
  margin:0 0 20px;
  padding:0;
  }
.module h2 {
  font:18px/25px "rooney-web",serif;
  font-weight:500;
  color:#333;
  }
.module h3 {
  margin:0;
  font-weight:400;
  font-size:12px;
  line-height:23px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#999;
  }
.module a, .module strong {
  font-weight:500;
  }
.module strong {
  color:#111;
  }


/* !Lists */
/* ----------------------------------------------- */
.postlist {
  padding-left: 0;
  list-style: none;
  }
.postlist li {
  margin-bottom:15px;
  line-height:1.5;
  }
.postlist a {
  display:block;
  font:16px/25px "freight-sans-pro",sans-serif;
  font-weight:400;
  }
.postlist time {
  display:block;
  line-height:25px;
  color:#999;
  }
.itemlist {
  line-height:25px;
  }
.itemlist a {
  font:16px/25px "freight-sans-pro",sans-serif;
  font-weight:400;
  }
.alltopics {
  line-height:36px;
  }
.alltopics li {
  display:inline;
  margin-right:5px;
  }
.alltopics a {
  display:inline-block;
  white-space:nowrap;
  }
.alltopics .size10, .alltopics .size9 {
  font-size:36px;
  color:#6aa;
  line-height:46px;
  }
.alltopics .size8, .alltopics .size7 {
  font-size:34px;
  color:#77adad; /* 80% + #bbb */
  line-height:44px;
  }
.alltopics .size6, .alltopics .size5 {
  font-size:30px;
  color:#88b1b1; /* 60% + #bbb */
  line-height:42px;
  }
.alltopics .size4, .alltopics .size3 {
  font-size:28px;
  color:#99b4b4; /* 40% + #bbb */
  line-height:40px;
  }
.alltopics .size2, .alltopics .size1 {
  font-size:26px;
  color:#aab8b8; /* 20% + #bbb */
  line-height:38px;
  }
.alltopics .size0 {
  font-size:24px;
  color:#bbb;
  }
.content-main .alltopics li a:hover {
  color:#d69841;
  }



/* !Forms */
/*----------------------------------------------- */
form, input {
  margin:0;
  }
input.btn {
  background:#ddd url("img/bg_btn.jpg") repeat-x 0 0;
  font:16px/20px "freight-sans-pro",sans-serif;
  font-weight:400;
  padding:3px 10px 4px;
  border:none;
  border-width:1px;
  border-style:solid;
  border-color:#ddd;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  cursor:pointer;
  text-decoration:none;
  text-shadow:rgba(255,255,255,0.5) 0 -1px 0;
  color:#444;
  }
input.btn:active {
  background:#ddd;
  }
input.btn:hover {
  background:#ddd url('/img/bg_btn.jpg') repeat-x scroll 0 0;
  border-color:#bbb;
  color:#222;
  }

input.txt, textarea {
  background:none;
  }
input.txt, textarea {
  width:50%;
  padding:4px 4px 5px;
  border:1px solid #ddd; /* 1/13 */
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  font-size:14px;
  font-family:"freight-sans-pro",Sans-serif;
  /* so in theory, each text input field is ~26px in height at default text size */
  }
input.txt:focus, textarea:focus, select:focus {
  background:#fff;
  border-color:#ccc;
  outline-width:0;
  }
textarea {
  width:90%;
  }
select {
  width:auto;
  padding-left:0;
  padding-right:0;
  }


/* !Contact Form */
/* ----------------------------------------------- */
.page-body .contactform {
  padding-bottom:0;
  }
.contactform fieldset {
  margin:0;
  padding:0;
  border:none;
  }
.contactform legend {
  display:none;
  }
.contactform form {
  margin-bottom:30px;
  }
.contact-info {
  float:left;
  width:100%;
  }
.contactform p {
  display:none;
  }
.contactform .contact-info p {
  display:block;
  }
.contactform .wpcf7-validation-errors, .contactform .wpcf7-mail-sent-ok {
  background:#ffc;
  margin:0 0 20px;
  padding:10px 20px;
  border-width:0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  }
.contactform .wpcf7-not-valid-tip {
  background:#f9f9f9;
  display:block;
  float:left;
  clear:left;
  position:static;
  z-index:auto;
  top:auto;
  left:auto;
  width:80%;
  margin:5px 0 10px;
  padding:5px 10px;
  border-width:0;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  color:#c00;
  font-size:14px;
  font-family:"freight-sans-pro",sans-serif;
  line-height:18px;
  font-weight:400;
  }
.contactform .wpcf7-mail-sent-ok {
  background:#e3eee3;
  }


/* !CommentForm & ContactForm (cf) */
/* ----------------------------------------------- */
.cf {
  float:left;
  width:100%;
  padding-bottom:30px;
  }
.cf form {
  float:left;
  width:100%;
  padding-top:10px;
  }
.cf h2 {
  margin:20px 0 10px;
  }
.cf .block {
  float:left;
  width:100%;
  margin:0 0 10px;
  }
.cf .submit {
  margin:-3px 0 0;
  }
.cf label {
  float:left;
  display:block;
  width:100px;
  margin-top:1px;
  text-align:right;
  line-height:28px;
  }
.cf .challenge label {
  float:right;
  width:460px;
  text-align:left;
  }
.cf .sub label {
  float:none;
  display:inline;
  width:auto;
  margin:0;
  line-height:normal;
  }
div.cf .input {
  float:right;
  width:460px;
  padding-left:0;
  }
.cf input.btn {
  font-size:12px;
  line-height:18px;
  }
.cf .usertxt {
  float:right;
  width:460px;
  margin:-2px 0 6px;
  font-size:11px;
  }
.cf input.txt, .cf textarea {
  padding:5px 4px 6px;
  float:left;
  /* so in theory, each cf text input field is ~30px in height at default text size */
  }
.cf input.txt {
  width:210px; /* (220-10) */
  margin-right:10px;
  }
.cf input.txtlong {
  width:450px; /* (460-10) */
  }
.cf textarea {
  width:450px; /* (460-10) */
  }
.cf .sub {
  float:left;
  margin-top:1px;
  line-height:28px;
  color:#999;
  }
.cf .subscribe-to-doi-comments {
  margin:0;
  }
.cf .subscribe-to-doi-comments label {
  text-transform:none;
  margin-left:2px;
  color:#666;
  }
.comment-sub-manager fieldset {
  border-width:0;
  padding:0;
  margin:0 0 30px;
  }
.comment-sub-manager legend {
  display:block;
  padding:0;
  font-weight:500;
  }
.commentform .optionaltxt {
  float:left;
  width:100px;
  margin-top:5px;
  text-align:right;
  text-transform:lowercase;
  font-size:11px;
  color:#999;
  }
.commentform .optionaltxt span {
  display:block;
  font-weight:500;
  }
.collapsed textarea {
  height:20px;
  }
.collapsed .cf-remaining {
  display:none;
  }
.commentform textarea.active {
  height:auto;
  }
.commentsclosed {
  margin:0 0 20px;
  }
.commentsclosed .block {
  float:none;
  color:#999;
  }
.contact .input {
  padding-left:120px;
  }



/* !Mailing address */
/* ----------------------------------------------- */
.mailing-address {
  margin-bottom:20px;
  }


/* !Search */
/* ----------------------------------------------- */
.searchform {
  position:relative;
  float:left;
  width:282px;
  margin:0 0 20px;
  padding:0;
  }
.searchform label {
  display:none;
  }
.searchform input.txt {
  width:242px;
  padding:4px 12px 5px 15px;
  border:1px solid #e8e5e0;
  border-radius:99px;
  color:#9f9886;
  line-height:20px;
  -webkit-appearance:none;
  }
.searchform input.txt:focus {
  background-color:#fff;
  color:#333;
  outline: none;
  }
.searchform input.btn {
  background:#faf9f7;
  position:absolute;
  top:0;
  right:0;
  padding:4px 16px 5px 12px;
  border:1px solid #e8e5e0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  border-top-right-radius:99px;
  border-bottom-right-radius:99px;
  line-height:20px;
  color:rgba(159,152,134,1);
  font-size:14px;
  }
.searchform input.btn:hover {
  background:#f1eeeb;
  border-color:rgba(159,152,134,0.2);
  color:#741;
  }
.hilite {
  background:rgba(255,255,204,.4);
  }
.page-title h1 .hilite, .content-sub .hilite {
  background:none;
  color:inherit;
  }


/* !AuthorInfo /*
/* ----------------------------------------------- */
.authorinfo {
  float:left;
  width:100%;
  }
.authorpage .authorinfo {
  padding-bottom:20px;
  }
.authorinfo .authorlockup {
  margin:0 0 8px;
  }
.authorinfo h3 {
  margin-bottom:6px;
  }
.authorinfo .photo {
  float:left;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  }
.authorinfo .fn {
  display:block;
  margin-left:48px;
  font:bold 14px/20px "rooney-web",serif;
  font-weight:500;
  color:#333;
  }
.authorinfo .fn:hover {
  color:#d69841;
  }
.authorinfo .nickname {
  display:block;
  margin-left:48px;
  line-height:20px;
  color:#999;
  }
.authorinfo .note {
  float:left;
  width:100%;
  margin:0 0 4px;
  }
.authorinfo .more-link {
  display:block;
  float:left;
  margin:0 0 12px;
  }

.content-main .authorinfo {
  position:relative;
  margin-top:7px;
  }
.content-main .authorinfo .fn {
  margin-left:64px;
  font-size:24px;
  line-height:30px;
  font-weight:500;
  }
.content-main .authorinfo .nickname {
  margin-left:64px;
  font-size:18px;
  line-height:26px;
  }
.content-main .authorinfo h1.fn {
  margin-bottom:0;
  }
.content-main .note {
  margin-bottom:14px;
  font:24px/36px "rooney-web",serif;
  font-weight:200;
  }
.content-main .connecticons {
  position:absolute;
  float:none;
  top:6px;
  right:0;
  width:184px;
  text-align:right;
  }


/* !ConnectIcons */
/* ----------------------------------------------- */
.connecticons {
  float:left;
  width:100%;
  }
.connecticons li {
  display:inline;
  margin-right:4px;
  }
.connecticons img {
  opacity:.3;
  }
.connecticons a:hover img {
  opacity:1;
  }


/* !Share buttons */
/* ----------------------------------------------- */
.post div.sharedaddy div.sd-block {
  padding:0;
  border-top-width:0;
  }
.post div.sharedaddy h3, #content .post div.sharedaddy h3 {
  background:#bbb;
  width:auto;
  margin-right:5px;
  padding:1px 5px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  font:14px/18px "freight-sans-pro",sans-serif;
  font-weight:500;
  color:#fff;
  }
.post div.sharedaddy .sd-content {
  width:auto;
  float:left;
  }
.post .sd-social-icon-text a.sd-button > span, a.sd-button > span {
  padding-left:22px;
  font:12px/16px "freight-sans-pro",sans-serif;
  font-weight:400;
  }
/* On post streams, treat differently */
.posts .sharedaddy {
  opacity:.8;
  }
.posts .sharedaddy:hover {
  opacity:1;
  }
.posts div.sharedaddy h3, #content .posts div.sharedaddy h3 {
  display:none;
  }
.posts .sd-social-icon-text a.sd-button, .posts a.sd-button {
  width:20px;
  overflow:hidden;
  }
/* places to hide sharing buttons */
.search div.sharedaddy {
  display:none;
  }


/* !Ads */
/* ----------------------------------------------- */
.ads-sidebar {
  float:left;
  width:100%;
  padding-top:8px;
  }
.ads-sidebar .ad {
  float:left;
  margin:0 10px 10px 0;
  }
.ads-sidebar .ad img {
  display:block;
  }


/* !Twitter Widget */
/* ----------------------------------------------- */
body .twtr-widget {
  padding-top:3px;
  margin-bottom:20px;
  font:15px/25px "freight-sans-pro",Sans-serif !important;
  font-weight:400 !important;
  }
body .twtr-widget .twtr-doc {
  -webkit-border-radius:0 !important;
  -moz-border-radius:0 !important;
  border-radius:0 !important;
  }
body .twtr-hd, body .twtr-bd {
  padding:0;
  }
body .twtr-widget h3 {
  background:none !important;
  line-height:16px !important;
  font-family:"rooney-web",serif !important;
  font-weight:500 !important;
  font-size:14px !important;
  text-transform:none;
  letter-spacing:0;
  color:#333 !important;
  }
body .twtr-widget h4 {
  line-height:16px !important;
  font-weight:400 !important;
  font-size:14px !important;
  color:#999 !important;
  }
body .twtr-widget .twtr-tweet {
  border-bottom:1px solid #eee;
  }
body .twtr-widget .twtr-tweet-wrap {
  padding:8px 0;
  }
body .twtr-widget p {
  font-size:inherit;
  line-height:1.5em !important;
  }
body .twtr-widget .twtr-tweet-text em {
  line-height:1.3em !important;
  color:#fff;
  }
body .twtr-widget .twtr-tweet-text em a {
  color:#999 !important;
  }
body .twtr-widget .twtr-reply, body .twtr-widget .twtr-rt, body .twtr-widget .twtr-fav {
  visibility:hidden;
  }
body .twtr-widget .twtr-tweet-text:hover .twtr-reply, body .twtr-widget .twtr-tweet-text:hover .twtr-rt, body .twtr-widget .twtr-tweet-text:hover .twtr-fav {
  visibility:visible;
  }
body .twtr-widget .twtr-user {
  display:none !important;
  }
body #twtr-widget-1.twtr-widget .twtr-timestamp, body #twtr-widget-1.twtr-widget .twtr-reply, body #twtr-widget-1.twtr-widget .twtr-rt, body #twtr-widget-1.twtr-widget .twtr-fav {
  font-size:14px !important;
  color:#999 !important;
  }
body .twtr-widget i {
  margin-top:0;
  font-size:11px;
  }
body .twtr-widget a {
  border-bottom-width:0;
  }
body .twtr-ft {
  display:none;
  }



/* !Embedded tweet overrides */
/* ----------------------------------------------- */
body .twt-buffer-button, body .twt-o,.twt-o div, body .twt-o blockquote, body .twt-o .p-author, body .twt-o .footer, body .twt-border, body .twt-o p, body .twt-o ul, body .twt-o ol, body .twt-o li, body .twt-o dl, body .twt-o dt, body .twt-o dd, body .twt-o img, body .twt-o a img, body .twt-o a, body .twt-o b, body .twt-o i, body .twt-o span, body .twt-o time, body .twt-o abbr, body .twt-o iframe, body .twt-timeline, body .twt-timeline li {
  font:15px/16px "freight-sans-pro",Sans-serif !important;
  }

body .twitter-tweet-rendered {
  background:#f6f6f6 !important;
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  border-width:0 !important;
  -webkit-border-radius:3px !important;
  -moz-border-radius:3px !important;
  border-radius:3px !important;
  -webkit-box-shadow:none !important;
  -moz-box-shadow:none !important;
  box-shadow:none !important;
  /*
  -webkit-box-shadow:inset 0 1px 1px rgba(153,153,153,0.2)!important;
  -moz-box-shadow:inset 0 1px 1px rgba(153,153,153,0.2)!important;
  box-shadow:inset 0 1px 1px rgba(153,153,153,0.2)!important;
  */
  }
body .twitter-tweet-rendered .twt-border {
  }
body .twt-border .twt-tweet {
  padding:20px !important;
  }
body .twt-tweet .twt-follow-button {
  display:none !important;
  }
body .twt-border .twt-tweet .author .fn, body .twt-o .p-author .p-name {
  font-family:"rooney-web",serif !important;
  font-weight:500 !important;
  font-size:16px !important;
  line-height:20px !important;
  padding-left:46px !important;
  }
body .twt-border .twt-tweet .avatar, body .twt-border .twt-tweet .avatar img {
  width:36px !important;
  height:36px !important;
  }
body .twt-border .twt-tweet .p-author .p-nickname {
  font-family:"freight-sans-pro",sans-serif !important;
  font-weight:400 !important;
  padding-left:46px !important;
  }
body .twt-border .twt-tweet .entry-title, body .twt-o .entry-title a, body .twt-o .entry-title b,
body .twt-tweet .e-content .p-name, body .twt-o .e-content .p-name a, body .twt-o .e-content .p-name b {
  font-family:"rooney-web",serif !important;
  font-size:18px !important;
  font-weight:300 !important;
  line-height:30px !important;
  }
body .twitter-tweet-rendered .twt-tweet .twt-actions {
  visibility:hidden !important;
  display:none !important;
  }
body .twitter-tweet-rendered .twt-tweet:hover .twt-actions {
  visibility:visible !important;
  display:block !important;
  }


/*!SocialNav
--------------------------------------------- */
ul.social-nav {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 24px;
  line-height: 1;
  }
.social-nav li {
  flex: 0 0 auto;
  display: inline-block;
  margin: 0;
  padding: 0;
  }
.social-nav li:last-child {
  margin-right: 0;
  }
.social-nav li a {
  line-height: 1;
  }
.social-nav a::before {
  display: block;
  padding: 0 .05em;
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity:0.4;
  filter: grayscale(50%);
  }
.link-instagram a::before { /*! "fab fa-instagram" */ content: "\f16d"; color: #c34082; }
.link-tiktok a::before { /*! "fab fa-tiktok" */ content: "\e07b"; color: #fe2c55; }
.link-twitter a::before { /*! "fab fa-twitter-square" */ content: "\f081"; color: #50a0ec; }
.link-facebook a::before { /*! "fab fa-facebook" */ content: "\f082"; color: #4b67ad; }
.link-linkedin a::before { /*! "fab fa-linkedin" */ content: "\f08c"; color: #2d64bc; }
.link-pinterest a::before { /*! "fab fa-pinterest-square" */ content: "\f0d3"; color: #ab2626; }
.social-nav a, .social-nav a:hover, .social-nav a:active {
  display: block;
  position: relative;
  text-decoration: none;
  }
.social-nav a:hover::before, .social-nav a:active::before {
  opacity: 1;
  filter: grayscale(0%);
  }


/*!Accessibility
--------------------------------------------- */
.screen-reader-text, .sr-only, .screen-reader-response {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  }
.screen-reader-text:focus, .sr-only:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: .875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  }
/*!Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
  }
.jumplink {
  margin-top: 1.2em;
  margin-bottom: 1.5em;
  font-size: 1.6rem;
  }
.jumplink a::before {
  content: '\f33d';
  margin-right: 0.25em;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: .8em;
  }
  @media only screen and (min-width:640px) {
    .jumplink {
      display: none;
      }
    }






/* !Misc */
/* ----------------------------------------------- */
.morelink, .more-link, .itemlist .more-link, .morelink a, .prevlink a, .read_more, .nextlink a {
  font-weight:400;
  font-size:15px;
  font-family:"freight-sans-pro",sans-serif;
  line-height:22px;
  }
.posts .more-link, .prevlink a, .nextlink a {
  background:rgba(165,120,56,0.08);
  padding:5px 12px;
  -webkit-border-radius:150px;
  -moz-border-radius:15px;
  border-radius:15px;
  }
.posts .more-link:hover, .prevlink a:hover, .nextlink a:hover {
  background:rgba(165,120,56,0.5);
  text-decoration:none;
  color:#fff;
  }
.post-body div.more-link {
  display:inline;
  }
a.morelink:after, a.more-link:after, .morelink a:after, .more-link a:after, .read_more:after {
  font-family:"Font Awesome 6 Pro";
  font-size: 12px;
  content:"\f105";
  padding-left:.25em;
  }
a.nextlink:after, .nextlink a:after {
  font-family:"Font Awesome 6 Pro";
  font-size: 12px;
  content:"\f105";
  padding-left:.25em;
  }
a.prevlink:before, .prevlink a:before {
  font-family:"Font Awesome 6 Pro";
  font-size: 12px;
  content:"\f104";
  padding-right:.25em;
  }
.more a {
  font-size:11px;
  color:#70a0c3;
  }
.more a:after {
  content:" \00BB";
  font:bold 12px "freight-sans-pro",sans-serif;
  font-weight:500;
  }
.sub a {
  color:#70a0c3;
  font-weight:normal;
  }

.thumbs2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
  justify-content: center;
  width:100%;
  padding-bottom:20px;
  }
.thumbs2 a {
  margin-top:3px;
  margin-right:5px;
  text-align:center;
  }
.thumbs2 a img {
  display:block;
  border:10px solid #ece9e6;
  margin:0 auto;
  }
.thumbs2 .caption {
  display:block;
  font-family:"freight-sans-pro",sans-serif;
  font-size:14px;
  text-align:center;
  }
.thumbs2 a strong {
  font-family:"rooney-web",serif;
  font-weight:500;
  }
  @media only screen and (min-width:640px) {
    .thumbs2 {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      }
    }


.content-sub {
  color:#555;
  }
p.sub {
  margin-top: 1.5em;
  border-top: 1px solid #e4e1db;
  padding-top:1em;
  font-size: 14px !important;
  color: #999;
  }
.content-sub .meta-info ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  }
blockquote {
  background:rgba(159,152,134,.1);
  margin:0 0 20px;
  padding:15px 0;
  font-weight:300;
  font-size:15px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  }
blockquote p {
  padding:0 20px;
  }
blockquote p:last-of-type {
  margin-bottom:0;
  }
.edit-link {
  padding-top:4px;
  }
.post-edit-link, .comments .edit-link a {
  color:#c86;
  }
.inset {
  float:left;
  margin:3px 20px 10px 0;
  }
.inset2 {
  float:right;
  margin:3px 0 10px 20px;
  }
.preview {
  background:#000 url("img/bg-preview.gif") repeat 0 0;
  padding:5px 10px;
  color:#ffc;
  text-align:center;
  }
#notice {
  background:#000;
  padding:10px;
  color:#fc0;
  text-align:center;
  font-weight:500;
  }


img.wpstats, img#wpstats {
  display: none;
  }
.reset {
  clear:both;
  display:block;
  font-size:1px;
  height:1px;
  overflow:hidden;
  }
.keep {
  white-space:nowrap;
  }


/* !Footer */
/* ----------------------------------------------- */
footer {
  float:left;
  width:100%;
  padding:0 0 30px;
  margin:0;
  border-bottom:10px solid #463c32;
  color:#666;
  text-transform:lowercase;
  }
footer .in {
  float:left;
  width:100%;
  padding-top:20px;
  border-top:1px solid #e4e1db;
  }
footer p span {
  white-space:nowrap;
  }
footer p span:after {
  content:" \00b7";
  margin:0 2px;
  color:#999;
  }
footer p span:last-of-type:after {
  content:"";
  }


/* !MediaQueries */
/* ----------------------------------------------- */


/* !MediaQueries: Large screens */
/* To avoid overriding these for other queries
----------------------------------------------- */
@media screen and (min-width: 1025px) {
  header[role="banner"] .in, footer p {
    width:940px;
    margin:0 auto;
    }
  #nav li a {
    width:140px;
    margin:5px 20px 10px 0;
    padding:10px 0;
    }
  #content {
    background:url("img/rule_vertical.png") repeat-y 50% 0;
    float:left;
    width:100%;
    padding-bottom:40px;
    }
  #content .in {
    width:940px;
    margin:0 auto;
    padding:20px 0;
    }
  .content-main {
    float:left;
    width:580px;
    }
  .content-sub {
    position:relative;
    float:right;
    width:280px;
    padding-top:13px;
    }
  .content-sub .searchform {
    position:absolute;
    top:-96px;
    left:-15px;
    }
  }


/* !MediaQueries: Tablets up to 1024 */
/* ----------------------------------------------- */
@media screen and (max-width: 1024px)
  and (min-width: 621px) {
  header[role="banner"] .in {
    padding-left:6.25%;
    padding-right:6.25%;
    padding-bottom:10px;
    max-width:580px;
    margin:0 auto;
    }
  #logo {
    background-position:0 30px;
    padding:30px 0 0;
    }
  .description {
    margin-left:20px;
    padding-top:32px;
    }
  nav {
    margin-top:10px;
    font-size:18px;
    line-height:22px;
    }
  #nav li a {
    margin:0 40px 0 0;
    }
  #nav li.current-cat a {
    padding-bottom:12px;
    }
  #content {
    padding:20px 6.25%;
    }
  #content .in {
    max-width:580px;
    margin:0 auto;
    padding:0;
    }
  .content-main, .content-sub {
    float:left;
    width:100%;
    padding-top:30px;
    }
  .content-sub {
    position:relative;
    padding:30px 0;
    }
  article.post h1 {
    font:24px/30px "rooney-web",serif;
    }
  body .twitter-tweet-rendered .twt-tweet .twt-actions {
    display:block !important;
    }
  footer {
    }
  footer .in {
    float:none;
    width:auto;
    padding-left:6.25%;
    padding-right:6.25%;
    }
  footer .in2 {
    max-width:580px;
    margin:0 auto;
    padding:20px 0 0;
    }
  }


/* !MediaQueries: Phones */
/* ----------------------------------------------- */
@media screen and (max-width: 660px) {
  header[role="banner"] .in {
    padding-left:20px;
    padding-right:20px;
    padding-bottom:10px;
    }
  #logo {
    background-position:0 20px;
    padding:20px 0 0;
    }
  .description {
    clear:left;
    display:block;
    margin-left:0;
    padding-top:6px
    }
  nav {
    margin-top:10px;
    font-size:16px;
    line-height:21px;
    }
  #nav li a {
    margin:0 10px 0 0;
    }
  #nav li a span {
    display:none;
    }
  #nav li.current-cat a {
    padding-bottom:12px;
    }
  #content {
    padding:20px;
    }
  .content-main, .content-sub {
    float:left;
    width:100%;
    padding-top:20px;
    }
  .content-sub {
    padding:30px 0;
    }
  article.post h1 {
    font:24px/30px "rooney-web",serif;
    }
  .post-meta {
    margin:0 0 15px;
    }
  .post-meta .tags {
    display:none;
    }
  .post-body p, .page-body p {
    margin:0 0 10px;
    }
  .post img, .page-body img {
    max-width:100%;
    height: auto;
    }
  .comment-meta {
    width:232px;
    overflow:hidden;
    white-space:nowrap;
    }

  .cf label {
    float:none;
    display:block;
    width:auto;
    margin-top:1px;
    text-align:left;
    line-height:28px;
    }
  div.cf .input {
    float:none;
    width:auto;
    }
  .cf input.txt {
    width:210px; /* (220-10) */
    margin-right:10px;
    }
  .cf input.txtlong {
    width:90%; /* (460-10) */
    }
  .cf textarea {
    width:90%; /* (460-10) */
    }
  .searchform {
    float:left;
    width:262px;
    margin-top:30px;
    }
  .searchform input.txt {
    width:222px;
    }
  .content-main .connecticons {
    position:static;
    float:left;
    top:0;
    right:0;
    width:auto;
    margin-bottom:20px;
    text-align:left;
    }

  .post div.sharedaddy h3, #content .post div.sharedaddy h3 {
    display:none;
    }
  img.size-thumbnail {
    width:100px;
    }
  img.alignleft {
    margin-top:5px;
    }
  img.alignright {
    margin-top:5px;
    }
  body .twitter-tweet-rendered .twt-tweet .twt-actions {
    display:block !important;
    }
  body .twitter-tweet-rendered .twt-tweet .twt-actions b {
    display:none !important;
    }
  footer {
    padding-bottom:0;
    }
  footer .in {
    float:none;
    width:auto;
    padding:20px 20px 144px;
    }
  }


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  #logo {
    background-image:url("/img/logo_stopdesign_220.png");
    -webkit-background-size:110px 25px;
    -moz-background-size:110px 25px;
    background-size:110px 25px;
    }
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 1.5) and (max-width: 1024px) {

}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 620px),
only screen and (min-device-pixel-ratio: 1.5) and (max-width: 620px) {

}