body { font-family: sans-serif; padding:0; color:#111; }

h1 { font-size:30px; margin:0 0 1em 0; font-family: 'Raleway', sans-serif; font-weight:600; }
h2 { font-size:24px; margin-top:0; font-family: 'Raleway', sans-serif; font-weight:600; }
h3 { font-size:1em; margin-top:0; font-weight:bold; margin-top:0; font-family: 'Raleway', sans-serif; font-weight:600; }

a { color:#3b6b8d; }
.btn-primary { background:#3b6b8d; border-color:#3b6b8d;}
.btn-primary:hover, .btn-primary:active { background:#3b6b8d; border-color:#3b6b8d; opacity:.9; }
.page-item.active .page-link { border-color:#3b6b8d; background-color:#3b6b8d;}
.btn-outline-primary { color:#3b6b8d; border-color:#3b6b8d; }
.btn-outline-primary:hover { background-color:#3b6b8d; border-color:#3b6b8d; }
.dropdown-item:hover { background:#3b6b8d; color:#fff; }
.navbar-light .navbar-nav .nav-link { color:#3b6b8d; }
.dropdown-item { color:#3b6b8d; font-weight:normal; }
label { font-weight:bold; }


/*.form-control { width: auto !important; }*/
.table-min { width:auto; }
.mobile-max { width:280px !important; }

textarea:focus,
select:focus,
input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

table.sortable thead th { cursor:pointer; }

/* Header */
header { background:#eee; }


/* Footer */
footer { background:#eee; font-family: 'Raleway', sans-serif; margin-bottom:120px;}
footer .copyright { color:#666; }

/* Users */
ul#members { margin-top:1em; padding-left:0; }
ul#members li { text-align:center; width:120px; height:120px; display:inline-block; vertical-align:top; }
ul#members li:first-child { margin-left:0; }
ul#members a { text-align:center; display:block; }
ul.letters li.active a { font-weight:bold; }



/* Story / Rooms */

.room-footer { margin-top:1.5em; font-size:.9em; border:1px solid #ddd; padding:1em; background:#eee; }
a.rating { text-decoration:none; color:#333;}
img.rating { width:72px; height:13px; margin-top:-3px; display:inline-block; }

ul.choices span.glyphicon { color:#999; }
ul.choices li:hover { background:#eee; cursor:pointer; }
ul.choices li { border-top:1px solid #ccc; padding:1em; border-left:1px solid #ccc; border-right:1px solid #ccc; }
ul.choices li:not(.conditional):first-child { border-top-left-radius:8px; border-top-right-radius:8px; }
ul.choices li:not(.conditional):last-child { border-bottom:1px solid #ccc; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
ul.choices div.conditional-notes { display:none; font-size:12px; color:#900; opacity:.8; }
ul.choices a:hover { text-decoration:none; }

/* Image Positions */
img.room-image {}
img.img-left-wrap { float:left; margin:0 1.5em 1.5em 0; }
img.img-left-nowrap { display:block; margin-bottom:1.5em; }
img.img-right-wrap { float:right; margin: 0 0 1.5em 1.5em; }
img.img-right-nowrap { display:block; margin:0 0 1.5em 0; }
img.img-top-centered { display:block; margin:0 auto 1.5em auto; }
img.img-bottom-centered { display:block; margin:1.5em auto 1.5em auto; }

/* Ratings */
div.rating-detail .rating { font-size:24px; font-weight:bold; color:#000; }
div.rating-detail .max-rating { color:#999; margin-bottom:1em; }
div.rating-detail .count { color:#666; }
span.maturity-rating { cursor:default; }

#room-conditional-choices { margin-top:1em; }
#story-vars { margin-top:1em; }
#story-placeholders { margin-top:1em; }

@media (max-width: 330px) {
	.navbar-brand img { width:200px; }
}