/* darkorange:#a46831#915b2b#7d4f25#69431f#563619 */
/* darkgreen:#a46831#915b2b#7d4f25#69431f#563619 */
.navbar-default, .panel-primary, .panel-primary>.panel-heading { border-color:#a46831; } .bg-primary, .panel-primary>.panel-heading { background-color:#a46831; }
.bg, .main.bg .article, .table>thead>tr, .navbar-default { background-color:#f4faf8; }
.navbar-inverse, .navbar .dropdown .dropdown-menu li>a:focus, .navbar .dropdown .dropdown-menu li>a:hover { background-color:#7d4f25; }
.navbar-inverse, .navbar-inverse.navbar-collapse .navbar-nav:not(:first-child) { border-color:#69431f; }
.header+.navbar .navbar-nav li.active>a, .header+.navbar .navbar-nav li.open>a,
 .header+.navbar .navbar-nav li.active>a:focus, .header+.navbar .navbar-nav li.active>a:hover,
 .header+.navbar .navbar-nav li.open>a:focus, .header+.navbar .navbar-nav li.open>a:hover { color:#7d4f25; }
.navbar .dropdown .dropdown-menu>li.active>a { background-color:#915b2b; border-color:#7d4f25; }
.navbar .dropdown .dropdown-menu>li>a:focus, .navbar .dropdown .dropdown-menu>li>a:hover { background-color:#7d4f25; border-color:#69431f; }
@media(max-width:767px){
	.navbar-collapse.navbar-inverse .dropdown .dropdown-menu>.active>a,
	.navbar-collapse.navbar-inverse .dropdown .dropdown-menu>.active>a:focus,
	.navbar-collapse.navbar-inverse .dropdown .dropdown-menu>.active>a:hover { background-color:#563619; }
}
.nav-pills>li>a:hover, .nav-pills>li>a:focus { border-color:#a46831; background-color:transparent; color:#333; }
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { border-color:#a46831; background-color:#a46831; color:#FFF; }
.nav-pills>li>input[type="checkbox"]+a>label { border-color:#7d4f25; background-color:#a46831; color:#FFF; }
.nav-pills>li.active>input[type="checkbox"]+a>label { border-color:#a46831; background-color:#FFF; color:#7d4f25; }
.bootstrap-tabs .nav-tabs>li>a:hover, .bootstrap-tabs .nav-tabs>li>a:focus,
 .bootstrap-tabs .nav-tabs>li.active>a, .bootstrap-tabs .nav-tabs>li.active>a:focus, .bootstrap-tabs .nav-tabs>li.active>a:hover
 { border-width:1px; border-color:#a46831; color:#333; }
.bootstrap-tabs .nav-tabs>li.active>a, .bootstrap-tabs .nav-tabs>li.active>a:focus, .bootstrap-tabs .nav-tabs>li.active>a:hover
 { border-width:1px; border-color:#a46831; background-color:#a46831; color:#FFF; }
.bootstrap-tabs .bootstrap-tabs .nav-tabs>li>a:focus, .bootstrap-tabs .bootstrap-tabs .nav-tabs>li>a:hover
 { background:none; border-color:transparent; color:#333; }
.bootstrap-tabs .bootstrap-tabs .nav-tabs>li.active>a,
 .bootstrap-tabs .bootstrap-tabs .nav-tabs>li.active>a:focus, .bootstrap-tabs .bootstrap-tabs .nav-tabs>li.active>a:hover
 { background:none; border-color:#14422c; color:#333; }
.btn-primary-outline { border-color:#a46831; background-color:#FFF; color:#7d4f25; }
.btn-primary-outline:focus, .btn-primary-outline:hover { border-color:#69431f; background-color:#7d4f25; color:#FFF; }
.btn-primary { border-color:#915b2b; background-color:#a46831; color:#FFF; }
.btn-primary:focus, .btn-primary:hover, .btn-primary:active { border-color:#7d4f25; background-color:#915b2b; color:#FFF; }
.btn-primary.active, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.active:active, .btn-primary:focus:active, .btn-primary:hover:active
 { border-color:#69431f; background-color:#7d4f25; color:#FFF; }
.form-heading { border-bottom:1px solid #7d4f25; }
.form-heading::before { background-color:#7d4f25; }
.owl-theme .owl-dots .owl-dot span { background:#a46831; opacity:.5; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:#a46831; opacity:1; }

.navbar .list-unstyled>li { height:52px; }
.navbar .list-unstyled>li>a { display:inline-block; margin:16px 12px; line-height:20px; font-weight:400; }

.story-main-navbar { margin:0; border-bottom:1px solid #DDD; border-right:1px solid #DDD; }
.story-main-nav, .story-mystory-nav { height:42px; padding:10px 15px; vertical-align:middle; text-align:center; font-size:15px; color:#333; }
.story-main-nav.active, .story-mystory-nav.active, .story-main-nav:hover, .story-mystory-nav:hover { background-color:#EEE; }
.story-main-nav.active, .story-mystory-nav.active { font-weight:600; }
.story-main-nav { border-top:1px solid #DDD; border-left:1px solid #DDD; }
.story-mystory-nav { display:inline-block; width:160px; margin:0 30px; border:1px solid #DDD; }
@media(max-width:992px){
	.story-main-nav, .story-mystory-nav { height:64px; }
	.story-mystory-nav { width:100px; margin:0 10px; }
}