/* =========================================
		VARIABLES
   ========================================= */
/* =========================================
		MIXINS
   ========================================= */
/* =========================================
		POST - THE POST
   ========================================= */
/* Defaults
------------------------------------------------------------ */
/* Wrap
------------------------------------------------------------ */
/* =========================================
		VARIOUS STYLES
   ========================================= */
/* =========================================
		MENU
   ========================================= */
/* =========================================
		LOGO
   ========================================= */
/* =========================================
		GALLERIA
   ========================================= */
.u-center {
  display : table;
  width   : 100%;
  height  : 100%; }
  .u-center__wrapper {
    display        : table-cell;
    vertical-align : middle;
    text-align     : center; }
  .u-center__inner {
    display        : inline-block;
    vertical-align : top; }

body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, select, textarea {
  color           : #000;
  font-family     : "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size       : 12px;
  line-height     : 1.7;
  margin          : 0;
  padding         : 0;
  text-decoration : none; }

blockquote, input, select, textarea, .wp-caption {
  background-color : #f5f5f5; }

input, label, select, textarea {
  border      : 0 none;
  color       : #000;
  font-family : "Helvetica Neue", Arial, Helvetica, sans-serif;
  outline     : none;
  padding     : 8px; }

li, ol, ul {
  margin  : 0;
  padding : 0; }

ol li {
  list-style-type : decimal; }

.clear {
  clear : both;
  /* Blog Header
------------------------------------------------------------ */ }

.blog-header {
  clear  : both;
  margin : 20px 0 0; }

.blog-header img {
  display   : block;
  max-width : 960px;
  width     : 100%; }

.width-tiny .blog-header img {
  max-width : 750px; }

.width-small .blog-header img {
  max-width : 800px; }

.width-large .blog-header img {
  max-width : 1140px;
  /* Inner
------------------------------------------------------------ */ }

#inner {
  clear    : both;
  margin   : 0 auto;
  overflow : hidden;
  width    : 100%;
  /* Content-Sidebar Wrap
------------------------------------------------------------ */ }

#content-sidebar-wrap {
  width : 100%;
  /* Headlines
------------------------------------------------------------ */ }

h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6 {
  color       : #000;
  font-family : 'Helvetica Neue', arial, serif;
  line-height : 1.25;
  margin      : 0 0 10px; }

h1 {
  font-size : 25px; }

h2, h2 a, h2 a:visited {
  font-size : 22px; }

h2 a, h2 a:visited {
  color       : #000;
  font-family : 'Helvetica Neue', arial, serif; }

h2 a:hover {
  text-decoration : none; }

h1.entry-title, h1.entry-title a, h2.entry-title, h2.entry-title a {
  color          : #000;
  font-size      : 20px;
  font-weight    : bold;
  overflow       : hidden;
  text-transform : uppercase; }

#content .date {
  float : right; }

.blog-header-close #content .date {
  float : none; }

.blog-header-close h1.entry-title .title, .blog-header-close h1.entry-title a, .blog-header-close h2.entry-title .title, .blog-header-close h2.entry-title a {
  float : left; }

.blog-header-close h1.entry-title a, .blog-header-close h2.entry-title a {
  margin-bottom : 0; }

.blog-header-close .date {
  float : left; }

.blog-header-close .entry-title .sep {
  float   : left;
  padding : 0 15px; }

.blog-header-light .date {
  font-weight : 300; }

.widget-area h2, .widget-area h2 a {
  font-size : 14px;
  margin    : 0 0 5px; }

h3 {
  font-size : 16px; }

h4 {
  font-size : 14px; }

.widget-area h4 {
  background     : none;
  border         : none;
  font-size      : 14px;
  padding        : 0;
  text-transform : uppercase; }

.widget-area h4 a {
  color           : #000;
  text-decoration : none; }

#footer-widgets h4 {
  background     : none;
  border         : none;
  padding        : 0;
  text-transform : uppercase; }

h5 {
  font-size : 12px; }

h6 {
  font-size : 10px;
  /* Ordered / Unordered Lists
------------------------------------------------------------ */ }

.entry-content ol, .entry-content ul {
  margin  : 0;
  padding : 0 0 25px; }

.entry-content ul li {
  list-style-type : square;
  margin          : 0 0 0 30px;
  padding         : 0; }

.entry-content ol li {
  margin : 0 0 0 35px; }

