/*
Theme Name: Balaka
Theme URI: https://amranwd.xyz/wp/balaka
Author: Md Amran Miah
Author URI: https://amranwd.xyz/
Description: Balaka is a modern, mobile friendly WordPress theme designed for blogs, magazines and news websites. It’s been engineered to be easy to use and tuned for speed to deliver the best possible performance. Balaka theme has been designed to beautifully display pictures and text content by providing three different site-layouts like Grid, List and more. Balaka comes with Powerful Speed that can be used to change the UI and feel of your website, for example: Site Load time, Logo Style, custom menu setting and more.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: balaka
Tags: one-column, two-columns, three-columns, right-sidebar, grid-layout, custom-background, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, post-formats, theme-options, threaded-comments, translation-ready, blog, news, photography

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* 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;
}

/* 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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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. */
}

/* Extra Modification
----------------------------------*/
.worng-container h2 {
    color: #fff;
    background: red;
    padding: 20px;
}
.worng-container {
    margin-top: 120px;
}
.bg-danger {
    background-color: #DC3545;
    padding: 20px;
    color: #fff;
}
.padb-30 {
    margin-bottom: 30px !important;
}

.cat-name a {
    color: #999;
    transition: .3s;
}
.cat-name a:hover{color: #E22524; }

/*--------- nav menu -------*/
ul.top_nav ul li ul {
    left: 200px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

ul.top_nav ul li:hover > ul {
    top: 0;
    visibility: visible;
    opacity: 1;
}
#responsive_nav {
    display: none;
}
.slicknav_menu{
    background: transparent;
}
.slicknav_nav{
    background: black;
}
.sow-video-wrapper iframe {
    width: 100%;
    height: 250px;
}
.post-wrapper {
    margin-top: 50px;
}
.category-post-content h4 a:hover, .author-name:hover {
    color: #DC143C;
}
.message-form input[type="submit"]:hover {
    background: crimson;
}
.comment-content {
    color: #333 !important;
}
.sticky {
    padding: 8px 0;
}
.fn {
    color: #333 !important;
}
.menu-footer-menu-container ul li:before {
    display: none;
}
.tw-dropcap {
    font-size: 88px;
    float: left;
    margin: -4px 12px -4px 0;
    line-height: 1;
}

/*----- Unit test css ----*/

.blog-thumbnail {
    position: relative;
}
.sticky {
    padding: 0;
}
.balaka-sticky {
    position: absolute;
    right: 0;
    top: 0;
    background: #333;
    color: #fff;
    padding: 10px 20px;
}
blockquote{
    border-left: 5px solid #dbd4d6;
}
blockquote cite a {
    color: #999;
}
table a {
    color: #999;
}

.comment-content ul,
.comment-content ol,
.single-post .single-post-content ol,
.single-post .single-post-content ul {
    margin: 0;
    padding: 0;
    padding-left: 15px;
}
.single-post .single-post-content ul, .comment-content ul{list-style: disc;}
.remore-post a {
    display: inline-block;
    color: #fff;
    background: #333;
    padding: 2px 8px;
    line-height: 1.5;
    font-size: 12px;
    border-radius: 3px;
    margin: 0 3px;
}
.remore-post {
    font-size: 14px;
    font-weight: 600;
    clear: both;
    margin: 20px 0 0 0 !important;
}
.single-post-content input[type="submit"] {
    padding: 0 10px;
}
#gallery-1 figure {
    margin: 0;
    width: 50%;
    float: left;
}

/*--- Balaka widget style ---*/
.widget_archive ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget_archive ul li {
    margin-bottom: 5px;
}
.widget_archive ul li a {
    color: #333;
    font-weight: 600;
    transition: .3s;
}

.widget_archive ul li a:hover {
    color: #ea3d3d;
}
select#archives-dropdown--1 {
    width: 100%;
    padding: 5px;
    border: 1px solid #999;
}
.widget_calendar caption {
    padding-top: 0;
}
table#wp-calendar {
    width: 100%;
    text-align: center;
}
thead tr th {
    text-align: center;
}
select#cat {
    width: 100%;
    padding: 5px;
    border: 1px solid #999;
}

.widget_pages ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget_pages ul a {
    color: #333;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
    transition: .3s;
}

.widget_pages ul ul {
    padding-left: 15px;
}

.widget_pages ul a:hover {
    color: #ee3c3c;
}

#recentcomments {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#recentcomments li a {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    color: #333;
    font-weight: 600;
}

span.comment-author-link a {
    display: inline-block !important;
    text-transform: capitalize;
    font-weight: 300 !important;
    color: #999 !important;
}

.textwidget select {
    width: 100%;
    padding: 5px;
}

ul#menu-testing-menu-1,
ul#menu-testing-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#menu-testing-menu-1 ul.sub-menu,
ul#menu-testing-menu ul.sub-menu {
    list-style: none;
    padding-left: 15px;
}

ul#menu-testing-menu-1 li i.fa,
ul#menu-testing-menu li i.fa {
    display: none;
}

ul#menu-testing-menu-1 li,
ul#menu-testing-menu li {
    margin-bottom: 5px;
}

ul#menu-testing-menu-1 a,
ul#menu-testing-menu a {
    color: #333;
    font-weight: 400;
    transition: .3s;
}

ul#menu-testing-menu-1 a:hover,
ul#menu-testing-menu a:hover {
    color: #ea4b4b;
}
.reply {
    margin-top: 10px;
}

.search-highlight{
    background-color: yellow;
    color: #333; 
}
.entry-date {
    color: #999;
}

.entry-date:hover {
    color: #ea4b4b;
}
.search-summary p {
    padding-bottom: 0;
    margin-bottom: 0;
}
.single-post-wrapper img {
    width: 100%;
}
.blog-video iframe {
    width: 100%;
    height: 100%;
}

.page_info {
    background-color: #f4eced;
}

.jumbotron {
    background: #f4eced;
    margin-bottom: 0 !important;
    color: black;
    padding: 60px 0;
}


h2.page-heading {
    font-size: 32px;
    font-weight: 300;
}

.jumbotron a:after {
    content: "/";
    padding: 0 10px;
}
.page-init a {
    color: black;
}
.archive {
    padding-bottom: 30px !important;
}
.blog-audio #mep_0 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100% !important;
}
.single-format-audio .single-post-content {
    margin-top: 20px;
}