/* Theme Name: Eagle - Responsive Minimal Template
   Author: Themeswale
   Design By: Zoyothemes
   Version: 1.0.0
   File Description: Main CSS file of the template
*/

/* 
Table of css

01. Basic
02. Helper
03. Navbar Custom
04. Portfolio
05. Testimonials 
06. Team
07. Services
08. Clients
09. Blog
10. Blog Detail
11. Contact
12. Pagination
13. Footer
14. Responsive
15. Error page

*/


/* ==========
   1.Basic
   ========== */

html {
    background-color: #eee;
    background: url("../images/pattern.png");
}

body {
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
    padding: 30px 0;
    max-width: 1300px;
    margin: 0 auto;
} 

::selection{
    background: rgba(151, 160, 175, 0.3);
}

::-moz-selection {
    background: rgba(151, 160, 175, 0.3);
}

a {
    color: #666;
}

a:hover{
    color: #0db3e3;
}
  
a,a:hover {
    text-decoration: none !important;
    outline: none !important;
}

iframe {
    width: 100%;
}


/*==============
  2. Helper Class
  ===============*/

.margin-0 {
    margin: 0;
}

.margin-t-30 {
    margin-top: 30px;
}

.margin-t-50 {
    margin-top: 50px;
}

.text-custom,.comment-reply-link {
    color: #0db3e3;
}

.page-title h2,.page-title h3{
    line-height: 50px;
    margin-top: 60px;
    font-weight: 300;
    letter-spacing: 1px;
}

.page-title span {
    font-weight: 400;
    border-bottom: 3px solid;
}

.subtitle {
    font-weight: 300;
    line-height: 28px;
    font-size: 16px;
}

.btn {
    border-width: 2px;
    border-radius: 2px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    padding: 15px 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 11px;
    outline: none !important;
}

.btn-rounded {
    border-radius: 30px;
}

.btn-dark {
    background-color: #4a4949;
    color: #ffffff !important;
} 


/*==============
  3. Navbar Custom
  ===============*/

.navbar-custom {
    background-color: #ffffff;
    margin-bottom: 0px;
    width: 100%;
    z-index: 1000;
    border: none;
    color: #333;
    border-radius: 0px;
    position: relative;
}

.logo>img {
    height:24px;
}

.logo{
    padding: 19px 15px;
    height: 80px;
    line-height: 40px;
    font-weight: 700;
    font-size: 24px;
    color: #333 !important;
}

.navbar-custom .navbar-nav>li>a {
    font-size: 14px;
    line-height: 40px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #000;
    background-color:transparent;
}

.navbar-custom .navbar-nav>li>a:hover{
    color: #333;
    transition:all 0.3s;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-menu>li>a{
    display: block;
    padding: 10px 20px;
    clear: both;
    line-height: 1.42857143;
    color: #666;
    white-space: nowrap;
    font-weight: 400;
    font-size: 13px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
    text-decoration: none;
    color:#0db3e3;
    transition: all 0.3s;
    background-color: transparent;
} 

.dropdown-menu>li:active>a,.dropdown-menu>li:hover>a {
    color: #0db3e3;
}

.dropdown-submenu{
    position:relative;
}

.dropdown-submenu>.dropdown-menu{
    top:0;
    left:100%;
    right: auto;
    margin-top: -3px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

.navbar-custom li.dropdown:last-of-type .dropdown-submenu>.dropdown-menu {
    right: 100%;
    left: auto;
}

.dropdown-submenu.pull-left{
    float:none;
}

.dropdown-submenu.pull-left>.dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.submenu-arrow {
    position: absolute;
    right: 8px;
    font-size: 16px;
    margin-top: -1px;
}

.navbar-custom .dropdown-menu {
    transition: all .3s ease;
    min-width: 200px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 0 18px 0 rgba(0,0,0,.05);
    padding: 10px;
}

.navbar-toggle{
    margin-top: 22px;
}

.navbar-custom .navbar-nav li.active-item > a{
    color: #0db3e3;
}

.current-menu-item a {
    color: #0db3e3 !important;
}

/*==============
  4. Portfolio
===============*/

.portfolioFilter {
    margin-top: 50px;
    margin-bottom: 20px;
}

.portfolioFilter a {
    display: inline-block;
    margin: 0 6px 6px 6px;
    font-size: 13px;
    text-transform: uppercase;
    padding: 7px 12px 7px 12px;
    cursor: pointer;
    line-height: 1em;
    letter-spacing: 1px;
    transition: all 0.4s ease-in-out;
    color: #333;
    border-radius: 3px;
}

.portfolioFilter a:hover {
    color: #222;
}

.portfolioFilter a.current {
    background-color: #0db3e3;
    color: #fff;
}

.portfolio-box {
    overflow: hidden;
    position: relative;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px; 
}

.portfolio-box .portfolio-box-img {
    position: relative;
    overflow: hidden; 
}

.portfolio-box .portfolio-box-img:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    -moz-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    -o-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); 
}