.entry-content ol ol, .entry-content ul ul {
  padding : 0;
  /* Post Meta
------------------------------------------------------------ */ }

.post-cats {
  color      : #868686;
  font-size  : 10px;
  margin-top : -10px; }

.post-meta {
  background-color : #f3f2f2;
  border           : 6px double #fff;
  border-left      : 0 none;
  border-right     : 0 none;
  clear            : both;
  color            : #989696;
  font-size        : 11px;
  margin-bottom    : 8px;
  margin-right     : 0;
  padding          : 3px 18px;
  /* Sticky Posts
------------------------------------------------------------ */ }

.sticky {
  margin  : -10px 0 40px;
  padding : 20px;
  /* Post Navigation
------------------------------------------------------------ */ }

.navigation {
  color     : #000;
  font-size : 12px;
  overflow  : hidden;
  padding   : 20px 0;
  width     : 100%; }

.navigation li {
  display : inline; }

.navigation li a, .navigation li.disabled, .navigation li a:hover, .navigation li.active a {
  border  : 1px solid #ddd;
  padding : 5px 8px; }

.navigation li a:hover, .navigation li.active a {
  background-color : #f5f5f5;
  /* Sidebar
------------------------------------------------------------ */ }

.left-sidebar #sidebar {
  float      : left;
  margin-top : 20px;
  width      : 230px; }

.right-sidebar #sidebar {
  float      : right;
  margin-top : 20px;
  width      : 230px; }

#sidebar .widget {
  background : none;
  border     : none;
  list-style : none;
  margin     : 0 0 15px;
  padding    : 0; }

#sidebar .textwidget {
  padding : 0; }

#sidebar .widget_tag_cloud div div {
  padding : 0; }

#sidebar p {
  font-size : inherit;
  margin    : 0 0 10px; }

#sidebar ul {
  margin : 0; }

#sidebar ul li {
  margin : 0 0 0 20px; }

#sidebar #wp-calendar thead, #sidebar #wp-calendar td {
  background : none;
  /* Buttons
------------------------------------------------------------ */ }

input[type="button"], input[type="submit"] {
  background      : #ccc;
  color           : #000;
  cursor          : pointer;
  line-height     : 19px;
  padding         : 5px 7px;
  text-decoration : none; }

input:hover[type="button"], input:hover[type="submit"] {
  text-decoration : none;
  /* Copyright
------------------------------------------------------------ */ }

.pure-copyright {
  bottom    : 10px;
  font-size : 10px;
  position  : fixed;
  right     : 10px; }

.pure-copyright a {
  color : #aaa !important;
  /* Comment Info Styling
------------------------------------------------------------ */ }

.comment-intro {
  border-bottom  : 1px solid #ebebeb;
  color          : #424242;
  font-size      : 9px;
  font-weight    : bold;
  margin-bottom  : 15px;
  padding-bottom : 20px; }

.comment-intro.blog {
  border-bottom  : 0 none;
  margin-bottom  : 0;
  padding-bottom : 0; }

.comment-sharing.two {
  margin-top : -4px; }

.comment-sharing {
  float : right; }

.comment-intro .sep {
  padding : 0 10px; }

.comment-intro div {
  display : block;
  float   : right; }

.comments-custom {
  border        : 1px solid #ebebeb;
  margin-bottom : 20px;
  overflow      : hidden; }

.comments-custom .comment-intro {
  border-bottom  : 0 none;
  float          : left;
  margin         : 10px 0;
  padding-bottom : 0;
  text-align     : center;
  width          : 150px; }

.comments-custom #comments {
  border-left   : 1px solid #ebebeb;
  float         : right;
  margin-bottom : 0;
  padding-left  : 17px;
  max-width     : 580px; }

.width-tiny.left-sidebar .comments-custom #comments, .width-tiny.right-sidebar .comments-custom #comments {
  max-width : 330px; }

.width-small .comments-custom #comments {
  max-width : 630px; }

.width-small.left-sidebar .comments-custom #comments, .width-small.right-sidebar .comments-custom #comments {
  max-width : 380px; }

.width-normal .comments-custom #comments {
  max-width : 790px; }

.width-normal.left-sidebar .comments-custom #comments, .width-normal.right-sidebar .comments-custom #comments {
  max-width : 540px; }

.width-large .comments-custom #comments {
  max-width : 970px; }

