.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading p, .wf-loading ul, .wf-loading ol, .wf-loading dl, .wf-loading small, .wf-loading label, .wf-loading input, .wf-loading a, .wf-loading blockquote, .wf-loading address {
  opacity: 0; }

body.blog .note {
  color: rgba(41, 48, 51, 0.4);
  font-weight: 400;
  font-style: italic;
  font-size: 1.4rem; }
body.blog input[type="checkbox"] {
  display: inline;
  width: 1.6rem;
  height: 1.6rem;
  padding: 0;
  margin: 1.2rem;
    margin-left: 0; }
body.blog label.inline {
  font-weight: 400;
  display: inline; }
body.blog #content .blurb-big {
  border-bottom: 1px solid rgba(41, 48, 51, 0.2);
  margin-bottom: 4.8rem; }
  body.blog #content .blurb-big h2 {
    padding-bottom: 1.2rem; }
    body.blog #content .blurb-big h2 a {
      border-bottom: 0; }
      body.blog #content .blurb-big h2 a:hover {
        color: #31578c; }
    @media only screen and (min-width: 960px) {
      body.blog #content .blurb-big h2 {
        font-size: 3.6rem;
        line-height: 3.6rem; } }
  body.blog #content .blurb-big p {
    padding-bottom: 1.2rem; }
  body.blog #content .blurb-big .meta {
    font-size: 1.2rem;
    color: rgba(41, 48, 51, 0.6);
    height: 1.2rem; }
    body.blog #content .blurb-big .meta p {
      padding-bottom: 0; }
    body.blog #content .blurb-big .meta a {
      color: rgba(41, 48, 51, 0.6); }
      body.blog #content .blurb-big .meta a.comms {
        padding-right: 2.4rem;
        background-image: url(http://cdn2.hubspot.net/hub/151826/img/img/comments.png);
        background-repeat: no-repeat;
        background-position: 100% 50%; }
    body.blog #content .blurb-big .meta .left {
      float: left;
      width: 50%; }
    body.blog #content .blurb-big .meta .right {
      float: right;
      text-align: right;
      width: 50%; }
  body.blog #content .blurb-big .tags {
    text-transform: uppercase;
    font-size: 1.2rem;
    display: block;
    padding-bottom: 1.2rem;
    color: #666666; }
    body.blog #content .blurb-big .tags a {
      color: rgba(49, 87, 140, 0.75); }
      body.blog #content .blurb-big .tags a:hover {
        color: #31578c;
        border-color: rgba(49, 87, 140, 0.5); }
  body.blog #content .blurb-big img {
    width: 100%;
    max-width: 100%;
    height: auto; }
body.blog #content .box form {
  padding: 1.2rem 2.4rem;
    padding-right: 1.2rem;
  margin-bottom: 0; }
  body.blog #content .box form.subscribe input[type="email"] {
    width: 70%;
    float: left; }
  body.blog #content .box form.subscribe input[type="image"].button {
    width: 3.2rem !important;
    height: 3.2rem;
    padding: 0.9rem;
    float: right; }
body.blog #content .box .blurb h6 {
  padding-bottom: 1.2rem; }
body.blog #content .pg {
  border-top: 0;
  padding: 0;
  margin-top: 0; }
  body.blog #content .pg .prevpg,
  body.blog #content .pg .nextpg {
    font-family: "Neo Sans W01", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    color: #293033;
    text-transform: uppercase;
    height: 4.8rem;
    line-height: 4.8rem;
    width: 40%;
    margin: 0;
    padding: 0;
    border: 0;
    background-image: url(http://cdn2.hubspot.net/hub/151826/img/img/pg.png);
    background-repeat: no-repeat;
    background-size: 3.6rem 28.8rem; }
    body.blog #content .pg .prevpg:hover,
    body.blog #content .pg .nextpg:hover {
      background-color: #cc6652;
      color: white; }
    body.blog #content .pg .prevpg.inactive,
    body.blog #content .pg .nextpg.inactive {
      color: rgba(41, 48, 51, 0.2);
      cursor: default; }
      body.blog #content .pg .prevpg.inactive:hover,
      body.blog #content .pg .nextpg.inactive:hover {
        background-color: transparent;
        color: rgba(41, 48, 51, 0.2); }
  body.blog #content .pg .prevpg {
    float: left;
    padding-left: 3.6rem;
    padding-right: 1.2rem;
    background-position: 0 -14.4rem; }
    body.blog #content .pg .prevpg:hover {
      background-position: 0 -19.2rem; }
    body.blog #content .pg .prevpg.inactive {
      background-position: 0 -24rem; }
  body.blog #content .pg .nextpg {
    float: right;
    text-align: right;
    padding-right: 3.6rem;
    padding-left: 1.2rem;
    background-position: 100% 0; }
    body.blog #content .pg .nextpg:hover {
      background-position: 100% -4.8rem; }
    body.blog #content .pg .nextpg.inactive {
      background-position: 0 -9.6rem; }
