/* app css */
* a { transition: All 0.25s ease; -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All v ease; }

/* IMG HACK */
.img-responsive { display: block; height: auto; max-width: 100%; width: 100%; }

body { padding-top: 70px; background: #f5f0ee; font-family: 'Lato', sans-serif; }

header, section, footer { padding-top: 20px; padding-bottom: 20px; }

h1, h2, h3, h4, h5, h6 { color: #1c1817; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #c8c0bd; }

* p { color: #1c1817; }

.top-header { background: #c31301; border-bottom: 1px solid #ff1800; }
.top-header:after { position: absolute; bottom: -6px; display: block; content: ''; width: 100%; height: 5px; background: #900e01; }
.top-header .navbar-nav a { font-size: 18px; color: #f5f0ee !important; }
.top-header .navbar-nav a:hover { background: #900e01 !important; }
.top-header .navbar-nav li.active a { background: #1c1817 !important; border-left: 1px solid #900e01; border-right: 1px solid #f61801; }
.top-header .navbar-nav li.open > a:focus { background: #900e01 !important; }
.top-header .navbar-nav ul.dropdown-menu a { color: #1c1817 !important; font-size: 14px; }
.top-header .navbar-nav ul.dropdown-menu a:hover { background: #f5f0ee !important; }

.logo-top { font-family: 'Passion One', cursive; font-weight: 900; margin: 0; text-shadow: 1px 1px 0px #ff1800; }
.logo-top small { color: #f5f0ee; text-shadow: none; }
.logo-top a { color: #1c1817 !important; font-size: 48px!important; }

/* CONTENT_BOX */
.content_box { background: white; /*padding-top: 20px;
padding-bottom: 20px;*/ padding-left: 40px; padding-right: 40px; }
.content_box .post header h2 { font-weight: 900; text-transform: uppercase; font-size: 24px; letter-spacing: -1px; margin-bottom: 0; }
.content_box .post header h2 a { color: #1c1817; }
.content_box .post header h2 a:hover { color: #c31301; text-decoration: none; }
.content_box .post header p.author { color: #c8c0bd; }
.content_box .post div.image .thumbnail { padding: 0; border: 0; }
.content_box .post div.image:after { display: block; content: attr(data-short-desc); position: relative; bottom: 26px; color: white; background: rgba(28, 24, 23, 0.8); padding: 3px 5px; z-index: 100; }

/* SIDEBAR */
.sidebar .block h4 { margin: 0; font-weight: 900; text-transform: uppercase; letter-spacing: -1px; background: #c31301; padding: 4px 10px; color: #f5f0ee; text-shadow: -1px -1px 1px #900e01; }

/* MAIN FOOTER */
footer.bottom-footer { margin-top: 40px; background: #c8c0bd; }