#store-links {
  padding: 20px 0;
}
.sidebar-search-container {
  padding-top: 5px;
}
#sidebar .sub-category-link {
  text-decoration: none;
}
#sidebar .pure-menu-item {
  padding-bottom: 8px;
}

/*link colors*/

a, a:visited, a.pure-menu-link, a.pure-menu-link:visited, .pure-menu.pure-menu-horizontal.admin-menu a, .pure-menu.pure-menu-horizontal.admin-menu a:visited, .category-detail a, .category-detail a:visited {
  color: #0069ff;
}

/*hover link colors*/

a:hover, a.pure-menu-link:hover:visited, .category-detail a:hover, .pure-menu.pure-menu-horizontal.admin-menu a:hover {
  color: #0069ff;
}
.button-secondary {
  background-color: #0069ff;
}
html, button, input, select, textarea, .pure-g [class*="pure-u"], .pure-g-r [class*="pure-u"] {
  font-family: "proxima-nova", sans-serif;
}
body {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}
input {
  font-family: "proxima-nova", sans-serif;
}
ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}
h1, h2, h3, h4 {
  font-weight: normal;
  margin: 0;
}
p {
  margin: 0;
}
.wrapper-full {
  width: 1100px;
  margin: 0 auto;
}
.wrapper-slim {
  width: 750px;
  margin: 0 auto;
}
h1.main-page-header, h2.main-page-header {
  font-weight: 100;
  font-size: 42px;
  margin-bottom: 5px;
  color: #2B2B2B;
  text-align: center;
}
h3.main-sub-header {
  text-align: center;
  font-weight: 100;
  font-size: 24px;
  line-height: 1.5;
  padding: 0 130px;
}
h3.main-sub-header strong {
  font-weight: 600;
}
.link {
  color: #474747;
  border-bottom: 1px dotted #474747;
}
.link:hover {
  color: #2d2d2d;
  border-bottom: 1px dotted #2d2d2d;
}

}
body.home {
  background: #3686be;
}
body.home header {
  background: #3686be;
  height: 20vh;
}
body.home header div.wrapper-full {
  max-width: 860px;
}
body.home header #hiring {
  top: 49px;
  background: #8AC06E;
  display: none;
}
body.home header a.logo {
  margin-top: 43px;
}
body.home header nav {
  margin-top: 50px;
}
body.home header nav li {
  display: none;
}
body.home header nav#button-nav li {
  display: none;
}
body.home header nav#button-nav li:first-child {
  display: block;
  margin-right: 0;
}
body.home header nav#button-nav li:first-child a {
  padding: 10px 11px;
  display: block;
  border: 1px solid #dadada;
  border-radius: 3px;
}
body.home header nav#button-nav li:first-child a:hover {
  background: #2e76aa;
}
body.home footer {
  display: none;
}
body.home section.main {
  min-height: inherit;
}
body.home section.homepage-header {
  height: 80vh;
  padding-top: 25vh;
}
body.home section.homepage-header h1 {
  position: relative;
  margin-top: -100px;
  margin-bottom: 10px;
}
body.home section.homepage-header h3 {
  margin-bottom: 50px;
}
body.home section.homepage-header .experiment-learnmore {
  font-size: 18px;
  margin-top: 25vh;
}
@media all and (max-width: 910px) {
  body.home header nav#button-nav li: first-child {
    display: none;
  }
  body.home header a.logo {
    margin-top: 20px;
  }
}
@media all and (max-width: 740px) {
  body.home header {
    height: 20vh;
  }
  body.home section.homepage-header {
    padding-top: 10vh;
  }
  body.home section.homepage-header .experiment-learnmore {
    margin-top: 10vh;
  }
}
@media all and (max-width: 680px) {
  body.home section.homepage-header {
    padding-top: 10vh;
  }
  body.home section.homepage-header .experiment-learnmore {
    margin-top: 10vh;
  }
}
.referrals_index header {
  background: #3686be;
}
.referrals_index .homepage-header #announcement {
  font-weight: normal;
}
body.index header, body.x404 header {
  background: #3686be;
  height: 120px;
}
body.index header #hiring, body.x404 header #hiring {
  top: 49px;
  background: #8AC06E;
}
body.index header #hiring:after, body.x404 header #hiring:after {
  border-right: 5px solid #8AC06E;
}
body.index header #hiring:hover, body.x404 header #hiring:hover {
  background-color: #82B468;
}
body.index header #hiring:hover:after, body.x404 header #hiring:hover:after {
  border-right: 5px solid #82B468;
}
body.index header a.logo, body.x404 header a.logo {
  margin-top: 43px;
}
body.index header nav, body.x404 header nav {
  margin-top: 50px;
}
body.index header nav#button-nav li.button-outline a, body.x404 header nav#button-nav li.button-outline a {
  border: 1px solid #ffffff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.index header nav#button-nav li.button-outline a:hover, body.x404 header nav#button-nav li.button-outline a:hover {
  background-color: #fff;
  color: #3686be;
}
header {
  background: #0069ff;
  height: 72px;
  width: 100%;
  padding: 0;
}
header a.logo {
  text-indent: -9999px;
  width: 195px;
  height: 31px;
  background-size: 195px 31px;
  background: url("https://s3-us-west-2.amazonaws.com/kotis-estores/layouts/digitalocean/logo-bb1f6804.svg") no-repeat;
  display: block;
  float: left;
  margin-top: 20px;
  margin-right: 27px;
}
header nav {
  float: right;
  margin-top: 26px;
}
header nav li {
  float: left;
  margin-right: 32px;
}
header nav li a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 1px;
}
header nav li a:hover {
  border-bottom: 1px dotted #ffffff;
}
header nav#button-nav {
  margin-left: 24px;
}
header nav#button-nav li {
  margin-right: 17px;
}
header nav#button-nav li.button-outline {
  margin-right: 0;
}
header nav#button-nav li.button-outline a {
  padding: 10px 11px;
  border: 1px solid #dadada;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
