/*
 Theme Name:   Xpand News
 Theme URI:    
 Description:  Xpand News  is child theme of Xpand blog blog theme. Xpand News  is free, personal, elegent WordPress blog theme. Xpand 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. Xpand 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:     xpand-blog
 Version:      1.0.0
 Requires at least: 5.5
 Tested up to: 5.8
 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:  xpand-news
*/

.topbar {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
    padding: 8px 0;
}

.social_section ul.social-icon-list li a {
    margin-left: 20px;
    color: #424243;
}


.site-branding .site-title a {
    font-family: 'Cookie', cursive;
    font-size: 80px;
    letter-spacing: 3px;
    color: #424243;
    font-weight: 400;
}

.site-branding .site-description {
   
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: lighter;
    letter-spacing: 2.5px;
    color: #bdbdbd;
    padding-top: 5px;
    font-style: italic;
}

.header-search > .search-btn {
    color: #424243;
}

.site-header {
    padding: 0px 0;
}

#site-name {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

.md-xpand-blog-menu{
        align-items: center;
        justify-content: center;
        display: flex;
        background: #ffffff none repeat scroll 0 0;
        border-bottom: 1px solid #eeeeee;
        border-top: 1px solid #eeeeee;
        margin-bottom: 0;
        position: relative;
    }
}


@media screen and (max-width: 1024px){
    .xpand-blog-main-navigation .toggle-button {
        display: block;
        background: none;
        padding: 0 0 0 60px;
        width: auto;
        left: 0;
        height: 50px;
        position: relative;
        border: none;
        color: #000;
        text-align: left;
    }
}

@media (max-width: 768px){
    .xpand-blog-main-navigation .toggle-button {
        left: 0px !important;
    }
     .site-branding {
        flex: 0 0 auto;
        width: 100% !important;
     }
     .social-icon-list {
        display: flex !important;
     }
}
@media (max-width: 500px){
    .topbar {
        display: none;
    }

    .site-branding .site-title a {
        font-size: 40px !important;
    }
}

@media (max-width: 425px){
    .xpand-blog-main-navigation .toggle-button {
        left: 0px !important;
    }
    .topbar {
        display: none;
    }
    .site-branding .site-title a {
        font-size: 40px !important;
    }
}

.site-branding {
    text-align: center;
    background-color: #f9f9f9;
}

.xpand-blog-main-navigation ul ul li {
    background: #ffffff;
}

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


}

.xpand-blog-main-navigation .nav-menu ul > li > a {
    color: #000000;
    font-family: "Lato", sans-serif;
}

.xpand-blog-main-navigation .nav-menu ul > li > .submenu-toggle {
    color: #000000;
}
.xpand-blog-main-navigation ul.nav-menu li ul:before, .xpand-blog-main-navigation ul.nav-menu li ul:after {
    display: none;
}

.xpand-blog-main-navigation ul.nav-menu > li > a {
    font-family: "Lato", sans-serif;
}

.carousel-item img {
    width: 100% !important;
    height: auto;
}

.carousel-item .overlay {
    height:auto;
}

.carousel-control-prev {
    top: 45% !important;
    left: 8% !important;
}

.carousel-control-next {
    top: 45% !important;
    left: 87% !important;
}

.carousel-caption {
    top: 50%;
}

.carousel-caption .post-date {
    border-left: none;
}

.carousel-caption .feat-cats{
    font-family: "Lato", sans-serif;
}
.carousel-caption h5 a {
    
    font-family: 'Cookie', cursive;
}

.carousel-caption .posted-on a {
    font-family: "Lato", sans-serif;
}

#content {
    margin-top: 0px;
}

#content {
    width: 85%;
    margin: 0px auto;
    background: #f9f9f9;
    padding:0;
    box-shadow:none;
    margin-top:none;
    position: relative;
    border-left:none;
    border-right:none;
    border-top:none;
}

#page{
    background: #f9f9f9;
}

.post-meta .post-date {
    display: inline-block;
    margin-left: 0px;
    padding-left: 0px;    
    border-left:none;
    white-space: nowrap;
    font-family: "Lato", sans-serif;
}

.post .post-title a {
    font-family: 'Cookie', cursive;
    font-weight: 100;
    font-size: 30px;
}

.post-meta {
    display: block;
    margin: 0rem 0 0 0;
}

.wrapgriditem {
    text-align: center;
}

body:not(.post-template) .post-title {
    margin-bottom: 0 !important;
}

.post-excerpt{
    margin-bottom: 9px;
    font-family: "Lato", sans-serif;
}

.show-more {
    background: #646464;
}

