Skip to content
Browse files

import blogs

  • Loading branch information...
1 parent e582440 commit 3a7be29ca2c241c78feba8afc33d6f708635f3c3 @unclebob committed Jun 13, 2014
Showing with 9,081 additions and 3 deletions.
  1. +8 −0 .gitignore
  2. +11 −0 404.html
  3. +1 −0 CNAME
  4. +1 −2 Gemfile
  5. +1 −0 README.md
  6. +5 −0 _config.yml
  7. +11 −0 _includes/aside.html
  8. +25 −0 _layouts/default.html
  9. +16 −0 _layouts/post.html
  10. +430 −0 assets/blog.css
  11. BIN assets/clean_code_72_color.png
  12. +2,264 −0 assets/std.css
  13. +17 −1 index.html
  14. +2 −0 robots.txt
  15. +47 −0 uncle-bob/_posts/2011-09-30-Screaming-Architecture.textile
  16. +30 −0 uncle-bob/_posts/2011-10-20-Simple-Hickey.textile
  17. +37 −0 uncle-bob/_posts/2011-11-06-Double-Entry-Bookkeeping-Dilemma-Should-I-Invest-or-Not.textile
  18. +68 −0 uncle-bob/_posts/2011-11-22-Clean-Architecture.textile
  19. +83 −0 uncle-bob/_posts/2011-12-11-The-Barbarians-are-at-the-Gates.textile
  20. +59 −0 uncle-bob/_posts/2012-01-11-Flipping-the-Bit.textile
  21. +38 −0 uncle-bob/_posts/2012-01-12-The-Letter.textile
  22. +129 −0 uncle-bob/_posts/2012-01-20-Fecophiles.textile
  23. +32 −0 uncle-bob/_posts/2012-01-31-The-Ruby-Colored-Box.textile
  24. +39 −0 uncle-bob/_posts/2012-02-01-Service-Oriented-Agony.textile
  25. +33 −0 uncle-bob/_posts/2012-04-18-After-The-Disaster.textile
  26. +53 −0 uncle-bob/_posts/2012-04-20-Why-Is-Estimating-So-Hard.textile
  27. +76 −0 uncle-bob/_posts/2012-05-15-NODB.textile
  28. +97 −0 uncle-bob/_posts/2012-08-13-the-clean-architecture.textile
  29. +29 −0 uncle-bob/_posts/2012-08-24-functional-programming-for-the-object-oriented-programmer.textile
  30. +96 −0 uncle-bob/_posts/2012-09-06-I-am-Your-New-CTO.textile
  31. +34 −0 uncle-bob/_posts/2012-12-19-Three-Paradigms.textile
  32. +103 −0 uncle-bob/_posts/2012-12-22-FPBE1-Whats-it-all-about.textile
  33. +54 −0 uncle-bob/_posts/2012-12-29-Brave-New-Year.textile
  34. +260 −0 uncle-bob/_posts/2013-01-02-FPBE2-Whys-it-called-functional.textile
  35. +181 −0 uncle-bob/_posts/2013-01-07-FPBE3-Do-the-rules-change.textile
  36. +193 −0 uncle-bob/_posts/2013-01-29-FPBE4-Lazy-Evaluation.markdown
  37. +88 −0 uncle-bob/_posts/2013-01-30-The-Craftsman-And-The-Laborer.markdown
  38. +55 −0 uncle-bob/_posts/2013-02-01-The-Humble-Craftsman.markdown
  39. +71 −0 uncle-bob/_posts/2013-02-10-ThePrinciplesOfCraftsmanship.markdown
  40. +54 −0 uncle-bob/_posts/2013-03-05-TheStartUpTrap.markdown
  41. +62 −0 uncle-bob/_posts/2013-03-06-ThePragmaticsOfTDD.markdown
  42. +56 −0 uncle-bob/_posts/2013-03-08-AnOpenAndClosedCase.markdown
  43. +62 −0 uncle-bob/_posts/2013-03-11-TheFrenziedPanicOfRushing.markdown
  44. +102 −0 uncle-bob/_posts/2013-03-22-There-are-ladies-present.markdown
  45. +263 −0 uncle-bob/_posts/2013-05-27-FibTPP.html
  46. +433 −0 uncle-bob/_posts/2013-05-27-FlashTpp.html
  47. +985 −0 uncle-bob/_posts/2013-05-27-TheTransformationPriorityPremise.html
  48. +21 −0 uncle-bob/_posts/2013-05-27-TransformationPriorityAndSorting.html
  49. +204 −0 uncle-bob/_posts/2013-09-23-Test-first.markdown
  50. +197 −0 uncle-bob/_posts/2013-09-26-AT-FAIL.markdown
  51. +97 −0 uncle-bob/_posts/2013-10-01-Dance-You-Imps.markdown
  52. +155 −0 uncle-bob/_posts/2013-10-24-The-Careless-Ones.markdown
  53. +61 −0 uncle-bob/_posts/2013-11-12-Healthcare-gov.markdown
  54. +60 −0 uncle-bob/_posts/2013-11-19-HoardsOfNovices.markdown
  55. +36 −0 uncle-bob/_posts/2013-11-25-Novices-Coda.markdown
  56. +85 −0 uncle-bob/_posts/2013-12-10-Thankyou-Kent.markdown
  57. +74 −0 uncle-bob/_posts/2014-01-20-Marion_Correctional.markdown
  58. +123 −0 uncle-bob/_posts/2014-01-27-TheChickenOrTheRoad.markdown
  59. +24 −0 uncle-bob/_posts/2014-02-21-WhereIsTheForeman.markdown
  60. +83 −0 uncle-bob/_posts/2014-02-23-OhForemanWhereArtThou.markdown
  61. +111 −0 uncle-bob/_posts/2014-02-27-TheTrustSpectrum.markdown
  62. +37 −0 uncle-bob/_posts/2014-03-11-when-to-think.markdown
  63. +90 −0 uncle-bob/_posts/2014-03-28-The-Corruption-of-Agile.markdown
  64. +52 −0 uncle-bob/_posts/2014-04-03-Code-Hoarders.markdown
  65. +60 −0 uncle-bob/_posts/2014-04-25-MonogamousTDD.markdown
  66. +54 −0 uncle-bob/_posts/2014-04-30-When-tdd-does-not-work.markdown
  67. +37 −0 uncle-bob/_posts/2014-05-01-Design-Damage.markdown
  68. +38 −0 uncle-bob/_posts/2014-05-02-ProfessionalismAndTDD.markdown
  69. +75 −0 uncle-bob/_posts/2014-05-08-SingleReponsibilityPrinciple.markdown
  70. +94 −0 uncle-bob/_posts/2014-05-10-WhenToMock.markdown
  71. +56 −0 uncle-bob/_posts/2014-05-11-FrameworkBound.markdown
  72. +57 −0 uncle-bob/_posts/2014-05-12-TheOpenClosedPrinciple.markdown
  73. +264 −0 uncle-bob/_posts/2014-05-14-TheLittleMocker.markdown
  74. +42 −0 uncle-bob/_posts/2014-05-19-First.markdown
  75. BIN uncle-bob/images/2012-08-13-the-clean-architecture/CleanArchitecture.jpg
  76. BIN uncle-bob/images/2013-05-27-TransformationAndSorting/p1.jpg
  77. BIN uncle-bob/images/2013-05-27-TransformationAndSorting/p2.jpg
  78. BIN uncle-bob/images/2013-05-27-TransformationAndSorting/p3.jpg
  79. BIN uncle-bob/images/2013-05-27-TransformationAndSorting/p4.jpg
  80. BIN uncle-bob/images/2013-05-27-TransformationAndSorting/p5.jpg
  81. BIN uncle-bob/images/2013-05-27-TransformationAndSorting/p6.jpg
  82. BIN uncle-bob/images/2013-05-27-TransformationAndSorting/p7.jpg