header nav a:hover, header nav a:visited {
  color: #FFF;
}
section.main {
  min-height: 700px;
}
@media all and (max-width: 1439px) and (min-width: 0px) {
  #homepage-features .wrapper-full {
    width: 1100px;
  }
}
@media all and (max-width: 1170px) {
  .wrapper-full {
    width: 100%;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  header, footer {
    min-width: 100%
  }
  ul.wrapper-full {
    padding: 0;
  }
  ul.wrapper-full li {
    display: block;
    float: left;
  }
  section.main {
    min-height: 0;
  }
  .mobile-nav .m-pikabu-sidebar nav#button-nav li a:hover {
    border-bottom: 1px dotted #ffffff;
  }
  .mobile-nav .m-pikabu-sidebar nav#button-nav li.button-outline a {
    border: 1px solid #ffffff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 10px 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    display: block;
    width: 90px;
    text-align: center;
  }
  .mobile-nav .m-pikabu-sidebar nav#button-nav li.button-outline a:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .mobile-nav .m-pikabu-sidebar nav#mobile li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #414141;
  }
  .mobile-nav .m-pikabu-sidebar nav#mobile li a {
    color: #e7e7e7;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    display: block;
    padding: 13px 20px;
  }
  .mobile-nav .m-pikabu-sidebar nav#mobile li a:hover {
    color: #3686be;
  }
  .mobile-nav .m-pikabu-sidebar nav#mobile li:last-child {
    border-bottom: none;
  }
  .mobile-nav .m-pikabu-sidebar #entrance {
    float: left;
    margin: 35px 0 30px 19px;
  }
  .mobile-nav .m-pikabu-sidebar #entrance #log-in {
    color: #e0e0e0;
    border: 1px solid #cacaca;
    margin-right: 8px;
  }
}
@media all and (max-width: 1170px) {
  .wrapper-full {
    width: 100%;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
}
@media all and (max-width: 910px) {
  header nav {
    display: none;
  }
}