/* heck.css
website by amanda falke / abstract machines development
illustration by bob dob ( random house publishing )
writing, and all written content by dale basye
*/

html,body {
	height:100%;
	background: #000;
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	color: #fff;
}

.container-fluid {
	height:100%;
	background: transparent;
	padding-top:0;
	padding-bottom: 0;
	padding-right: 0;
	overflow: hidden;
}

a, h1, h2, h3, h4, h5, h6, a:visited {
	color: #f81414;
	text-decoration: none;
}

.child-circle h1, .child-circle h2,
.child-circle h3, .child-circle h4 {
	text-align: center;
}

.child-circle h4 {
	margin-bottom: -0.05em;
	text-align: left;
}

h4, h5 {
	font-style: italic;
}

span {
	font-style: italic;
	color: gray;
}

a:hover, a:active, .heck-rss a:hover {
	color: #ddd;
	text-decoration:none;
}

.row {
	background: #000;
	position:relative;
	z-index: 0;
}

a.toplink {
display: block;
position: fixed;
bottom: -52px;
right: 15px;
text-align: center;
font-size: 30px;
line-height: 48px;
height: 50px;
width: 50px;
border-radius: 5px;
z-index: 100;
-webkit-transition: background-color 0.25s ease-out;
transition: background-color 0.25s ease-out;
background-color: rgba(0,0,0,0.3);
color: #fff;
}

a.toplink:active {
	bottom: 15px;
}

/* top menu ------------------------- */

/* image menu artwork */
 /*
A custom Bootstrap 3.1 template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

.icon-bar {
	background-color:#000;
}

.navbar-trans {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background: #000;
}

.navbar-right {
	padding-right: 3em;
}

.navbar-toggle .icon-bar {
  color: #FFF;
}

.navbar-trans .navbar-fixed-top {
	float: right;
}

.navbar-trans li>a {}

/* hovering transitions animation menu: */
.navbar-trans li>a:hover,.navbar-trans li>a:focus,.navbar-trans li.active {
	background: #000;
	opacity: 0.9999999;
	transition-timing-function: all 1s ease-in-out;
	-webkit-transition-timing-function: all 1s ease-in-out;
}

.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);
}

/* end MIT Bootply CSS ------ */

.navbar-trans a { /* font awesome */
	color:#f81414;
}

.navbar-trans a:hover, .navbar-trans a:active { /* font awesome */
	color: #ddd;
}

.navbar-fixed-top li a {
	width:40px;
	height:55px;
	text-indent: -99999px;
	opacity: 0.8;
}

.navbar-fixed-top li.fa-buttonz a {
	text-indent: 0;
	opacity: 1.0;
}

li#low-menu a {
	background: url("../images/levels/menu-how-low.png") 0px -1px repeat;
}

li#heck-menu a {
	background: url("../images/levels/menu-artwork-tiny.png") 0 0 no-repeat;
}

li#rapacia-menu a {
	background: url("../images/levels/menu-artwork-tiny.png") 0 -60px no-repeat;
}

li#blimpo-menu a {
	background: url("../images/levels/menu-artwork-tiny.png") 0 -117px no-repeat;
}

li#fibble-menu a {
	background: url("../images/levels/menu-artwork-tiny.png") 0 -174px no-repeat;
}

li#snivel-menu a {
	background: url("../images/levels/menu-artwork-tiny.png") 0 -233px no-repeat;
}

li#precocia-menu a {
	background: url("../images/levels/menu-artwork-tiny.png") 0 -295px no-repeat;
}

li#wise-acres-menu a {
	background: url("../images/levels/menu-artwork-tiny.png") 0 -350px no-repeat;
}

li#about-heck-menu a {
	background: url("../images/levels/about-menu-books.png") 0 0 no-repeat;
}

li#about-author-menu a {
	background: url("../images/levels/about-menu-author.png") 0 0 no-repeat;
}

li.fa-buttonz a, li.fa-buttonz a:hover
{
	background: transparent;
	margin:0;
	padding:0;
}

/* -------------------- RSS FEEDS: */
.heck-rss {
	margin-top: 2em;
	text-align: center;
}

.heck-rss a {
	color: #f81414;
}

.heck-rss a:hover {
	color: #DDD;
}

.heck-rss ul {
	list-style: none;
}

.feedburnerFeedBlock  {
	font-size: 140%;

	font-style: italic;
}

.feedburnerFeedBlock .headline {
	font-style: normal;
	margin-bottom: 0;
}

.feedburnerFeedBlock .headline::before {
	content: "NEW!! Continuation of Heck Series / Posts from the Heck Blog: ";
	margin-right: 0.005em;
	color: #f81414;
	font-weight: strong;
}

.feedburnerFeedBlock a img {
	display: none;
}

/* PARENT ROWS --- Heck Circles / Levels ------------------------ */
#heck .parent-circle {
	background: url("../images/levels/1-heck/heck-panel.png") 0 0 repeat;
}

#rapacia .parent-circle {
	background: url("../images/levels/2-rapacia/rapacia-panel.png") 0 0 repeat;
}

#blimpo .parent-circle {
	background:
		url("../images/levels/3-blimpo/blimpo-panel.png") 0 0 repeat;
}

#fibble .parent-circle {
	background:
		url("../images/levels/4-fibble/fibble-panel.png") 0 0 repeat;
}

#snivel .parent-circle  {
	background:
		url("../images/levels/5-snivel/snivel-panel.png") 0 0 repeat;
}

#precocia .parent-circle {
	background:
		url("../images/levels/6-precocia/precocia-panel.png") 0 0 repeat;
}

#wise-acres .parent-circle {
	background:
		url("../images/levels/7-wise-acres/wise-acres-panel.png") 0 0 repeat;
}

/* Parent ROWS:
 Characters, book covers, titleflame ---------- */
.bookcover {
	padding-right: 2em;
	z-index: 1;
}

.titleflame {
	margin-left: 0;
	padding-left: 2em;
	padding-right: 1em;
	z-index: 2;
}

.titleflame-xs {
	display: block;
	margin-left:auto;
	margin-right: auto;
}

.bookcharacters {
	margin-left: 0;
	padding-left: 0;
	z-index: 1;
}

img.character {
	padding-top:5em;
}

section#blimpo img.character {
	padding-top: 0;
}

section#fibble img.character {
	padding-top:14em;
}

section#precocia img.character,
section#wise-acres img.character {
	padding-top: 13em;
}

/* bootstrap 3 breakpoints ----
* For the purposes of additional customization beyond what bootstrap offers
* Includes:
*		- Sticky Flames
*		- Book Character Top Padding
*		- RSS Top Padding
*/

/* xs breakpoint  */
@media( max-width:768px ) {
img.title {
	margin-top: 7em;
	background: none;
}
.heck-rss {
	margin-top: 5em;
	text-align: center;
	margin-bottom: 0.05em;
	font-size: 85%;
}
}

/* sm breakpoint */
@media( min-width:768px ) {
.heck-rss {
	padding-top: 3.3em;
}
img.title {
	padding-top: 4em;
	}
img.flames {
	padding-top:2em;
}
section#heck img.title {
	padding-top:2.7em;
}
section#heck img.flames {
	padding-top:0.5em;
}
section#heck img.character {
	padding-top: 3em;
}
section#fibble img.character,
section#precocia img.character {
	padding-top: 8.8em;
}
section#wise-acres img.character {
	padding-top: 6em;
}
section#rapacia img.character {
	padding-top: 4.5em;
}
}

/* md breakpoint */
@media( min-width:992px ) {
.heck-rss {
	padding-top: 3.3em;
}
img.title {
	padding-top: 7em;
}
img.flames {
	padding-top:2em;
}
section#heck img.title {
	padding-top:4em;
}
section#heck img.flames {
	padding-top:1em;
}
}

@media( min-width:1200px ) {
img.title {
	padding-top: 6em;
}
img.flames {
	padding-top:6em;
	background: transparent;
}
section#heck img.flames {
	padding-top:2.8em;
}
}

@media( min-width:1600px ) {
img.title {
	padding-top:6em;
}
img.flames {
	padding-top:6em;
}
}

/* CHILD ROWS ---------- */
.buy {
	text-align: center;
}

.buy img {
	margin-top: 4em;
	display: inline;
	clear:both;
}

/* LOWER SECTIONS ROWS W/ SOCIAL MEDIA, ABOUT ---------- */
.navbar-fixed-bottom,
.navbar-footer {
	background: #000;
}

#about, #about .parent-circle {
	text-align:center;
	margin: 0 auto;
	background: #000;
	opacity: 0.9;
}

#about p, #about h1, #about h2 {
	margin-left:2em;
	margin-right:2em;
	opacity:1.8;
}

.flamerow {
	background: url("../images/levels/flames-burgundy-50percent-flamerow.png") 0 -15px repeat-x;
	background-position: bottom;
	min-height: 130px;
	max-height: 200px;
	margin-bottom: 2em;
}

footer {
	opacity:0.80;
	background: #000;
	color:#ddd;
	margin-top: 0;
	z-index:3;
}

footer .nav>li,
footer .nav>li>a {
	margin: 0.3em;
	padding: 0;
}

footer .nav>li>a {
	color:#ccc;
}

footer .nav>li>a:hover {
	background-color:transparent;
	color:#fff;
}

ul.mobile-footer>li,
ul.mobile-footer>li>a,
ul.mobile-footer>li>a:hover {
	display: inline-block;
	padding-bottom: 0;
}