@charset "utf-8";
/* CSS Document
Author  : We Sort | Ben Edmonds | wesort.co.uk

Colour     brand   > improved for contrast ratio 2018-07-16
BG-White = #F9F9F5 > same
grey     = #818285 > #696969
blue     = #9AAEC8 > #5375A0
orange   = #F9A663 > #D07C00
*/

/** @license MyFonts Webfont
  DanteMTPro:         Build ID 3307458, 2016-11-11T12:22:30-0500
  DanteMTPro-Italic:  Build ID 3779070, 2019-06-27T05:29:33-0400
  The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: DanteMTPro by Monotype URL: http://www.myfonts.com/fonts/mti/dante-mt/pro-regular/ Copyright: Copyright (c) 1998, 2002 Adobe Systems Incorporated.  All Rights Reserved. Copyright (c) 1998, 2002 The Monotype Corporation Licensed pageviews: 250,000 License: http://www.myfonts.com/viewlicense?type=web&buildid=3307458 © 2016 MyFonts Inc */
/* @import must be at top of file, otherwise CSS will not work */
/* Moved to link tag in layout:default to only count in production environment
  @import url("//hello.myfonts.net/count/3277c2");
  @import url("//hello.myfonts.net/count/39a9fe");
*/

@font-face { font-family: 'DanteMTPro';src: url('/site/themes/wesort-v4/fonts/3277C2_0_0.eot');src: url('/site/themes/wesort-v4/fonts/3277C2_0_0.eot?#iefix') format('embedded-opentype'),url('/site/themes/wesort-v4/fonts/3277C2_0_0.woff2') format('woff2'),url('/site/themes/wesort-v4/fonts/3277C2_0_0.woff') format('woff'),url('/site/themes/wesort-v4/fonts/3277C2_0_0.ttf') format('truetype');
  font-display: swap;
}
@font-face {font-family: 'DanteMTPro-Italic';src: url('/site/themes/wesort-v4/fonts/39A9FE_0_0.eot');src: url('/site/themes/wesort-v4/fonts/39A9FE_0_0.eot?#iefix') format('embedded-opentype'),url('/site/themes/wesort-v4/fonts/39A9FE_0_0.woff2') format('woff2'),url('/site/themes/wesort-v4/fonts/39A9FE_0_0.woff') format('woff'),url('/site/themes/wesort-v4/fonts/39A9FE_0_0.ttf') format('truetype');
  font-display: swap;
}

html {
  height: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

body {
  min-height: 100%;
  background: #F9F9F5;
  line-height: 1.25;
  font-family: DanteMTPro, Georgia, sans-serif;
  font-size: 1.1rem;
  font-style:normal;
  font-weight: normal;
  font-display: swap;
  color: #696969;
  text-align: left;
}
img {
  width: 100%;
}
hr {
  border-bottom: 1px solid;
}

/* Layout */
#page {
  padding: 0.5rem 1rem 2rem;
  max-width: 70rem;
  margin: 0 auto;
}
header {
  margin-bottom: 1rem;
}
nav.first, nav.first a.current {
  color: #5375A0;
}
nav.first li {
  display: inline-block;
}
.blog nav.first li {
  /* Hack to deal with spacing or white-space issue */
  padding-right: 0.5rem;
}
nav.first li:after {
  content: ",";
  white-space: pre;
}
nav.first li:last-child:after {
  content: ".";
}
nav.second li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
nav.second li:nth-child(1) .rule {
  display: none;
}
nav.second, main, p, .writing-post.grid-col, .text-set.grid-col, .code-set.grid-col, .photo-set.grid-col, .markdown-set.grid-col {
  margin-bottom: 1rem;
}
p:last-child,
p:has(+ ul)  {
  margin-bottom: 0;
}
.mb-half {
  margin-bottom: 0.5rem;
}
.mb-single {
  margin-bottom: 1rem;
}
.mb-double {
  margin-bottom: 2rem;
}
.mb-quadruple {
  margin-bottom: 4rem;
}
.mb-none {
  margin-bottom: 0;
}

