@charset "UTF-8";
/*
Theme Name:     Laura Kalbag 2015
Theme URI:      http: //laurakalbag.com
Description:    An iteration of the Laura Kalbag Two theme
Author:         Laura Kalbag
Author URI:     http: //laurakalbag.com
Version:        0.1
*/
/*

             /\_..._/\
             |/ \_/ \|
             | o.-.o |
             \ ( O ) /
             /'--U--'\
             |  .:.  | /\
             | /:;:\ |` /
             | |:;:| |-'
      jgs   /  |'-'|  \
            `""`   `""`

The non-minified versions of these stylesheets are visible as Sass in the /sass folder. Inspired by Dan Eden's Max CSS: http://daneden.me/max-css/

*/
/* White */
/* 0.8 White */
/* 0.6 White */
/* Grey (to be replaced by theme colour on a post/page/project basis) */
/* Mid Grey (to be replaced by active colour on a post/page/project basis) */
/* Mid-dark Grey (to be replaced by border colour on a post/page/project basis) */
/* Darker Grey (to be replaced by header colour on a post/page/project basis) */
/* 0.2 Black */
/* This unit is designed to keep all measurements in proportion to it */
/* 	all the mixins below gives us a way of specifying measurements in a single unit, and then it puts it into both pixels and rems
	so we've got relative units for accessibility, but absolute units for old browsers */
/* Jonic's mixin */
/* end px/rem mixins */
/* Breakpoint mixin */
@import url("//hello.myfonts.net/count/2aa145");
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, svg, hr {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-weight: normal; }

