/*---------------------------------------------------------------

  Theme Name: Fallen
  Version: 1.0
  Author: Frans Allen
  Author URI: https://www.fransallen.com/
  Theme URI: https://www.fransallen.com/design/fallen
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, sticky-post, threaded-comments, blog, theme-options
  Description: Just another personal theme.
  Text Domain: fallen

-------------------------------------------------------------- */


/* WP Required */

.aligncenter {
  display: block;
  margin: auto;
  text-align: center
}

.alignleft {
  text-align: left
}

.alignright {
  display: block;
  text-align: right;
  margin-left: auto
}

.wp-caption {}

.wp-caption-text {}

.sticky {
  border: 2px solid #1abc9c
}

.screen-reader-text {}

.gallery-caption {}

.bypostauthor {}


/* Core */

body.fallen-frontend {
  background-color: #f7f6ea!important;
  font-family: "Roboto", Helvetica, Arial, sans-serif!important
}

body.fallen-frontend a {
  color: #1abc9c
}

body.fallen-frontend a:hover, body.fallen-frontend a:focus {
  color: #14a78a;
  text-decoration: none
}

img, .size-full, .wp-caption {
  max-width: 100%
}


/* Jumbotron */

.jumbotron {
  margin-bottom: 0!important;
  background-image: url("images/bg-default.jpg");
  background-repeat: no-repeat;
  background-size: cover
}


/* Logo link */

.sitename {
  font-weight: 300
}


/* Description */

.desc {
  color: #eee
}


/* Border Header */

.border-header {
  background: url("images/border-header.png") repeat-x;
  height: 6px
}


/* Navbar */

.navbar-default .navbar-brand {
  color: #eee!important
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #fff!important
}

.navbar-default {
  background: #2c3e50!important;
  border: 0!important;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .25)
}

.navbar-default .navbar-nav>li>a {
  color: #fff!important
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  background-color: #1abc9c!important;
  color: #fff!important
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background-color: #1abc9c!important;
  color: #fff!important
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  background-color: #1abc9c!important
}

.navbar-default .navbar-toggle {
  border: 0!important
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background: none!important
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff!important
}


/* Border Radius */

.btn, .form-control {
  border-radius: 2px!important
}


/* Articles */

.article {
  background: #fff;
  box-shadow: 0 1px 2px #ccc;
  padding: 1px 10px 10px;
  margin: 10px 0
}


/* Comments */

#comments {
  background: #fff;
  box-shadow: 0 1px 2px #ccc;
  padding: 1px 20px 10px
}

#comments h2 {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 10px
}

#comments .comment-lists {
  padding: 0
}

#comments .comment-lists .comment-author .fn {
  font-style: normal;
  color: #1abc9c;
  font-weight: 700
}

#comments .comment {
  background: #f9f9f9;
  padding: 15px 15px 10px;
  margin: 10px 0;
  border: 1px solid #eee
}

#comments .comment p {
  margin: 10px 0
}

#comments .comment .comment-meta {
  font-style: italic;
  font-family: serif
}

#comments .children .comment {
  border: 0;
  padding: 0
}

#comments .comment-form input, #comments .comment-form textarea {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: 1px solid #ccc;
  outline: 0;
  padding: 5px;
  width: 100%!important
}

#comments .comment-form input:focus, #comments .comment-form textarea:focus {
  border-color: #2c3e50!important
}

#comments .comment-form .comment-form-comment {
  margin-bottom: 0
}

#comments .comment-form .comment-form-comment label {
  display: block
}

#comments #submit {
  background: #2c3e50;
  border: 0;
  border-radius: 2px;
  color: #fff;
  margin-top: 5px;
  outline: 0;
  padding: 6px 10px 5px;
  width: auto!important
}

#comments #submit:hover {
  background: #1abc9c
}


/* List Group Item */

.list-group-item {
  border: 1px solid #e9e8e0!important
}

.list-group-item:first-child, .list-group-item:last-child {
  border-top-right-radius: 2px!important;
  border-top-left-radius: 2px!important
}


/* Search */

.search-result-text {
  color: #666
}

.search-result-text span {
  color: #000
}


/* Buttons */

.btn-success {
  background-color: #1abc9c!important;
  border-color: #14a78a!important
}

.btn-success:hover, .btn-success:focus {
  background-color: #14a78a!important;
  border-color: #14a78a!important
}


/* Featured Image */

img.attachment-post-thumbnail {
  box-shadow: 0 1px 2px #ccc;
  height: auto;
  margin-bottom: -10px;
  width: 100%!important
}


/* Author */

#author-meta {
  font-style: italic
}


/* Footer */

#footer {
  margin: 30px auto 20px
}


/* Responsive */

@media (max-width: 767px) {
  .custom-logo {
    width: 200px;
    height: auto
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #eee!important
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #fff!important
  }
  #sidebar {
    margin-top: 30px
  }
}

@media (min-width: 768px) {
  .navbar-default .navbar-nav>li>a {
    border-radius: 2px;
    margin-top: 5px!important;
    margin-right: 5px!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important
  }
}