.width-large.left-sidebar .comments-custom #comments, .width-large.right-sidebar .comments-custom #comments {
  max-width : 720px; }

.comments-custom .comment-sharing, .comments-custom .comment-sharing div {
  float : none; }

.comments-custom .add-comment {
  display : block;
  margin  : 10px 0; }

.comments-custom .comment-sharing a, .comments-custom .add-comment {
  color : #9e9c9c !important; }

.comments-custom .comment-date {
  float : right; }

.comments-custom .comment-author {
  background : none; }

.comments-custom .comment-content {
  border-bottom : 1px solid #ebebeb;
  /* Comments
------------------------------------------------------------ */ }

#comments, #respond {
  margin   : 0 0 15px;
  overflow : hidden; }

#comments .navigation {
  padding : 0; }

#author, #comment, #email, #url {
  margin  : 10px 5px 0 0;
  padding : 5px;
  width   : 250px; }

#comment {
  height : 150px;
  margin : 10px 0;
  width  : 98%; }

.ping-list {
  margin : 0 0 40px; }

.comment-list ol, .ping-list ol {
  padding : 10px; }

.comment-list li, .ping-list li {
  list-style-type : none;
  padding         : 10px 0; }

.comment-list li ul li {
  list-style-type : none;
  padding-bottom  : 0; }

.comment-content {
  padding : 15px; }

.comment-content p {
  margin : 0 0 15px; }

.comment-list cite, .ping-list cite {
  font-style  : normal;
  font-weight : bold; }

.comment-author {
  background : #efefef;
  padding    : 10px 15px; }

.comment-reply-link {
  float : right; }

.nocomments {
  text-align : center; }

#comments .navigation {
  display : block; }

.bypostauthor {
  /* Gravity Forms
------------------------------------------------------------ */ }

div.gform_wrapper input, div.gform_wrapper select, div.gform_wrapper textarea {
  box-sizing : border-box;
  font-size  : 12px !important;
  padding    : 4px 5px !important; }

div.gform_footer input.button {
  color : #000; }

div.gform_wrapper .ginput_complex label {
  font-size : 12px; }

div.gform_wrapper li, div.gform_wrapper form li {
  margin : 0 0 10px; }

div.gform_wrapper .gform_footer {
  border  : none;
  margin  : 0;
  padding : 0; }

#wrap {
  margin    : 0 auto;
  max-width : 960px;
  padding   : 0;
  width     : 100%; }

.width-tiny #wrap {
  max-width : 750px; }

.width-small #wrap {
  max-width : 800px; }

.width-large #wrap {
  max-width : 1140px;
  /* Header
------------------------------------------------------------ */ }

#header {
  padding  : 0;
  margin   : 0 auto;
  overflow : visible;
  width    : 100%; }

#title-area {
  float     : left;
  overflow  : hidden;
  padding   : 0;
  max-width : 350px; }

.blog-image-middle #title-area {
  float      : none;
  margin     : 0 auto;
  text-align : center; }

#title {
  background     : transparent;
  font-family    : 'Helvetica Neue', arial, serif;
  font-size      : 30px;
  line-height    : 1.25;
  margin         : 0;
  text-transform : uppercase; }

#title a, #title a:hover {
  color           : #000;
  font-weight     : bold;
  padding         : 0;
  text-decoration : none; }

#header .widget-area {
  float     : right;
  padding   : 25px 0 0 0;
  max-width : 610px; }

.width-tiny #header .widget-area {
  max-width : 400px; }

.width-small #header .widget-area {
  max-width : 450px; }

.width-large #header .widget-area {
  max-width : 790px;
  /* Navigation
------------------------------------------------------------ */ }

.menu-primary, #header .menu {
  color     : #000;
  float     : right;
  font-size : 12px;
  margin    : 5px 0 0;
  overflow  : hidden; }

.blog-image-middle .menu-primary, .blog-image-middle #header .menu {
  float      : none;
  margin     : 20px auto 0;
  max-width  : 960px;
  text-align : center;
  width      : 100%; }

.width-tiny.blog-image-middle .menu-primary, .width-tiny.blog-image-middle #header .menu {
  max-width : 750px; }

.width-small.blog-image-middle .menu-primary, .width-small.blog-image-middle #header .menu {
  max-width : 800px; }