View
8 .gitignore
@@ -0,0 +1,8 @@
+Gemfile.lock
+*DS_Store
+_site
+.rvmrc
+*.swp
+/server
+.idea
+/.bundle
View
11 404.html
@@ -0,0 +1,11 @@
+<html>
+<body>
+<h3>
+ Oooops
+</h3>
+
+<p>
+ The page you are looking for does not exist.
+</p>
+</body>
+</html>
View
1 CNAME
@@ -0,0 +1 @@
+blog.cleancoder.com
View
3 Gemfile
@@ -1,4 +1,3 @@
source 'https://rubygems.org'
-gem 'github.pages'
-gem 'jekyll', '~> 2.0.3'
+gem 'jekyll', '~> 2.0.3'
View
1 README.md
@@ -0,0 +1 @@
+blog.cleancoder.com
View
5 _config.yml
@@ -0,0 +1,5 @@
+markdown: rdiscount
+highlighter: pygments
+safe: false
+exclude: [README.md, Rakefile, Gemfile, Gemfile.lock]
+excerpt_separator: "\n\n\n\n"
View
11 _includes/aside.html
@@ -0,0 +1,11 @@
+<aside class="column one-fourth">
+ All Blogs
+<ul>
+ {% for post in site.posts %}
+ <li>
+ <a href="{{post.url}}">{{ post.title }}</a>
+ <div class="tiny-date">{{post.date | date: "%m-%d-%Y"}}</div>
+ </li>
+ {% endfor %}
+</ul>
+</aside>
View
25 _layouts/default.html
@@ -0,0 +1,25 @@
+<html>
+<head>
+ <link href="/assets/clean_code_72_color.png" rel="icon" type="image/png">
+ <title>Clean Coder Blog</title>
+ <link href="/assets/std.css" rel="stylesheet" type="text/css">
+ <link href="/assets/blog.css" rel="stylesheet" type="text/css">
+
+</head>
+<body>
+<a href="/"><img align="left" src="/assets/clean_code_72_color.png"></a>
+<h1>
+ <br/><br/>
+ <div style="text-align:center"> The Clean Code Blog</div></h1>
+<header >
+
+</header>
+<section>
+ <div class="container">{{ content }}</div>
+</section>
+<footer>
+
+</footer>
+
+</body>
+</html>
View
16 _layouts/post.html
@@ -0,0 +1,16 @@
+---
+layout: default
+---
+{% include aside.html %}
+<div class="column three-fourths" id="blog">
+ <div class="blog-post" >
+ <h1>{{ page.title }}</h1>
+ <div class="date">{{ page.date | date_to_long_string }}</div>
+ <article>
+ {{ content }}
+
+
+ </article>
+ </div>
+</div>
+
View
430 assets/blog.css
@@ -0,0 +1,430 @@
+@charset "UTF-8";
+.highlight {
+ background: #ffffff;
+ border: 1px solid #e1e1e1;
+ line-height: 1.125em;
+ margin: 0 0 1.5em 0;
+ overflow: auto;
+ padding: 0.75em
+}
+
+.tiny-date {
+ color: #cccccc;
+ font-size: 10;
+}
+
+.highlight .c {
+ color: #999988;
+ font-style: italic
+}
+
+.highlight .err {
+ color: #a61717;
+ background-color: #e3d2d2
+}
+
+.highlight .k {
+ font-weight: bold
+}
+
+.highlight .o {
+ font-weight: bold
+}
+
+.highlight .cm {
+ color: #999988;
+ font-style: italic
+}
+
+.highlight .cp {
+ color: #999999;
+ font-weight: bold
+}
+
+.highlight .c1 {
+ color: #999988;
+ font-style: italic
+}
+
+.highlight .cs {
+ color: #999999;
+ font-weight: bold;
+ font-style: italic
+}
+
+.highlight .gd {
+ color: #000000;
+ background-color: #fdd
+}
+
+.highlight .gd .x {
+ color: #000000;
+ background-color: #faa
+}
+
+.highlight .ge {
+ font-style: italic
+}
+
+.highlight .gr {
+ color: #a00
+}
+
+.highlight .gh {
+ color: #999
+}
+
+.highlight .gi {
+ color: #000000;
+ background-color: #dfd
+}
+
+.highlight .gi .x {
+ color: #000000;
+ background-color: #afa
+}
+
+.highlight .go {
+ color: #888
+}
+
+.highlight .gp {
+ color: #555
+}
+
+.highlight .gs {
+ font-weight: bold
+}
+
+.highlight .gu {
+ color: #aaa
+}
+
+.highlight .gt {
+ color: #a00
+}
+
+.highlight .kc {
+ font-weight: bold
+}
+
+.highlight .kd {
+ font-weight: bold
+}
+
+.highlight .kp {
+ font-weight: bold
+}
+
+.highlight .kr {
+ font-weight: bold
+}
+
+.highlight .kt {
+ color: #445588;
+ font-weight: bold
+}
+
+.highlight .m {
+ color: #099
+}
+
+.highlight .s {
+ color: #d14
+}
+
+.highlight .na {
+ color: teal
+}
+
+.highlight .nb {
+ color: #0086b3
+}
+
+.highlight .nc {
+ color: #445588;
+ font-weight: bold
+}
+
+.highlight .no {
+ color: teal
+}
+
+.highlight .ni {
+ color: purple
+}
+
+.highlight .ne {
+ color: #990000;
+ font-weight: bold
+}
+
+.highlight .nf {
+ color: #990000;
+ font-weight: bold
+}
+
+.highlight .nn {
+ color: #555
+}
+
+.highlight .nt {
+ color: navy
+}
+
+.highlight .nv {
+ color: teal
+}
+
+.highlight .ow {
+ font-weight: bold
+}
+
+.highlight .w {
+ color: #bbb
+}
+
+.highlight .mf {
+ color: #099
+}
+
+.highlight .mh {
+ color: #099
+}
+
+.highlight .mi {
+ color: #099
+}
+
+.highlight .mo {
+ color: #099
+}
+
+.highlight .sb {
+ color: #d14
+}
+
+.highlight .sc {
+ color: #d14
+}
+
+.highlight .sd {
+ color: #d14
+}
+
+.highlight .s2 {
+ color: #d14
+}
+
+.highlight .se {
+ color: #d14
+}
+
+.highlight .sh {
+ color: #d14
+}
+
+.highlight .si {
+ color: #d14
+}
+
+.highlight .sx {
+ color: #d14
+}
+
+.highlight .sr {
+ color: #009926
+}
+
+.highlight .s1 {
+ color: #d14
+}
+
+.highlight .ss {
+ color: #990073
+}
+
+.highlight .bp {
+ color: #999
+}
+
+.highlight .vc {
+ color: teal
+}
+
+.highlight .vg {
+ color: teal
+}
+
+.highlight .vi {
+ color: teal
+}
+
+.highlight .il {
+ color: #099
+}
+
+.highlight .lineno {
+ color: #e1e1e1;
+ padding: 0 0.75em 0 0
+}
+
+h1 {
+ font-size: 2em;
+ margin-bottom: 0.2em
+}
+
+h2 {
+ color: #29323c;
+ margin-bottom: 0.6em
+}
+
+h3 {
+ color: #29323c;
+ margin: 1.5em 0 0.5em 0
+}
+
+hr {
+ border: 0;
+ height: 0;
+ border-bottom: 1px solid rgba(155, 165, 175, 0.3);
+ margin-bottom: 1.2em
+}
+
+article {
+ margin: 2em 0;
+ max-width: 670px
+}
+
+article ol {
+ padding-left: 1.5em
+}
+
+article iframe {
+ margin-bottom: 1em;
+ margin-right: 1em
+}
+
+article blockquote {
+ border-left: 5px solid #eef2f5;
+ margin: 1em 0 2em 0;
+ padding-left: 1em
+}
+
+article blockquote cite {
+ display: block;
+ font-family: "FrescoPlusNormalItalic", Georgia, serif;
+ font-style: normal;
+ padding: 1em 0 0 0
+}
+
+article figure {
+ margin-bottom: 1em
+}
+
+article figure img, article img {
+ border: 1px solid #eef2f5
+}
+
+article figcaption {
+ margin-top: 1em
+}
+
+article code {
+ font-size: 0.9em
+}
+
+article pre {
+ font-size: 0.9em;
+ margin: 0;
+ padding: 1em
+}
+
+article .highlight {
+ padding: 0
+}
+
+.breadcrumbs {
+ background: #FFF;
+ background: transparent;
+ border: none;
+ font-family: "FrescoSansPlusPro-Normal", Helvetica, Arial, sans-serif;
+ margin-bottom: 1em
+}
+
+.breadcrumbs ul li {
+ margin: 0;
+ text-transform: capitalize
+}
+
+.breadcrumbs ul li.author:after {
+ content: "\2004\➝\2004"
+}
+
+.breadcrumbs ul li.date:after {
+ content: "\2004\002B\2004"
+}
+
+.blog-post {
+ color: #29323C;
+ font-family: "FrescoPlusNormal", Georgia, serif;
+ -webkit-font-smoothing: antialiased;
+ max-width: 670px;
+ text-rendering: optimizeLegibility
+}
+
+.blog-title a {
+ color: #29323c
+}
+
+.author-block {
+ border-top: 1px solid #eee;
+ padding: 1em 0;
+ margin-bottom: 1em
+}
+
+.author-block img {
+ width: 10%;
+ float: left;
+ margin: 0.2em 1.2em 0.2em 0
+}
+
+aside.column.one-fourth {
+ margin: 0
+}
+
+aside .authors {
+ text-transform: capitalize
+}
+
+aside li a + span {
+ font-size: 0.8em;
+ opacity: 0;
+ padding: 0 0 0 0.25em;
+ text-transform: none;
+ -webkit-transition: opacity 0.1s 0.1s ease-in-out;
+ -moz-transition: opacity 0.1s 0.1s ease-in-out;
+ -o-transition: opacity 0.1s 0.1s ease-in-out;
+ transition: opacity 0.1s 0.1s ease-in-out
+}
+
+aside li a:hover + span {
+ opacity: 1
+}
+
+.column.three-fourths {
+ float: right
+}
+
+@media screen and (max-width: 800px) {
+ .column.three-fourths {
+ width: 100%
+ }
+}
+
+@media screen and (max-width: 480px) {
+ .author-block img {
+ margin-bottom: 1em;
+ width: 100%
+ }
+}
View
BIN assets/clean_code_72_color.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
2,264 assets/std.css
@@ -0,0 +1,2264 @@
+/* normalize.css v2.0.1 | MIT License | git.io/normalize */
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
+ display: block
+}
+
+audio, canvas, video {
+ display: inline-block
+}
+
+audio:not([controls]) {
+ display: none;
+ height: 0
+}
+
+[hidden] {
+ display: none
+}
+
+html {
+ font-family: sans-serif;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%
+}
+
+body {
+ margin: 0
+}
+
+a:focus {
+ outline: thin dotted
+}
+
+a:active, a:hover {
+ outline: 0
+}
+
+h1 {
+ font-size: 2em
+}
+
+abbr[title] {
+ border-bottom: 1px dotted
+}
+
+b, strong {
+ font-weight: bold
+}
+
+dfn {
+ font-style: italic
+}
+
+mark {
+ background: #ff0;
+ color: #000
+}
+
+code, kbd, pre, samp {
+ font-family: monospace, serif;
+ font-size: 1em
+}
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word
+}
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019"
+}
+
+small {
+ font-size: 80%
+}
+
+sub, sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline
+}
+
+sup {
+ top: -0.5em
+}
+
+sub {
+ bottom: -0.25em
+}
+
+img {
+ border: 0
+}
+
+svg:not(:root) {
+ overflow: hidden
+}
+
+figure {
+ margin: 0
+}
+
+fieldset {
+ border: 1px solid silver;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em
+}
+
+legend {
+ border: 0;
+ padding: 0
+}
+
+button, input, select, textarea {
+ font-family: inherit;
+ font-size: 100%;
+ margin: 0
+}
+
+button, input {
+ line-height: normal
+}
+
+button, html input[type="button"], input[type="reset"], input[type="submit"] {
+ -webkit-appearance: button;
+ cursor: pointer
+}
+
+button[disabled], input[disabled] {
+ cursor: default
+}
+
+input[type="checkbox"], input[type="radio"] {
+ box-sizing: border-box;
+ padding: 0
+}
+
+input[type="search"] {
+ -webkit-appearance: textfield;
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box
+}
+
+input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none
+}
+
+button::-moz-focus-inner, input::-moz-focus-inner {
+ border: 0;
+ padding: 0
+}
+
+textarea {
+ overflow: auto;
+ vertical-align: top
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0
+}
+
+@font-face {
+ font-family: 'FrescoSansPlusPro-Normal';
+ src: url("/assets/frescosanspluspro-normal-webfont-6e45a93baabb6fb93bdb116af609f838.eot");
+ src: url("/assets/frescosanspluspro-normal-webfont-6e45a93baabb6fb93bdb116af609f838.eot?#iefix") format("embedded-opentype"), url("/assets/frescosanspluspro-normal-webfont-dafe8f1b435f73559e1e3e608be3c383.woff") format("woff"), url("/assets/frescosanspluspro-normal-webfont-5ee08a730c1ade647beb22a9c1e176f5.ttf") format("truetype"), url("/assets/frescosanspluspro-normal-webfont-568b6beaa29fd2de8e2c3e94ee92c3b1.svg?#FrescoSansPlusPro-Normal") format("svg");
+ font-weight: normal;
+ font-style: normal
+}
+
+@font-face {
+ font-family: 'FrescoSansPlusPro-Normal-Italic';
+ src: url("/assets/frescosanspluspro-normalitalic-webfont-7fa6aa0e22b48fe83385871b0a1fce89.eot");
+ src: url("/assets/frescosanspluspro-normalitalic-webfont-7fa6aa0e22b48fe83385871b0a1fce89.eot?#iefix") format("embedded-opentype"), url("/assets/frescosanspluspro-normalitalic-webfont-43fbcc70bf304ff6979182b5611544ef.woff") format("woff"), url("/assets/frescosanspluspro-normalitalic-webfont-c67e433dd9f9dea36eac4ca4414d2632.ttf") format("truetype"), url("/assets/frescosanspluspro-normalitalic-webfont-b7e5e0e3aa177d9d91c26a5c9a0b1e0d.svg?#FrescoSansPlusPro-Normal-Italic") format("svg");
+ font-weight: normal;
+ font-style: normal
+}
+
+@font-face {
+ font-family: 'FrescoSansPlusBold';
+ src: url("/assets/frescosansplus-bold-webfont-85fb4152101478e94e7af4ad82b07104.eot");
+ src: url("/assets/frescosansplus-bold-webfont-85fb4152101478e94e7af4ad82b07104.eot?#iefix") format("embedded-opentype"), url("/assets/frescosansplus-bold-webfont-c3e9a795838aac1e0fe207c78503e62d.woff") format("woff"), url("/assets/frescosansplus-bold-webfont-62a7238299e27d1dff6ab5439ca19a18.ttf") format("truetype"), url("/assets/frescosansplus-bold-webfont-b56a26216b1978fe23f9046f4fc3be37.svg?#FrescoSansPlusBold") format("svg");
+ font-weight: normal;
+ font-style: normal
+}
+
+@font-face {
+ font-family: 'FrescoSansPlusSCNormalRegular';
+ src: url("/assets/frescosansplussc-normal-webfont-839236a971a1e731f78559b0937b8155.eot");
+ src: url("/assets/frescosansplussc-normal-webfont-839236a971a1e731f78559b0937b8155.eot?#iefix") format("embedded-opentype"), url("/assets/frescosansplussc-normal-webfont-4595d8ea25f547339770b8a47e294e2c.woff") format("woff"), url("/assets/frescosansplussc-normal-webfont-84ecdf1c5e7815fec7ffd8ab350f1ecf.ttf") format("truetype"), url("/assets/frescosansplussc-normal-webfont-4d26b80ea92134f67faaa791d1bb5fe2.svg?#FrescoSansPlusSCNormalRegular") format("svg");
+ font-weight: normal;
+ font-style: normal
+}
+
+@font-face {
+ font-family: 'FrescoPlusNormal';
+ src: url("/assets/frescoplus-normal-webfont-a2708e8047f4a663253b8cdb2d652484.eot");
+ src: url("/assets/frescoplus-normal-webfont-a2708e8047f4a663253b8cdb2d652484.eot?#iefix") format("embedded-opentype"), url("/assets/frescoplus-normal-webfont-201dbe9b262cee4dbd777726760252ce.woff") format("woff"), url("/assets/frescoplus-normal-webfont-7658b1f0155bc9fa86f3370bc90c59ba.ttf") format("truetype"), url("/assets/frescoplus-normal-webfont-66a64c03796334fcaed926c03dc57d83.svg?#FrescoPlusNormal") format("svg");
+ font-weight: normal;
+ font-style: normal
+}
+
+@font-face {
+ font-family: 'FrescoPlusNormalItalic';
+ src: url("/assets/frescoplus-normalitalic-webfont-03040e46cbf33c53ba52668e43c0918f.eot");
+ src: url("/assets/frescoplus-normalitalic-webfont-03040e46cbf33c53ba52668e43c0918f.eot?#iefix") format("embedded-opentype"), url("/assets/frescoplus-normalitalic-webfont-1e9c6761da64dcdf1e45a200691bb0bd.woff") format("woff"), url("/assets/frescoplus-normalitalic-webfont-b51909a56cb53691af41a54669157f4f.ttf") format("truetype"), url("/assets/frescoplus-normalitalic-webfont-c102da964f4c6233f2d33707cba89791.svg?#FrescoPlusNormalItalic") format("svg");
+ font-weight: normal;
+ font-style: normal
+}
+
+*, *:before, *:after {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box
+}
+
+body {
+ color: #8894a0;
+ font-family: "FrescoSansPlusPro-Normal", Helvetica, Arial, sans-serif;
+ font-size: 112%;
+ font-weight: normal;
+ line-height: 1.5em
+}
+
+img {
+ height: auto;
+ max-width: 100%
+}
+
+h1, h2, h3, h4 {
+ font-family: "FrescoSansPlusBold", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ color: #29323c;
+ margin: 0
+}
+
+h1 {
+ font-size: 2em;
+ line-height: 1.333em;
+ margin-bottom: 0.5em
+}
+
+h2 {
+ font-family: "FrescoSansPlusPro-Normal", Helvetica, Arial, sans-serif;
+ font-size: 1.3125em;
+ line-height: 1.5em;
+ margin-bottom: 0.5em
+}
+
+h2.headline {
+ color: #626e7a;
+ font-family: "FrescoPlusNormalItalic", Georgia, serif;
+ font-size: 1.8em;
+ font-style: normal;
+ line-height: 1.4em;
+ margin-bottom: 0.68em
+}
+
+h2.headline.light {
+ color: rgba(255, 255, 255, 0.8)
+}
+
+h3 {
+ color: #626e7a;
+ font-size: 1em;
+ line-height: 1.5em;
+ margin-bottom: 1em
+}
+
+h4 {
+ color: #626e7a;
+ font-family: "FrescoSansPlusSCNormalRegular", Helvetica, Arial, sans-serif;
+ font-size: 1.1em;
+ line-height: 1.5em;
+ margin-bottom: 0.5em;
+ text-transform: lowercase
+}
+
+h4.light {
+ color: #8894a0;
+ letter-spacing: 1px
+}
+
+p {
+ font-size: 1em;
+ margin: 0 0 1.5em 0
+}
+
+em {
+ font-family: 'FrescoSansPlusPro-Normal-Italic';
+ font-style: normal
+}
+
+b {
+ color: #626e7a;
+ font-weight: normal
+}
+
+ul {
+ padding: 0 0 0 1.1em;
+ margin: 0.5em 0 1.5em 0
+}
+
+ul.no-bullets {
+ list-style: none;
+ padding: 0
+}
+
+blockquote {
+ border-left: 5px solid #eef2f5;
+ margin: 1em 0 2em 0;
+ padding-left: 1em
+}
+
+blockquote p {
+ margin: 0
+}
+
+blockquote cite {
+ display: block;
+ font-family: "FrescoPlusNormalItalic", Georgia, serif;
+ font-style: normal;
+ padding: 1em 0 0 0
+}
+
+abbr {
+ font-family: "FrescoSansPlusSCNormalRegular", Helvetica, Arial, sans-serif;
+ font-size: 1.1em;
+ text-transform: lowercase
+}
+
+.tagline {
+ margin-top: 5em;
+ width: 350px
+}
+
+a {
+ color: #00c000;
+ text-decoration: none
+}
+
+a:hover {
+ text-decoration: underline
+}
+
+.container {
+ margin: 0 auto;
+ max-width: 1200px;
+ width: 90%;
+ padding: 1.5em 0;
+ position: relative
+}
+
+.container .narrow {
+ background: #fff;
+ margin: 2em auto;
+ max-width: 600px;
+ padding: 2em;
+ text-align: left
+}
+
+.row {
+ margin: 0;
+ padding: 0
+}
+
+.column {
+ float: left;
+ margin-left: 5%
+}
+
+.column:first-child {
+ margin-left: 0
+}
+
+.column.full {
+ width: 100%;
+ margin: 0
+}
+
+.column.two-thirds {
+ width: 65%
+}
+
+.column.half {
+ width: 47.5%
+}
+
+.column.one-third {
+ width: 30%
+}
+
+.column.one-fourth {
+ width: 21.2%
+}
+
+.column.three-fourths {
+ width: 73.8%
+}
+
+.column.two-fifths {
+ width: 40%
+}
+
+.column.three-fifths {
+ width: 55%
+}
+
+.column.half-margin {
+ margin-left: 3%
+}
+
+.column.half-margin .container {
+ width: 100%
+}
+
+section {
+ border-top: 1px solid #eef2f5
+}
+
+section .container {
+ padding: 4em 0
+}
+
+section.gray {
+ background: #eef2f5
+}
+
+section.quotes {
+ background: #eef2f5;
+ background-image: url("/assets/pattern/pattern-c573a06c5c9d6fd230ae87b4c3cd0dd3.png");
+ background-repeat: repeat;
+ background-size: cover;
+ background-position: center
+}
+
+section.quotes p {
+ font-size: 1em;
+ margin: 0;
+ text-align: left
+}
+
+section.quotes cite {
+ font-size: 0.9em;
+ float: right;
+ margin-top: 1.5em;
+ font-family: "FrescoPlusNormalItalic", Georgia, serif;
+ font-style: normal
+}
+
+section.about-us .row {
+ margin-bottom: 2em
+}
+
+.section-header {
+ border-top: 1px solid #eef2f5;
+ color: #8894a0;
+ font-family: "FrescoSansPlusSCNormalRegular", Helvetica, Arial, sans-serif;
+ font-size: 1.3em;
+ letter-spacing: 1px;
+ margin-bottom: 0;
+ padding: 1.5em 0;
+ text-align: center;
+ text-transform: lowercase
+}
+
+.section-header.bottom-border {
+ border-bottom: 1px solid #eef2f5
+}
+
+.divide {
+ border-top: 1px solid #d3dadf;
+ display: block;
+ margin: 0 auto;
+ margin-top: 1em;
+ padding-bottom: 1.3em;
+ width: 60px
+}
+
+.intro-header {
+ text-align: center
+}
+
+.intro-header h2 {
+ color: #626e7a;
+ font-size: 1.5em;
+ font-family: "FrescoPlusNormalItalic", Georgia, serif;
+ font-style: normal
+}
+
+.intro-header p {
+ color: #8894a0;
+ max-width: 680px;
+ margin: 0 auto
+}
+
+table {
+ background: #f5f8fa;
+ border: 1px solid #eef2f5;
+ border-collapse: collapse;
+ width: 100%
+}
+
+table h3 {
+ margin-bottom: 0.5em
+}
+
+table p {
+ font-size: 0.9em;
+ margin: 0
+}
+
+table td {
+ padding: 2em 1.5em;
+ border: 1px solid #eef2f5;
+ width: 33.33333%
+}
+
+footer {
+ border-top: 1px solid #eef2f5;
+ font-size: 0.9em
+}
+
+footer p {
+ margin: 0
+}
+
+footer ul {
+ float: right;
+ margin: 0
+}
+
+footer ul li {
+ display: inline-block;
+ float: left;
+ margin-left: 1em;
+ text-align: right
+}
+
+footer ul li:first-child {
+ margin-left: 0
+}
+
+footer ul li a {
+ color: #8894a0
+}
+
+header {
+ font-family: "FrescoSansPlusBold", Helvetica, Arial, sans-serif;
+ z-index: 1000;
+ position: relative;
+ padding: 0.5em 0
+}
+
+header .container {
+ padding: 0;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none
+}
+
+header .container div {
+ display: none;
+ margin: 0 auto;
+ padding: 0.5em 0;
+ width: 90%
+}
+
+header .logo-wrap {
+ float: left;
+ height: 44px;
+ margin-right: 1em;
+ padding-top: 1em
+}
+
+header .logo-wrap-mobile {
+ float: left
+}
+
+header .logo {
+ width: 44px;
+ height: 44px;
+ display: inline-block
+}
+
+header ul {
+ float: right;
+ list-style: none;
+ margin: 0;
+ padding: 0
+}
+
+header ul li.top-level-nav {
+ cursor: pointer;
+ float: left;
+ font-size: 0.8em;
+ letter-spacing: 2px;
+ position: relative;
+ text-transform: uppercase;
+ line-height: 1em
+}
+
+header ul li.top-level-nav.current a {
+ color: #3C4652;
+ text-shadow: none
+}
+
+header ul li.top-level-nav.current a:hover {
+ color: #29323c
+}
+
+header ul li.top-level-nav a {
+ display: inline-block;
+ padding: 2.5em 1.5em 2.2em 1.5em;
+ text-decoration: none
+}
+
+header ul li.top-level-nav .sub-nav {
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -ms-border-radius: 2px;
+ -o-border-radius: 2px;
+ border-radius: 2px;
+ display: none;
+ background: #fff;
+ box-shadow: 0 1px 5px #e1e4e7;
+ box-shadow: 0 1px 5px rgba(98, 110, 122, 0.3);
+ list-style: none;
+ margin-left: -125px;
+ width: 250px;
+ position: absolute;
+ top: 5em;
+ left: 50%;
+ z-index: 100
+}
+
+header ul li.top-level-nav .sub-nav:after {
+ width: 14px;
+ height: 14px;
+ background: url("/assets/icons/nav-arrow-a526cd719b79d006f9c059d626581478.png");
+ content: ' ';
+ position: absolute;
+ top: -14px;
+ left: 45%
+}
+
+header ul li.top-level-nav .sub-nav li {
+ display: block;
+ text-transform: none;
+ font-size: 1.2em;
+ letter-spacing: 0
+}
+
+header ul li.top-level-nav .sub-nav.visible {
+ display: block
+}
+
+header ul li.top-level-nav .sub-nav a {
+ color: #626e7a;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -ms-border-radius: 2px;
+ -o-border-radius: 2px;
+ border-radius: 2px;
+ display: block;
+ font-size: 0.825em;
+ padding: 1.4em 1.5em 1.1em 1.5em;
+ text-decoration: none;
+ text-shadow: none;
+ width: 100%;
+ -webkit-transition: background-color 150ms ease-in-out;
+ -moz-transition: background-color 150ms ease-in-out;
+ -o-transition: background-color 150ms ease-in-out;
+ transition: background-color 150ms ease-in-out
+}
+
+header ul li.top-level-nav .sub-nav a:hover, header ul li.top-level-nav .sub-nav a.current {
+ color: #626e7a;
+ background: #f5f8fa
+}
+
+header.light .logo {
+ background-image: url("/assets/logos/logo-white-1672fb294741f785de8b82164513ebf1.png")
+}
+
+header.light li.top-level-nav a {
+ color: #f5f8fa;
+ text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2)
+}
+
+header.light li.top-level-nav a:hover {
+ color: #fff
+}
+
+header.light .sub-nav-arrow {
+ border-top: 5px solid #eef2f5;
+ border-top: 5px solid rgba(238, 242, 245, 0.8)
+}
+
+header.dark .logo {
+ background-image: url("/assets/logos/logo-light-5c2f6a2e9ce5bf561f14e3ecace26b4c.png")
+}
+
+header.dark li.top-level-nav a {
+ color: #8894a0;
+ text-shadow: none
+}
+
+header.dark li.top-level-nav a:hover {
+ color: #626e7a
+}
+
+.sub-nav-arrow {
+ border-top: 5px solid rgba(98, 110, 122, 0.4);
+ border-right: 4px solid transparent;
+ border-left: 4px solid transparent;
+ content: "";
+ display: inline-block;
+ height: 0;
+ width: 0;
+ vertical-align: middle;
+ margin: 0 0 0.3em 0.4em
+}
+
+.toggle {
+ background-image: url("/assets/icons/toggle-f99c15201ddf0321ad2fd5c9e400380e.png");
+ display: none;
+ width: 44px;
+ height: 44px;
+ float: right
+}
+
+.hero {
+ background: #eef2f5;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ min-height: 600px;
+ overflow: hidden;
+ position: relative;
+ text-align: center;
+ width: 100%;
+ z-index: 0
+}
+
+.hero.dark-gray {
+ background: #333
+}
+
+.hero .light-tint {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background-color: rgba(150, 163, 177, 0.3);
+ z-index: 1
+}
+
+.hero .dark-tint {
+ background: rgba(150, 163, 177, 0.5);
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1
+}
+
+.hero .haze {
+ background: rgba(98, 110, 122, 0.8);
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1
+}
+
+.hero.pull-top {
+ margin-top: -6em;
+ min-height: 681px
+}
+
+.hero.portfolio {
+ min-height: 800px
+}
+
+.hero.apprenticeship {
+ background-image: url("/assets/hero-images/apprenticeship-a66305108d3acf1cb136ba14cd078829.jpg")
+}
+
+.hero.pairing {
+ background-image: url("/assets/hero-images/pairing-b6419842f4b65637f6511709e5a21693.jpg")
+}
+
+.hero.chicago {
+ background-image: url("/assets/hero-images/chicago-5a71faf662e76aa540e39d8132b5e306.jpg")
+}
+
+.hero.craft {
+ background-image: url("/assets/hero-images/craft-5e9221fe9b49ca94ac54299171f53067.jpg")
+}
+
+.hero.consulting {
+ background-image: url("/assets/hero-images/consulting-29f41d62e8ac92e2a3a5fd12b4bbac20.jpg")
+}
+
+.hero.mountain {
+ background-image: url("/assets/hero-images/mountain-ffa8ad4b7342eb4107f0f6bfdc3f3e39.png");
+ background-position: top
+}
+
+.hero.home {
+ background-image: url("/assets/hero-images/home-2cbeebd076c73af8abf1b176d106fb02.jpg")
+}
+
+.hero.community {
+ background-image: url("/assets/hero-images/community-4fc666e5f27dbdcb91c213f2bb5afe39.jpg")
+}
+
+.hero.studio {
+ background-image: url("/assets/hero-images/studio-f5d8eda70e2064d39014c38ae1f8c977.jpg")
+}
+
+.hero.styleguide {
+ background-image: url("/assets/hero-images/styleguide-bfa5c802255571fba3524fc32b7b8b1d.jpg")
+}
+
+.hero.whiteboard {
+ background-image: url("/assets/hero-images/whiteboard-de368ae8e030f375a6d93a3f06666d44.jpg")
+}
+
+.hero.books {
+ background-image: url("/assets/hero-images/books-d478b6454964043e6daa4253965108dc.jpg")
+}
+
+.hero.training {
+ background-image: url("/assets/hero-images/training-c22dabe6188803e3efc10fb25e2ef1ab.jpg");
+ background-position: 50% 100%
+}
+
+.hero.training-2 {
+ background-image: url("/assets/hero-images/training-2-7a3ed9956e7df0ea934c4960fd671992.jpg")
+}
+
+.hero.go-big {
+ background-image: url("/assets/portfolio/main/go-big-hero-d380f03a2febc65abbc76274988d3ce1.jpg")
+}
+
+.hero.pattern {
+ background-image: url("/assets/pattern/pattern-c573a06c5c9d6fd230ae87b4c3cd0dd3.png");
+ background-repeat: repeat
+}
+
+.hero .container {
+ padding: 4em 0
+}
+
+.hero-logo {
+ width: 500px;
+ margin: auto;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ top: 0;
+ z-index: 2
+}
+
+.hero-logo.small {
+ width: 350px
+}
+
+.hero-logo.large {
+ width: 1200px
+}
+
+.button, a.button, input[type=submit] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ background: #eef2f5;
+ border: none;
+ color: #fff;
+ cursor: pointer;
+ display: inline-block;
+ font-family: "FrescoSansPlusPro-Normal", Helvetica, Arial, sans-serif;
+ padding: 0.6em 2em;
+ text-align: center;
+ text-decoration: none;
+ -webkit-transition: background-color 150ms ease-in-out;
+ -moz-transition: background-color 150ms ease-in-out;
+ -o-transition: background-color 150ms ease-in-out;
+ transition: background-color 150ms ease-in-out;
+ white-space: nowrap;
+ font-style: normal;
+ line-height: 1.5em;
+ -webkit-box-shadow: inset 0 -3px 0 gray;
+ -moz-box-shadow: inset 0 -3px 0 gray;
+ box-shadow: inset 0 -3px 0 gray
+}
+
+.button.primary, a.button.primary, input[type=submit].primary {
+ background: #27a8e0;
+ -webkit-box-shadow: inset 0 -3px 0 #187eab;
+ -moz-box-shadow: inset 0 -3px 0 #187eab;
+ box-shadow: inset 0 -3px 0 #187eab
+}
+
+.button.primary:hover, a.button.primary:hover, input[type=submit].primary:hover {
+ background: #1f9fd7
+}
+
+.button.secondary, a.button.secondary, input[type=submit].secondary {
+ background: #f5f7f9;
+ border: 1px solid #dee2e6;
+ color: #A2ABB2;
+ -webkit-box-shadow: inset 0 -3px 0 #d6dbdf;
+ -moz-box-shadow: inset 0 -3px 0 #d6dbdf;
+ box-shadow: inset 0 -3px 0 #d6dbdf
+}
+
+.button.secondary:hover, a.button.secondary:hover, input[type=submit].secondary:hover {
+ background: #EDF0F3;
+ text-decoration: none
+}
+
+.button.full, a.button.full, input[type=submit].full {
+ width: 100%;
+ display: block
+}
+
+.button-wrap {
+ overflow: hidden
+}
+
+.button-wrap .button.half {
+ float: left;
+ width: 48%;
+ margin-left: 4%
+}
+
+.button-wrap .button.half:first-child {
+ margin: 0
+}
+
+label {
+ display: block;
+ color: #8894a0;
+ margin-bottom: 0.5em
+}
+
+input[type=password], input[type=text], input[type=tel], input[type=email], input[type=url], textarea {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ background: #fff;
+ border: 1px solid #ddd;
+ color: #626e7a;
+ display: block;
+ height: 48px;
+ line-height: 1.5em;
+ margin-bottom: 1.5em;
+ padding: 0.5em;
+ -webkit-transition: border 150ms ease-in-out;
+ -moz-transition: border 150ms ease-in-out;
+ -o-transition: border 150ms ease-in-out;
+ transition: border 150ms ease-in-out;
+ width: 100%
+}
+
+input[type=password]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=url]:focus, textarea:focus {
+ border: 1px solid #8894a0;
+ outline: none
+}
+
+input[type=password].mailing-list, input[type=text].mailing-list, input[type=tel].mailing-list, input[type=email].mailing-list, input[type=url].mailing-list, textarea.mailing-list {
+ display: inline-block;
+ margin: 0 0.5em 0 0;
+ width: 300px
+}
+
+input[type=password].erroneous, input[type=text].erroneous, input[type=tel].erroneous, input[type=email].erroneous, input[type=url].erroneous, textarea.erroneous {
+ border: 1px solid #e34c26
+}
+
+textarea {
+ min-height: 150px
+}
+
+select {
+ margin-bottom: 1.5em;
+ width: 100%
+}
+
+.field-errors {
+ margin: 0 0 0.5em 0
+}
+
+.field-errors .field-error {
+ color: #e34c26
+}
+
+.process-diagram .diagram {
+ display: block;
+ max-width: 450px;
+ width: 100%
+}
+
+.process-diagram .icon-container {
+ display: inline-block;
+ float: left;
+ margin-right: 3.5%;
+ vertical-align: top;
+ width: 14%
+}
+
+.process-diagram .icon-description {
+ display: inline-block;
+ float: left;
+ vertical-align: top;
+ width: 82.5%
+}
+
+.process-diagram ul {
+ overflow: hidden
+}
+
+.process-diagram ul li {
+ float: left;
+ margin-top: 1.5em
+}
+
+.team {
+ text-align: center
+}
+
+.team a {
+ display: block;
+ text-decoration: none;
+ margin-bottom: 1.75em;
+ padding: 0
+}
+
+.team .team-photo {
+ position: relative
+}
+
+.team .team-photo .tint {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ transition: background-color 0.3s ease;
+ z-index: 1
+}
+
+.team .team-photo .tint:hover {
+ background-color: rgba(39, 168, 224, 0.8)
+}
+
+.team .team-photo .tint:hover:before {
+ font-family: "FrescoSansPlusBold", Helvetica, Arial, sans-serif;
+ border-bottom: 2px solid #fff;
+ border-top: 2px solid #fff;
+ color: #fff;
+ content: "Read Bio";
+ display: block;
+ font-size: 0.8em;
+ letter-spacing: 2px;
+ margin: 42.3% auto;
+ padding: 0.3em 0 0 0;
+ text-transform: uppercase;
+ width: 96px
+}
+
+.team img {
+ display: block;
+ margin-bottom: 0.75em
+}
+
+.team h3 {
+ margin: 1em 0 0 0
+}
+
+.team p {
+ color: #8894a0;
+ font-family: "FrescoPlusNormalItalic", Georgia, serif;
+ font-size: 0.8em;
+ margin: 0.1em 0 0 0
+}
+
+.team .row {
+ margin-top: 1em
+}
+
+.team .row:first-child {
+ margin-top: 0
+}
+
+.bio .column.one-fourth {
+ margin: 0
+}
+
+.bio .column.three-fourths {
+ float: right;
+ padding: 0 15% 0 5%
+}
+
+.bio .bio-header {
+ margin: 0 auto;
+ overflow: hidden;
+ margin: 0 0 1.5em 0;
+ width: 100%
+}
+
+.bio .bio-header img {
+ display: inline-block;
+ float: left;
+ margin-right: 4%;
+ width: 20%
+}
+
+.bio .bio-header .name {
+ float: left
+}
+
+.bio .bio-header .name h1 {
+ margin: 0
+}
+
+.bio .bio-header .name .bio-title {
+ color: #8894a0;
+ font-family: "FrescoPlusNormalItalic", Georgia, serif;
+ font-size: 1em;
+ margin: 0
+}
+
+.bio .bio-header .name .grad-date {
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -ms-border-radius: 2px;
+ -o-border-radius: 2px;
+ border-radius: 2px;
+ border: 1px solid #eef2f5;
+ color: #A8B2BB;
+ display: inline-block;
+ font-size: 0.7em;
+ padding: 0.2em 0.5em;
+ margin: 0.5em 0 0 0
+}
+
+.bio .social-links {
+ margin: 1em 0 2em 0;
+ padding-top: 1em
+}
+
+.bio .social-links li {
+ display: inline
+}
+
+.bio .social-links a {
+ text-decoration: none
+}
+
+.craftsman-list, .resident-list {
+ font-size: 0.9em
+}
+
+.craftsman-list ul, .resident-list ul {
+ margin: 0;
+ padding: 0
+}
+
+.craftsman-list ul a, .resident-list ul a {
+ color: #27a8e0;
+ display: block;
+ padding: 0 0 0.25em 0
+}
+
+.craftsman-list ul a:hover, .resident-list ul a:hover {
+ text-decoration: underline
+}
+
+.craftsman-list ul a:visited, .resident-list ul a:visited {
+ color: #1f9fd7
+}
+
+.principles .icon-container {
+ display: inline-block;
+ float: left;
+ margin-right: 3.5%;
+ vertical-align: top;
+ width: 14%
+}
+
+.principles .icon-description {
+ display: inline-block;
+ float: left;
+ margin-bottom: 1.5em;
+ vertical-align: top;
+ width: 82.5%
+}
+
+.principles p {
+ margin: 0 0 1em 0
+}
+
+.upcoming-events p {
+ margin-bottom: 0
+}
+
+.event-container {
+ background: #fff;
+ border: 1px solid #eef2f5;
+ margin-bottom: 2em
+}
+
+.event-container ul {
+ padding: 1em;
+ margin: 0
+}
+
+.event-container .event-title {
+ color: #29323c;
+ display: block;
+ font-size: 1.3125em;
+ line-height: 1.5em;
+ margin: 0.25em 0;
+ text-decoration: none
+}
+
+.event-container .event-title:hover {
+ color: #27a8e0
+}
+
+.event-container .event-date-time {
+ color: #A4B1BE;
+ font-size: 0.8em
+}
+
+.event-container .event-speaker {
+ color: #A4B1BE;
+ display: block;
+ font-size: 0.9em;
+ font-family: "FrescoPlusNormalItalic", Georgia, serif;
+ font-style: normal;
+ font-size: 0.8em
+}
+
+.event-container .event-speaker a:hover {
+ color: #8894a0;
+ text-decoration: none
+}
+
+.event-container .event-location {
+ color: #27a8e0;
+ display: inline-block;
+ font-size: 0.8em;
+ line-height: 1.3em
+}
+
+.event-container .button {
+ margin-top: 2em
+}
+
+.event-container .blend:hover {
+ color: #27a8e0
+}
+
+.breadcrumbs {
+ background: #f5f8fa;
+ font-size: 0.9em
+}
+
+.breadcrumbs .container {
+ padding: 0.5em 0
+}
+
+.breadcrumbs ul {
+ margin: 0;
+ padding: 0
+}
+
+.breadcrumbs ul li {
+ color: #626e7a;
+ display: inline;
+ margin-left: 1em;
+ text-decoration: none
+}
+
+.breadcrumbs ul li:first-child {
+ margin-left: 0
+}
+
+.breadcrumbs ul a {
+ color: #8894a0;
+ text-decoration: underline
+}
+
+.breadcrumbs ul a:hover {
+ color: #626e7a
+}
+
+.breadcrumbs ul .arrow {
+ color: #8894a0;
+ font-size: 0.8em
+}
+
+.portfolio-list a, .portfolio-list img {
+ display: block
+}
+
+.portfolio-list .add-margin {
+ margin-bottom: 2.5em
+}
+
+.portfolio .container {
+ max-width: 700px
+}
+
+.portfolio .container img {
+ display: block;
+ margin-bottom: 2em
+}
+
+.portfolio h1 {
+ font-size: 1.6em
+}
+
+.portfolio h3 {
+ color: #626e7a;
+ font-size: 1.5em;
+ font-family: "FrescoSansPlusPro-Normal", Helvetica, Arial, sans-serif;
+ font-style: normal
+}
+
+.portfolio ul li {
+ margin-bottom: 0.5em
+}
+
+.portfolio-intro {
+ text-align: center
+}
+
+.portfolio-intro h2 {
+ color: #626e7a;
+ font-size: 1.5em;
+ font-family: "FrescoPlusNormalItalic", Georgia, serif;
+ font-style: normal;
+ max-width: 680px;
+ margin: 0 auto
+}
+
+.portfolio-intro p {
+ color: #8894a0;
+ max-width: 680px;
+ margin: 0 auto
+}
+
+.portfolio-quote {
+ border: none;
+ color: #fff
+}
+
+.portfolio-quote blockquote {
+ margin: 0;
+ border: none
+}
+
+.portfolio-quote blockquote p {
+ font-size: 1.8em;
+ line-height: 1.4em;
+ margin-bottom: 1em
+}
+
+.portfolio-quote blockquote cite {
+ color: #fff;
+ color: rgba(255, 255, 255, 0.7);
+ font-family: "FrescoPlusNormalItalic", Georgia, serif;
+ font-size: 1.3em;
+ font-style: normal
+}
+
+.portfolio-quote.go-big {
+ background-image: url("/assets/portfolio/main/go-big-hero-d380f03a2febc65abbc76274988d3ce1.jpg")
+}
+
+.portfolio-quote.law-vault {
+ background: #d74b30
+}
+
+.portfolio-quote.scna {
+ background: #27a8e0
+}
+
+.portfolio-quote.ncsa {
+ background: #f07f31
+}
+
+.portfolio-quote.groupon {
+ background: #89b555
+}
+
+.portfolio-quote.gray {
+ background: #eef2f5;
+ color: #626e7a
+}
+
+.portfolio-quote.gray cite {
+ color: #8894a0
+}
+
+.services {
+ border-top: 1px solid #eef2f5;
+ padding: 0
+}
+
+.services .container {
+ padding: 0
+}
+
+.services .service-type {
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -ms-border-radius: 2px;
+ -o-border-radius: 2px;
+ border-radius: 2px;
+ background: #fff;
+ border: 1px solid #eef2f5;
+ color: #8894a0;
+ display: inline-block;
+ float: left;
+ font-size: 0.9em;
+ margin: 3%;
+ text-align: center;
+ width: 27.33333333%
+}
+
+.services .service-type img {
+ display: block;
+ margin: 0.5em auto 2em auto;
+ max-width: 100px
+}
+
+.services .service-type h3 {
+ font-size: 1.1em;
+ padding: 0 1em
+}
+
+.services .service-type p {
+ font-size: 1em;
+ margin-bottom: 1em;
+ padding: 0 1em
+}
+
+.services .service-type a {
+ color: #626e7a;
+ text-decoration: underline
+}
+
+.services .service-type a:hover {
+ color: #8894a0
+}
+
+.services .service-type ul {
+ background: #f5f8fa;
+ border-top: 1px solid #eef2f5;
+ margin: 2em 0 0 0;
+ text-align: left
+}
+
+.services .service-type li {
+ border-bottom: 1px solid #eef2f5;
+ font-size: 0.9em;
+ line-height: 1.6em;
+ margin: 0;
+ padding: 0.8em 1.2em
+}
+
+.services .service-type li:last-child {
+ border-bottom: none;
+ margin-bottom: 0
+}
+
+.quote {
+ font-family: "FrescoPlusNormalItalic", Georgia, serif;
+ font-style: normal
+}
+
+.quote span {
+ display: block;
+ font-size: 0.8em;
+ margin-top: 1em
+}
+
+.skills p {
+ margin-bottom: 1em
+}
+
+.skills .container {
+ padding-bottom: 0
+}
+
+.story-type .level-icon {
+ width: 40%;
+ margin: 0em 2em 3em 2em
+}
+
+.story-type .column {
+ padding: 1em
+}
+
+.story-type h3 {
+ font-size: 1.1em;
+ text-align: center
+}
+
+.story-type p {
+ font-size: 0.9em
+}
+
+.story-type .sub-title {
+ font-family: "FrescoPlusNormalItalic", Georgia, serif;
+ margin-bottom: 1em;
+ text-align: center
+}
+
+.story-type ul li {
+ font-size: 0.9em;
+ margin-bottom: 0.5em
+}
+
+.apprenticeship-levels {
+ border-top: 1px solid #eef2f5;
+ padding: 0
+}
+
+.apprenticeship-levels .container {
+ padding: 0
+}
+
+.apprenticeship-levels .apprenticeship-details {
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -ms-border-radius: 2px;
+ -o-border-radius: 2px;
+ border-radius: 2px;
+ background: #fff;
+ border: 1px solid #eef2f5;
+ color: #8894a0;
+ display: inline-block;
+ float: left;
+ font-size: 0.9em;
+ margin: 3%;
+ text-align: center;
+ width: 27.33333333%
+}
+
+.apprenticeship-levels .apprenticeship-details img {
+ display: block;
+ margin: 0.5em auto 2em auto;
+ max-width: 100px
+}
+
+.apprenticeship-levels .apprenticeship-details h3 {
+ font-size: 1.1em;
+ padding: 0 1em
+}
+
+.apprenticeship-levels .apprenticeship-details p {
+ font-size: 1em;
+ margin-bottom: 1em;
+ padding: 0 1em
+}
+
+.apprenticeship-levels .apprenticeship-details a {
+ color: #626e7a;
+ text-decoration: underline
+}
+
+.apprenticeship-levels .apprenticeship-details a:hover {
+ color: #8894a0
+}
+
+.apprenticeship-levels .apprenticeship-details ul {
+ background: #f5f8fa;
+ border-top: 1px solid #eef2f5;
+ margin: 2em 0 0 0;
+ text-align: left
+}
+
+.apprenticeship-levels .apprenticeship-details li {
+ border-bottom: 1px solid #eef2f5;
+ margin: 0;
+ padding: 0.8em 1.2em
+}
+
+.apprenticeship-levels .apprenticeship-details li:last-child {
+ border-bottom: none;
+ margin-bottom: 0
+}
+
+.apprenticeship-form aside {
+ float: right
+}
+
+.apprenticeship-form aside p {
+ margin-bottom: 2em
+}
+
+.blend {
+ color: inherit
+}
+
+.add-margin {
+ margin: 0 0 1.5em 0
+}
+
+.remove-margin {
+ margin: 0
+}
+
+.add-border {
+ border-bottom: 1px solid #eef2f5
+}
+
+.remove-border {
+ border: none
+}
+
+.error-page, .apply-page {
+ padding: 10em 0
+}
+
+.center {
+ text-align: center
+}
+
+.styleguide-nav {
+ background: #8894a0
+}
+
+.styleguide-nav a {
+ color: #fff;
+ padding: 1em
+}
+
+.styleguide-nav a:first-child {
+ padding-left: 0
+}
+
+.styleguide-nav ul {
+ margin: 0
+}
+
+.styleguide-nav li {
+ display: inline-block
+}
+
+.styleguide-header {
+ text-align: center
+}
+
+.styleguide-header .container {
+ padding: 1.5em 0
+}
+
+.styleguide-header h4 {
+ color: #777;
+ font-family: "FrescoSansPlusSCNormalRegular", Helvetica, Arial, sans-serif;
+ font-size: 1.3em;
+ letter-spacing: 1px;
+ margin-bottom: 0;
+ text-transform: lowercase
+}
+
+.tag {
+ display: block;
+ color: #8894a0;
+ margin-bottom: 1.5em
+}
+
+.code-label {
+ background: #f5f8fa;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
+ border-radius: 3px;
+ border: 1px solid #eef2f5;
+ color: #8894a0;
+ display: inline-block;
+ font-size: 0.85em;
+ margin-bottom: 0.5em;
+ padding: 0.2em 0.5em;
+ white-space: nowrap;
+ font-family: Courier, Arial
+}
+
+.color-wrap {
+ display: inline-block
+}
+
+.color-circle {
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ -ms-border-radius: 50%;
+ -o-border-radius: 50%;
+ border-radius: 50%;
+ display: inline-block;
+ height: 150px;
+ width: 150px;
+ margin-left: 2em
+}
+
+.color-circle:first-child {
+ margin-left: 0
+}
+
+.color-circle span {
+ color: #fff;
+ display: block;
+ padding: 64px 0;
+ text-align: center
+}
+
+.color-circle.light-gray {
+ background: #eef2f5
+}
+
+.color-circle.light-gray span {
+ color: #29323c
+}
+
+.color-circle.medium-gray {
+