/*
Theme Name: Retinart November
Theme URI: http://retinart.net/
Author: Alex Charchar
Author URI: http://retinart.net
Description: Hi. I'm a starter theme called <code>Retinart November</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.92.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Retinart November
Tags:

Source Maps included :)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Retinart November is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    box-sizing: border-box;
  /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}

*, *:before, *:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a:focus {
    outline: thin dotted;
}

a:hover, a:active {
    outline: 0;
}

a img {
    border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {
    color: #262626;
    font-family: museo-sans, sans-serif;
    font-size: 17.5px;
    font-size: 1.75rem;
    line-height: 1.76;
  /* if there's every been a reason to read 
	the comments on csstricks, this is it : */
  -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #333;
  font-family: "museo-slab"; }

h1.site-title {
  font-family: museo-sans, sans-serif;
  font-weight: 700;
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-style: normal;
  margin: 0px;
  float: left; }
  h1.site-title a, h1.site-title a:visited {
    color: #262626; }
  h1.site-title a:hover {
    color: #b5b0aa !important; }

h1.entry-title {
  font-family: "museo-slab";
  font-size: 2.8em;
  line-height: 1.1em;
  text-align: center;
  margin: 2em 0px 2.5em 0px;
  font-weight: 900; }

h1.entry-title .r_nobreaking {
  display: none; }

@media all and (max-width: 600px) {
  h1.entry-title .r_nobreaking {
    display: block; } }

h1.page-title {
  margin-top: 2.5em;
  margin-bottom: 1em;
  font-weight: 600;
  font-size: 2.5em; }

.entry-feature {
  content: "";
  width: 100%;
  height: 45em;
  background-size: cover;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -2; }

.entry-feature + .entry-header {
  height: 25em;
  margin-bottom: 3em;
  margin-top: 15em; }

.entry-feature + * h1.entry-title {
  font-weight: 300; }

.entry-feature + .entry-title__light h1 {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }

.entry-content h1 {
  font-family: "museo-slab";
  font-size: 1.6em;
  line-height: 1.25em;
  font-weight: 300;
  margin: 1.5em 0px 0.25em 0px;
  padding: 0px 0px 0.25em 0px; }

.entry-content h2 {
  font-size: 1.25em;
  line-height: 1em;
  margin: 1.5em 0px 0.35em 0px;
  font-weight: 300; }

.archive {
  font-style: italic;
  margin-top: -1em; }

.archive h1.entry-title {
  font-weight: 300;
  font-size: 1.5em;
  margin-bottom: 0.5em;
  padding-top: 3em;
  margin-top: 0px;
  width: 100%;
  font-style: normal;
  text-align: left; }

.archive h1.entry-title a {
  color: #333; }

.archive h1.entry-title a:hover {
  color: #666; }

article.post:after {
  content: " ";
  position: absolute;
  z-index: -1;
  left: 0px;
  width: 100%;
  height: auto;
  margin-top: 1em;
  border-bottom: 1px solid #E8E7E3; }

article.post:last-of-type:after {
  border-bottom: none; }

.archive .entry-content {
  padding-bottom: 2em; }
  .archive .entry-content h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 1em;
    margin-bottom: 0.25em;
    font-weight: 200;
    color: #000; }

.archives-links p {
  margin-bottom: 0px;
  font-family: "museo-slab";
  font-weight: 100; }

p {
  font-size: 17.5px;
  font-size: 1.75rem;
  margin: 0px 0px 1em 0px;
  color: #262626; }

b, strong {
  font-weight: bold; }

dfn, cite, em, i {
  font-style: italic; }

blockquote * {
  font-family: "museo-slab";
  color: #666;
  font-style: normal; }

blockquote {
  margin-bottom: -2.25em; }

blockquote p {
  font-size: 1.5em;
  margin: 1.5em 0px;
  font-style: italic;
  font-weight: 100;
  color: rgba(51, 51, 51, 0.9);
  text-indent: -0.25em; }

blockquote cite {
  display: inline-block;
  position: relative;
  top: -2.5em;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.65em; }

blockquote cite:before {
  content: "\2014"; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  border-left: 5px solid #B5B0AA;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
  white-space: pre-wrap; }

code, kbd, tt, var {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

sup, sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  bottom: 1ex; }

sub {
  top: 0.5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

::selection {
  background: #ccc;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: #ccc;
  /* Gecko Browsers */ }

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
  border: 0;
  height: 6px;
  margin-bottom: 1.5em;
  background: rgba(181, 176, 170, 0.2); }

ul, ol {
  margin: -1em 0 1.5em 0em; }

ul {
  list-style: none; }

ol {
  list-style: decimal;
  list-style-position: inside; }

li > ul, li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

h1 + ol, h1 + ul h2 + ol, h2 + ul, h3 + ol, h3 + ul {
  margin-top: 1em; }

.content-area li {
  text-indent: -1em; }

.content-area ul li:before {
  content: "• ";
  color: #B5B0AA;
  /* or whatever color you prefer */
  padding-right: 0.15em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
  margin: 0.5em auto 2em auto;
  border: 1px solid #ccc;
  padding: 10px; }

figure {
  margin: 0; }

figcaption {
  font-family: "museo-slab";
  margin-top: -3.5em;
  margin-bottom: 2em;
  padding: 10px;
  font-size: 0.75em;
  font-style: italic;
  color: #666; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

th {
  font-weight: bold; }

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button, input, select, textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
  font-family: "museo-slab"; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
  border: 1px solid rgba(181, 176, 170, 0.75);
  background: rgba(181, 176, 170, 0.2);
  padding: 1em;
  font-weight: 700; }

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  background: rgba(181, 176, 170, 0.75);
  border: 1px solid #E8E7E3;
  color: #f1f1f1; }

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
  border-color: #E8E7E3; }

input[type="checkbox"], input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */ }

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
  color: #666;
  border: 1px solid rgba(181, 176, 170, 0.75); }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
  color: #111; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
  padding: 0.5em; }

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 0.5em;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%; }

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: #428bca;
  text-decoration: none; }
  a:visited {
    color: #428bca; }
  a:hover, a:focus, a:active {
    color: #B5B0AA; }

a.read-more {
  display: block;
  margin: 1.5em auto; }

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
#site-navigation {
  width: auto;
  float: right;
  clear: none; }

.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%; }
  .main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 1.5em;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul {
        left: 100%; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul {
      left: auto; }
  .main-navigation li {
    float: left;
    position: relative;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-right: 1em; }
  .main-navigation a {
    color: #B5B0AA;
    display: block;
    text-decoration: none; }
  .main-navigation a:hover {
    border-bottom: 5px solid #B5B0AA;
    color: #000; }

/* Small menu */
.menu-toggle {
  display: none; }

@media screen and (max-width: 600px) {
  .menu-toggle, .main-navigation.toggled .nav-menu {
    display: block; } }

.site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation {
  margin: 3em 0 3.5em;
  overflow: hidden; }

.paging-navigation .nav-links .nav-links--old {
  padding-right: 3em; }

.paging-navigation .nav-links a {
  color: #B5B0AA; }

.paging-navigation .nav-links a:hover {
  color: #333; }

.comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

#site-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%; }

#site-canvas {
  width: 100%;
  height: 100%;
  position: relative;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -moz-transform: translateZ(0) translateX(0);
  -ms-transform: translateZ(0) translateX(0);
  -o-transform: translateZ(0) translateX(0);
  -webkit-transform: translateZ(0) translateX(0);
  transform: translateZ(0) translateX(0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: 300ms ease all;
  -ms-transition: 300ms ease all;
  -o-transition: 300ms ease all;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: -webkit-transform 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); }

#main-navigation--toggle {
  display: none; }

@media screen and (max-width: 600px) { }

#site-wrapper.show-nav #site-canvas {
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -moz-transform: translateZ(0) translateX(100%);
  -ms-transform: translateZ(0) translateX(100%);
  -o-transform: translateZ(0) translateX(100%);
  -webkit-transform: translateZ(0) translateX(100%);
  transform: translateZ(0) translateX(100%);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */ }

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  display: block;
  margin: 0 auto; }

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
  content: "";
  display: table; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets */ }
  .widget select {
    max-width: 100%; }

