/**
 * Theme Name: Bittumb
 * Theme URI: https://zillathemes.com/themes/blog/bittumb-free-wordpress-magazine-theme/
 * Author: Zilla Themes
 * Author URI: https://zillathemes.com/
 * Description: Bittumb is a modern responsive blog theme. You can use it for your personal blog, resume, CV or for your portfolio,
 * Version: 1.0.0
 * Requires at least: 4.0
 * Tested up to: 5.6.1
 * Requires PHP: 5.6
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: bittumb
 * Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
 */

/* WordPress Core--------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.gallery-caption {
  display: block;
  line-height: 1.6;
  margin: 0;
  padding: 0.5rem;
}

.bypostauthor {
  display: block;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; }

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/*
* Header Menu Style
*/

.navbar-nav .menu-item a {
	font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 20px 15px;
    display: block;
    position: relative;
    transition: .3s;
    cursor: pointer;
}

.current-menu-item a, 
.navbar-nav .menu-item a:hover{
	color: #1dbf73;
}


/*
* Blog Post Pagination 
*/
.page-numbers {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #444;
    line-height: 28px;
    text-align: center;
    margin-bottom: 15px;
}

.page-numbers.current {
    background: #145414;
    border-color: #145414;
    color: #fff;
}

/*
* Single Post Pagination 
*/
.post-nav-links {
    text-align: center;
    text-transform: uppercase;
}

.post-nav-links a, .post-nav-links span.current {
    display: inline-block;
    border: 1px solid #26bf73;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 5px;
}

.post-nav-links span.current {
    background: #26bf73;
    color: #fff;
}

/*
* Post type: Quote
*/

.quote-post span {
	color: #fff;
}

/*
* Comment Section 
*/

input:focus, textarea:focus {
    outline: none;
}

.post-by-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.comment-form-comment textarea {
    width: 100%;
    min-height: 200px;
}

form#commentform input, form#commentform textarea {
    padding: 5px 10px;
    border: 1px solid #efefef;
    resize: none;
}

form#commentform input {
    min-width: 300px;
}

form#commentform input[type=submit], form#commentform input[type=checkbox] {
    min-width: auto !important;
    margin: 15px 0;
    background: #26be73;
    color: #fff;
    border: none;
    padding: 10px;
}


/*
* Comments Display
*/
.comment-metadata {
    display: none;
}

ul.comment-list li {
    margin-bottom: 20px;
    border: 1px solid #efefef;
    padding: 15px;
}

.comment-body {
    margin-bottom: 10px;
}

.comment-content {
    margin: 10px 0;
}

.reply a {
    display: inline-block;
    background: #26bf73;
    color: #fff;
    padding: 5px 20px;
}

/*
* Social Share 
*/
.btm_social_share_wrapper a {
    display: inline-block;
}

/*
* Single Post = Tags
*/
.btm_tags {
    margin-right: 60px;
}

.btm_tags a {
    display: inline-block;
    padding: 0px 10px;
    background: none;
    border: 1px solid #ccc;
    border-radius: 0;
    width: auto;
    height: auto;
    text-transform: uppercase;
}

/* Banner Post Social Share */
.banner_social_share .btm_social_share_wrapper a {
    padding: 5px;
}

/*
* Search Archive 
*/
.search_result_heading {
    background: #26be72;
    color: #fff;
    padding: 15px;
    font-size: 20px;
}

/** 
 * 404 Page
 */
.error-msg {
    background: #26bf73;
    padding: 50px 10px;
    text-align: center;
    font-size: 25px;
    color: #fff;
    margin-top: 50px;
}