/*
 Theme Name:   Decents News
 Theme URI:    
 Description:  Decents News  is child theme of Decent blog blog theme. Decents News  is free, personal, elegent WordPress blog theme. Decents News  theme having setting in customizer and can check live change of settings. Grid having topbar header, social icons, sidebar features and many more features. Decents News  is a perfect responsive magazine style WordPress theme. This theme is suitable for news, newspaper, magazine, publishing, business and any kind of sites. Grid is a 100% GPL and minimal WordPress blog theme. Also theme is Gutenberg ready. So it will work fie with the latest version of WordPress. Theme is compatible with all blocks and patterns of WordPress. This theme is developed based on customizer settings. You can see the live changes that you have made in customizer. Grid also comes with added custom widgets for author, featured posts and social icons. It has top level menu, social icons, slider, promotional banner, sidebar option & many more other features. In addition, it has copyright text, go to the top, footer widgets, blog page options, related posts, sidebar, etc. This theme is lightweight and easy to use theme for travel blog, food blog, technology blog and fashion blog or any type of news website. You can also use this theme for personal blog and magazine sites too. Furthermore, it comes with demo data to make the site like the demo, detailed documentation including video and text, free support via chat and forum. It is developed by the experts WordPress developers so that you will never look for alternatives after using this theme. Try this awesome and carefully crafted theme today.
 Author:       blogwp
 Author URI:   https://blogwpthemes.com/
 Template:     decents-blog
 Version:      1.0.1
 Requires at least: 5.5
 Tested up to: 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
 Tags:         left-sidebar, right-sidebar, custom-logo, custom-menu, featured-images, footer-widgets, custom-colors, custom-header, theme-options, threaded-comments, blog
 Text Domain:  decents-news
*/

#header .decents-blog-main-navigation {
    background: #8e44ad;
    text-align: center;
}

.nav-brand{
    background: #8e44ad;
    padding: 10px 5px;
}

.decents-blog-main-navigation .nav-menu ul > li > a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.decents-blog-main-navigation ul li .submenu-toggle {
    top: 31px;
    color: #fff;
}

.wp-main-header .logo-area a {
    font-size: 30px;
    line-height: 2;
}

.logo_heading{
    text-align: center;
}

@media screen and (max-width: 1024px)
{

    .logo_heading{
        flex: 0 0 40% !important;
        max-width: 100% !important;
    }
    .menu_side{
        flex: 0 0 50% !important;
        max-width: 100% !important;
    }

    #header .decents-blog-main-navigation {
        border-left: none;
    }

    .decents-blog-main-navigation .toggle-button .toggle-bar {
        background: #000;
    }
}

@media screen and (max-width: 1023px){
.decents-blog-main-navigation .toggle-button {
    display: block;
    background: none;
    padding: 0 0 0 60px;
    width: auto;
    box-shadow: none;
    position: relative;
    border: none;
    color: #000;
    top: 0px;
    left: 48%;
    min-height: 50px;
    text-align: left;
    }
}

@media screen and (max-width: 992px){
    .sidebar-search {
        margin-top: 0px !important;
    }
}
.grid-post {
    position: relative;
    border: 1px solid #ffffff;
    padding: 10px;
}

.wp-main-header .site-title,.site-description{
    text-align: center;
}

.wp-main-header .site-title a{
    color:#fff ;
    text-transform: capitalize;
}

.wp-block-search .wp-block-search__button, .wp-block-search__button {
    background: #8e44ad;
    color: #fff;
    font-weight: 600;
}

#myBtn {
    background-color: #8e44ad;
}

.widget_block .wp-block-group .wp-block-group__inner-container ul li a, .widget ul li a {
    position: relative;
    font-size: 16px;
    letter-spacing: 1px;
    word-break: break-all;
    color: #000;
    transition: all 0.5s;
}

.widget_block .wp-block-group h2:after, .widget .widget-title:after {
    
    background-color: #8e44ad;
}

.widget_block .wp-block-group .wp-block-group__inner-container ul li a:before {
    color: #000;
}

.widget .wp-block-group .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
    color: #8e44ad;
}

.decents-blog-main-navigation .nav-menu ul li ul:before, .decents-blog-main-navigation .nav-menu ul li ul:after {
    display: none;
}

.decents-blog-main-navigation ul li.page_item_has_children:hover a, .decents-blog-main-navigation ul li.page_item_has_children:hover .submenu-toggle i {
    color: #000;
}


.decents-blog-main-navigation ul ul li:hover {
    background: #8e44ad;
}

.decents-blog-main-navigation ul ul li a:hover {
    background: #8e44ad;
    color: #fff;
}

.decents-blog-main-navigation ul ul li a:focus {
    background: #8e44ad;
}

.wp-main-header a:focus {
    outline: 1px dotted #fff;
}

.sticky-nav.news-decent-sticky{
    margin-top: 32px;
}
.sticky-nav.news-decent-customize-previe{
    margin-top: 0px !important;
}

@media (max-width: 1024px){
    .decents-blog-main-navigation .toggle-button {
      left: 87% !important;
      top: 20px;
    }
    
    .decents-blog-main-navigation .close {
        background: #8e44ad;
    }
    .decents-blog-main-navigation .close:hover {
        background: #8e44ad;
    }

    .decents-blog-main-navigation ul li .submenu-toggle {
        top: 31px;
        color: #000;
    }

    #header .decents-blog-main-navigation ul li a:focus{
        background: #8e44ad;
        color: #fff;
    }

}