/* Search widget */
.widget_search .search-submit {
  display: none; }

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages and structure
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.byline, .updated:not(.published) {
  display: none; }

.single .byline, .group-blog .byline {
  display: inline; }

.page-content, .entry-content, .entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

.hidden, .hide--desktop {
  display: none; }

#masthead {
  height: 3.5em;
  width: 100%;
  font-family: museo-sans, sans-serif; }
  #masthead:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: -1;
    height: 3.5em;
    background: #ccc;
    opacity: 0.15; }

.masthead-wrap {
  margin-top: 1.2em; }

#page {
  content: "";
  display: table;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  max-width: 1088px;
  width: 100%; }

.inner {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%;
  margin-left: 17.05961%;
  max-width: 1088px; }
  .inner:last-child {
    margin-right: 0; }

body {
  overflow-x: hidden;
  padding: 0px;
  margin: 0px; }

.content--extended {
  display: inline-block;
  height: 30em;
  margin-bottom: 1em;
  margin-top: 0.5em; }

.content--extended p {
  color: #fff; }

.content--extended:before {
  content: " ";
  position: absolute;
  left: 0px;
  margin-top: -15px;
  margin-bottom: 10px;
  width: 100%;
  z-index: -1;
  height: 30em;
  background-color: #333;
  background-position: center center;
  background-size: cover; }

.body--extended-row {
  height: auto; }

.body--extended-1A {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 48.21067%;
  height: auto;
  background: red; }
  .body--extended-1A:last-child {
    margin-right: 0; }

.page-bottom-spacing {
  margin-bottom: 5em; }

#colophon {
  height: 10em; }