/* Typography */
b, strong {
  color: #444444;
}
em, i, .type-italic {
  font-family: 'DanteMTPro-Italic';
  /*font-weight: normal;*/
  font-style: normal;
}
.type-large {
  font-size: 2rem;
}
p, .type-medium, .text-set .type-large {
  font-size: 1.5rem;
}
.text-set p, p.type-small {
  max-width: 42rem;
}
.type-small, .type-small p {
  font-size: 1.35rem;
}
.type-grey {
  color: #696969;
}
.text-set p, footer p {
  font-size: inherit;
}
a, nav.first a:hover, nav.first a.current {
  cursor: pointer;
  color: #5375A0;
  text-decoration: none;
  border-bottom: 1px solid;
}
main a.current, main a:hover, main  a:focus {
  color: #D07C00;
  border-bottom: 1px solid;
}
header a, .type-large a, .type-large a:hover {
  border: none;
}
h2 a {
  border: none;
  color: inherit;
}
.link-grey {
  border: 0;
  color: #696969;
}
.link-grey:hover, .link-grey.current {
  color: #696969;
  border-bottom: 1px solid;
}
.link-no-underline {
  border: none;
}
:target {
  animation: highlight 3s ease;
}
@keyframes highlight {
  0%    { background-color: rgba(83, 117, 160, 0); }
  15%   { background-color: rgba(83, 117, 160, 0.2);              }
  85%   { background-color: rgba(83, 117, 160, 0.2);              }
  100%  { background-color: rgba(83, 117, 160, 0); }
}
:tar
.photo-set img {
  border: 1px solid #e5e5e5;
}
figcaption {
  margin-top: 0.25rem;
}
.text-set ul {
  margin-bottom: 1rem;
}
blockquote {
  border-left: 0.5rem solid #d6d6d6;
  padding-left: 2rem;
  margin-top: 1rem;
}
blockquote:before {
  content: "\201c ";
  font-size: 6rem;
  top: -1rem;
  position: relative;
}
blockquote p:first-child {
  margin-top: -4rem;
}
.text-set ul, .markdown-set ul {
  list-style: circle;
  padding-left: 1.25rem;
}
.text-set ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.text-set ol ol li {
  padding-left: 2.75rem;
  text-indent: -1.5rem
}
.text-set ol > li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}
.text-set li ol > li:before {
  content: counters(item, ".") " ";
}
.text-set li,
.markdown-set li {
  /* margin-bottom: 1rem; */
}
.text-set li li,
.markdown-set li li,
ul.li-no-margin li,
.text-set ul ul {
  margin-bottom: 0;
}
pre {
  font-family: monospace;
  font-size: 70%;
  overflow-x: auto;
  background: #e6e6e6;
  color: #023cb4;
  padding: 0.3rem 0.3rem 0.1rem 0.3rem;
  margin-bottom: 1rem;
  border-radius: 0.2rem;
  border: 1px solid #a5a5a5;
}
pre code, code {
  font-family: monospace;
  font-size: 70%;
  background: #e6e6e6;
  color: #023cb4;
  overflow-wrap: normal;
  white-space: pre;
}
code {
  padding: 0 0.3rem 0 0.3rem;
  border-radius: 0.2rem;
  border: 1px solid #a5a5a5;
}
pre code {
  padding: 0;
}
.overflow-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.web-listing li {
  margin-bottom: 1.5rem;
  line-height: 1.25;
}
.web-listing .footnote {
  font-weight: 900;
}
.links li, .cv-detail {
  display: block;
}
.links .pipe {
  display: none;
}

/* Folder icons to show a file system structure */
.file-structure {
  margin-left: -1.75rem;
}
.file-structure ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 1.75rem;
}
.file-structure li {
  margin-bottom: 0;
}
.file-structure li::before {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  opacity: 0.65;
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0yLjI1IDEyLjc1VjEyQTIuMjUgMi4yNSAwIDAxNC41IDkuNzVoMTVBMi4yNSAyLjI1IDAgMDEyMS43NSAxMnYuNzVtLTguNjktNi40NGwtMi4xMi0yLjEyYTEuNSAxLjUgMCAwMC0xLjA2MS0uNDRINC41QTIuMjUgMi4yNSAwIDAwMi4yNSA2djEyYTIuMjUgMi4yNSAwIDAwMi4yNSAyLjI1aDE1QTIuMjUgMi4yNSAwIDAwMjEuNzUgMThWOWEyLjI1IDIuMjUgMCAwMC0yLjI1LTIuMjVoLTUuMzc5YTEuNSAxLjUgMCAwMS0xLjA2LS40NHoiIC8+Cjwvc3ZnPgo=');
}