.width-large.blog-image-middle .menu-primary, .width-large.blog-image-middle #header .menu {
  max-width : 1140px; }

.menu-primary ul, #header .menu ul {
  float : left; }

.menu-primary li, #header .menu li {
  float           : left;
  list-style-type : none; }

.blog-image-middle .menu-primary li, .blog-image-middle #header .menu li {
  display    : inline-block;
  float      : none;
  text-align : center; }

.menu-primary a, #header .menu a {
  display         : block;
  padding         : 5px;
  position        : relative;
  text-decoration : none; }

.menu-primary .current_page_item a, .menu-primary .current-cat a, .menu-primary .current-menu-item a, #header .menu .current_page_item a, #header .menu .current-cat a, #header .menu .current-menu-item a {
  font-weight : bold; }

.blog-image-middle .menu-primary li li, .blog-image-middle #header .menu li li {
  text-align : left; }

.menu-primary li li a, .menu-primary li li a:link, .menu-primary li li a:visited, #header .menu li li a, #header .menu li li a:link, #header .menu li li a:visited {
  background  : none;
  font-size   : 12px;
  font-weight : normal;
  padding     : 5px;
  position    : relative;
  width       : 170px; }

.menu-primary li li a:active, .menu-primary li li a:hover, #header .menu li li a:active, #header .menu li li a:hover {
  background-color : #ededed; }

.menu-primary li ul, #header .menu li ul {
  background : #f5f5f5;
  height     : auto;
  left       : -9999px;
  margin     : 0 0 0 -1px;
  position   : absolute;
  width      : 180px;
  z-index    : 9999; }

.menu-primary li ul a, #header .menu li ul a {
  width : 140px; }

.menu-primary li ul ul, #header .menu li ul ul {
  margin : -30px 0 0 180px; }

.menu li:hover ul ul, .menu li.sfHover ul ul {
  left : -9999px; }

.menu li:hover, .menu li.sfHover {
  position : static; }

ul.menu li:hover > ul, ul.menu li.sfHover ul, #header .menu li:hover > ul, #header .menu li.sfHover ul {
  left : auto; }

#wpadminbar li:hover ul ul {
  left : 0; }

.sf-sub-indicator {
  display : none;
  /* Content
------------------------------------------------------------ */ }

#content {
  padding   : 0;
  max-width : 960px;
  width     : 100%; }

.width-tiny #content {
  max-width : 750px; }

.width-small #content {
  max-width : 800px; }

.width-normal #content {
  max-width : 960px; }

.width-large #content {
  max-width : 1140px; }

.width-custom.left-sidebar #content, .width-tiny.left-sidebar #content, .width-small.left-sidebar #content, .width-normal.left-sidebar #content, .width-large.left-sidebar #content {
  float : right; }

.width-custom.left-sidebar #content, .width-tiny.right-sidebar #content, .width-small.right-sidebar #content, .width-normal.right-sidebar #content, .width-large.right-sidebar #content {
  float : left; }

.width-tiny.left-sidebar #content, .width-tiny.right-sidebar #content {
  max-width : 500px; }

.width-small.left-sidebar #content, .width-small.right-sidebar #content {
  max-width : 550px; }

.width-normal.left-sidebar #content, .width-normal.right-sidebar #content {
  max-width : 710px; }

.width-large.left-sidebar #content, .width-large.right-sidebar #content {
  max-width : 890px; }

#content .post, #content .page {
  border-top  : 1px solid #ebebeb;
  margin      : 20px 0;
  padding-top : 20px; }

.entry-content {
  overflow    : hidden;
  padding-top : 10px; }

.entry-content p {
  margin : 0 0 25px; }

blockquote {
  background : url(images/blockquote.png) no-repeat;
  border     : none;
  margin     : 5px 5px 20px;
  padding    : 25px 30px 5px 70px; }

blockquote p {
  color      : #999;
  font-style : italic; }

p.subscribe-to-comments {
  padding : 20px 0 10px; }

.clear {
  clear : both; }

.clear-line {
  border-bottom : 1px solid #ddd;
  clear         : both;
  margin        : 0 0 25px; }

.click-for-comments {
  text-transform : uppercase; }

.categories {
  text-transform : uppercase;
  /* Images
------------------------------------------------------------ */ }

img {
  height    : auto;
  max-width : 100%; }

