.navbar { padding: 2rem 1rem; } .navbar-brand, .navbar-nav { font-weight: bold; } /* Home Page Layout -------------------------------------------------- */ #main-blog { background: #ffffff; } .category-grid { margin: 5% 0; } .post-content { margin-bottom: 10px; box-shadow: 0 2px 31px rgba(0,0,0,0.1); background: #ffffff; margin-bottom: 30px; padding-bottom: 10px; } .post-content figure { margin: 0; } .post-content article p { padding: 0 30px; font-size: 1.1rem; color: #616161; } .post-content h2 { padding: 0 30px; font-size: 1.1rem; line-height: 1.5; font-weight: bold; text-transform: uppercase; } .post-content h2 a { color: #000000; text-decoration: none; } .post-content h2 a:hover { color: #2196F3; } .category, .read-more { padding: 20px 30px; font-size: .8rem; text-transform: uppercase; color: #616161; } .read-more { padding: 0 30px 15px; font-size: .95rem; } .category a, .read-more a { text-decoration: none; color: #2196F3; font-weight: bold; } .post-meta { padding: 10px 30px; font-size: .8rem; font-weight: bold; text-transform: uppercase; color: #616161; } .post-meta span a { text-decoration: none; color: #2196F3; } #content { margin-bottom: 30px; padding-bottom: 20px; box-shadow: 0 2px 31px rgba(0,0,0,0.1); background: #ffffff; } #content article p { padding: 15px 50px 0; font-size: 1.2rem; line-height: 1.7; color: #616161; } h2.single-title, h2.page-title { padding: 0 50px; font-size: 1.5rem; line-height: 1.5; font-weight: bold; text-transform: uppercase; } h2.page-title { padding-top: 20px; } .single-category { padding: 20px 50px; font-size: .8rem; text-transform: uppercase; color: #616161; } .single-category a { text-decoration: none; color: #2196F3; font-weight: bold; } .single-meta { padding: 10px 50px; font-size: .8rem; font-weight: bold; text-transform: uppercase; color: #616161; } .single-meta span a { text-decoration: none; color: #2196F3; } .archive-result { padding: 30px 30px 0; margin-bottom: 30px; line-height: 1.4; box-shadow: 0 2px 31px rgba(0,0,0,0.1); background: #ffffff; } .archive-result h2 { padding-bottom: 30px; font-size: 1.3rem; color: #616161; font-weight: bold; } /* Comment -------------------------------------------------- */ /* Sidebar -------------------------------------------------- */ .widget { padding: 20px 15px; box-shadow: 0 2px 31px rgba(0,0,0,0.1); background: #ffffff; margin-bottom: 30px; } .widget h3 { padding: 0; color: #000000; font-size: 1.1rem; line-height: 1.4; font-weight: bold; text-transform: uppercase; } .widget ul { margin-left: -20px; list-style: circle; color: #2196F3;; } .widget ul li a { text-decoration: none; color: #616161; } .widget ul li a:hover { color: #2196F3; } .not-found { padding: 50px 30px 40px; margin-bottom: 30px; line-height: 1.4; box-shadow: 0 2px 31px rgba(0,0,0,0.1); background: #ffffff; } .not-found h4 { font-size: 1.3rem; color: #616161; font-weight: bold; } /* Footer -------------------------------------------------- */ #footer { padding: 4rem 0 0; background: #343a40; } #footer p { color: #f0f0f0; } #footer ul { font-size: 0.9rem; margin-left: -40px; } #footer ul li { list-style: none; } #footer ul li a { color: #f0f0f0; text-decoration: none; } #footer ul li a:hover { color: #2196F3; } #footer h1, #footer h3, #footer p { background: transparent; color: #aaaaaa; } #footer h3 { font-size: 1.25rem; } .credit { margin-top: 3rem; padding: 2rem 0 1rem; background: #2b2f33; } ul.social-footer li { padding-right: 20px; display: inline-block; } ul.social-footer li a { color: #ffffff !important; }