@charset "UTF-8";
/* =IE <9 Style
===================================================== */
/* =Information

	Design: 	HDD
	HTML/CSS:	Tailored Development, Lucijan Blagonic
	WordPress:	Tailored Development, Zoran Ugrina

===================================================== */
/* =Cheatsheet

	Media queries

	@media (min-width)

		x-large:      1400px
		large:        1200px
		medium-large: 1000px
		medium:       800px
		small-medium: 600px
		small:        400px

	@media (max-width)

		to-x-large:      1399px
		to-large:        1199px
		to-medium-large: 999px
		to-medium:       799px
		to-small-medium: 599px
		to-small:        399px

	Defined in _base.scss

	----------------------------

	HTML structure

	.section-header[role="contentinfo"]
		.container
			.site-branding
				.site-logo
				.site-tagline
	.section-hero
		.container
	.section-main
		.container
			.main-content[role="main"]
			.secondary-content[role="complementary"]
	.section-nav[role="navigation"]
		.container
	.section-footer
		.container

===================================================== */
/* =Include
===================================================== */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* =Custom mixins
===================================================== */
/* =Media Queries
===================================================== */
/* =Project specific
===================================================== */
/* =Welcome
===================================================== */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font: 100%/1.5 "Mote Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: #444;
  background-color: #000;
  /* Copy from HDD prototype */
  letter-spacing: -0.02em;
  -webkit-font-smoothing: antialiased !important; }

/* =Extend
===================================================== */
.container {
  padding: 0.625em;
  padding: 1.25em; }

.post-full .post-image.image-wide {
  margin-left: -0.625em;
  margin-right: -0.625em;
  margin-left: -1.25em;
  margin-right: -1.25em; }

/* =Import
===================================================== */
/* =Fonts
===================================================== */
/* =Typography
===================================================== */
ul, ol, dl, p {
  margin-top: 0;
  margin-bottom: 1.25em; }

h1, h2, h3, h4 {
  color: #222;
  margin-top: 0;
  margin-bottom: .5em;
  font-family: "Mote Semibold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal; }

.page-title,
h1 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.1666666667em;
  margin-top: 0.8333333333em;
  margin-bottom: 0.8333333333em;
  font-family: "Mote Bold 2", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.1428571429em;
  margin-top: 0.7142857143em;
  margin-bottom: 0.7142857143em;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.0625em;
  margin-top: 0.625em;
  margin-bottom: 0.625em;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 1;
  margin-top: 0.4761904762em;
  margin-bottom: 0.4761904762em; }

h2 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.1666666667em;
  margin-top: 0.8333333333em;
  margin-bottom: 0.4166666667em;
  font-size: 27px;
  font-size: 1.6875rem;
  line-height: 1.1851851852em;
  margin-top: 0.7407407407em;
  margin-bottom: 0.3703703704em; }

h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2222222222em;
  margin-top: 1.1111111111em;
  margin-bottom: 0.5555555556em;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.2380952381em;
  margin-top: 0.9523809524em;
  margin-bottom: 0.4761904762em; }

h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25em;
  margin-top: 1.25em;
  margin-bottom: 0.625em;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333em;
  margin-top: 1.1111111111em;
  margin-bottom: 0.5555555556em; }

h5 {
  font-variant: small-caps;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.3em;
  font-family: "Mote Semibold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  margin-top: 1em;
  margin-bottom: 1em; }

p, li, label, td, th {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5em;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5em; }

p {
  margin-bottom: 1.25em;
  margin-bottom: 1.1111111111em; }

a {
  color: #ff0000;
  text-decoration: none; }
  a:hover, a:focus {
    color: #222;
    text-decoration: underline;
    outline: none; }