.avatar, .featuredpage img, .featuredpost img, .post-image {
  background-color : #f5f5f5;
  border           : 1px solid #ddd;
  padding          : 4px; }

.post-image {
  margin : 0 10px 10px 0; }

img.centered, .aligncenter {
  display : block;
  margin  : 0 auto 10px; }

img.alignnone {
  display : block;
  margin  : 0; }

img.alignleft {
  display : inline;
  margin  : 0 15px 10px 0; }

img.alignright {
  display : inline;
  margin  : 0 0 10px 15px; }

.alignleft {
  float  : left;
  margin : 0 15px 10px 0; }

.alignright {
  float  : right;
  margin : 0 0 10px 15px; }

.wp-caption {
  padding    : 5px;
  text-align : center; }

p.wp-caption-text {
  font-size : 12px;
  margin    : 5px 0; }

.wp-smiley, .wp-wink {
  border : none;
  float  : none; }

.gallery-caption {
  /* Footer Widgets
------------------------------------------------------------ */ }

.width-tiny #footer-widgets {
  max-width : 750px; }

.width-small #footer-widgets {
  max-width : 800px; }

.width-normal #footer-widgets {
  max-width : 960px; }

.width-large #footer-widgets {
  max-width : 1140px; }

#footer-widgets {
  border-top : 1px solid #ebebeb;
  clear      : both;
  font-size  : 12px;
  margin     : 0 auto;
  overflow   : hidden;
  width      : 100%; }

#footer-widgets .wrap {
  overflow : hidden;
  padding  : 20px 0; }

#footer-widgets .widget {
  background : none;
  border     : none;
  list-style : none;
  margin     : 0 0 15px;
  padding    : 0; }

#footer-widgets .textwidget {
  padding : 0; }

#footer-widgets .widget_tag_cloud div div {
  padding : 0; }

#footer-widgets p {
  font-size : inherit;
  margin    : 0 0 10px; }

#footer-widgets ul {
  margin : 0; }

#footer-widgets ul li {
  margin : 0 0 0 20px; }

#footer-widgets #wp-calendar thead, #footer-widgets #wp-calendar td {
  background : none; }

.footer-widget {
  float        : left;
  width        : 220px;
  margin-right : 20px; }

.footer-widget.last {
  margin-right : 0 !important; }

.width-tiny .footer-widget {
  width        : 180px;
  margin-right : 10px; }

.width-small .footer-widget {
  width : 185px; }

.width-large .footer-widget {
  width : 270px;
  /* Footer
------------------------------------------------------------ */ }

#footer {
  border-top     : 1px solid #ebebeb;
  clear          : both;
  font-size      : 10px;
  margin         : 0 auto;
  overflow       : hidden;
  text-transform : uppercase;
  width          : 100%; }

#footer .wrap {
  overflow : hidden;
  padding  : 10px 0 0; }

#footer p {
  font-size : inherit; }

#footer a, #footer a:visited {
  color : #000; }

#footer a:hover {
  text-decoration : none; }

.header-wrapper {
  margin  : 0 auto;
  padding : 20px 0; }

#inner {
  /**
 * Returns robert penners easing curves
 * for use in css3 transitions and animations
 *
 * @src <https://github.com/matthewlein/Ceaser/blob/master/developer/ceaser-easings.scss>
 *
 * @param $easing {string}
 */ }
  @media screen and (max-width: 800px) {
  #inner {
    margin-left  : 0 !important;
    margin-right : 0 !important; } }

#footer {
  /**
 * Returns robert penners easing curves
 * for use in css3 transitions and animations
 *
 * @src <https://github.com/matthewlein/Ceaser/blob/master/developer/ceaser-easings.scss>
 *
 * @param $easing {string}
 */ }
  @media screen and (max-width: 800px) {
  #footer {
    position : relative !important;
    bottom   : auto !important;
    left     : auto !important;
    margin   : 0 !important; } }

#content {
  margin : 0 auto; }

body {
  -webkit-text-size-adjust : 100%; }

