/*
Theme Name: Bloghut
Theme URI: http://amranweb.xyz/org/bloghut
Author: Md Amran Miah
Author URI: http://amranweb.xyz/
Description: Bloghut 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. Bloghut theme has been designed to beautifully display pictures and text content by providing three different site-layouts like Grid, List and more. Bloghut 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.
Requires at least: 4.8
Tested up to: 5.5
Requires PHP: 5.6
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bloghut
Tags: one-column, two-columns, right-sidebar, grid-layout, custom-background, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, threaded-comments, translation-ready, blog, news, sticky-post

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
-------------------------------------------------------------- */
a{
    color: crimson;
}
a:foucs{
    outline: 1px solid;
}
a:hover{
    text-decoration: underline;
}

.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);
    -webkit-clip-path: inset(50%);
            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;
    -webkit-clip-path: none;
            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
----------------------------------*/
iframe{
    border-width: 0px;
}
.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;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.cat-name a:hover{color: #E22524; }

/*--------- nav menu -------*/
ul.top_nav ul li ul {
    left: 200px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    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 h3 a:hover, .author-name:hover {
    color: #DC143C;
    text-decoration: underline;
}
.message-form input[type="submit"]:hover {
    background: crimson;
}
.comment-content {
    color: #333 !important;
}
.sticky {
    padding: 8px 0;
}
.fn, .fn a{
    color: #333 !important;
    font-weight: 600;
}
.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;
}
.bloghut-sticky {
    position: absolute;
    right: 0;
    top: 0;
    background: #333;
    color: #fff;
    padding: 10px 20px;
}
blockquote{
    border-left: 5px solid crimson;
}
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;
}

/*--- Bloghut 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;
    -webkit-transition: .3s;
    -o-transition: .3s;
    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;
    -webkit-transition: .3s;
    -o-transition: .3s;
    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;
    -webkit-transition: .3s;
    -o-transition: .3s;
    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: #ea3d3d;
    color: #ffffff !important;
}

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


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

.jumbotron a:after {
    content: "-";
    padding: 0 10px;
}
.page-init a {
    color: #ffffff;
}
.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;
}
.mb-50{
    margin-bottom: 50px;
}
.page_info .cat-title {
    color: #fff;
}
.wp-block-embed figcaption {
    text-align: center;
    color: #bfb5b5;
    font-size: 12px;
    font-weight: 300;
}
.site-description {
    margin: 0;
    display: none;
}

/* fixed css 1.0.2
---------------------*/
.search-container input:focus, .search-container button:focus {
    outline: 1px solid #efe9e9;
}