body {
  background: #fff;
  line-height: 1; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
  background: #fff75c; }

del {
  text-decoration: line-through; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

abr {
  border-bottom: 1px dotted; }

input[type=submit], button {
  cursor: pointer;
  -webkit-appearance: none; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, svg, main {
  display: block; }

/* make sure the page doesn't shift horizontally */
html {
  overflow-y: scroll; }

blockquote {
  border-left: 2px solid; }

body {
  color: #4c4c4c;
  -webkit-transition: all 0.3 ease;
  -moz-transition: all 0.3 ease;
  -ms-transition: all 0.3 ease;
  -o-transition: all 0.3 ease;
  transition: all 0.3 ease; }

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

ul {
  list-style-type: none; }

a {
  color: #7e7e7e; }
  a:hover, a:active, a:focus {
    color: #4c4c4c; }

::selection {
  background: #fff; }

::-moz-selection {
  background: #fff; }

/* Set font families as mixin */
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 30px;
  line-height: 1.875rem; }
  .wf-active body {
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif; }

h1, h2, h3, h4,
h1 a, h2 a, h3 a, h4 a {
  font-weight: bold;
  margin: 42.75px 0px 19px 0px;
  margin: 2.671875rem 0rem 1.1875rem 0rem; }

h1 {
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  font-size: 42.75px;
  font-size: 2.671875rem;
  line-height: 64.125px;
  line-height: 4.0078125rem; }
  .wf-active h1 {
    font-family: "Arek Latin Semibold Italic", Georgia, serif;
    font-weight: bold;
    font-style: italic; }
  .home h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 42.75px;
    font-size: 2.671875rem;
    line-height: 64.125px;
    line-height: 4.0078125rem; }
    .wf-active .home h1 {
      font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
      font-style: normal; }

h2 {
  font-size: 28.5px;
  font-size: 1.78125rem;
  line-height: 42.75px;
  line-height: 2.671875rem;
  margin: 57px 0px 28.5px 0px;
  margin: 3.5625rem 0rem 1.78125rem 0rem; }

h3 {
  font-size: 21.375px;
  font-size: 1.3359375rem;
  line-height: 32.0625px;
  line-height: 2.00390625rem;
  margin-bottom: 9.5px;
  margin-bottom: 0.59375rem; }
  h3 cite {
    font-weight: bold; }

p {
  margin-bottom: 19px;
  margin-bottom: 1.1875rem; }

.entry-title {
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  font-size: 34.2px;
  font-size: 2.1375rem;
  line-height: 51.3px;
  line-height: 3.20625rem; }
  .wf-active .entry-title {
    font-family: "Arek Latin Semibold Italic", Georgia, serif;
    font-weight: bold;
    font-style: italic; }
  .entry-title a {
    text-decoration: none; }

h1.entry-title {
  font-size: 42.75px;
  font-size: 2.671875rem;
  line-height: 57px;
  line-height: 3.5625rem; }

h3.entry-title {
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 21.375px;
  font-size: 1.3359375rem;
  line-height: 32.0625px;
  line-height: 2.00390625rem;
  margin-bottom: 19px;
  margin-bottom: 1.1875rem; }
  .wf-active h3.entry-title {
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif;
    font-style: normal; }
  h3.entry-title a {
    text-decoration: underline; }

.entry-content h2 {
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  font-size: 34.2px;
  font-size: 2.1375rem;
  line-height: 38px;
  line-height: 2.375rem; }
  .wf-active .entry-content h2 {
    font-family: "Arek Latin Semibold Italic", Georgia, serif;
    font-weight: bold;
    font-style: italic; }
  .home .entry-content h2 {
    font-size: 42.75px;
    font-size: 2.671875rem;
    line-height: 57px;
    line-height: 3.5625rem; }
.entry-content ul, .entry-content ol {
  margin-bottom: 19px;
  margin-bottom: 1.1875rem;
  margin-left: 28.5px;
  margin-left: 1.78125rem; }
.entry-content ul {
  list-style-type: disc; }
.entry-content ol {
  list-style-type: decimal; }

.entry-meta {
  margin-top: 0; }
  .entry-meta time span {
    font-size: 19px;
    font-size: 1.1875rem; }

blockquote {
  font-style: italic;
  margin-top: 19px;
  margin-top: 1.1875rem;
  margin-bottom: 19px;
  margin-bottom: 1.1875rem;
  padding-left: 19px;
  padding-left: 1.1875rem; }

.main {
  margin: 0px 19px 57px 19px;
  margin: 0rem 1.1875rem 3.5625rem 1.1875rem;
  max-width: 741px;
  max-width: 46.3125rem;
  position: relative;
  z-index: 1; }
  .home .main, .post-type-archive-projects .main, .tax-project-type .main {
    max-width: 100%; }
  .single .main {
    max-width: 988px;
    max-width: 61.75rem; }
  @media (min-width: 1200px) {
    .main {
      margin-right: 0;
      margin-left: 323px;
      margin-left: 20.1875rem; }
      .home .main, .post-type-archive-projects .main, .tax-project-type .main, .single .main {
        margin-left: 0; } }
  .main a {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto; }

.page-title,
.home .page,
.home .latest-posts,
.home #latest-projects {
  max-width: 740px;
  max-width: 46.25rem; }
  @media (min-width: 1200px) {
    .page-title,
    .home .page,
    .home .latest-posts,
    .home #latest-projects {
      margin-left: 323px;
      margin-left: 20.1875rem; }
      .blog .page-title, .category .page-title, .tag .page-title, .search .page-title, .blog
      .home .page, .category
      .home .page, .tag
      .home .page, .search
      .home .page, .blog
      .home .latest-posts, .category
      .home .latest-posts, .tag
      .home .latest-posts, .search
      .home .latest-posts, .blog
      .home #latest-projects, .category
      .home #latest-projects, .tag
      .home #latest-projects, .search
      .home #latest-projects {
        margin-left: 0; } }

.home .page {
  border-bottom: 1px solid #939393;
  padding-bottom: 28.5px;
  padding-bottom: 1.78125rem; }

/**
 * @license
 * MyFonts Webfont Build ID 2793797, 2014-04-12T07:29:34-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Brandon Text Bold Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/bold-italic/
 *
 * Webfont: Brandon Text Bold by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/bold/
 *
 * Webfont: Brandon Text Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/italic/
 *
 * Webfont: Brandon Text Regular by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/regular/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2793797
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2012 by Hannes von Doehren. All rights reserved.
 *
 * © 2014 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Brandon Text';
  font-weight: bold;
  font-style: italic;
  src: url("fonts/2AA145_0_0.eot");
  src: url("fonts/2AA145_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/2AA145_0_0.woff") format("woff"), url("fonts/2AA145_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'Brandon Text';
  font-weight: bold;
  font-style: normal;
  src: url("fonts/2AA145_1_0.eot");
  src: url("fonts/2AA145_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/2AA145_1_0.woff") format("woff"), url("fonts/2AA145_1_0.ttf") format("truetype"); }
@font-face {
  font-family: 'Brandon Text';
  font-weight: normal;
  font-style: italic;
  src: url("fonts/2AA145_2_0.eot");
  src: url("fonts/2AA145_2_0.eot?#iefix") format("embedded-opentype"), url("fonts/2AA145_2_0.woff") format("woff"), url("fonts/2AA145_2_0.ttf") format("truetype"); }
@font-face {
  font-family: 'Brandon Text';
  font-weight: normal;
  font-style: normal;
  src: url("fonts/2AA145_3_0.eot");
  src: url("fonts/2AA145_3_0.eot?#iefix") format("embedded-opentype"), url("fonts/2AA145_3_0.woff") format("woff"), url("fonts/2AA145_3_0.ttf") format("truetype"); }
.site-header {
  position: relative;
  z-index: 2; }
  @media (min-width: 1200px) {
    .site-header {
      border-bottom: 6px solid #fff; } }

.site-title {
  border-bottom: 6px solid grey;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-size: 1.1875rem;
  font-style: normal;
  line-height: 30px;
  line-height: 1.875rem;
  margin-top: 0;
  margin-bottom: 0; }
  .wf-active .site-title {
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif; }
  @media (min-width: 1200px) {
    .site-title {
      float: left;
      width: 309.7px;
      width: 19.35625rem; } }
  @media (min-width: 1200px) {
    .site-title {
      border-bottom: none; } }
  .site-title a {
    color: #fff;
    display: block;
    font-size: 28.5px;
    font-size: 1.78125rem;
    line-height: 42.75px;
    line-height: 2.671875rem;
    margin: 0;
    padding: 14.25px 38px 9.5px 19px;
    padding: 0.890625rem 2.375rem 0.59375rem 1.1875rem;
    text-decoration: none; }
    .site-title a:hover, .site-title a:active, .site-title a:focus {
      color: #fff; }
    @media (min-width: 435px) {
      .site-title a {
        padding: 14.25px 38px 9.5px 76px;
        padding: 0.890625rem 2.375rem 0.59375rem 4.75rem;
        position: relative;
        z-index: 2; }
        .site-title a:before {
          background: url("images/indie-balloon.png") 0 0 no-repeat;
          content: "";
          height: 40px;
          margin-left: -59px;
          position: absolute;
          width: 40px; } }
  @media (min-width: 435px) {
    .svg .site-title a:before {
      background: url("images/indie-balloon.svg") 0 0 no-repeat; } }

.site-navigation {
  /* horizontal dropdown menu */ }
  .site-navigation a {
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 28.5px;
    line-height: 1.78125rem;
    font-weight: bold;
    padding: 14.25px 19px 9.5px 19px;
    padding: 0.890625rem 1.1875rem 0.59375rem 1.1875rem;
    text-decoration: none; }
    .site-navigation a:hover, .site-navigation a:active, .site-navigation a:focus {
      color: #fff; }
  .site-navigation .sub-menu a {
    padding-left: 38px;
    padding-left: 2.375rem; }
    @media (min-width: 830px) {
      .site-navigation .sub-menu a {
        padding-left: 19px;
        padding-left: 1.1875rem; } }
    .site-navigation .sub-menu a:hover, .site-navigation .sub-menu a:active {
      background: rgba(0, 0, 0, 0.2); }
  .site-navigation .menu-item-has-children > a:hover, .site-navigation .menu-item-has-children > a:active {
    background: rgba(0, 0, 0, 0.2); }
  @media (min-width: 830px) {
    .site-navigation {
      position: relative; }
      .site-navigation :after {
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
        visibility: hidden; }
      .site-navigation li {
        float: left; }
      .site-navigation a {
        float: left;
        line-height: 42.75px;
        line-height: 2.671875rem; }
      .site-navigation .sub-menu {
        display: none; }
        .site-navigation .sub-menu li, .site-navigation .sub-menu a {
          clear: both;
          float: none; }
      .site-navigation .menu-item-has-children:hover .sub-menu {
        display: block;
        margin-top: 65.55px;
        margin-top: 4.096875rem;
        position: absolute; } }

.menu-toggle {
  border-radius: 0px;
  border-radius: 0rem;
  display: block;
  float: right;
  line-height: 28.5px;
  line-height: 1.78125rem;
  margin-top: -52.25px;
  margin-top: -3.265625rem;
  margin-right: 19px;
  margin-right: 1.1875rem;
  padding: 9.5px 19px 9.5px 19px;
  padding: 0.59375rem 1.1875rem 0.59375rem 1.1875rem;
  position: relative;
  z-index: 3; }

.skip-link {
  display: block;
  height: 0;
  overflow: hidden; }

#border {
  height: 5.7px;
  height: 0.35625rem;
  margin-top: -6px;
  z-index: 1;
  /* so SVG doesn't prevent link above from being interactive */ }
  @media (min-width: 1200px) {
    #border {
      top: 66.5px;
      top: 4.15625rem;
      margin-top: 0;
      position: absolute; } }