#header .pure-menu {
  /**
 * Returns robert penners easing curves
 * for use in css3 transitions and animations
 *
 * @src <https://github.com/matthewlein/Ceaser/blob/master/developer/ceaser-easings.scss>
 *
 * @param $easing {string}
 */ }
  @media screen and (max-width: 800px) {
  #header .pure-menu {
    position   : relative;
    z-index    : 100;
    top        : -20px;
    background : #e2e2e2;
    max-height : 0;
    transition : all 400ms cubic-bezier(0.47, 0, 0.745, 0.715);
    overflow   : hidden; }
    #header .pure-menu .menu.menu-primary {
      float  : none;
      margin : 0; }
      #header .pure-menu .menu.menu-primary li {
        display       : block;
        float         : none;
        text-align    : center;
        border-bottom : 1px solid #d3d3d3; }
        #header .pure-menu .menu.menu-primary li:last-of-type {
          border : 0; }

    #header .pure-menu a {
      padding : 7px 5px; }

    #header .pure-menu .menu-item-has-children {
      position : relative; }
      #header .pure-menu .menu-item-has-children:after {
        content           : "\00a0";
        position          : absolute;
        right             : 10px;
        top               : 10px;
        width             : 8px;
        height            : 8px;
        border-top        : 2px solid #7c7c7c;
        border-right      : 2px solid #7c7c7c;
        transform         : rotate(45deg);
        -webkit-transform : rotate(45deg);
        transition        : all 300ms cubic-bezier(0.47, 0, 0.745, 0.715); }
      #header .pure-menu .menu-item-has-children .sub-menu {
        display    : block;
        position   : relative;
        left       : auto;
        width      : auto;
        float      : none;
        overflow   : hidden;
        max-height : 0;
        opacity    : 0;
        transition : all 300ms cubic-bezier(0.47, 0, 0.745, 0.715); }
        #header .pure-menu .menu-item-has-children .sub-menu li {
          border : 0; }
          #header .pure-menu .menu-item-has-children .sub-menu li a {
            width   : auto;
            display : block; }
      #header .pure-menu .menu-item-has-children.is-active:after {
        border-top-color   : #494949;
        border-right-color : #494949;
        transform          : rotate(135deg);
        -webkit-transform  : rotate(135deg); }
        #header .pure-menu .menu-item-has-children.is-active .sub-menu {
          max-height                 : 300px;
          opacity                    : 1;
          transition-timing-function : cubic-bezier(0.39, 0.575, 0.565, 1); }

    #header .pure-menu.is-active {
      max-height                 : 600px;
      transition-timing-function : cubic-bezier(0.39, 0.575, 0.565, 1); } }

.header-right {
  float : right; }

.btn-burger {
  padding          : 0;
  border           : 0;
  outline          : 0;
  background-color : transparent;
  padding    : 5px;
  box-sizing : border-box;
  display    : none;
  cursor     : pointer;
  /**
 * Returns robert penners easing curves
 * for use in css3 transitions and animations
 *
 * @src <https://github.com/matthewlein/Ceaser/blob/master/developer/ceaser-easings.scss>
 *
 * @param $easing {string}
 */ }
  @media screen and (max-width: 800px) {
  .btn-burger {
    display        : inline-block;
    vertical-align : middle; } }
  .btn-burger--text {
    transition : 300ms opacity cubic-bezier(0.47, 0, 0.745, 0.715); }
    .btn-burger--text .btn-burger__ham {
      display : none; }
    .btn-burger--text .btn-burger__text {
      display        : inline-block;
      vertical-align : top; }
    .btn-burger--text.is-active {
      opacity : 0.6; }
  .btn-burger--burger {
    height : 36px;
    width  : 36px; }
    .btn-burger--burger .btn-burger__ham {
      display          : block;
      height           : 3px;
      background-color : #000;
      margin           : 4px 0;
      transition       : 300ms all cubic-bezier(0.47, 0, 0.745, 0.715); }
    .btn-burger--burger .btn-burger__text {
      display : none; }
    .btn-burger--burger.is-active .btn-burger__ham:nth-of-type(1) {
      transform         : rotate(45deg) translate(5px, 4px);
      -webkit-transform : rotate(45deg) translate(5px, 4px); }
      .btn-burger--burger.is-active .btn-burger__ham:nth-of-type(2) {
        opacity : 0; }
      .btn-burger--burger.is-active .btn-burger__ham:nth-of-type(3) {
        transform         : rotate(-45deg) translate(5px, -5px);
        -webkit-transform : rotate(-45deg) translate(5px, -5px); }

.header-wrapper--absolute {
  position : absolute; }
  .header-wrapper--fixed {
    position : fixed; }
  .header-wrapper--interactive {
    z-index : 9000;
    top     : 0;
    left    : 0;
    width   : 100%; }

