/* ====================
     global colors
==================== */
/* ====================
     media queries
==================== */
/* ====================
     fonts
==================== */
/* ====================
     layout
==================== */
.bg {
  background: #cccc99;
}

.container {
  background: #999966;
  max-width: 1000px;
}

header .row {
  background: #999966;
  border-bottom: 1px solid #fff;
  height: 62px;
  text-align: center;
}

.main .row {
  background: #fff;
}

.sidebar {
  background: #a4c2c2;
  padding: 0;
  width: 230px;
}

.textarea {
  padding: 10px 15px;
  background-color: #fff;
}

footer .row {
  background: #999966;
  height: 50px;
  padding-top: 10px;
  text-align: center;
}

.float_right {
  float: right;
}

.float_left {
  float: left;
}

td {
  padding-right: 10px;
  vertical-align: top;
}

/* ====================
     mobile menu
==================== */
.hamburger {
  left: 0;
  position: relative;
  top: 10px;
}

#drawer {
  background: #fff;
  display: block;
  left: 0;
  height: 100%;
  overflow: scroll;
  position: fixed;
  top: 0;
  -webkit-transform: translate(-768px, 0);
  transform: translate(-768px, 0);
  transition: transform 0.3s ease;
  width: 100%;
  z-index: 10;
}
#drawer ul li hr {
  border: 2px solid #404040;
  left: -5px;
  position: relative;
  width: 100%;
}

#drawer.open {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.close_button {
  color: #404040;
  position: absolute;
  right: 8px;
  top: 8px;
}

.mobile_nav_links {
  padding: 25px 0 15px 0;
}
.mobile_nav_links li {
  border-bottom: 2px solid #cc3300;
  display: block;
  height: 45px;
  line-height: 17px;
  list-style: none;
  padding-top: 11px;
  text-indent: 15px;
  text-transform: capitalize;
}
.mobile_nav_links li a {
  color: #cc3300;
  font-family: sans-serif;
  font-size: 17px;
  padding: 0.5em 4em 0.5em 0.5em;
  text-decoration: none;
}

/* ====================
     main navigation
==================== */
nav .row {
  background: #a4c2c2;
  border-bottom: 1px solid #fff;
  height: 52px;
  text-align: center;
  max-width: 1000px;
}
nav .row .nav_links {
  color: #333300;
  font-size: 15px;
  letter-spacing: .1em;
  padding: 0;
  text-decoration: none;
}
nav .row .nav_links a {
  color: #333300;
}
nav .row .nav_links a:hover {
  background: #404040;
  color: #a4c2c2;
  padding-bottom: 3px;
  text-decoration: none;
}
nav .row .nav_links li {
  display: inline;
  line-height: 52px;
  list-style: none;
}
nav .row .nav_links .desktop_rule {
  border-right: solid 1px #404040;
  padding-right: 4px;
}
nav .row .nav_links .desktop_rule:last-of-type {
  border-right: none;
}

/* ====================
     typography
==================== */
.container {
  color: #404040;
  font-family: Georgia, Times, serif;
}

.textarea {
  font-size: 17px;
  line-height: 30px;
}
.textarea ul {
  list-style: none;
  padding-left: 0;
}
.textarea p {
  margin-bottom: 30px;
}
.textarea p strong {
  color: #cc3300;
}

.drop_cap {
  color: #cc3300;
  float: left;
  font-size: 100px;
  line-height: 30px;
  margin: 8px 5px 0 0;
}

.row h1,
.row h2,
.row h3 {
  color: #cc3300;
  letter-spacing: 0.1em;
  line-height: 30px;
}
.row h1 {
  font-size: 24px;
}
.row h2 {
  font-size: 17px;
}
.row h3 {
  font-size: 15px;
}

.caption {
  color: #cc3300;
  font-size: 17px;
  line-height: 24px;
}

.smallcaps {
  font-variant: small-caps;
}

.small_text {
  font-size: 11px;
}

hr {
  border-bottom: 1px dotted #333300;
}

.clear {
  border: none;
}

.fa-facebook-official {
  margin: 0 10px 0 0;
}

.timestamp {
  border-bottom: dotted 1px #333300;
  color: #333300;
  font-family: sans-serif;
  font-size: 17px;
}

.read_more {
  color: #cc3300;
  cursor: pointer;
  font-family: sans-serif;
  font-size: 17px;
}

.price {
  display: inline-block;
}

td {
  color: #404040;
  font-family: sans-serif;
  font-size: 15px;
  line-height: 24px;
}

/* ====================
     links
==================== */
.row a {
  color: #cc3300;
  text-decoration: none;
}
.row a:hover {
  color: #cc3300;
  text-decoration: underline;
}

.row .logo {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: .4em;
  line-height: 24px;
  padding: 20px 0 0 0;
  text-transform: uppercase;
}
.row .logo a {
  color: #404040;
  text-decoration: none;
}
.row .logo a :hover {
  color: #000;
  text-decoration: none;
}

.pointer {
  cursor: pointer;
}

/* ====================
     images
==================== */
.full_width {
  margin: 25px 0 0 0;
  width: 100%;
}

.img_left {
  float: left;
  margin: 10px 14px 0 0;
}

.img_right {
  float: right;
  margin: 10px 0 0 0;
}

.img_bump {
  margin-top: 25px;
}

/* ====================
     responsive
==================== */
@media (min-width: 992px) {
  /* desktop */
  .container {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }

  .row .logo {
    font-size: 24px;
  }

  .textarea {
    font-size: 15px;
  }

  #drawer {
    visibility: hidden;
  }

  .textarea {
    padding: 20px 35px;
  }

  .full_width {
    margin: 5px 0;
  }

  .caption {
    font-size: 11px;
    line-height: 15px;
  }

  /* ====================
       jQuery lightBox
  ==================== */
  #gallery {
    padding: 20px 20px 20px 0px;
    width: 620px;
    background-color: #fff;
  }

  #gallery ul {
    list-style: none;
  }

  #gallery ul li {
    display: inline;
  }

  #gallery ul img {
    border: 2px solid #fff;
  }

  #gallery ul a:hover img {
    border: 2px solid #cc3300;
  }
}
@media (min-width: 450px) {
  #drawer {
    width: 450px;
  }
}

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