@import url("http://fonts.googleapis.com/css?family=Merriweather|Open+Sans:400,700");
/* Variables
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------ */
/* Mixins
------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------ */
.slideDown-enter {
  overflow-y: hidden;
  max-height: 0px;
  transition: all .5s ease-out; }

.slideDown-enter-active {
  overflow-y: hidden;
  max-height: 400px; }

.slideDown-leave {
  overflow-y: hidden;
  max-height: 400px;
  transition: all .5s ease-out; }

.slideDown-leave-active {
  overflow-y: hidden;
  max-height: 0px; }

/**
 * Slide across right-to-left
 */
.slideRTL-enter {
  position: absolute;
  left: 100%;
  transition: all .2s linear; }

.slideRTL-enter-active {
  position: absolute;
  left: 0%; }

.slideRTL-leave {
  position: absolute;
  left: 0%;
  transition: all .2s linear; }

.slideRTL-leave-active {
  position: absolute;
  left: -100%; }

/**
 * Slide across left-to-right
 */
.slideLTR-enter {
  position: absolute;
  left: -100%;
  transition: all .2s linear; }

.slideLTR-enter-active {
  position: absolute;
  left: 0%; }

.slideLTR-leave {
  position: absolute;
  left: 0%;
  transition: all .2s linear; }

.slideLTR-leave-active {
  position: absolute;
  left: 100%; }