.scrollbar-measure {
  width      : 100px;
  height     : 100px;
  overflow   : scroll;
  position   : absolute;
  top        : -9999px;
  visibility : hidden; }

@media (max-width: 800px) {
  html .pure-menu .wrap {
    margin-top    : 0;
    margin-bottom : 0; } }

@media (max-width: 450px) {
  #title-area {
    max-width : 66%; } }

.to-top-arrow {
  display : none; }

@media (max-width: 800px) {
  .to-top-arrow {
    display        : inline-block;
    vertical-align : middle;
    position       : fixed;
    z-index        : 100;
    left           : 5px;
    bottom         : 0;
    padding        : 10px;
    cursor         : pointer;
    opacity        : 1;
    transition     : 300ms cubic-bezier(0.47, 0, 0.745, 0.715); }
    .to-top-arrow:before {
      content           : "\00a0";
      display           : inline-block;
      vertical-align    : middle;
      width             : 12px;
      height            : 12px;
      border-top        : 4px solid #7c7c7c;
      border-right      : 4px solid #7c7c7c;
      transform         : rotate(-45deg);
      -webkit-transform : rotate(-45deg); }
    .to-top-arrow.is-hidden {
      opacity : 0;
      bottom  : -10px; } }

.logo-container .logo-container__image--mobile {
  display : none; }
  .logo-container--has-mobile {
    /**
 * Returns robert penners easing curves
 * for use in css3 transitions and animations
 *
 * @src <https://github.com/matthewlein/Ceaser/blob/master/developer/ceaser-easings.scss>
 *
 * @param $easing {string}
 */ }
    @media screen and (max-width: 800px) {
  .logo-container--has-mobile .logo-container__image--mobile {
    display : inline; }
    .logo-container--has-mobile .logo-container__image--desktop {
      display : none; } }

#galleria > a {
  display        : block;
  pointer-events : none; }
  #galleria > a > img {
    width  : 100%;
    height : auto; }

.galleria-container {
  margin : 0 auto; }

.galleria-theme-classic .galleria-thumb-nav-left, .galleria-theme-classic .galleria-thumb-nav-right {
  height           : 50px;
  background-color : #ccc; }
  .galleria-theme-classic .galleria-thumb-nav-left:hover, .galleria-theme-classic .galleria-thumb-nav-right:hover {
    background-color : #b3b3b3 !important; }
  .galleria-theme-classic .galleria-thumb-nav-right {
    background-position : -578px 10px; }
  .galleria-theme-classic .galleria-thumb-nav-left {
    background-position : -495px 10px; }

.header-wrapper {
  background-color: rgba(0, 0, 0, 0); }

.header-wrapper .pure-menu {
  background-color: #ececec; }

.entry-content p {
  margin: 0 0 10px; }

.menu-primary li ul, .header-wrapper .menu li ul {
  background-color: #f5f5f5; }

.menu-primary li li a:active, .menu-primary li li a:hover, .header-wrapper .menu li li a:active, .header-wrapper .menu li li a:hover {
  background-color: #ededed; }

#footer, .header-wrapper, #inner, #content, #wrap {
  max-width : 750px; }

.width-large.left-sidebar #content, .width-large.right-sidebar #content {
  max-width : 500px; }

.width-large .footer-widget {
  width : -120px; }

.width-large .comments-custom #comments {
  max-width : 580px; }

.width-large.left-sidebar .comments-custom #comments, .width-large.right-sidebar .comments-custom #comments {
  max-width : 330px; }

body, .mosaic-block {
  background-color: #fff;
  color: #888;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px; }

.blog.width-custom #footer, .blog.width-tiny #footer, .blog.width-small #footer, .blog.width-normal #footer, .blog.width-large #footer, .blog.width-custom #footer-widgets, .blog.width-tiny #footer-widgets, .blog.width-small #footer-widgets, .blog.width-normal #footer-widgets, .blog.width-large #footer-widgets, .blog.width-custom #wrap, .blog.width-tiny #wrap, .blog.width-small #wrap, .blog.width-normal #wrap, .blog.width-large #wrap, .blog.width-tiny #inner, .blog.width-custom #inner, .blog.width-small #inner, .blog.width-normal #inner, .blog.width-large #inner {
  max-width: 750px; }

#content {
  max-width: 960px;
  width: 100%; }