body.blog #content .reminder {
  border-top: 1px solid rgba(41, 48, 51, 0.2);
  padding-top: 4.8rem;
  padding-bottom: 3.6rem; }
body.blog #content .article .meta {
  font-size: 1.4rem;
  color: rgba(41, 48, 51, 0.6); }
body.blog #content .article img {
  width: auto;
  max-width: 100%;
  max-height: 400px;
  height: auto; }
body.blog #content .article figure {
  padding: 1em;
  padding-top: 0;
  text-align: center; }
  @media screen and (min-width: 768px) {
    body.blog #content .article figure.image-right,
    body.blog #content .article figure.image-left {
      max-width: 70%; }
    body.blog #content .article figure.image-right {
      float: right;
      padding-right: 0; }
    body.blog #content .article figure.image-left {
      float: left;
      padding-left: 0; } }
  body.blog #content .article figure figcaption {
    font-style: italic;
    font-size: .8em;
    padding: .5em;
    padding-bottom: 0; }
body.blog #content .comments {
  clear: both;
  padding-top: 4.8rem; }
  body.blog #content .comments:before {
    content: "";
    width: 24rem;
    height: 0.6rem;
    display: block;
    background-color: rgba(124, 166, 135, 0.2); }
  body.blog #content .comments h3 {
    font-weight: 400; }
  body.blog #content .comments h4 {
    font-size: 1.8rem;
    font-weight: 400;
    padding-bottom: 1.2rem; }
  body.blog #content .comments textarea {
    margin-bottom: 0; }
  body.blog #content .comments small.note {
    margin-bottom: 1.2rem;
    display: block; }
  body.blog #content .comments input[type="submit"] {
    margin-top: 2.4rem; }
body.blog #content .comment {
  border-bottom: 1px solid rgba(41, 48, 51, 0.2);
  margin-bottom: 3.6rem; }
  body.blog #content .comment h6 {
    font-size: 1.2rem;
    color: rgba(41, 48, 51, 0.6);
    padding-bottom: 0 !important; }
  body.blog #content .comment strong {
    color: #293033; }
  body.blog #content .comment p {
    font-size: 1.5rem;
    padding-bottom: 0.6rem;
    color: rgba(41, 48, 51, 0.8); }
body.blog .social li a {
  background-color: rgba(255, 255, 255, 0.75); }
body.blog #header .social {
  margin-top: 4.8rem;
  clear: both; }
  @media only screen and (min-width: 960px) {
    body.blog #header .social {
      margin-left: 2.4rem; } }
  @media only screen and (min-width: 1180px) {
    body.blog #header .social {
      margin-left: 6rem; } }
body.blog #header .tags {
  margin-top: 2.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase; }
  body.blog #header .tags a {
    color: white; }
    body.blog #header .tags a:hover {
      border-color: rgba(255, 255, 255, 0.5); }
body.blog #footer {
  margin-top: 0; }

.clearfix, body.blog #content .blurb-big .meta {
  *zoom: 1; }
  .clearfix:before, body.blog #content .blurb-big .meta:before, .clearfix:after, body.blog #content .blurb-big .meta:after {
    content: "";
    display: table; }
  .clearfix:after, body.blog #content .blurb-big .meta:after {
    clear: both; }

button.comment-reply-to:hover {background-color: #cc6652 !important; }
.hs_blog_chrome_river_currents_expense_management_automation_blog_subscription {display: none;}
body.blog .hs_email.field.hs-form-field input[type="email"] {width: 90%;}