.portfolio-box .portfolio-box-img > img {
    -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    border-radius: 0; 
}

.portfolio-box .portfolio-box-detail {
    opacity: 0;
    color: #ffffff;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    overflow: hidden;
    -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    -moz-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    -o-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1); 
}

.portfolio-box .portfolio-box-detail h4 {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 16px; 
}

.portfolio-box .portfolio-box-detail p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
    font-weight: 500;
}

.portfolio-box:hover .portfolio-box-detail {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 3;
    opacity: 1; 
}

.portfolio-box:hover .portfolio-box-img:after {
    background: rgba(40, 40, 46, 0.8); 
}

.portfolio-box:hover .portfolio-box-img > img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); 
}

/* Project description */
.project-desc {
    line-height: 26px;
    font-size: 15px;
}


/*==============
  5. Testimonials
  ===============*/

.testimonial-box .client-comment{
    font-weight: 300;
    line-height: 26px;
    font-style: italic;
    font-size: 16px;
}

.testimonial-box .testi-user {
    height: 60px;
    width: 60px;
    margin: 20px 0 10px 0;
}


/*==============
  6. Team
  ===============*/

.team-box {
    padding: 30px 20px;
    margin-top: 30px;
}

.team-box img {
    margin-bottom: 15px;
}


/*==============
  7. Services
  ===============*/

.service-box {
    padding: 20px 0;
}

.service-box .service-icon {
    font-size: 42px;
    line-height: 60px;
}

.service-box .service-title {
    font-size: 16px;
    letter-spacing: 1px;
}

.service-box p {
    line-height: 24px;
}


/*==============
   8. Clients
  ===============*/

.client-box {
    padding: 30px 20px;
    text-align: center;
}

.client-box img {
    opacity: 0.7;
    margin: 0 auto;
}

.client-box img:hover {
    opacity: 1;
}


/*==============
  9. Blog
  ===============*/

.post {
    margin: 0 0 45px;
}

.post + .post {
    border-top: 1px solid rgba(238, 238, 238, .7);
    padding-top: 50px;
}

.post-preview {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin: 0 0 25px;
}

.post-header {
    margin: 0 0 30px;
}

.post-title {
    font-size: 22px;
    margin: 0 0 5px;
    word-wrap: break-word;
    line-height: 30px;
}

.post-title a {
    color: #333;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.post-title a:hover {
    color: #0db3e3;
}