strong {
  font-family: "Mote Bold 2", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  color: #222; }

em {
  font-family: "Mote Regular Italic", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }

sup {
  vertical-align: text-top;
  font-size: 75%; }

sub {
  vertical-align: bottom;
  font-size: 75%; }

blockquote {
  font-family: "Mote Regular Italic", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

/* =Table
===================================================== */
table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  border-spacing: 0; }

/* =Forms
===================================================== */
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"],
input[type="number"], input[type="email"], input[type="url"], input[type="search"],
input[type="tel"], input[type="color"], textarea, select {
  font-family: "Mote Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5em;
  padding: 0.4375em 0.875em;
  border: 1px solid #444;
  width: 100%;
  height: 2.5em;
  -webkit-appearance: none;
  /* Focus styles */
  /*	Hover styles */ }

textarea {
  resize: vertical;
  height: 12.5em;
  display: block; }

select {
  border-radius: 0;
  cursor: pointer;
  height: 2.5em;
  background-color: #fff;
  -webkit-appearance: menulist; }

form {
  /* Error styles */ }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

/* Forms */
.field-container {
  /* Field: Search */
  /* Field: Signup */
  /* Hide labels */
  /* Checkbox and radio */ }
  .field-container .field {
    margin-bottom: 1.25em; }
  .field-container .field > label {
    display: block;
    color: #888;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5em;
    margin-bottom: 0.25em; }
  .field-container .group {
    position: relative; }
  .field-container .field-search input[type="text"] {
    padding-right: 3.375em;
    font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; }
  .field-container .field-search button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 2.5em;
    padding: 0.25em;
    line-height: 1; }
    .field-container .field-search button .icon {
      font-size: 32px;
      font-size: 2rem;
      position: relative;
      top: -1px;
      right: -1px; }
    .field-container .field-search button .label {
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden; }
  .section-header .field-container .field-search input[type="text"] {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0.6666666667em 3.7777777778em 0.6666666667em 1.1111111111em;
    min-height: 2.6666666667em; }
  .section-header .field-container .field-search button {
    min-width: 3em; }
  .field-container .field-signup input[type="email"] {
    font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
    padding-right: 8.25em; }
  .field-container .field-signup input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 7.5em; }
  .field-container.label-hide .field > label {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden; }
  .field-container .field-checkbox .group > label,
  .field-container .field-radio .group > label {
    cursor: pointer;
    display: block;
    color: #666;
    font-size: 16px;
    font-size: 1rem;
    padding: 0.25em 0.25em 0.25em 1.5em;
    position: relative;
    margin: 0; }
  .field-container .field-checkbox input[type="checkbox"],
  .field-container .field-checkbox input[type="radio"],
  .field-container .field-radio input[type="checkbox"],
  .field-container .field-radio input[type="radio"] {
    position: absolute;
    top: 0.5em;
    left: 0; }
  .field-container .field-checkbox.inline .group > label,
  .field-container .field-radio.inline .group > label {
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 0; }

/* Search form */
.search-form {
  width: 100%;
  clear: both;
  float: left; }
  .search-form .field {
    margin-bottom: 0; }