.xpand-blog-main-navigation ul li a:before {
    background: #424243;
}

.post {
    border-radius: 0;
    box-shadow:none;
}

.carousel-caption h5 a:focus {
    color: #ffffff;
    text-decoration: underline;
}

.carousel-caption h5 a:hover {
    color: #ffffff;
}

.carousel-caption .posted-on a:hover {
    color: #ffffff;
}

.carousel-caption .posted-on a:focus {
    color: #ffffff;
    text-decoration: underline;
}

footer.site-footer:after {
    display: none;
}

.site-footer a {
    display: none;
}

.post .post-title a:hover {
    color: #000000;
}

.post .post-title a:focus {
    color: #000000;
    text-decoration: underline;
}

.post-meta a:hover {
    text-decoration: underline;
    color: #000000;
}

.post-meta a:focus {
    text-decoration: underline;
    color: #000000;
}

.main-header {
    background: #424243 no-repeat center center;
    margin-bottom: 60px;
}

.main-header-content h1,.main-header-content h3 {
     font-family: 'Cookie', cursive;
}

.xpand-blog-wp-blog-section .xpand-blog-blog-wrap .content-part .category-name a {
    background-color: #424243;
}

.wp-block-search .wp-block-search__button {
    background-color: #424243;  
}

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

.widget-area .widget {
    background: #ffffff;
}

.wp-block-group .wp-block-group__inner-container h2:before,.wp-block-group .wp-block-group__inner-container h2:after{
    display: none;
}

.comments-area .reply a {
    color: #424243;
}
.comments-area .comment-metadata .edit-link a {
    color: #424243;
}

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

.form-submit .submit:hover {
    background-color: #424243;
    color: #fff;
}
.form-submit .submit:focus {
    background-color: #424243;
    color: #fff;
    text-decoration: underline;
}

.wp-block-latest-comments__comment-meta {
    font-size: 18px;
    color: #424243;
}

.wp-block-group .wp-block-archives li a:before {
    color: #424243;
}

.wp-block-group .wp-block-categories li a:before {
    color: #424243;
}

.xpand-blog-wp-blog-section .xpand-blog-blog-wrap .content-part .category-name a {
    background-color: #424243;
     font-family: "Lato", sans-serif;
}

.xpand-blog-blog-wrap h1{
    font-family: 'Cookie', cursive;
}

.widget-area .widget ul li a {
    font-family: "Lato", sans-serif;
}

.wp-block-latest-comments__comment-meta a {
    color: #000;
    font-family: "Lato", sans-serif;
    text-decoration: none;
}

.wp-block-group .wp-block-group__inner-container h2{
    font-family: 'Cookie', cursive;
    font-size: 35px !important;
    
}

.footer-top .wp-block-group .wp-block-group__inner-container h2,.footer-section .footer-top .widget-title{
    margin-bottom: 0px !important;
    padding-top: 20px;
    font-family: 'Cookie', cursive;
    font-size: 35px !important;
}

.xpand-blog-wp-blog-section .xpand-blog-blog-wrap ul li a {
    color: #424243;
}

.xpand-blog-wp-blog-section .xpand-blog-blog-wrap a {
    color: #424243;
}

.xpand-blog-wp-blog-section .page-lnk a {
    color: #424243;
}

.search-form .search-submit {
    background-color: #4a4242;
}

.xpand-blog-wp-blog-section blockquote:before {
    color: #424243;
}

@media screen and (max-width: 1024px){
.xpand-blog-main-navigation .close::before, .xpand-blog-main-navigation .close::after {
    background: #424243;
    }

.xpand-blog-main-navigation .close:hover {
    background: #424243;
}
}

@media screen and (max-width: 425px){
    .carousel-caption {
        top: 45%;
    }
    .carousel-control-next {
        top: 45% !important;
        left: 76% !important;
    }
}

.site-footer .site-info{
     font-family: "Lato", sans-serif;
     color: #fff;
}

.site-footer {
    background: #424243;
}

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

@media only screen and (min-width: 1400px)
{
.carousel-item {
    height: 730px !important;
}
}

#content {
    padding-bottom: 40px;
    padding-top: 80px;
}

.xpand-blog-main-navigation ul li.current_page_item:before {
    background: #424243;
}

.header-search > .search-btn:hover {
    color: #424243;
}

.header-search {
    float: right;
    margin-right: 18%;
}
.social_section{
    margin-left: 12%;
}

.footer-section .footer-top {
    padding-top: 40px;
}

.widget_text p a{
    color: #000;
}
.footer-section .widget
{
	background:none;
}