body, body:focus {
  background-color: #dedede; }

header, footer, .sub-menu {
  background-color: #bb110c; }

.site-title {
  border-color: #ff5d24; }

.site-header {
  border-color: #ff5d24; }

nav {
  border-color: #ff5d24; }

.menu-toggle {
  background-color: #ff5d24; }

@media only screen and (min-width: 720px) {
  nav ul li.current-menu-item a,
  nav ul li.current_page_parent a,
  nav ul ul li.current-menu-item a,
  nav ul li.current_page_parent ul li.current_page_item a,
  body.single-projects .site-navigation .projects a,
  body.category nav ul li.blog a,
  body.tag nav ul li.blog a,
  body.single-post nav ul li.blog a {
    background-color: #ff4925; } }

@media only screen and (min-width: 720px) {
  nav ul ul, nav ul li a:hover {
    background-color: #890a08; } }

.current-menu-item a,
.current-menu-ancestor a,
.single-projects .site-navigation .projects a,
.tax-project-type .site-navigation .projects a,
.single-post .site-navigation .blog a,
.tag .site-navigation .blog a,
.category .site-navigation .blog a {
  background-color: #890a08; }

.current-menu-ancestor .menu-item a {
  background-color: transparent; }

.current-menu-ancestor .current-menu-item a {
  background-color: #890a08; }

a.comment-reply-link,
form input#submit, form input.submit, form input.button,
footer section.xmt,
nav ul li a:hover {
  background-color: #890a08; }

div#respond {
  background-color: #ff8400; }

form input[type=text],
form input[type=email],
form input[type=password],
form textarea {
  color: #ff8400; }

.site-footer {
  clear: both;
  color: #fff;
  padding: 38px 19px 19px 19px;
  padding: 2.375rem 1.1875rem 1.1875rem 1.1875rem; }
  .home .site-footer {
    padding-top: 19px;
    padding-top: 1.1875rem; }
  @media (min-width: 1200px) {
    .site-footer {
      padding-right: 0;
      padding-left: 0; } }
  .site-footer a {
    color: #fff;
    color: rgba(255, 255, 255, 0.8); }
    .site-footer a:hover, .site-footer a:active, .site-footer a:focus {
      color: #fff; }
  .site-footer .avatar {
    float: right;
    margin: 0px 0px 9.5px 19px;
    margin: 0rem 0rem 0.59375rem 1.1875rem; }
    @media (min-width: 830px) {
      .site-footer .avatar {
        float: left;
        margin: 0px 19px 9.5px 0px;
        margin: 0rem 1.1875rem 0.59375rem 0rem; } }
    @media (min-width: 1200px) {
      .site-footer .avatar {
        margin-left: 114px;
        margin-left: 7.125rem; } }
  .site-footer .widget_text {
    max-width: 740px;
    max-width: 46.25rem; }
    @media (min-width: 1200px) {
      .site-footer .widget_text {
        margin-left: 323px;
        margin-left: 20.1875rem; } }
    .site-footer .widget_text .widget-title {
      margin-top: 0; }

.site-info {
  display: block;
  font-size: 17.1px;
  font-size: 1.06875rem;
  max-width: 740px;
  max-width: 46.25rem; }
  @media (min-width: 1200px) {
    .site-info {
      margin-left: 323px;
      margin-left: 20.1875rem; } }

.projects-list {
  margin: 38px -19px 38px -19px;
  margin: 2.375rem -1.1875rem 2.375rem -1.1875rem;
  max-width: 1700px;
  overflow: hidden; }
  @media (min-width: 1200px) {
    .projects-list {
      margin-right: 0;
      margin-left: 0; } }
  @media (min-width: 2000px) {
    .projects-list {
      margin-left: 228px;
      margin-left: 14.25rem; } }
  .projects-list li {
    float: left;
    position: relative;
    width: 50%; }
    @media (min-width: 460px) {
      .projects-list li {
        width: 33.333333333%; } }
    @media (min-width: 720px) {
      .projects-list li {
        width: 25%; } }
    @media (min-width: 940px) {
      .projects-list li {
        width: 16.666666667%; } }
    @media (min-width: 1300px) {
      .projects-list li {
        width: 16.666666667%; } }
    .projects-list li a {
      display: block; }
      .projects-list li a img {
        display: block; }

.post {
  padding-top: 28.5px;
  padding-top: 1.78125rem;
  padding-bottom: 28.5px;
  padding-bottom: 1.78125rem; }
  .blog .post, .archive .post, .search-results .post {
    border-top: 1px solid #939393; }
  .home .post {
    border-bottom: 1px solid #939393;
    padding-top: 19px;
    padding-top: 1.1875rem;
    padding-bottom: 19px;
    padding-bottom: 1.1875rem; }
  .event-posts .post {
    padding-bottom: 0; }
  .post .entry-meta {
    margin-bottom: 19px;
    margin-bottom: 1.1875rem; }
    .home .post .entry-meta {
      font-size: 18px;
      font-size: 1.125rem;
      margin-bottom: 9.5px;
      margin-bottom: 0.59375rem; }
  .post .entry-title {
    margin-top: 19px;
    margin-top: 1.1875rem; }
    .single .post .entry-title {
      margin-top: 42.75px;
      margin-top: 2.671875rem;
      margin-bottom: 38px;
      margin-bottom: 2.375rem; }
    .home .post .entry-title {
      margin-bottom: 19px;
      margin-bottom: 1.1875rem; }
  .post .entry-utility {
    font-size: 18.05px;
    font-size: 1.128125rem; }
  .post .entry-utility-prep {
    margin-top: 28.5px;
    margin-top: 1.78125rem;
    margin-bottom: 0; }

.event-posts {
  margin-bottom: 57px;
  margin-bottom: 3.5625rem; }

.blog .widget-area {
  border-top: 1px solid #939393;
  overflow: hidden; }
  .blog .widget-area .widget_categories {
    clear: both; }
  @media only screen and (min-width: 780px) {
    .blog .widget-area .widget_categories {
      float: left;
      width: 30%; }
    .blog .widget-area .widget_tag_cloud {
      float: left;
      width: 70%; } }

/* Link icons on link posts */
.format-link .entry-title a {
  background: url("images/icon-link.png") 0 6px no-repeat;
  padding-left: 38px;
  padding-left: 2.375rem; }
  .svg .format-link .entry-title a {
    background-image: url(images/icon-link.svg); }
  .wf-active .format-link .entry-title a {
    background-position: 0 3px; }
  .home .format-link .entry-title a {
    background: none;
    position: relative; }
    .home .format-link .entry-title a:before {
      background: url("images/icon-link.png") 0 0 no-repeat;
      content: "";
      display: block;
      height: 24px;
      left: 1px;
      position: absolute;
      top: -2px;
      width: 24px; }

/* Heading on homepage */
.latest-posts h2 {
  margin-top: 57px;
  margin-top: 3.5625rem;
  margin-bottom: 0; }

label {
  display: block;
  margin: 19px 0px 9.5px 0px;
  margin: 1.1875rem 0rem 0.59375rem 0rem; }

input, button, textarea {
  border: none;
  border-radius: 4.75px;
  border-radius: 0.296875rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 19px;
  font-size: 1.1875rem;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 38px;
  line-height: 2.375rem;
  margin-bottom: 9.5px;
  margin-bottom: 0.59375rem;
  padding: 0px 4.75px 0px 4.75px;
  padding: 0rem 0.296875rem 0rem 0.296875rem;
  max-width: 100%; }
  .wf-active input, .wf-active button, .wf-active textarea {
    font-family: 'Brandon Text', Helvetica, Arial, sans-serif; }

input[type=text],
input[type=email],
textarea {
  width: 100%; }
  input[type=text]::selection,
  input[type=email]::selection,
  textarea::selection {
    background: #4c4c4c;
    color: #fff; }
  input[type=text]::-moz-selection,
  input[type=email]::-moz-selection,
  textarea::-moz-selection {
    background: #7e7e7e;
    color: #fff; }

button,
.button,
input#submit {
  border: none;
  color: #fff;
  padding: 4.75px 19px 4.75px 19px;
  padding: 0.296875rem 1.1875rem 0.296875rem 1.1875rem; }

.entry-content form ul {
  margin-bottom: 0;
  margin-left: 0; }
  .entry-content form ul li {
    list-style-type: none; }

/* Gravity forms honeypot hiding */
.gform_validation_container {
  display: none; }

.search-form {
  margin-top: 38px;
  margin-top: 2.375rem;
  overflow: hidden; }
  @media (min-width: 480px) {
    .search-form {
      margin-bottom: 28.5px;
      margin-bottom: 1.78125rem; } }
  .search-form label {
    margin-top: 9.5px;
    margin-top: 0.59375rem;
    min-width: 66.5px;
    min-width: 4.15625rem; }
    @media (min-width: 435px) {
      .search-form label {
        float: left;
        margin-top: 0;
        line-height: 38px;
        line-height: 2.375rem;
        width: 20%; } }
    @media (min-width: 480px) {
      .search-form label {
        width: 15%; } }
    @media (min-width: 680px) {
      .search-form label {
        width: 10%; } }
  @media (min-width: 435px) {
    .search-form .text {
      float: left;
      width: 80%; } }
  @media (min-width: 480px) {
    .search-form .text {
      width: 67%; } }
  @media (min-width: 520px) {
    .search-form .text {
      width: 70%; } }
  @media (min-width: 680px) {
    .search-form .text {
      width: 80%; } }
  .search-form .submit {
    float: right;
    min-width: 66.5px;
    min-width: 4.15625rem; }
    @media (min-width: 480px) {
      .search-form .submit {
        height: 38px;
        height: 2.375rem;
        line-height: 28.5px;
        line-height: 1.78125rem;
        min-width: auto;
        width: 10%; } }
    @media (min-width: 520px) {
      .search-form .submit {
        width: 7%; } }

.single .main {
  position: relative; }
  .single .main:after {
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    visibility: hidden; }
@media (min-width: 1200px) {
  .single .entry-title,
  .single .entry-content,
  .single .project-content,
  .single #comments {
    clear: right;
    float: right;
    width: 665px;
    width: 41.5625rem; }
  .single .project-content {
    margin-top: -57px;
    margin-top: -3.5625rem; }
  .single .project-duration,
  .single .project-meta,
  .single .entry-meta,
  .single .entry-utility {
    clear: left;
    float: left;
    margin-left: 19px;
    margin-left: 1.1875rem;
    width: 266px;
    width: 16.625rem; }
  .single .project-duration {
    font-size: 20.9px;
    font-size: 1.30625rem;
    line-height: 24.7px;
    line-height: 1.54375rem;
    margin-top: 142.5px;
    margin-top: 8.90625rem;
    margin-bottom: 0px;
    margin-bottom: 0rem; }
  .single .entry-meta {
    margin-top: 0; } }

.project-meta h3 {
  margin-top: 19px;
  margin-top: 1.1875rem;
  margin-bottom: 0; }
.project-meta p {
  font-size: 18.05px;
  font-size: 1.128125rem; }

.comments-title {
  clear: both;
  float: none; }

.comment-respond {
  color: #fff;
  margin: 0px -19px 0px -19px;
  margin: 0rem -1.1875rem 0rem -1.1875rem;
  padding: 0.95px 19px 19px 19px;
  padding: 0.059375rem 1.1875rem 1.1875rem 1.1875rem; }

.commentlist {
  border-top: 1px solid #939393;
  padding-top: 19px;
  padding-top: 1.1875rem; }

.comment {
  clear: both;
  list-style-type: none;
  padding: 19px 0px 0px 0px;
  padding: 1.1875rem 0rem 0rem 0rem; }

.comment-entry {
  border-bottom: 1px solid #939393;
  padding-bottom: 19px;
  padding-bottom: 1.1875rem; }
  .comment-entry p {
    max-width: 646px;
    max-width: 40.375rem; }

.children {
  margin: 0px -19px 0px -19px;
  margin: 0rem -1.1875rem 0rem -1.1875rem;
  padding: 0px 19px 0px 19px;
  padding: 0rem 1.1875rem 0rem 1.1875rem; }

.avatar {
  display: block;
  float: right;
  margin: 0px 0px 9.5px 9.5px;
  margin: 0rem 0rem 0.59375rem 0.59375rem; }

.comment-author h3 {
  margin-top: 0; }

.reply {
  overflow: hidden; }

.comment-reply-link {
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  float: right;
  padding: 0px 9.5px 0px 9.5px;
  padding: 0rem 0.59375rem 0rem 0.59375rem;
  text-decoration: none; }
  .comment-reply-link:hover, .comment-reply-link:active, .comment-reply-link:focus {
    color: #fff; }

.comment-meta a {
  color: #939393;
  text-decoration: none; }

.entry-content img, .project-content img {
  display: block;
  margin: 38px 0px 57px 0px;
  margin: 2.375rem 0rem 3.5625rem 0rem;
  max-width: 100% !important; }
.entry-content .dribbble-shot img, .project-content .dribbble-shot img {
  margin: 0px 0px 19px 0px;
  margin: 0rem 0rem 1.1875rem 0rem; }

.wp-caption {
  width: 100% !important;
  /* override WP setting width on the container of an image */ }
  .wp-caption img {
    height: auto;
    margin: 19px 0px 4.75px 0px;
    margin: 1.1875rem 0rem 0.296875rem 0rem; }

.wp-caption-text {
  color: #939393;
  font-size: 17.1px;
  font-size: 1.06875rem;
  margin-bottom: 28.5px;
  margin-bottom: 1.78125rem; }

.dribbble-shots {
  overflow: hidden; }
  @media (min-width: 830px) {
    .dribbble-shots {
      margin-left: -19px;
      margin-left: -1.1875rem; } }

@media (min-width: 830px) {
  .dribbble-shot {
    float: left;
    padding-left: 19px;
    padding-left: 1.1875rem;
    width: 50%; } }

.lanyrd-listing {
  list-style-type: none; }