/* Filter form */
.filter-form .label-hide > label {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

/* =User content
===================================================== */
/* Post content */
.post-content {
  /* Post aside (e.g. exhibit information) */ }
  .post-content ul {
    list-style: disc;
    margin-left: 0;
    padding-left: 0; }
  .post-content ol {
    list-style: decimal;
    margin-left: 0;
    padding-left: 0; }
    .post-content ol ol {
      list-style: lower-latin; }
  .post-content ul ul,
  .post-content ol ul,
  .post-content ul ol,
  .post-content ol ol {
    margin-bottom: 0; }
  .post-content li {
    margin-top: 0.625em; }
    .post-content li li {
      font-size: 1em;
      margin-left: 1.5em; }
  .post-content dl dt {
    font-weight: normal;
    font-family: "Mote Semibold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    margin-top: 1.1111111111em;
    margin-bottom: 0.5555555556em; }
  .post-content dl dd {
    font-family: "Mote Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  .portfolio-single .post-content img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.25em; }
  .post-content em,
  .post-content i {
    font-style: normal;
    font-family: "Mote Regular Italic", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  .post-content strong em,
  .post-content strong i {
    font-style: normal;
    font-family: "Mote Bold Italic", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  .post-content blockquote {
    padding: 0;
    margin: 1.25em 0;
    font-style: normal;
    font-family: "Mote Regular Italic", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    width: 120%;
    margin-left: -10%; }
    .post-content blockquote p {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.1666666667em;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1.2142857143em; }
  .post-content .gallery {
    list-style: none;
    margin-bottom: 0.625em; }
    .post-content .gallery:after {
      content: "";
      display: table;
      clear: both; }
    .post-content .gallery li {
      float: left;
      width: 5em;
      margin: 0 1.25em 1.25em 0; }
    .post-content .gallery a {
      display: block;
      -webkit-transition: all, 0.2s, ease-in;
      -moz-transition: all, 0.2s, ease-in;
      transition: all, 0.2s, ease-in; }
      .post-content .gallery a:hover, .post-content .gallery a:focus, .post-content .gallery a:active {
        opacity: .7; }
    .post-content .gallery img {
      height: auto;
      width: 100%;
      display: block; }
  .post-content.post-aside h2, .post-content.post-aside h3, .post-content.post-aside h4, .post-content.post-aside h5, .post-content.post-aside p, .post-content.post-aside li {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.375em; }
  .post-content.post-aside li {
    list-style: none;
    margin-top: 0; }
  .post-content.post-aside h2, .post-content.post-aside h3, .post-content.post-aside h4, .post-content.post-aside h5 {
    font-family: "Mote Bold 2", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal; }
  .post-content.post-aside strong {
    font-family: "Mote Bold 2", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal; }

/* Override inline style="width: x" */
.wp-caption[style] {
  width: auto !important; }

.wp-caption {
  margin-bottom: 1.25em; }
  .wp-caption .wp-caption-dt img,
  .wp-caption img {
    max-width: none;
    width: 100%; }
  .wp-caption .wp-caption-dd,
  .wp-caption p {
    padding: 0;
    margin: 0;
    color: #999;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5em;
    margin-top: 0.625em; }
  .wp-caption.alignleft {
    width: 152.173913043%;
    margin-left: -52.1739130435%; }
    .wp-caption.alignleft p {
      width: 31.4285714286%;
      float: left;
      margin-top: 1.25em; }
  .wp-caption.alignright {
    width: 152.173913043%;
    margin-right: -52.1739130435%; }
    .wp-caption.alignright p {
      width: 31.4285714286%;
      float: right;
      margin-top: 1.25em; }

img.alignleft {
  max-width: none;
  width: 152.173913043%;
  margin-left: -52.1739130435%; }

img.alignright {
  max-width: none;
  width: 152.173913043%;
  margin-right: -52.1739130435%; }

/* =Header
===================================================== */
.section-header {
  background-color: #fff;
  /* Fixed navigation */
  /* Nav action */
  /* Search */
  /* Site nav */ }
  .section-header .container {
    padding-top: 0.625em;
    padding-bottom: 0.625em;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    padding-top: 1.875em; }
  .has-fixed-nav .section-header {
    /* Make space for fixed navigation == height of navigation */
    padding-bottom: 4.25em; }
  .section-header .nav-action {
    float: left;
    margin-top: 1.25em;
    border-color: transparent;
    padding: 0.25em;
    height: 2.5em;
    width: 2.5em;
    line-height: 1;
    display: none; }
    .section-header .nav-action:before {
      font-size: 32px;
      font-size: 2rem;
      font-family: "hdd";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: relative;
      top: -2px; }
    .section-header .nav-action .label {
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden; }
  .section-header .search-form {
    width: 74.4680851064%; }
  .section-header .site-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
    border: 1px solid #000;
    margin-top: 1.25em;
    margin-top: 0; }
    .section-header .site-nav li {
      float: left;
      font-family: "Mote Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.3333333333em;
      font-weight: 400;
      text-transform: lowercase;
      border-left: 1px solid #000; }
      .section-header .site-nav li:first-child {
        border-left: 0; }
    .section-header .site-nav a {
      display: block;
      color: #444;
      padding: 0.4444444444em 0.5555555556em; }
      .section-header .site-nav a:hover, .section-header .site-nav a:focus, .section-header .site-nav a:hover {
        color: #fff;
        background-color: #000;
        text-decoration: none; }
    .section-header .site-nav a {
      padding: 0.6666666667em 0.7777777778em; }

.site-branding {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

/* =Footer
===================================================== */
.footer-content:after {
  content: "";
  display: table;
  clear: both; }

.footer-content .widget-text {
  float: left;
  width: 31.914893617%;
  margin-left: 2.1276595745%; }
  .footer-content .widget-text h4 {
    color: #fff;
    border-color: #fff; }
  .footer-content .widget-text:first-child {
    margin-left: 0; }

.footer-content ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.footer-content p,
.footer-content li {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5714285714em; }

.footer-content p {
  margin-bottom: 0.7857142857em; }

.footer-content a {
  color: #999; }

.footer-logo {
  clear: both;
  text-align: center;
  border-top: 1px solid #fff;
  padding-top: 1.25em;
  margin-top: 1.25em; }
  .footer-logo .group {
    padding: 0.75em 0;
    text-align: center; }
  .footer-logo .group.inline {
    display: inline-block;
    margin: 0 0.625em; }
  .footer-logo h4 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4285714286em;
    margin-bottom: 0.2857142857em;
    font-family: "Mote Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.4); }
  .footer-logo ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .footer-logo ul:after {
      content: "";
      display: table;
      clear: both; }
  .footer-logo li {
    display: inline-block;
    margin: 0.25em 0.5em; }
  .footer-logo a {
    display: block; }
  .footer-logo img {
    display: block;
    opacity: .6;
    -webkit-transition: all, 0.2s, ease;
    -moz-transition: all, 0.2s, ease;
    transition: all, 0.2s, ease; }
  .footer-logo a:hover img,
  .footer-logo a:focus img,
  .footer-logo a:active img {
    opacity: 1; }

/* =Main
===================================================== */
.section-main {
  overflow: hidden;
  background-color: #fff; }
  .page-post .section-main .main-content {
    margin-left: auto;
    margin-right: auto;
    width: 48.9361702128%; }
  .page-static .section-main .main-content {
    float: right;
    width: 48.9361702128%;
    margin-right: 25.5319148936%; }
  .page-static .section-main .secondary-content {
    float: left;
    width: 23.4042553191%; }
  .page-user-listing .section-main .main-content,
  .page-designer-listing .section-main .main-content {
    float: left;
    width: 68.085106383%; }
  .page-user-listing .section-main .secondary-content,
  .page-designer-listing .section-main .secondary-content {
    float: right;
    width: 31.914893617%; }
  .section-main .portfolio-single {
    margin-left: auto;
    margin-right: auto;
    width: 48.9361702128%; }

.section-aside {
  background-color: #ccc; }

/* =Navigation
===================================================== */
.section-nav {
  background-color: #fff;
  position: relative;
  z-index: 200;
  -webkit-transition: all, 0.4s, ease;
  -moz-transition: all, 0.4s, ease;
  transition: all, 0.4s, ease;
  /* Nav state */ }
  .section-nav .container {
    padding-top: 0;
    padding-bottom: 0; }
  .section-nav ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .js .section-nav {
    max-height: 0;
    overflow: hidden;
    max-height: 500em;
    overflow: visible; }
  .section-nav.is-opened {
    max-height: 500em; }
  .section-nav [class*="-nav"] {
    /* Sub menu */
    /* Sub menu */ }
    .section-nav [class*="-nav"] li {
      font-family: "Mote Semibold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.3333333333em;
      border-top: 1px solid #ddd;
      font-weight: normal; }
    .section-nav [class*="-nav"] li li {
      font-weight: normal; }
    .section-nav [class*="-nav"] a {
      display: block;
      color: #333;
      padding: 0.4444444444em 0.5555555556em;
      text-decoration: none; }
      .section-nav [class*="-nav"] a:hover, .section-nav [class*="-nav"] a:focus, .section-nav [class*="-nav"] a:active {
        text-decoration: none;
        color: #000; }
    .section-nav [class*="-nav"] .sub-menu li {
      font-weight: normal; }
    .section-nav [class*="-nav"] .sub-menu a {
      color: #999;
      padding-left: 1.6666666667em; }
    .section-nav [class*="-nav"] li {
      border: none;
      float: left;
      position: relative; }
    .section-nav [class*="-nav"] a {
      padding: 1em 1.1111111111em 0.9444444444em 1.1111111111em;
      border-bottom: 1px solid transparent; }
      .section-nav [class*="-nav"] a:hover, .section-nav [class*="-nav"] a:focus, .section-nav [class*="-nav"] a:active {
        border-color: #000; }
    .section-nav [class*="-nav"] li li {
      width: 100%; }
    .section-nav [class*="-nav"] li li a {
      border: none; }
    .section-nav [class*="-nav"] .dropdown:hover a,
    .section-nav [class*="-nav"] .dropdown:focus a,
    .section-nav [class*="-nav"] .dropdown:active a,
    .section-nav [class*="-nav"] .is-focused a {
      border-color: transparent; }
    .section-nav [class*="-nav"] .dropdown:hover .sub-menu,
    .section-nav [class*="-nav"] .dropdown:focus .sub-menu,
    .section-nav [class*="-nav"] .dropdown:active .sub-menu,
    .section-nav [class*="-nav"] .is-focused .sub-menu {
      display: block; }
    .section-nav [class*="-nav"] .sub-menu {
      position: absolute;
      z-index: 200;
      top: 100%;
      left: 0;
      width: 12.5em;
      background-color: #fff;
      padding: 0.625em 0;
      box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15);
      display: none; }
      .section-nav [class*="-nav"] .sub-menu li {
        border: none;
        font-weight: normal; }
      .section-nav [class*="-nav"] .sub-menu a {
        color: #000;
        padding: 0.4444444444em 1.1111111111em; }
        .section-nav [class*="-nav"] .sub-menu a:hover, .section-nav [class*="-nav"] .sub-menu a:focus, .section-nav [class*="-nav"] .sub-menu a:active {
          color: #fff;
          background-color: #aaa; }
    .section-nav [class*="-nav"] .current-menu-item > a,
    .section-nav [class*="-nav"] .current-menu-parent > a,
    .section-nav [class*="-nav"] .current_page_item > a,
    .section-nav [class*="-nav"] .current_page_ancestor > a {
      border-color: #000; }
  .section-nav .secondary-nav {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    display: none; }
  .has-fixed-nav .section-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.15); }
  .has-fixed-nav.admin-bar .section-nav {
    top: 32px; }

/* =Widgets
===================================================== */
[class*="widget-"]:after {
  content: "";
  display: table;
  clear: both; }

[class*="widget-"] .widget-title {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4285714286em;
  padding: 0.7142857143em 0;
  margin-bottom: 1.4285714286em;
  margin-top: 0;
  border-bottom: 1px solid #000;
  text-transform: uppercase; }

/* Widget: Navigation */
.widget-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.widget-navigation ul ul {
  display: none; }

.widget-navigation li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5em;
  font-family: "Mote Semibold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 600;
  border-bottom: 1px solid #ddd; }
  .widget-navigation li:first-child {
    border-top: 1px solid #ddd; }

.widget-navigation li li {
  border-top: 1px solid #ddd;
  border-bottom: none;
  font-family: "Mote Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400; }

.widget-navigation a {
  display: block;
  padding: 0.375em 0;
  color: #222; }

.widget-navigation li li a {
  color: #666;
  padding-left: 1.25em; }
  .widget-navigation li li a:before {
    content: "—";
    float: left;
    margin-left: -1.25em;
    color: #aaa; }

.widget-navigation .current_page_item > a {
  color: #ff0000; }

.widget-navigation .current_page_item .children,
.widget-navigation .current_page_parent .children,
.widget-navigation .current_page_ancestor .children {
  display: block; }

/* Filter nav */
.filter-nav {
  margin-bottom: 1.25em; }
  .filter-nav:after {
    content: "";
    display: table;
    clear: both; }
  .filter-nav .field {
    margin-bottom: 1.25em; }
    .filter-nav .field > label {
      display: block;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.4444444444em;
      font-family: "Mote Medium", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-weight: 500;
      color: #222;
      margin-bottom: 0.5555555556em; }
  .filter-nav .group label {
    cursor: pointer;
    display: block;
    color: #666;
    font-size: 16px;
    font-size: 1rem;
    padding: 0.25em 0.25em 0.25em 2.5em;
    position: relative;
    margin: 0;
    cursor: pointer;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .filter-nav .group input[type="checkbox"],
  .filter-nav .group input[type="radio"] {
    position: absolute;
    top: 0.5em;
    left: 0.875em; }

.filter-item {
  float: left;
  width: 100%;
  margin-top: 0.625em;
  border: 1px solid #444; }
  .filter-item:first-child {
    margin-top: 0; }
  .filter-item .item-content {
    display: none; }
    .filter-item .item-content label {
      cursor: pointer;
      display: block;
      color: #666;
      font-size: 16px;
      font-size: 1rem;
      padding: 0.25em 0.25em 0.25em 2.5em;
      position: relative;
      margin: 0;
      cursor: pointer;
      border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .filter-item .item-content input[type="checkbox"],
    .filter-item .item-content input[type="radio"] {
      position: absolute;
      top: 0.5em;
      left: 0.875em; }
  .filter-item .switcher {
    display: block;
    font-family: "Mote Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5em;
    padding: 0.4375em 0.875em;
    cursor: pointer; }
  .filter-item.is-opened .item-content {
    display: block; }

/* Pagination */
.pagination {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0; }
  .pagination li {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5em;
    display: none;
    margin: 0.25em; }
  .pagination a {
    display: block;
    padding: 0.4375em 0.875em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #444;
    text-decoration: none; }
    .pagination a:hover, .pagination a:focus, .pagination a:active {
      color: #222;
      background-color: #ccc;
      border-color: #ccc; }
  .pagination .prev,
  .pagination .next {
    display: block; }
  .pagination .prev {
    float: left; }
  .pagination .next {
    float: right; }
  .pagination .is-active a {
    color: #fff;
    background-color: #000;
    border-color: #000; }
    .pagination .is-active a:hover, .pagination .is-active a:focus, .pagination .is-active a:active {
      color: #fff;
      background-color: #000;
      border-color: #000; }
  .pagination li {
    display: inline-block; }
  .pagination .prev,
  .pagination .next {
    display: inline-block;
    float: none; }

/* =Post
===================================================== */
/* Post listing */
.post-listing {
  margin-bottom: 2.5em;
  float: left;
  width: 47.8260869565%;
  margin-left: 4.347826087%;
  width: 23.4042553191%;
  margin-left: 2.1276595745%;
  /* Post image */
  /* Post title */
  /* Post summary */
  /* Post meta */
  /* Featured post */
  /* Post medium */
  /* Work listing on homepage */ }
  .post-listing:after {
    content: "";
    display: table;
    clear: both; }
  .post-listing:only-child {
    margin-bottom: 0; }
  .post-listing:nth-of-type(2n+1) {
    margin-left: 0;
    clear: both; }
  .post-listing:nth-of-type(2n+1) {
    margin-left: 2.1276595745%;
    clear: none; }
  .post-listing:nth-of-type(4n+1) {
    margin-left: 0;
    clear: both; }
  .post-listing .post-image {
    padding-bottom: 100%;
    margin-bottom: 1.25em;
    position: relative; }
    .post-listing .post-image .image {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
    .post-listing .post-image .meta-category {
      color: #fff;
      background-color: #000;
      font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
      text-transform: lowercase;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.5em;
      padding: 0.6666666667em 1.3333333333em;
      position: absolute;
      top: 0;
      left: 0; }
      .post-listing .post-image .meta-category:hover, .post-listing .post-image .meta-category:focus, .post-listing .post-image .meta-category:active {
        color: #000;
        background-color: #fff;
        text-decoration: none; }
    .post-listing .post-image img {
      max-width: none;
      width: 100%; }
  .post-listing .post-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0; }
    .post-listing .post-title a {
      color: #000; }
      .post-listing .post-title a:hover, .post-listing .post-title a:focus, .post-listing .post-title a:active {
        color: #999;
        text-decoration: none; }
  .post-listing .post-summary {
    margin-top: 0.5555555556em;
    margin-bottom: 0.625em; }
    .post-listing .post-summary p {
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 1.4;
      margin-bottom: 0; }
  .post-listing .post-meta {
    font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5em;
    color: #999;
    margin-top: 0.5555555556em; }
  .post-listing .post-title + .post-meta {
    margin-top: 0; }
  .post-listing.post-featured {
    float: left;
    width: 100%;
    margin-bottom: 2.5em;
    padding-left: 76.5957446809%; }
    .post-listing.post-featured .post-image {
      padding-bottom: 0; }
      .post-listing.post-featured .post-image .image {
        position: relative;
        top: auto;
        left: auto;
        right: auto; }
      .post-listing.post-featured .post-image .meta-category {
        left: auto;
        right: 0; }
    .post-listing.post-featured .post-title {
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.2;
      margin-bottom: 0.4545454545em;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.2;
      margin-bottom: 0.4166666667em; }
    .post-listing.post-featured .post-image {
      float: left;
      width: 318.181818182%;
      margin-left: -327.272727273%;
      margin-bottom: 0; }
  .post-listing.post-medium {
    width: 31.914893617%;
    margin-left: 2.1276595745%;
    margin-bottom: 0; }
    .post-listing.post-medium .post-image {
      margin-bottom: 0; }
    .post-listing.post-medium:nth-of-type(3n+1) {
      margin-left: 0;
      clear: both; }
  .work-listing .post-listing .post-image {
    margin-bottom: 0; }

/* Post full */
.post-full {
  /* Post image */
  /* Post meta: Header */
  /* Post meta: Footer */
  /* Post summary */ }
  .post-full .post-image {
    margin-bottom: 1.25em; }
  .post-full .post-image.image-wide {
    margin-left: -60%;
    margin-right: -60%;
    width: 220%;
    margin-left: -80%;
    margin-right: -80%;
    width: 260%;
    margin-left: -100%;
    margin-right: -100%;
    width: 300%; }
    .post-full .post-image.image-wide img {
      width: 100%; }
  .post-full .post-meta.post-header {
    color: #999;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 1.25em;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    margin-bottom: 1.1111111111em;
    float: left;
    margin-left: -52.1739130435%;
    width: 47.8260869565%; }
    .post-full .post-meta.post-header [class*="meta-"] {
      display: block; }
    .post-full .post-meta.post-header a {
      color: #444; }
  .post-full .post-meta.post-footer {
    border-top: 1px solid #000;
    padding-top: 1.25em;
    margin-top: 1.25em; }
    .post-full .post-meta.post-footer a {
      color: #999; }
      .post-full .post-meta.post-footer a:hover, .post-full .post-meta.post-footer a:focus, .post-full .post-meta.post-footer a:active {
        color: #fff;
        background-color: #000;
        text-decoration: none; }
    .post-full .post-meta.post-footer .meta-tags {
      list-style: none;
      margin: 0;
      padding: 0; }
      .post-full .post-meta.post-footer .meta-tags li {
        color: #999;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.4;
        display: inline-block;
        margin: 0 0.4285714286em 0.4285714286em 0; }
      .post-full .post-meta.post-footer .meta-tags a {
        padding-top: 0.2142857143em;
        padding-bottom: 0.1428571429em;
        display: inline-block; }
  .post-full .post-summary {
    margin-bottom: 1.25em; }
    .post-full .post-summary p {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.3333333333em;
      margin: 0;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.3em;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.25em; }

/* Widgets + Post listing on Home */
.page-home .widget-events,
.page-home .widget-archive {
  float: left;
  width: 47.8260869565%; }
  .page-home .widget-events .post-listing,
  .page-home .widget-archive .post-listing {
    margin-left: 0;
    width: 100%; }

.page-home .widget-archive {
  margin-left: 4.347826087%; }

.page-home .widget-events {
  width: 74.4680851064%; }
  .page-home .widget-events .post-listing {
    width: 31.4285714286%;
    margin-left: 2.8571428571%; }
    .page-home .widget-events .post-listing:nth-of-type(3n+1) {
      margin-left: 0;
      clear: none; }

.page-home .widget-archive {
  width: 23.4042553191%;
  margin-left: 2.1276595745%; }
  .page-home .widget-archive .post-listing {
    margin-left: 0;
    width: 100%; }

/* =Entry listing
===================================================== */
.entry-listing {
  list-style: none;
  margin: 0;
  padding: 0; }
  .entry-listing li {
    float: left;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 1.25em;
    width: 48.9361702128%;
    margin-left: 2.1276595745%;
    width: 31.914893617%;
    margin-left: 2.1276595745%;
    width: 23.4042553191%;
    margin-left: 2.1276595745%;
    width: 14.8936170213%;
    margin-left: 2.1276595745%; }
    .entry-listing li:nth-child(2n+1) {
      margin-left: 0;
      clear: both; }
    .entry-listing li:nth-child(2n+1) {
      margin-left: 2.1276595745%;
      clear: none; }
    .entry-listing li:nth-child(3n+1) {
      margin-left: 0;
      clear: both; }
    .entry-listing li:nth-child(3n+1) {
      margin-left: 2.1276595745%;
      clear: none; }
    .entry-listing li:nth-child(4n+1) {
      margin-left: 0;
      clear: both; }
    .entry-listing li:nth-child(4n+1) {
      margin-left: 2.1276595745%;
      clear: none; }
    .entry-listing li:nth-child(6n+1) {
      margin-left: 0;
      clear: both; }
  .entry-listing h3 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 0.625em; }
  .entry-listing a {
    display: block; }
  .entry-listing img {
    width: 100%; }

/* =User listing
===================================================== */
.user-listing {
  list-style: none;
  margin: 0;
  padding: 0; }
  .user-listing li {
    float: left;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5em;
    margin-bottom: 1.25em;
    padding-left: 4.75em; }
  .user-listing h3 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5em;
    margin: 0; }
  .user-listing a {
    display: block; }
  .user-listing img {
    width: 100%; }
  .user-listing .user-avatar {
    float: left;
    width: 3.75em;
    margin-left: -4.75em; }
  .user-listing li {
    float: left;
    width: 50%;
    padding-right: 0.7692307692em; }
  .user-listing li {
    width: 33.3333333333%; }

/* =User profile
===================================================== */
.profile-header:after {
  content: "";
  display: table;
  clear: both; }

.profile-header .profile-info {
  padding-left: 7.5em; }

.profile-header .profile-avatar {
  float: left;
  width: 6.5em;
  margin-left: -7.5em; }

.profile-header .profile-name {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.1666666667em;
  margin-top: 0;
  margin-bottom: 0.1666666667em; }

.profile-header h3 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 0.4em; }

.profile-header ul {
  margin: 0;
  padding: 0;
  margin-top: 0.625em; }

.profile-header li,
.profile-header p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 0; }

.profile-header a {
  color: #222; }
  .profile-header a:hover, .profile-header a:focus, .profile-header a:active {
    color: #ff0000;
    text-decoration: none; }

.profile-header li {
  list-style: none; }

.profile-header .item-download {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5em;
  margin-top: 1.25em;
  padding: 0.75em 0 0.75em 3.125em;
  background: url(../../assets/images/icon-pdf.svg) no-repeat 0 50%; }
  .no-svg .profile-header .item-download {
    background-image: url(../../assets/images/icon-pdf.png); }

.profile-header .profile-name {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.4285714286em;
  margin-bottom: 0.5714285714em; }

.profile-header .profile-info {
  float: left;
  width: 31.914893617%; }

.profile-header .profile-contact {
  float: left;
  width: 31.914893617%;
  margin-left: 2.1276595745%; }

.profile-header .profile-social {
  float: left;
  width: 31.914893617%;
  margin-left: 2.1276595745%; }

.profile-portfolio {
  float: left;
  width: 65.9574468085%; }
  .profile-portfolio .portfolio-listing:after {
    content: "";
    display: table;
    clear: both; }
  .profile-portfolio ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .profile-portfolio a {
    display: block; }
    .profile-portfolio a:hover img, .profile-portfolio a:focus img, .profile-portfolio a:active img {
      opacity: .5; }
  .profile-portfolio img {
    width: 100%;
    display: block;
    -webkit-transition: all, 0.2s, ease-in;
    -moz-transition: all, 0.2s, ease-in;
    transition: all, 0.2s, ease-in; }
  .profile-portfolio li {
    float: left;
    width: 22.5806451613%;
    margin-bottom: 3.2258064516%;
    margin-left: 3.2258064516%; }
    .profile-portfolio li:nth-child(4n+1) {
      clear: both;
      margin-left: 0; }
  .profile-portfolio .portfolio-featured li {
    width: 48.3870967742%;
    margin-bottom: 3.2258064516%;
    margin-left: 3.2258064516%; }
    .profile-portfolio .portfolio-featured li:nth-child(2n+1) {
      margin-left: 0;
      clear: both; }

.profile-description {
  float: left;
  width: 31.914893617%;
  margin-left: 2.1276595745%; }
  .profile-description .description-content > *:first-child {
    margin-top: 0; }

.portfolio-single img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.25em; }

/* =Styleguide
===================================================== */
.page-styleguide {
  background-color: #f1f1f1; }

.style-group {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: .25em;
  margin-bottom: 2em; }
  .style-group .style-heading {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    text-transform: uppercase;
    padding: .5em 1em;
    margin-bottom: 0;
    background-color: #fff;
    border-top-left-radius: .25em;
    border-top-right-radius: .25em; }
  .style-group .style-content {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 2em;
    background-color: #fff;
    border-bottom-left-radius: .25em;
    border-bottom-right-radius: .25em; }
    .style-group .style-content:after {
      content: "";
      display: table;
      clear: both; }
    .style-group .style-content.transparent {
      background-color: transparent; }

.style-color {
  color: #fff;
  border: 1px solid #ddd;
  padding: 1em 1.5em;
  float: left;
  width: 49%;
  margin-left: 2%;
  margin-bottom: 2%; }
  .style-color dt {
    font-weight: 700;
    margin: 0; }
  .style-color dd {
    margin: 0; }
  .style-color.var-brand-maincolor {
    background-color: #ff0000; }
  .style-color.var-brand-auxcolor {
    background-color: #ff0000; }
  .style-color.var-linkcolor {
    background-color: #ff0000; }
  .style-color.var-bordercolor {
    background-color: #333;
    color: #222; }
  .style-color.var-successcolor {
    background-color: #111; }
  .style-color.var-warningcolor {
    background-color: #222;
    color: #000; }
  .style-color.var-dangercolor {
    background-color: #333; }
  .style-color:nth-child(2n+1) {
    margin-left: 0;
    clear: both; }

.style-buttons .button {
  margin: 0 1em 1em 0;
  display: inline-block; }

.style-icons li {
  margin-bottom: .5em;
  display: inline-block;
  min-width: 12em; }

/* =Layout
===================================================== */
.container {
  text-align: left;
  margin: 0 auto;
  max-width: 67.5em;
  position: relative; }
  .container:after {
    content: "";
    display: table;
    clear: both; }

/* =Buttons
===================================================== */
.button,
button {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5em;
  font-family: "Mote Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 700;
  padding: 0.4375em 0.75em;
  color: #444;
  background-color: transparent;
  border: none;
  border-radius: 0;
  border: 1px solid #444;
  cursor: pointer;
  -webkit-transition: all 0.05s ease-in;
  -moz-transition: all 0.05s ease-in;
  transition: all 0.05s ease-in; }
  .button:hover, .button:focus,
  button:hover,
  button:focus {
    color: #fff;
    background-color: #222;
    border-color: #222;
    text-decoration: none; }
  .button:active,
  button:active {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent);
    box-shadow: inset 0 0.125em 0.75em 0 rgba(0, 0, 0, 0.4); }

/* =Icons
===================================================== */
@font-face {
  font-family: 'hdd';
  src: url("../../assets/fonts/hdd.eot?lf3yio");
  src: url("../../assets/fonts/hdd.eot?#iefixlf3yio") format("embedded-opentype"), url("../../assets/fonts/hdd.woff?lf3yio") format("woff"), url("../../assets/fonts/hdd.ttf?lf3yio") format("truetype"), url("../../assets/fonts/hdd.svg?lf3yio#hdd") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"],
[class*=" icon-"] {
  font-family: "hdd";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-menu:before {
  content: "\e600"; }

.icon-search:before {
  content: "\e601"; }

.icon-x:before {
  content: "\e602"; }

/* =Generic
===================================================== */
.skip-links {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 200; }
  .skip-links a {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 700;
    padding: .5em .75em;
    display: block;
    background-color: #fff;
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2); }
    .skip-links a:focus {
      position: relative;
      left: auto;
      width: auto;
      height: auto;
      overflow: visible; }

hr {
  border: none;
  border-top: 1px solid #000;
  margin: 1.25em 0;
  padding: 0; }

.message {
  padding: .5em 1em;
  background-color: #eee;
  margin-bottom: 1em; }
  .message p {
    margin-bottom: 0; }

img {
  max-width: 100%;
  display: block; }

/* =WordPress related
===================================================== */
#content {
  background-color: #fff;
  text-align: center;
  padding: 1.25em; }
  .post-content #content {
    padding: 0;
    text-align: left; }

/* =High resolution
===================================================== */