/* -- Buttons -- */
.button {
  background: -webkit-gradient(linear, left top, left bottom, from(whitesmoke), to(#e1e1e1));
  background: -moz-linear-gradient(top, whitesmoke, #e1e1e1);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  background: #1e8cbe;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #999;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: normal;
  color: #555;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.1); }

.button:hover, .button:focus {
  cursor: pointer;
  color: black;
  text-decoration: none;
  border: 1px solid #666;
  -webkit-box-shadow: inset 1px 1px 2px white, 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 1px 1px 2px white, 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 2px white, 0 1px 1px rgba(0, 0, 0, 0.2); }

.button:active, .button.active {
  border: 1px solid #666666;
  background: #e1e1e1;
  background: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#dddddd));
  background: -moz-linear-gradient(top, #bbbbbb, #dddddd);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0 rgba(0, 0, 0, 0); }

.wpcc:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
.wpcc .wpcc-button {
  -webkit-font-smoothing: antialiased;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  display: block;
  margin: 0 auto;
  border: 1px solid #145b7c;
  background-color: #1e8cbe;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-decoration: none;
  padding: 11px 5px 12px 45px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  font-size: 15px;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  line-height: 100%;
  width: 225px; }
  .wpcc .wpcc-button:before {
    content: '';
    display: block;
    height: 23px;
    width: 23px;
    background-image: url(https://akismet.com/img/wpcc-logo.png);
    background-size: 23px;
    position: absolute;
    top: 7px;
    left: 10px; }
  .wpcc .wpcc-button:hover {
    background-color: #219cd4;
    text-decoration: none !important;
    border: 1px solid #145b7c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 4px rgba(0, 0, 0, 0.4); }
  .wpcc .wpcc-button:active {
    background-color: #176c92;
    border-color: #104b66;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); }

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .wpcc .wpcc-button:before {
    background-image: url(https://akismet.com/img/wpcc-logo-2x.png); } }
#login-wpcc .banner h1 {
  margin-bottom: 30px; }
#login-wpcc .banner p {
  line-height: 150%;
  font-size: 18px; }
#login-wpcc #wpcc-steps {
  background: #efefef;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 30px 0 30px 115px;
  margin-top: 40px; }
  #login-wpcc #wpcc-steps:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

/* -- Header -- */
body.shadow #header {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

#header {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #222222;
  height: 50px;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100; }
  #header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #header ul li {
    list-style-type: none; }
  #header.dropped {
    top: 150px; }
  #header nav {
    max-width: 960px;
    display: block;
    margin: 0 auto; }
  #header a {
    color: #fff;
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    float: left;
    line-height: 50px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all 0.05s ease-in-out;
    -moz-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out; }
    #header a:hover {
      background-color: #74a21e;
      color: #fff; }
    #header a:active {
      box-shadow: inset 0 -2px 6px rgba(0, 0, 0, 0.6); }
  #header #ak-logo {
    height: 50px;
    line-height: 50px;
    padding-top: 7px;
    background: url("https://akismet.com/img/ak-logo-2x.png") no-repeat center center;
    background-size: 30px 23px;
    width: 70px;
    color: #74a21e; }
    #header #ak-logo span {
      display: none; }
    #header #ak-logo:hover {
      background-color: #5e8e14; }
      #header #ak-logo:hover:before {
        color: #74a21e; }
    #header #ak-logo.current {
      background-color: #5e8e14; }
      #header #ak-logo.current:before {
        color: #fff; }
      #header #ak-logo.current:hover:before {
        color: #fff; }
  #header .main-nav {
    float: left; }
    #header .main-nav li {
      position: relative;
      float: left; }
      #header .main-nav li.current a {
        color: #fff;
        background: #5e8e14; }
      #header .main-nav li.current:first-child a {
        color: #74a21e; }
  #header .user-nav {
    float: right; }
    #header .user-nav li {
      float: left;
      color: #fff;
      line-height: 50px;
      list-style-type: none; }
      #header .user-nav li.signed-in {
        position: relative;
        padding: 9px 15px; }
        #header .user-nav li.signed-in img {
          height: 32px;
          width: 32px;
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
          -moz-border-radius: 6px;
          -webkit-border-radius: 6px;
          border-radius: 6px;
          -webkit-background-clip: padding-box; }
        #header .user-nav li.signed-in .sub {
          display: none;
          background: #fff;
          position: absolute;
          top: 45px;
          right: 0;
          width: 220px;
          box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.2);
          -webkit-border-bottom-left-radius: 3px;
          -webkit-border-bottom-right-radius: 3px;
          -moz-border-radius-bottomleft: 3px;
          -moz-border-radius-bottomright: 3px;
          border-bottom-left-radius: 3px;
          border-bottom-right-radius: 3px;
          -webkit-background-clip: padding-box; }
          #header .user-nav li.signed-in .sub li {
            float: none; }
            #header .user-nav li.signed-in .sub li a {
              float: none;
              display: block;
              color: #333;
              line-height: 40px;
              padding: 0 15px;
              text-decoration: none;
              text-align: left; }
              #header .user-nav li.signed-in .sub li a:hover {
                color: #fff;
                background-color: #74a21e; }
              #header .user-nav li.signed-in .sub li a:active {
                background-color: #557716; }
            #header .user-nav li.signed-in .sub li:last-child {
              -webkit-border-bottom-left-radius: 3px;
              -webkit-border-bottom-right-radius: 3px;
              -moz-border-radius-bottomleft: 3px;
              -moz-border-radius-bottomright: 3px;
              border-bottom-left-radius: 3px;
              border-bottom-right-radius: 3px;
              -webkit-background-clip: padding-box; }
              #header .user-nav li.signed-in .sub li:last-child a {
                -webkit-border-bottom-left-radius: 3px;
                -webkit-border-bottom-right-radius: 3px;
                -moz-border-radius-bottomleft: 3px;
                -moz-border-radius-bottomright: 3px;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                -webkit-background-clip: padding-box; }
        #header .user-nav li.signed-in:hover {
          color: rgba(0, 0, 0, 0.8);
          background-color: #fff; }
          #header .user-nav li.signed-in:hover .sub {
            display: block; }
  #header #wpcc-sign-in {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
    padding: 3px;
    line-height: 100%;
    position: relative;
    top: 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box; }
    #header #wpcc-sign-in:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #header #wpcc-sign-in .wpcom {
      padding: 3px 10px;
      float: left;
      cursor: pointer;
      line-height: 32px;
      margin: -3px 5px -3px -3px;
      color: rgba(255, 255, 255, 0.8);
      -webkit-font-smoothing: antialiased; }
      #header #wpcc-sign-in .wpcom:before {
        font: normal 24px/1 'Automatticons';
        content: 'W';
        display: inline-block;
        margin-right: 5px;
        position: relative;
        top: 2px;
        left: -2px;
        -webkit-font-smoothing: antialiased; }
      #header #wpcc-sign-in .wpcom:hover {
        color: #fff; }
    #header #wpcc-sign-in .button {
      float: right;
      line-height: 30px;
      background: #1e8cbe;
      text-shadow: none;
      color: #fff;
      font-weight: bold;
      font-size: 14px;
      border: 1px solid rgba(0, 0, 0, 0.6);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
      -webkit-font-smoothing: antialiased; }
      #header #wpcc-sign-in .button:hover {
        background-color: #219cd4;
        border: 1px solid #145b7c;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 4px rgba(0, 0, 0, 0.4); }
      #header #wpcc-sign-in .button:active {
        background-color: #176c92;
        border-color: #104b66;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); }
    #header #wpcc-sign-in:hover {
      background: rgba(255, 255, 255, 0.2); }
    #header #wpcc-sign-in.active {
      background: rgba(0, 0, 0, 0.9);
      box-shadow: inset 0 1px 3px black, 0 1px 0 rgba(255, 255, 255, 0.2); }
      #header #wpcc-sign-in.active .wpcom {
        color: #fff; }

#page {
  margin-top: 50px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  #page.dropped {
    margin-top: 200px; }