.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  margin: 0 auto; }

.inline {
  display: inline; }

.inblock {
  display: inline-block; }

.hide {
  display: none; }

.show, .block {
  display: block; }

select {
  width: auto; }

[class^="fa-"] {
  font-family: FontAwesome;
  color: #444; }

a {
  color: #48343C; }
  a:hover {
    color: #2a1f23; }

.hero {
  height: 300px;
  height: 50vh;
  background: #48343C;
  position: relative;
  overflow: hidden; }
  .hero .bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-filter: blur(8px);
    background: url("../images/fall_candles.jpg");
    background-size: cover;
    background-repeat: repeat;
    background-position: center center;
    opacity: .7; }
  .hero .logout {
    color: white;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 30;
    font-size: 11px; }
  .hero h1, .hero h4 {
    position: absolute;
    z-index: 10;
    color: white;
    text-align: center;
    width: 100%;
    margin-top: -18px; }
  .hero h1 {
    line-height: 300px;
    line-height: 50vh;
    font-size: 54px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); }
  .hero h4 {
    font-size: 16px;
    line-height: 50vh;
    padding-top: 50px; }

.login-form {
  margin-top: 5vh; }
  .login-form input {
    outline: none;
    border: none;
    border-bottom: 2px solid #48343C;
    color: #48343C;
    margin-top: 30px;
    padding: 10px;
    margin-bottom: 10px; }
  .login-form input.submit {
    padding: 10px;
    text-align: center;
    background: #48343C;
    color: white;
    border-bottom: 5px solid #2a1f23;
    margin-top: 50px; }
    .login-form input.submit:hover {
      background: #45323a;
      margin-top: 51px;
      border-bottom-width: 4px; }
    .login-form input.submit:active {
      background: #392930;
      margin-top: 53px;
      border-bottom-width: 2px; }

#filter_bar {
  background: #e0e0e0;
  padding: 16px 0; }
  #filter_bar select {
    max-width: 25%; }
  #filter_bar button {
    background: #DFDFDF;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #999;
    color: black; }
    #filter_bar button:hover {
      background: #ccc; }
    #filter_bar button:active, #filter_bar button:focus {
      background: #bbb;
      outline: none; }
    #filter_bar button.active {
      color: white;
      background: #220000; }

.burning {
  line-height: 2.5rem;
  background: #F9CD97;
  margin-top: 16px;
  border: 1px solid #f6b667;
  text-indent: 16px;
  color: black; }
  .burning a {
    color: black;
    font-weight: bold; }
    .burning a:hover {
      opacity: .8; }

.info {
  line-height: 2.5rem;
  background: #48343C;
  margin-top: 16px;
  border: 1px solid #2a1f23;
  text-indent: 16px;
  color: white; }
  .info div:nth-of-type(n+2) {
    border-left: 1px solid #2a1f23;
    text-align: center;
    text-indent: 0; }
  .info .active-size {
    text-decoration: underline; }

.list-container {
  margin: 16px auto;
  position: relative; }

.candle-container, .no-results {
  background: #ececec;
  outline: 1px solid #e0e0e0;
  line-height: 3.5rem;
  margin-bottom: 8px;
  position: relative;
  z-index: 2; }
  .candle-container .candle-icon, .no-results .candle-icon {
    height: 3.5rem;
    width: 3.5rem;
    line-height: 3.5rem;
    font-size: 1.25rem;
    display: inline-block;
    text-align: center;
    border-right: 1px solid #e0e0e0;
    margin-right: 16px;
    background: #3E4855;
    color: white; }
    .candle-container .candle-icon.spring, .no-results .candle-icon.spring {
      background: #76B44E; }
    .candle-container .candle-icon.summer, .no-results .candle-icon.summer {
      background: #FAA946; }
    .candle-container .candle-icon.fall, .no-results .candle-icon.fall {
      background: #E55C5B; }
    .candle-container .candle-icon.winter, .no-results .candle-icon.winter {
      background: #1AA3D3; }
  .candle-container .candle-name, .no-results .candle-name {
    font-weight: bold;
    line-height: 2.25rem; }
  .candle-container .candle-specs, .no-results .candle-specs {
    clear: both;
    font-size: 12px;
    line-height: .25rem;
    color: #6a6a6a;
    font-weight: bold; }
    .candle-container .candle-specs .collection.spring, .no-results .candle-specs .collection.spring {
      color: #576d48; }
    .candle-container .candle-specs .collection.summer, .no-results .candle-specs .collection.summer {
      color: #d5831f; }
    .candle-container .candle-specs .collection.fall, .no-results .candle-specs .collection.fall {
      color: #ba3b3a; }
    .candle-container .candle-specs .collection.winter, .no-results .candle-specs .collection.winter {
      color: #22677f; }
  .candle-container .edit, .candle-container .count, .candle-container .show-more, .no-results .edit, .no-results .count, .no-results .show-more {
    text-align: center;
    border-left: 1px solid #e0e0e0; }
  .candle-container .count:nth-of-type(odd), .no-results .count:nth-of-type(odd) {
    background: #f4f4f4; }
  .candle-container .count.filtering, .no-results .count.filtering {
    background: rgba(72, 52, 60, 0.45); }
  .candle-container .count-title, .no-results .count-title {
    color: #444;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    line-height: 1.2rem;
    font-size: 12px;
    font-weight: bold; }
  .candle-container .show-more span:before, .no-results .show-more span:before {
    font-weight: bold;
    display: block;
    transition: all .3s;
    filter: FlipH;
    -o-transform: scaleY(1);
    -ms-filter: "FlipV";
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  .candle-container.expanded .show-more, .no-results.expanded .show-more {
    background: #ececec; }
    .candle-container.expanded .show-more span:before, .no-results.expanded .show-more span:before {
      filter: FlipH;
      -o-transform: scaleY(-1);
      -ms-filter: "FlipV";
      -moz-transform: scaleY(-1);
      -webkit-transform: scaleY(-1);
      transform: scaleY(-1); }

.no-results-container {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0; }

/* --------------------------------------------------
 *	Media Queries
 ------------------------------------------------- */
@media only screen and (max-width: 64em) {
  .mobile-clear {
    clear: both; }

  .hide-for-mobile {
    display: none; }

  .count, .edit {
    display: none;
    border-top: 1px solid #e0e0e0; }

  .edit {
    line-height: 4.7rem; }

  .hero h1 {
    font-size: 26px; }
  .hero h4 {
    font-size: 10px; }

  .candle-specs {
    font-size: 11px; }

  .collection {
    display: none; }

  .no-results {
    font-size: 11px; } }
@media only screen and (min-width: 64em) {
  .show-for-mobile {
    display: none !important; }

  .count, .edit {
    display: block !important; } }

/*# sourceMappingURL=style.css.map */