html, body {background-color: #fff;}

body, p, h1, h2, h3, h4, h5, h6 {color: #161616; font-family: Georgia, serif;}
a {color: #0056b3; cursor: pointer;}
hr {border-top: 1px solid #161616;}

.container {max-width: 980px; margin: 0 auto;}

body::after {
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content:url('img/understory-logo-color.png');
}

h1.logo a {color: #161616; text-decoration: none; text-transform: lowercase; display: block;
	height: 82.8px; width: 540px; background-size: contain; background-image: url('img/understory-logo-color.png?v=4'); background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;
}

@media (max-width: 767px) {
	h1.logo a {height: 46px; width: 300px; background-image: url('img/understory-logo-color.png?v=4'); background-size: contain; overflow: hidden; background-repeat: no-repeat; overflow: hidden;}
}

input.form-control {background-color:#bbb; border-color:#bbb;}
.color-888 {color: #161616;}
.index div.dashed {position: relative; clear:both; font-size: 18px; line-height: 1.5em; letter-spacing: 0.05em; font-weight: 100; color: #161616; cursor: move; border: dashed 1px #666; padding: 1px;}
.index div.dashed a {color: #161616; text-decoration: underline;}
.index div.dashed a.btn {color: #333; text-decoration: none;}
.index div.dashed a:hover {color: #161616; text-decoration: none;}
.index .understory-ambience, .index .understory-ambience-pause {cursor: pointer !important;}

.spoor-button {cursor:pointer !important; position:absolute; width: 20px; height:20px; bottom:0px; right:0px; opacity: 0.6;}
.spoor-button .fa-info {position: relative; bottom: 5px;}

.import-frame-choose-frame-div {width:100%; max-width:768px; max-height: 150px; overflow: scroll;}

.img-bw {filter: grayscale(100%);}

.opacity-50 {opacity: 0.5;}

.input-group-stories-checkbox {background:none;}

.story-row td a {color: #333;}
tr.story-row:hover {background-color: none !important;}