#colophon p {
  text-align: center;
  font-style: italic;
  font-weight: 300;
  text-align: center;
  padding-top: 4em;
  color: #E8E7E3; }

#colophon:before {
  content: " ";
  position: absolute;
  z-index: -1;
  left: 0px;
  width: 100%;
  height: 10em;
  background: #333; }

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title {
  display: none; }

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
#comments {
  margin: 0 -500%;
  padding: 0.5em 500%;
  background: #E8E7E3;
  font-family: "museo-slab"; }

.comment-body {
  border-top: 1px solid rgba(181, 176, 170, 0.2);
  padding-top: 2em; }

#comments p {
  color: #333;
  font-weight: 300; }

#comments h1, #comments h3 {
  font-size: 1.5em;
  font-weight: 100;
  color: #B5B0AA;
  margin: 2em auto 2.75em; }

#comments h2 {
  display: none; }

.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

ol.comment-list {
  list-style: none; }

ol.comment-list li {
  text-indent: 0;
  margin-top: 2em; }

ol.comment-list li.comment:before {
  content: none; }

.comment-author .avatar {
  display: none; }

.comment-author cite {
  font-size: 0.75em;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px; }

.comment-author cite a {
  color: inherit; }

.comment-author cite a:hover {
  color: rgba(181, 176, 170, 0.75); }

.comment-meta a {
  font-size: 0.7em;
  margin-left: 0.35em;
  color: #B5B0AA;
  font-weight: 300; }

