/* Sass code to generate css based on the Sectionalize Bootstrap 3.1 template from http://bootply.com.  MIT license
   Regenerate with: sass sectionalize.scss sectionalize.css
 */
html, body {
  height: 100%;
  background-image: url("/images/good-food-1024-background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover; }

/* address mobile fixed background image weirdness
   second part from http://stackoverflow.com/a/10841767
 */
@media screen and (max-width: 600px) {
  section.transparentSection {
    background-image: url("/images/good-food-320-background.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: scroll;
    background-size: 100%; } }
.icon-bar {
  background-color: #fff; }

.div-trans {
  background-color: rgba(54, 56, 34, 0.5);
  color: #fff;
  padding: 10px 0; }

.navbar-trans {
  background-color: #363822;
  color: #fff;
  opacity: 0.7;
  font-family: "Open Sans", sans-serif; }

.navbar-trans li > a:hover,
.navbar-trans li > a:focus,
.navbar-trans li.active {
  background-color: #5D8E16; }

.navbar-trans a {
  color: #fefefe; }

.navbar-trans .form-control:focus {
  border-color: #eee;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 100, 100, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(100, 100, 100, 0.6); }

section {
  padding-top: 70px;
  padding-bottom: 50px;
  min-height: calc(100% - 1px); }

.v-center {
  padding-top: 10%; }

.well {
  border-color: transparent; }

#sectionBrand h1 {
  font-size: 50px; }

#sectionBlurb, #sectionSettings {
  background-color: #e5f5de;
  color: #687858; }

#sectionBlurb a {
  padding: 1px;
  color: #4DA513; }

#sectionBlurb a:hover {
  color: #508721; }

#sectionAbout, #sectionAdd {
  background-color: #7E8250;
  color: #deefcc; }

section.transparentSection {
  color: #fff; }
  section.transparentSection h1, section.transparentSection h2, section.transparentSection h3, section.transparentSection h4, section.transparentSection h5, section.transparentSection h6, section.transparentSection .shadow {
    text-shadow: 2px 2px 4px #112200; }

#sectionTags {
  background-color: #7E8250;
  color: #deefcc; }

footer {
  background-color: #363822;
  color: #fff;
  min-height: 40px;
  padding-top: 20px;
  padding-bottom: 20px; }
  footer .nav > li > a,
  footer p > a {
    padding: 1px;
    color: #B3C293; }
  footer .nav > li > a:hover,
  footer p > a:hover {
    background-color: transparent;
    color: #fff; }

h1, .font-brand {
  font-family: "Rock Salt", cursive; }

.font-sub {
  font-family: "Open Sans", sans-serif; }

div.list-group-item.active {
  background-color: #7E8250;
  color: #fff;
  border-color: #526036; }

div.list-group-item.active:hover,
div.list-group-item.active:focus {
  background-color: #91C133;
  border-color: #91C133; }

img.avatarImg {
  height: 40px;
  width: 40px; }

span.realName {
  font-style: italic;
  color: #686868; }

div.memberRow {
  padding: 5px 0; }

div.memberRow img {
  border: 1px solid #686868; }

div.memberRow span.realName {
  font-style: italic;
  color: #686868; }

div#addControl,
div#addMember,
div#memberControl,
div#listControl {
  display: none; }

#sectionAdd h1,
#sectionSettings h1 {
  padding-bottom: 30px; }

div.settingsToggle {
  display: none; }

div.list-group-item {
  color: #333;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none; }

div.list-group-item:hover,
div.list-group-item:focus {
  color: #222;
  background-color: #F1F6CE; }

/* custom button */
.btn-custom {
  color: #fff;
  background-color: #4f5231;
  border-color: #4f5231; }

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  color: #fff;
  background-color: #404227;
  border-color: #30321e; }

.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
  color: #fff;
  background-color: #4f5231;
  border-color: #4f5231; }

/* 
   make the navbar uncollapsy
   http://stackoverflow.com/questions/21738417/bootstrap-remove-responsive-from-navbar/21751422#21751422 
*/
@media (max-width: 768px) {
  .navbar-header {
    float: left; }

  .navbar {
    border-radius: 4px;
    min-width: 300px; }

  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0; }

  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff; }

  .nav-justified > li {
    display: table-cell;
    width: 1%; }

  .nav-justified > li > a {
    margin-bottom: 0; }

  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0; }

  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff; }

  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }

  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0; }

  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }

  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0; }

  .container {
    min-width: 400px; }

  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none; }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important; }

  .navbar-collapse.in {
    overflow-y: visible; }

  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0; }

  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0; }

  .navbar-static-top {
    border-radius: 0; }

  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0; }

  .navbar-toggle {
    display: none; }

  .navbar-nav {
    float: left;
    margin: 0; }

  .navbar-nav > li {
    float: left; }

  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px; }

  .navbar-nav.navbar-right:last-child {
    margin-right: -15px; }

  .navbar-left {
    float: left !important; }

  .navbar-right {
    float: right !important; }

  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }

  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }

  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }

  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }

  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0; }

  .navbar-form .has-feedback .form-control-feedback {
    top: 0; }

  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }

  .navbar-form.navbar-right:last-child {
    margin-right: -15px; }

  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px; }

  .navbar-text.navbar-right:last-child {
    margin-right: 0; } }

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