.blog.width-tiny #content {
  max-width: 750px; }

.blog.width-small #content {
  max-width: 800px; }

.blog.width-large #content {
  max-width: 1140px; }

#inner a {
  color: #484848;
  text-decoration: none; }

#inner a:hover {
  color: #686868;
  text-decoration: none; }

.header-wrapper .menu li a, .menu-primary li a {
  color: #888;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px; }

@media screen and (max-width: 800px) {
  #header .pure-menu {
    background-color: #ccc; }

  .menu-primary li ul, #header .menu li ul {
    background-color: #f5f5f5; }

  .btn-burger--text .btn-burger__text {
    color: #000; }

  .btn-burger--burger .btn-burger__ham {
    background-color: #000; }

  .header-wrapper #header .pure-menu .menu-item-has-children:after, #content-sidebar-wrap .pure-menu .menu-item-has-children:after {
    top: 10px; }

  .menu-primary li li a, .menu-primary li li a:link, .menu-primary li li a:visited, #header .menu li li a, #header .menu li li a:link, #header .menu li li a:visited, .header-wrapper #header .pure-menu a, #content-sidebar-wrap .pure-menu a {
    padding-top: 7px;
    padding-bottom: 7px; }

  .header-wrapper #header .pure-menu .menu.menu-primary li, #content-sidebar-wrap .pure-menu .menu.menu-primary li {
    border-bottom-color: #d3d3d3; } }

.menu-primary li li a, .menu-primary li li a:link, .menu-primary li li a:visited, .header-wrapper .menu li li a, .header-wrapper .menu li li a:link, .header-wrapper .menu li li a:visited {
  color: #888;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.blog .blog-header img {
  max-width: 100%; }

#content .post {
  border-top-style: solid;
  border-top-color: #ebebeb;
  margin-top: 20px;
  padding-top: 20px; }

h1.entry-title, h1.entry-title a, #inner h2.entry-title, #inner h2.entry-title a {
  color: #888;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px; }

.entry-content img {
  margin-bottom: 5px; }

.blog.width-tiny #footer, .blog.width-small #footer, .blog.width-normal #footer, .blog.width-large #footer {
  max-width: 750px; }

#footer .social_wrap ul li {
  list-style-type: none;
  display: block;
  float: left; }

#footer .social_wrap ul li a {
  margin: 0 5px; }

#footer .social_wrap {
  width: 40px; }

#footer .social_wrap.footer_left {
  float: left;
  text-align: left;
  padding-top: 15px; }

#footer .social_wrap.footer_center {
  display: block;
  margin: 0 auto;
  width: 40px;
  padding-top: 15px; }

#footer .social_wrap.footer_center ul {
  float: left; }

#footer .social_wrap.footer_right {
  float: right;
  text-align: right;
  padding-top: 15px; }

#footer .social_wrap.footer_right ul {
  float: right; }

#footer .social_wrap.bottom_right {
  position: absolute;
  right: 20px; }

.page-template-gallery-php #footer .social_wrap.bottom_right {
  position: fixed;
  right: 5px;
  bottom: 50px; }

#footer .social_wrap.bottom_left {
  position: absolute;
  left: 20px;
  text-align: left; }

.page-template-gallery-php #footer .social_wrap.bottom_left {
  position: fixed;
  left: 20px;
  bottom: 50px; }

#footer .social_wrap.top_right {
  position: fixed;
  top: 5px;
  right: 20px;
  z-index: 999; }

#footer .wrap {
  padding: 10px 0 20px; }

#footer .wrap.footer_left {
  width: 50%;
  float: left;
  text-align: left; }

#footer .wrap.footer_center {
  width: 100%;
  margin: 0 auto;
  text-align: center; }

#footer .wrap.footer_right {
  float: right;
  text-align: right;
  padding-right: 8px; }

#footer .wrap.bottom_right {
  position: absolute;
  right: 20px;
  text-align: right;
  padding: 35px 0 30px; }

#footer .wrap.bottom_left {
  position: absolute;
  left: 20px;
  text-align: left; }

.fb-comments, .fb-comments span, .fb-comments iframe[style] {
  width: 100% !important; }

#comments, #respond {
  margin: 25px 0 15px; }

@media screen and (max-width: 800px) {
  .sub-menu li a {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } }