html {
    position: relative;
    min-height: 100%;
}
body {
    background: #FAA559 url("../img/body_bg.png") repeat-x 0 0 !important;
	min-height: 75rem;
	padding-top: 4.5rem;
    margin-bottom: 60px;
}

/* shadows */
.bb-shadow-inset {
    -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.75);
}
.bb-shadow-outline-b {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
.bb-header-glow {
	text-shadow: 0px 4px 3px rgba(255,255,255,0.4),
             0px 8px 13px rgba(255,255,255,0.1),
             0px 18px 23px rgba(255,255,255,0.1),
             0px 0px 30px rgba(0, 0, 0, 1);

	font-family: "hobo-std", sans-serif;
}
.bb-shadow-lod-standout {
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 1),
	0px 0px 30px rgba(0, 0, 0, 1),
	0px 0px 30px rgba(0, 0, 0, 1),
	0px 0px 30px rgba(0, 0, 0, 1);
}
/* navbar customizations */
#std-bootstrap-menu {
}
.dropdown-menu {
}
.navbar-custom {
    background-color: #FFB34D;
}
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #663300;
}
.navbar-custom .navbar-nav .nav-link {
    color: #AB6E00;
}
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #FFFFFF;
}
.navbar-custom .nav-item.active:hover .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #663300;
    background-color: rgba(255,255,255,.5);
}
.navbar-custom .dropdown-menu {
    background-color: #FFB34D;
}
.navbar-custom .dropdown-item {
    color: #FFFFFF;
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: #663300;
    background-color: rgba(255,255,255,.5);
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* fixed-height of footer here */
    height: 60px;
    line-height: 60px; /* vert center text in footer */
    background-color: transparent;
}
.footer > .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}
.light-text {
    color: #F7BA29;
}
.dark-text {
    color: #663300;
}
.jumbotron {
    position: relative;
}
#masthead-slider {
	background-color: rgba(115, 75, 75, 0.55);
}
#home .jumbotron-masthead {
	background: url("../img/Donkey-Ollie-Injured.jpg") no-repeat center center;
	background-size: cover;
	max-height: 720px;
	max-width: 1280px;
	min-width: auto;
	margin: 0 auto;
}
#about .carousel-item img {
	max-height: 720px;
	max-width: 1280px;
	min-width: auto;
	margin: 0 auto;
}
.jumbotron-masthead .container {
    position: absolute;
    padding-top: 60px;
    margin: 0 2rem 2rem 2rem;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.jumbotron-masthead .container h1 {
	font-family: "hobo-std", sans-serif;
}
.dark-overlay {
	position: absolute;
    height: 100%;
    width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #080d15;
	opacity: .0;
}
/* characters.php */
.character-listing {
	background: #FFF;
}
.character-listing .col-lg-4 {
	margin-bottom: 1.5rem;
	text-align: center;
}
.character-listing h2 {
	font-weight: normal;
}
.character-listing .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem;
}
/* home cards */
/* utils */
/* story panels */
.bb-bg-white {
    background-color: #FFF;
}
.bb-stripe {
    margin-left: 0;
    margin-right: 0;
}
.bb-shipwrecked-redemptive-film-festival-story {
    background: #FFF;
}
/* media queries */
@media (max-width: 425px) {
    #home .jumbotron-masthead h1 {
    	text-align: center;
    }
    .display-3 {
        font-size: 2.5rem;
        font-weight: 300;
        line-height: 1.1;
    }
}
@media (min-width: 577px) and (max-width: 768px) {
    .display-3 {
        font-size: 2.5rem;
        font-weight: 300;
        line-height: 1.1;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .display-3 {
        font-size: 3.5rem;
        font-weight: 300;
        line-height: 1.1;
    }
}
@media (min-width: 993px) and (max-width: 1440px) {
}
@media (min-width: 1441px) and (max-width: 2560px) {
    .display-3 {
        font-size: 5.5rem;
        font-weight: 300;
        line-height: 1.1;
    }
    #home .jumbotron-masthead .container p {
        font-size: 2rem;
    }
}
@media (min-width: 2561px) {
    .dark-overlay {
        position: absolute;
        height: 720px;
        width: 1280px;
        margin: 0 auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    #home .jumbotron-masthead .container {
        height: 720px;
        width: 1280px;
        margin: 0 auto;
        top: 45%;
        right: 0;
        bottom: 0;
        left: 0;
    }
}
/* vim: set sw=4 ts=4 et ai si: /*