.comment-meta a:hover {
  color: #262626; }

.comment-reply {
  float: right; }

.comment-respond {
  border-top: 4px solid rgba(181, 176, 170, 0.2);
  padding-top: 1em; }

.comment-notes, .form-allowed-tags {
  display: none; }

.comment-respond label {
  font-weight: 700;
  display: block;
  font-size: 0.85em; }

.comment-body a, .comment-author {
  /*   display: none; */
  -ms-word-break: break-all;
  /* Be VERY careful with this, breaks normal words wh_erever */
  /* word-break: break-all; */
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

/*--------------------------------------------------------------
10.4 Newsletters
--------------------------------------------------------------*/
input:focus {
  outline: none; }

.newsletter-origin {
  border: 1px solid #ccc;
  padding: 2em 2em 1em 2em;
  height: 100%;
  overflow-x: auto;
  margin: 4em auto; }

.newsletter-origin p {
  font-family: "museo-slab";
  max-width: 65%;
  float: left;
  margin-right: 4.25em; }

.newsletter-origin .newsletter-bellow--button {
  top: 50%;
  margin-top: 1.5em; }

#newsletter-bellow {
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  text-align: center;
  height: 15em;
  overflow: display;
  margin: 5em auto; }

#newsletter-bellow:before {
  content: " ";
  position: absolute;
  z-index: -1;
  left: 0px;
  width: 100%;
  height: 23em;
  margin-top: -1em;
  border-top: 1px solid #ccc; }

#newsletter-bellow h1 {
  font-family: "museo-slab";
  font-weight: 900;
  font-size: 32.5px;
  font-size: 3.25rem;
  line-height: 1.25em;
  color: #000;
  margin-bottom: 0.5em;
  padding-bottom: 1em;
  padding-top: 1.15em; }

#newsletter-bellow p {
  padding-bottom: 1.5em;
  color: #666; }

.newsletter-inline__wrap {
  text-align: center;
  margin-bottom: 1em; }

.newsletter-bellow--button, .newsletter-bellow--popup .submit {
  height: 2.3em;
  line-height: 2.2em;
  border: 1px solid #ccc;
  color: #666;
  font-weight: 300;
  border: 1px solid rgba(181, 176, 170, 0.75);
  margin: 0 auto;
  background-color: #428bca;
  color: #fff;
  text-align: center;
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em; }

.newsletter-bellow--button:hover, .newsletter-bellow--popup .submit:hover {
  background: #E8E7E3;
  color: #666;
  cursor: pointer; }

.newsletter-bellow--button:active, .newsletter-bellow--popup .submit:active {
  position: relative;
  left: 3px;
  top: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.newsletter-sitewide--button {
  width: auto;
  width: 80%;
  text-align: center;
  height: auto;
  padding: 0.75em;
  line-height: 1.35em;
  margin-bottom: 1.5em; }

#newsletter--popup p {
  width: 100%;
  letter-spacing: 1px;
  font-size: 1.1em;
  font-weight: 300; }

.newsletter-bellow--popup {
  background-color: #fff;
  max-width: 650px;
  width: 100%;
  padding-bottom: 35px;
  padding-top: 0.5em;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35); }