@media (max-width: 1005px){
     .content_side{
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%!important;
    }

    .sidebar_news {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
         max-width: 40%!important;
    }

}


@media (max-width: 768px){
    .content_side{
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 55%!important;
    }

    .sidebar_news {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
         max-width: 45%!important;
    }
    .grid {
        margin-left: 0px !important;
    }
    .grid-item { width: 100% !important; }
.decents-blog-main-navigation .toggle-button {
    left: 80% !important;
    top: 0px;
    }
}

@media (max-width: 500px){
    .content_side{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%!important;
    }

    .sidebar_news {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
         max-width: 100%!important;
    }

}

@media (max-width: 425px){

    .logo_heading{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .menu_side{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    #header .decents-blog-main-navigation {
    border-left: none;
    padding-bottom: 0px !important;
}

    .content_side {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 100%!important;
    }

    .sidebar_news {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
         max-width: 100%!important;
    }
    .decents-blog-main-navigation .toggle-button {
        left: 40% !important;
        top: 0px;
    }
}

.grid_post{
    box-shadow: 0 1px 4px rgb(0 0 0 / 10%);   
    background: #fff;
    margin-bottom: 30px;
    margin-left: 20px;
}
.grid_content{
    padding: 15px;
}
.grid_content h2 a {
    font-size: 18px !important;
    color: #000;
    word-break: break-all;
}

.grid_content .grid_category a{
    font-size: 15px;
    color: #8e44ad;
    font-weight: 700;
}

.grid_content p {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    color: #1c1818;
    padding-top: 10px;
}

.grid_content .home-meta {
    border-top: 1px solid #f1f1f1;
    width: auto;
    height: auto;
    padding-top: 5px;
    margin-top: 15px;
    padding-bottom: 20px;
}

.grid_content .home-meta .an-display-time {
    float: left;
    font-size: 11px;
    padding: 5px 0 0 0;
}

.grid_content .home-meta .home-data {
    width: auto;
    float: right;
    font-size: 14px;
    color: #8e44ad;
    padding-top: 4px;
}

.grid_content .home-meta .an-display-time a {
    font-size: 13px;
    color: #8e44ad;
}

.show-more {
        background: #8e44ad;
        color: #fff;
}

.decents-blog-main-navigation ul li:focus > a, .decents-blog-main-navigation ul li.current-menu-item > a, .decents-blog-main-navigation ul li.current_page_item > a {
    color: #000000;
}

.decents-blog-main-navigation ul li:hover > a, .decents-blog-main-navigation ul li.current-menu-item > a, .decents-blog-main-navigation ul li.current_page_item > a {
    color: #fff;
}

.decents-blog-main-navigation ul li.menu-item-has-children:hover a, .decents-blog-main-navigation ul li.menu-item-has-children:hover .submenu-toggle i {
    color: #000000;
}

.decents-blog-main-navigation .toggle-button {
    background: #fff;
}

@media (max-width: 320px){
        .grid-item { width: 100% !important; }
}


@media (max-width: 425px){
.decents-blog-main-navigation .toggle-button {
    left: 40% !important;
    top: 0px;
    background: #fff;
    margin-bottom: 20px;
    }
}

.grid{
    margin-left: 45px;
}
.grid-item { width: 300px; }

.wp-blog-section .blog-wrap .content-part .category-name a {
    background-color: #8e44ad;
    color: #f7ffff !important;
}
.post-date time i {
    color: #8e44ad;
    margin-right: 5px;
}

.view-post i {
    color: #8e44ad;
}

.entry-content a {
    color: #8e44ad;
    text-decoration: underline;
}

.wp-blog-section blockquote:before {
    color: #8e44ad;
}

.wp-blog-section td a {
    color: #8e44ad;
    text-decoration: underline;
}

.article-category-right a {
    color: #fff !important;
    background-color: #8e44ad;
}

ul.grid_list_right li div.dcblog-date-right i {
    color: #8e44ad;
}

.grid-comm-right i {
    color: #8e44ad;
}
.footer-section .footer-top .widget-title:after {
    background-color: #8e44ad;
}

.wp-blog-section .content-part .block:before {
    background-color: #8e44ad;
}

.wp-blog-section .blog-wrap .post-navigation .post-prev a, .post-navigation .post-next a {
    
    word-break: break-all;
}

.wp-blog-section a:hover {
    text-decoration: underline;
    color: #8e44ad !important;
}

.comments-area .reply a {
    color: #8e44ad;
    font-weight: 700;
    transition: all 0.3s;
}

.comments-area .comment-content a {
    color: #8e44ad;
    text-decoration: underline;
}

.form-submit .submit:hover {
    background-color: #8e44ad;
    color: #fff;
}

.wp-blog-section a:focus {
    text-decoration: underline;
    color: #8e44ad !important;
}

.content-part a {
    color: #8e44ad;
    text-decoration: underline;
}

.form-submit .submit:focus {
    background-color: #8e44ad;
}

h2.title{
    font-size: 1rem !important;
	line-height:1.2;
}

.site-description{
    color: #fff;
}
.wp-blog-section .blog-wrap .post-tags a:hover {
    background-color: #8e44ad;
}
.wp-blog-section .blog-wrap .post-tags a:hover
{
	color: #ffff !important;
}