/* Horizontal rules */
.rule-set {
  margin-bottom: 0.5rem;
}
.check {
  width: 100%;
  height: 0;
  background-size: 0.125rem 0.125rem;
  background-position: 0.99rem 0.99rem;
}
.check.short {
  margin-top: 1rem;
  height: 0.0625rem;
  background-image: url('/site/themes/wesort-v4/img/check-grey-short-01-2x.png');
}
.check.tall {
  height: 0.5rem;
  background-image: url('/site/themes/wesort-v4/img/check-grey-tall-01-2x.png');
}
/* High resolution */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .check {
    background-size: 0.2rem 0.2rem;
  }
  .check.tall {
    height: 0.4rem;
  }
}
/* a11y */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Social icons */
.social-icon svg {
  width: initial;
  height: 0.65em;
  display: inline-block;
  padding-right: 0.35em;
}
.social-icon svg path {
  fill: #5375A0;
}

/* Extras */
.print-only {
  display: none;
}
.grid-col {
  min-height: 1px;
}
::selection, mark {
  background: #696969;
  color: #F9F9F5;
}
.show {
  display: block;
}

/*  Tumblr Specific  */
#pagination {
  float:left;
  margin-top: 2rem;
}
.post .media-container iframe {
  width: 100%;
}
.post ul {
  list-style: inside;
}
.audio-player {
  margin: 1rem 0 1rem 0;
}
.audio-cover {
  max-width: 25rem;
  max-height: 25rem;
}



/* Breakpoint (.bp1)
---------------------------------------------------------------- */
@media all and (min-width: 20em) {
nav.second li:nth-child(-n+2) .rule {
  display: none;
}

}

/* Breakpoint (.bp2)
---------------------------------------------------------------- */
@media all and (min-width: 44em) {
#page {
  padding: 1rem 1.5rem 2rem;
}
header {
  height: 7rem;
  margin-bottom: 0;
}
.type-large, .text-set .type-large {
  font-size: 2rem;
}
.type-medium {
  font-size: 1.75rem;
}
.type-small, .type-small p {
  font-size: 1.25rem;
}
nav.second li:nth-child(2) .rule {
  display: block;
}
.bp2-hide {
  display: none;
}
.bp2-col-1-2-center .inner {
  margin: 0 auto;
  width: 50%;
}
.projects .bp2-col-1-2:nth-child(2n+1) {
  clear: left;
}
.not-featured-projects .project:nth-child(odd), .projects-all .project:nth-child(odd) {
  clear: left;
}
.cv-detail {
  display: inline-block;
}
}

/* Fixed elements */
@media all and (min-width: 72em) and (min-height: 36em) {
.copyright {
  position: fixed;
  bottom: 2rem;
  width: 15rem;
}
.site-name, .sidebar {
  position: fixed;
  width: 15rem;
}
}

/* Breakpoint (.bp3)
---------------------------------------------------------------- */
@media all and (min-width: 60em) {
#page {
  padding: 1.5rem 2rem 2rem;
}
.type-large, .text-set .type-large {
  font-size: 2.25rem;
}
.type-medium {
  font-size: 1.65rem;
}
.type-small, .type-small p {
  font-size: 1.35rem;
}
.grid-wrap {
  margin-left: -2rem;
}
.grid-col {
  padding-left: 2rem;
}
.text-set.grid-col, .code-set.grid-col, .photo-set.grid-col, .markdown-set.grid-col, pre {
  margin-bottom: 2rem;
}
.featured-projets .links li {
  display: inline-block;
}
.links .pipe {
  display: inline-block;
}
}



/* Print Styles
---------------------------------------------------------------- */
@media print {
/* Styles */
.print-only {
  display: block;
}
.print-none {
  display: none;
}
body {
  font-size: 14pt !important;
  background: none;
  page-break-after: auto;
}
* {
  -webkit-print-color-adjust: exact;
  background-color: none;
  color: #565656 !important;
}
a {
  color: #565656 !important;
  border-bottom: none;
  text-decoration: underline;
}
a:after {
  font-size: 10pt;
  content: " [" attr(href) "]";
  font-family: monospace;
  word-wrap: break-word;
  text-decoration: none !important;
}
.type-large {
  font-size: 24pt !important;
}
.type-medium {
  font-size: 18pt !important;
}
.type-small p {
  font-size: 12pt !important;
}
.text-set p {
  max-width: 100%;
}
.print-no-link:after {
  content: "";
}
img {
  display: block;
  page-break-inside: avoid !important;
}
.check.tall {
  background: none;
  margin-bottom: 6rem;
}
}


/* End */