.newsletter-bellow--popup h3 {
  width: 100%;
  background: rgba(181, 176, 170, 0.2);
  min-height: 3em;
  padding-bottom: 0.75em;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding-top: 0.8em;
  font-weight: 300;
  color: #333; }

.newsletter-bellow--popup p {
  font-weight: 300;
  font-size: 1em;
  color: #333;
  text-align: center;
  padding: 1em 3em 0em 3em;
  margin-bottom: 0em; }

.newsletter-bellow--popup .b-close {
  font-family: "museo-slab";
  font-weight: 300;
  color: #ccc;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px; }

.newsletter-bellow--popup form {
  margin: 0 auto;
  max-width: 505px;
  margin-top: 1.5em;
  text-align: center; }

.newsletter-fields--wrap {
  width: 90%;
  padding-left: 1em;
  margin: 1em auto;
  height: 3em; }

.newsletter-fields--wrap input {
  float: left;
  width: 100%;
  color: #666;
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  height: 40px; }

.newsletter-bellow--popup form input.text {
  max-width: 45%;
  max-width: -webkit-calc(50% - 20px);
  max-width: -moz-calc(50% - 20px);
  max-width: calc(50% - 20px);
  font-size: 0.8em;
  padding: 5px 5px 5px 10px;
  border: 1px solid #ccc;
  margin-right: 15px; }

.newsletter-bellow--popup .submit {
  line-height: 1em;
  width: auto;
  padding: 5px 25px 5px 25px;
  border: none;
  color: #fff;
  background-color: #428bca;
  border: 1px solid rgba(181, 176, 170, 0.75);
  font-family: museo-sans, sans-serif; }

.nl-dark .newsletter-bellow--popup {
  background: #67809F;
  border-radius: 15px; }

.nl-dark .newsletter-bellow--popup .submit {
  background-color: #303D4C;
  border-radius: 15px;
  padding-top: 3px;
  color: #fff;
  font-style: italic;
  letter-spacing: 0.5px;
  border: none; }

.nl-dark .newsletter-bellow--popup p {
  color: #fff; }

.nl-dark .newsletter-bellow--popup h3 {
  color: #F2F1EF; }

.prenov .newsletter-bellow--popup {
  background: #222;
  padding: 1em;
  border-radius: 1em; }

.prenov .newsletter-bellow--popup p {
  color: #fff;
  padding-top: 0px;
  padding: 1em; }

.prenov .newsletter-bellow--popup h3 {
  margin-top: -0.5em;
  background: none;
  font-weight: bold;
  color: #F2F1EF; }

.prenov form input.text {
  width: 500px !important;
  max-width: 80%;
  float: none;
  text-align: center;
  background: #ccc;
  color: #333;
  border-radius: 1em; }

.prenov .newsletter-bellow--popup .submit {
  width: 90%;
  border-radius: 1em;
  margin-bottom: 1em;
  font-weight: bold;
  background-image: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
  background-image: linear, to bottom, #d0451b 5%, #bc3315 100%;
  box-shadow: inset 1px 1px 0px 0px #cf866c;
  background-color: #d0451b;
  border: 1px solid #942911;
  cursor: pointer;
  text-shadow: 0px 1px 0px #854629;
  height: 3em;
  border-radius: 3em; }

.prenov .newsletter-bellow--popup .submit:hover {
  background-image: -webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
  background-image: linear, to bottom, #bc3315 5%, #d0451b 100%;
  background-color: #bc3315;
  color: #fff; }

/* Morph Button: Default Styles */
/* Morph Button: Default Styles */
.morph-button {
  position: fixed;
  right: 0px;
  bottom: 0px;
  display: block;
  margin: 0 auto; }

.morph-button > button {
  position: relative;
  padding: 0 1em;
  border: none;
  background-color: rgba(181, 176, 170, 0.5);
  color: #B5B0AA;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 900;
  overflow: hidden; }

.morph-button.open > button {
  pointer-events: none; }

.morph-content {
  pointer-events: none; }

.morph-button.open .morph-content {
  pointer-events: auto; }

/* Common styles for overlay and modal type (fixed morph) */
.morph-button-fixed, .morph-button-fixed .morph-content {
  width: 200px;
  height: 40px; }

.morph-button-fixed > button {
  z-index: 1000;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.1s 0.5s;
  transition: opacity 0.1s 0.5s; }

.morph-button-fixed.open > button {
  opacity: 0;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s; }

.morph-button-fixed .morph-content {
  position: fixed;
  z-index: 900;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
  transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; }

.morph-button-fixed.open .morph-content {
  opacity: 1; }

.morph-button-fixed .morph-content > div {
  visibility: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s;
  transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s; }

.morph-button-fixed.open .morph-content > div {
  visibility: visible;
  height: auto;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.5s;
  transition: opacity 0.3s 0.5s; }

.morph-button-fixed.active > button {
  z-index: 2000; }

.morph-button-fixed.active .morph-content {
  z-index: 1900; }

/* Transitions for overlay button and sidebar button */
.morph-button-overlay .morph-content, .morph-button-sidebar .morph-content {
  -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
  transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; }

.morph-button-overlay.open .morph-content, .morph-button-sidebar.open .morph-content {
  -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, outline-color 0.7s ease-out;
  transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, outline-color 0.7s ease-out; }

/* Morph Button Style: Overlay */
.morph-content .icon-close {
  font-family: "museo-slab";
  font-weight: 300;
  opacity: 0.35;
  float: right;
  right: 10px;
  top: -10px;
  position: relative;
  display: inline-block;
  cursor: pointer; }

.morph-content .icon-close:hover {
  opacity: 1; }

.morph-content .newsletter-bellow--popup {
  background: none; }

.morph-button-overlay .morph-content {
  overflow: hidden;
  background: #E8E7E3;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  outline-color: rgba(181, 176, 170, 0); }

.morph-button-overlay.open .morph-content {
  width: 650px;
  left: calc(50% - 325px) !important;
  height: 336px;
  top: calc(40% - 168px) !important;
  outline: 2000px solid rgba(181, 176, 170, 0.75); }

/* Morph Button Style: Modal */
.morph-button-modal::before {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 800;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  pointer-events: none; }

.morph-button-modal.open::before {
  opacity: 1;
  pointer-events: auto; }

.morph-button-modal.active::before {
  z-index: 1800; }

.morph-button-modal .morph-content {
  overflow: hidden;
  -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
  transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; }

.morph-button-modal.open .morph-content {
  top: 50% !important;
  left: 50% !important;
  margin: -210px 0 0 -300px;
  width: 600px;
  height: 420px;
  -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
  transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; }

/* Let's add some nice easing for all cases */
    .morph-button .morph-content, .morph-button.open .morph-content {
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

/* Helper classes */
.noscroll {
    overflow: hidden;
}

.morph-button-overlay.scroll .morph-content {
    overflow-y: scroll;
}

.morph-button-sidebar.scroll .morph-content {
    overflow: auto;
}

/* No JS fallback: let's hide the button and show the content */
.no-js .morph-button > button {
  display: none; }

.no-js .morph-button {
  margin: 10px 0;
  float: none; }

.no-js .morph-button, .no-js .morph-button .morph-content, .no-js .morph-button .morph-content > div {
  position: relative;
  width: auto;
  height: auto;
  opacity: 1;
  visibility: visible;
  top: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  pointer-events: auto; }

.no-js .morph-button .morph-content .icon-close {
  display: none; }

.no-js .morph-button-sidebar {
  width: 300px;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  height: 100%;
  background: #e85657;
  overflow: auto; }

.no-transition {
  -webkit-transition: none !important;
  transition: none !important; }

/* Media Queries */
@media screen and (max-width: 600px) {
  .morph-button-modal.open .morph-content {
    top: 0% !important;
    left: 0% !important;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
    transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; }
  .morph-button {
    display: none; } }

@media screen and (max-width: 400px) {
  .morph-button-fixed, .morph-button-fixed .morph-content {
    width: 200px;
    height: 80px; }
  .morph-button-fixed > button {
    font-size: 75%; } }

/*--------------------------------------------------------------
10.5 Header Speical
--------------------------------------------------------------*/
/* hide on non-icon articles */
.entry-excerpt {
  display: none; }

/* show on icon articles */
.header_icon .entry-excerpt {
  display: block; }

.header_icon .main-navigation a {
  color: #333; }

.header_icon .entry-header {
  height: 87vh;
  overflow-x: hidden;
  /* to stop collapasing */ }

.header_icon {
  background: rgba(0, 0, 0, 0.075);
  background-image: url('img/ricepaper2.png'); }

.header_icon .entry-header:before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1; }

.header_icon header.entry-header h1 {
  text-align: left;
  font-weight: 100;
  margin-top: 25vh;
  margin-bottom: 0px; }

.header_icon .entry-icon {
  float: left;
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  margin-right: 10px;
  margin-top: 7px;
  margin-bottom: 150px; }

.header_icon .entry-iconFont {
  font-size: 40px;
  line-height: 0px; }

.header_icon .entry-title {
  clear: none; }

.header_icon .entry-excerpt p {
  margin-top: 10px;
  margin-left: 50px;
  max-width: 500px; }

.header_icon .entry-content {
  background: #fff;
  border-left: 4em solid #fff;
  margin-left: -4em;
  border-right: 4em solid #fff;
  margin-right: -4em;
  padding-top: 4.5vh; }

.header_icon #newsletter-bellow:before {
  border-top: 0px; }

.header_icon #newsletter-bellow {
  margin-top: 2em;
  margin-bottom: 7em; }

@media screen and (max-width: 1024px) {
  .header_icon .entry-header:before {
    height: 768px !important;
    max-height: 768px !important;
    width: 100%;
    max-width: 100%; }
  .header_icon .entry-header {
    height: 768px; }
  .header_icon .entry-content {
    margin-top: -3em;
    padding-top: 2em; }
  .header_icon header.entry-header h1 {
    margin-top: 30%; } }

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers */
embed, iframe, object {
  max-width: 100%; }

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

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

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

.gallery-columns-2 .gallery-item {
  max-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-5 .gallery-item {
  max-width: 20%; }

.gallery-columns-6 .gallery-item {
  max-width: 16.66%; }

.gallery-columns-7 .gallery-item {
  max-width: 14.28%; }

.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
  max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
13.0 Responsive
--------------------------------------------------------------*/
@media all and (max-width: 1088px) {
  .inner {
    width: 90%;
    max-width: 720px;
    margin-left: 5%; }
  #comments {
    width: 125%;
    /* if these are the worst hacks i do, then so be it */
    padding: 10%;
    margin-top: 12em;
    /* to clear button */
    padding-right: 15%;
    margin-left: -13%;
    /* oh I don't like this but it works */ }

#comments input {
    width: 100%;
} }

@media all and (max-width: 600px) {
    .hide--desktop {
        display: block;
    }

    h1.entry-title {
        font-size: 2.75em;
        width: 100%;
    }

    .entry-content li {
        text-indent: -1em;
        padding-left: 1em;
    }

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

    .newsletter-origin p {
        max-width: 100%;
        margin-right: 0px;
    }

    .newsletter-origin .newsletter-bellow--button {
        margin: 0;
    }

    .newsletter-bellow--popup_wrapper {
        left: 0px !important;
    }

    .newsletter-bellow--popup {
        border-radius: 0px;
        text-align: center;
        padding-bottom: 15px;
    }

    .nl-dark .newsletter-bellow--popup {
        border-radius: 0px;
    }

    .af-form {
        width: 90%;
        padding: 1em;
    }

    .newsletter-bellow--popup form {
        height: 200px;
        display: inline-block;
        width: 100%;
    }

    .newsletter-bellow--popup form input.text {
        max-width: 100%;
    }

    .newsletter-bellow--popup .submit {
        margin-left: 1em;
    }

    .af-form * {
        float: none !important;
    }

    .newsletter-bellow--popup .af-element {
        margin-bottom: 20px;
    }

    .newsletter-fields--wrap {
        height: 6em;
    }

    .af-form input {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        display: block;
    }

    p, ul, ol {
        font-size: 18.5px;
        font-size: 1.85rem;
        line-height: 1.5em;
    }

    blockquote p {
        font-size: 1.15em;
    }

    .entry-content h1 {
        font-size: 23px;
        font-size: 2.3rem;
    }

    h2 {
        font-size: 17px;
        font-size: 1.75rem;
    }

    #masthead, #masthead:after {
        height: 3.65em;
    }

    #site-menu {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: -100%;
        background: #428bca;
        text-align: center;
    }

    #main-navigation--toggle_top {
        display: block;
        float: right;
        max-width: 24px;
        max-height: 24px;
        width: 24px;
        height: 24px;
        background-image: url('img/menu.png');
        background-size: 24px;
        margin-right: 5px;
        margin-top: -3px;
    }

    #main-navigation--toggle_top:hover {
        opacity: 0.45;
    }

    #main-navigation--toggle_side {
        margin: 0 auto;
        margin-top: 64px;
        height: 32px;
        width: 32px;
        max-width: 32px;
        max-height: 32px;
        background-image: url('img/menu-back.png');
        background-size: 32px;
        opacity: 0.25;
    }

    #main-navigation--toggle_side:hover {
        opacity: 1;
    }

    .main-navigation li {
        float: none;
        text-align: center;
        font-weight: 300;
        text-transform: none;
        letter-spacing: 0px;
        font-size: 1.5em;
        margin-bottom: 1em;
        padding: 0px;
        top: 1em;
    }

    #site-menu a:hover {
        border-bottom: none;
    }
}


/*# sourceMappingURL=style.css.map */