.post-meta {
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-meta > li {
    display: inline-block;
    margin-right: 30px;
}

.post-meta > li:last-child {
    margin-right: 0;
}

.post .post-meta a,.post-meta a {
    color: #000000;
}

.post-meta a:hover,.post-meta a:focus,.post-more a:hover {
    color: #0db3e3;
}

.post-more a {
    color: #333;
    font-weight: 500;
    text-decoration: underline !important;
}

.post-tags {
    margin: 40px 0 0;
}

.post-tags a {
    background-color: #f5f5f5;
    border-radius: 2px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 7px;
    color: #303133;
    padding: 7px 8px 5px 10px;
    margin: 5px 10px 5px 0;
}

.post-tags a:hover,
.post-tags a:focus {
    background: #0db3e3;
    color: #fff;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    margin: 30px 0 20px;
}

.post-content h1:first-child,
.post-content h2:first-child,
.post-content h3:first-child,
.post-content h4:first-child,
.post-content h5:first-child,
.post-content h6:first-child {
    margin-top: 0;
}

.post-content p,
.post-content ul,
.post-content ol {
    margin: 0 0 20px;
    line-height: 24px;
}

.post-content ul,
.post-content ol {
    margin-left: 40px;
}

.post-content ul {
    list-style-type: disc;
}

.post-content ol {
    list-style-type: decimal;
}

.right-bar-main {
    padding-left: 30px;
}

.right-bar-main .widget:last-child {
    border: 0;
    padding: 0;
}

.widget_search form {
    position: relative;
}

.search-button {
    position: absolute;
    top: 0;
    height: 100%;
    right: 10px;
    background-color: transparent;
    border: none;
    font-size: 20px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.search-button:focus,
.search-button.focus,
.search-button.active.focus,
.search-button.active:focus,
.search-button:active.focus,
.search-button:active:focus {
    outline: 0;
}

.search-button:hover {
    color: #0db3e3;
}

.widgettitle {
    position: relative;
    font-size: 16px;
    margin: 0 0 25px;
    font-weight: 500;
}

.widgettitle:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.widgettitle:after {
    content: "";
    display: block;
    width: 35px;
    z-index: 1;
    position: relative;
    border-bottom: 1px solid #0db3e3;
    margin: 20px auto 25px 0px;
}

.widget {
    margin: 0 0 40px;
    font-size: 14px;
}

.widget ul,
.widget ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget ul li,
.widget ol li {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.widget ul li:last-child,
.widget ol li:last-child {
    border: 0;
}

.widget ul li a,
.widget ol li a {
    color: #333333;
}

.widget ul li a:hover,
.widget ol li a:hover {
    color: #0db3e3;
}

.widget select {
    width: 100%;
    box-shadow: none;
    border-radius: 2px;
    border-color: #eee;
    padding: 12px 15px;
    height: 49px;
    font-size: 14px;
}

.widget select:focus {
    border-color: #0db3e3;
    box-shadow: none;
}

.widget_archive ul li a,
.widget_categories ul li a {
    margin-right: 5px;
}

.post-date {
    display: block;
    opacity: .7;
}

.tagcloud > a {
  background: #f5f5f5;
  border-radius: 2px;
  color: #303133;
  display: inline-block;
  font-size: 9px;
  letter-spacing: 1px;
  margin: 5px 10px 5px 0;
  padding: 7px 8px 5px 10px;
  text-transform: uppercase;
}

.tagcloud > a:hover {
    background: #0db3e3;
    color: #fff;
}

.widget_recent_entries_custom ul li {
    border-bottom: 1px solid rgba(238, 238, 238, .7);
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.widget_recent_entries_custom .wi {
    float: left;
    width: 64px;
}

.widget_recent_entries_custom .wb {
    padding-top: 2px;
    margin-left: 84px;
}

.widget_recent_entries_custom .wb a {
    color: #303133;
}

.text-widget-des {
    line-height: 24px;
}


/*==============
  10.Blog Detail
  ===============*/
.blog-detail-description {
    color: #666;
}

.blog-detail-description p {
    line-height: 24px;
}

blockquote {
    font-size: 16px;
    border-left: 4px solid #eee;
    font-weight: 300;
    line-height: 30px;
    font-style: italic;
}

.media,.media-list {
    margin-top: 50px !important;
}

.media img{
    width: 52px;
    height: 52px;
}

.media-heading {
  font-size: 16px;
  display: inline-block;
}

.media-body .comment-reply-link {
    float: right;
    font-size: 13px;
}
.media-body h6 {
    margin-bottom: 20px;
}
/*.comments-list > ul.children {
    list-style: none;
}*/

ul.children {
    list-style: none;
}

.comment-reply-title span {
    font-weight: 400;
    border-bottom: 3px solid;
    font-size: 18px;
}


/*==============
 11. Contact
  ===============*/
.form-control {
    box-shadow: none;
    border-radius: 2px;
    padding: 12px 15px;
    height: 49px;
    font-size: 14px;
}

.form-control:focus {
    border-color: #0db3e3;
    box-shadow: none;
}

.input-lg {
    height: 54px;
    font-size: 15px;
}

.input-sm {
    height: 45px;
    font-size: 13px;
}

.form-group {
    margin-bottom: 20px;
}


/*==============
 12. Pagination
  ===============*/

.pagination > li {
    display: inline-block;
    margin-right: 2px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 3px;
}

.pagination > li > a, .pagination > li > span {
    border: 2px solid #eeeeee;
    border-radius: 3px;
    color: #777777;
    display: block;
    float: none;
    padding: 8px 15px;
}

.pagination > .active > a, .pagination > .active > span {
    background: #27cbc0 none repeat scroll 0 0;
    border-color: #27cbc0;
    color: #ffffff;
}

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    background: #666 none repeat scroll 0 0;
    border-color: #666;
    color: #ffffff;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #666;
    border-color: #666;
    color: #fff;
    cursor: default;
    z-index: 3;
}

/* Blog Pagination */
.blog-pagination > span,.blog-pagination a{
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #eee;
  color: #1a1a1a;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  min-width: 32px;
  padding: 3px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}

.blog-pagination > span:hover,.blog-pagination a:hover,.blog-pagination > span{
  background: #27cbc0 none repeat scroll 0 0;
  border-color: #27cbc0;
  color: #ffffff;
}


/*==============
  13. Footer
  ===============*/

.footer {
    background-color: #fafafa;
    margin: 50px 0 -30px 0;
    padding: 30px 0;
    border-top: 1px solid #f5f5f5;
}

.social-circle li a {
    height: 36px;
    width: 36px;
    color: #4c5667;
    border-radius: 50%;
    font-size: 16px;
    display: inline-block;
    line-height: 36px;
    background-color: #ededed;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center;
}

.social-circle li a:hover {
    color: #ffffff !important;
    background-color: #0db3e3;
}

.copyright-txt {
    margin-top: 20px;
}

/* ==========
   BLOG -Wordpress 
   ========== */
.widget_media_image img {
    max-width: 70px !important;
    height: 42px !important;
}

.eagle-breadcrumb {
    
}

.page_title h2 {
    line-height: 50px;
    margin-top: 60px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 0;
}

/* Search Widget */

.widget_search, .searchform  {
    position: relative;
}

.no-results .searchform {
    max-width: 300px;
    margin: 30px auto 0 auto;
}

.widget_search label,.searchform label{
    display: none;
}

.widget_search input[type="text"],.searchform input[type="text"] {
    box-shadow: none;
    border-radius: 2px;
    padding: 12px 15px;
    height: 49px;
    font-size: 14px;
    display: block;
    width: 100%;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    outline: none !important;
    padding-right: 45px;
}

.widget_search input[type="submit"],.searchform input[type="submit"] {
    position: absolute;
    background-color: transparent;
    border: none;
    outline: none !important;
    top: 5px;
    right: 10px;
    text-indent: -999px;
    opacity: 0;
    width: 40px;
    height: 40px;
}

.widget_search:after,.searchform:after {
    content: "\F349";
    position: absolute;
    font-family: "Material Design Icons";
    right: 13px;
    color: #45494c;
    top: 15px;
    font-size: 20px;
    line-height: 20px;
    pointer-events: none;
}


/* Post Format */
.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}
.blog-detail-description img{
    max-width: 100%;
    height: auto;
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

.alert-success {
    color: #333;
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: .25rem;
}

blockquote {
    font-size: 18px;
    font-style: italic;
}

blockquote cite {
    margin-top: 15px;
    display: block;
}

/* Password Protect */
.post-password-form label{
    display: block;
    font-size: 15px;
    font-weight: 500;
}

.post-password-form input[type="password"] {
    box-shadow: none;
    border-radius: 2px;
    padding: 12px 15px;
    height: 49px;
    font-size: 14px;
    display: block;
    width: 100%;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    outline: none !important;
}

.post-password-form input[type="submit"] {
    background-color: #4a4949;
    color: #ffffff !important;
    border-width: 2px;
    border-radius: 2px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    padding: 8px 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 11px;
    border: 1px solid transparent;
    outline: none !important;
}

/* Blog Post login user */
.logged-in-as {
    margin: 30px 0 10px;
}
.logged-in-as a{
    color: #434343;
}
.logged-in-as a:last-of-type{
    color: #0db3e3;
    font-weight: 500;
}

/* Comment User */
.comment-user a {
    color: inherit;
}

/* Basic Components */
dd {
    margin: 0 1.5em 1.5em;
}

table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    background: #fff;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

table td,
table th {
    padding: 7px 10px;
}

table thead th,
table th {
    /*color:#333333; */
    font-size: 14px;
    border-bottom: 1px solid #d6d6d6;
}

table tbody td {
    /*color: #7D7D7D; */
    border-bottom: 1px solid #d6d6d6;
    font-weight: normal;
}
table tbody tr:last-child td:last-child {
    border-right:1px solid #d6d6d6;
}
table tfoot td div {
    border-top: 1px solid #8C8C8C;
    background: #EBEBEB;
}

table tfoot td {
    padding: 0;
    font-size: 12px
}

table tfoot td div{
    padding: 2px;
}

table tfoot td ul {
    margin: 0;
    padding:0;
    list-style: none;
    text-align: right;
}

table tfoot  li {
    display: inline;
}

.post-content .entry-content table tbody tr th a {
    color:#F15A23;
    text-decoration:none;
}

table tfoot li a {
    text-decoration: none;
    display: inline-block;
    padding: 2px 8px;
    margin: 1px;
    color: #F5F5F5;
    border: 1px solid #8C8C8C;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );
    background:-moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');
    background-color:#8C8C8C;
}
table tfoot ul.active,
table tfoot ul a:hover {
    text-decoration: none;
    border-color: #7D7D7D;
    color: #F5F5F5;
    background: none;
    background-color:#8C8C8C;
}

.sticky {

}
.screen-reader-text {

}
.gallery-caption {

}
.bypostauthor {
    
}
.post-content a.more-link {
    display: none;
}

/* ==========
   14. Responsive
   ========== */

@media (min-width: 769px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }

    #navbar {
        text-align: center;
    }

    .nav>li>a {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (max-width: 768px){ 
    body {
        padding: 0;
    }
    .dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
        text-decoration: none;
        color:#0db3e3 !important;
        transition: all 0.3s;
    }
}

@media (max-width: 767px){ 
    .sidebar {
        padding-top: 50px;
        padding-left: 0;
    }
    .navbar-custom .navbar-nav>li>a {
        line-height: 24px;
    }
    .children {
        padding-left: 10px;
    }
    .post-meta > li {
        display: block;
        line-height: 30px;
    }
}

/* ==========
   15. Error Page
   ========== */

.error_404 h1{
    text-shadow: rgba(0, 0, 0, 0.3) 5px 1px, rgba(0, 0, 0, 0.2) 10px 3px;
    font-size: 84px;
}
.error_404 p{
    max-width: 540px;
    margin: 0 auto;
    color: #666;
    line-height: 24px
}