/*
* @preserve brand-colors 2.0.1
* http://reimertz.github.io/brand-colors
* (c) 2017 Pierre Reimertz
* may be freely distributed under the MIT license.
*/
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/*--------------------------------------------------------------
# Jetpack Modules
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Social Network Menu
--------------------------------------------------------------*/
.jetpack-social-navigation.jetpack-social-navigation-genericons a {
  font-size: 32px;
  font-size: 2rem;
  padding: 8px;
  padding: 0.5rem;
  border-radius: 50%;
  height: auto;
  transition: background 200ms;
  width: auto; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a:hover {
    background-color: #333;
    color: #fff; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="codepen.io"]:hover {
    background-color: #0ebeff; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="digg.com"]:hover {
    background-color: #005be2; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="dribbble.com"]:hover {
    background-color: #444444; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="dropbox.com"]:hover {
    background-color: #007ee5; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="facebook.com"]:hover {
    background-color: #3b5998; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="flickr.com"]:hover {
    background-color: #0063dc; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="foursquare.com"]:hover {
    background-color: #f94877; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="github.com"]:hover {
    background-color: #4078c0; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="plus.google.com"]:hover {
    background-color: #dc4e41; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="instagram.com"]:hover {
    background-color: #405de6; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="linkedin.com"]:hover {
    background-color: #0077b5; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="path.com"]:hover {
    background-color: #ee3423; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="pinterest.com"]:hover {
    background-color: #bd081c; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="getpocket.com"]:hover {
    background-color: #ef4056; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="reddit.com"]:hover {
    background-color: #ff4500; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="skype:"]:hover {
    background-color: #00aff0; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="spotify.com"]:hover {
    background-color: #1db954; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="tumblr.com"]:hover {
    background-color: #35465c; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="twitch.tv"]:hover {
    background-color: #6441a5; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="twitter.com"]:hover {
    background-color: #1da1f2; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="vimeo.com"]:hover {
    background-color: #162221; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="vine.co"]:hover {
    background-color: #00b488; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="wordpress.com"]:hover {
    background-color: #21759b; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="wordpress.org"]:hover {
    background-color: #21759b; }
  .jetpack-social-navigation.jetpack-social-navigation-genericons a[href*="youtube.com"]:hover {
    background-color: #ff0000; }

/*--------------------------------------------------------------
# Infinite Scroll
--------------------------------------------------------------*/
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  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; }

.infinite-loader {
  height: 85px !important; }
  .infinite-loader .spinner {
    -webkit-animation-duration: 0.75s;
            animation-duration: 0.75s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-name: spin;
            animation-name: spin;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    border: 5px solid #ccc;
    border-radius: 50%;
    border-top-color: #2196f3;
    height: 50px;
    left: auto !important;
    margin: auto;
    top: 15px !important;
    width: 50px !important; }
    .infinite-loader .spinner div {
      display: none; }

#infinite-footer {
  display: none; }

.site-main #infinite-handle {
  margin: 1.5em auto;
  text-align: center;
  width: 90%; }
  .site-main #infinite-handle span {
    padding-bottom: 3.2px;
    padding-bottom: 0.2rem;
    padding-left: 16px;
    padding-left: 1rem;
    padding-right: 16px;
    padding-right: 1rem;
    padding-top: 3.2px;
    padding-top: 0.2rem;
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    transition: all 200ms ease;
    border-color: #2196f3;
    background-color: #2196f3;
    color: #fff;
    display: block;
    font-size: inherit; }
    .site-main #infinite-handle span:hover {
      border-color: rgba(0, 0, 0, 0.5); }
    .site-main #infinite-handle span:hover {
      color: #fff;
      background-color: #0c7cd5;
      border-color: #0c7cd5; }
    .site-main #infinite-handle span:active, .site-main #infinite-handle span:focus {
      color: #fff; }
    @media screen and (min-width: 600px) {
      .site-main #infinite-handle span {
        display: inline-block; } }