html { min-height:100%; position:relative; }
body { font-family:'Montserrat';  margin:0px; padding:0px; background-color:#F4F4F4; margin-bottom: 80px; }
.container { max-width:1024px; }
#header-wrapper { background-color:#663737; padding:5px 0; }

.content { border-radius:3px; background-color:#fff; padding:10px 15px; font-size:13px; }
h1.content-title { font-weight:500; font-size:18px; color:#663737; }
.pt-100 { padding-top:150px; }

.btn-text { font-size:13px; }
.tooltip { font-family:'Montserrat'; font-size:11px; }
.fa-2x { font-size: 1.5em; }

/* Navbar
=================================== */

.navbar-light .navbar-brand, .navbar-light .navbar-brand:hover { color:#fff; font-weight:700; font-size:22px; }
.logout a { color:#fff; font-size:14px; font-weight:600; }
.nav-item a { color:#fff; }
.navbar-expand-lg .navbar-nav .nav-link { margin-right:10px; font-size:12px; color:#000; font-weight:600; }
.fa { color:#137513 !important; }
.text-danger { color:#ff0000 !important; }
label { margin-bottom:0px; font-weight:500; font-size:12px; }
input[type="text"]:focus { outline: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

/* Data List
=================================== */
.category-data-list { font-size:13px; }
.category-data-list th { border-top:2px solid #95c52f;  border-bottom:2px solid #95c52f; }
.category-data-list { font-size:13px; }
.category-data-list th:first-child, .category-data-list td:first-child { width:10%; text-align:center; }
.category-data-list th:last-child, .category-data-list td:last-child { width:10%; text-align:left; }
.category-data-list td:last-child a:not(:first-child) { margin-left:20px; }
.category-data-list th:nth-child(2), .category-data-list td:nth-child(2) { width:40%; }
.category-data-list th.icon, .category-data-list td.icon { width:40%; }

.post-data-list { font-size:13px; }
.post-data-list th { border-top:2px solid #95c52f;  border-bottom:2px solid #95c52f; font-weight:600; }
.post-data-list { font-size:13px; }
.post-data-list th:first-child, .category-data-list td:first-child { width:10%; text-align:center; }
.post-data-list th:last-child, .category-data-list td:last-child { width:10%; text-align:left; }
.post-data-list td:last-child a:not(:first-child) { margin-left:20px; }
.post-data-list th:nth-child(2), .post-data-list td:nth-child(2) { width:20%; }
.post-data-list th.post, .post-data-list td.post { width:60%; }
.post img, .post .post-detail { float:left;  }
.post-detail { margin-left:25px; width:70%; }
.post-detail h1 { font-size:14px; font-weight:600; line-height:20px; }
.post-detail span { display:inline-block; font-size:12px; }
.post-detail span:nth-child(1) { width:25%; }
.post-detail label { font-weight:600; }

/* Footer
=================================== */
#footer-wrapper { position: absolute; bottom: 0; width: 100%; height: 80px; line-height: 80px; background-color: #95c52f; color:#fff; font-size:12px; }

@media only screen and (min-width: 320px) and (max-width: 479px){
.container { width:100%; }
#header-wrapper nav { display:block; text-align:center; }
.pt-100 { padding-top:255px; }
.flex-row { justify-content: center; }	
.social-bar li:not(:last-child) { margin-right:10%; }
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.container { width:100%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.container { width:100%; }
}