/**
Theme Name:Blog Foodie
Theme URI: https://themepalace.com/downloads/blog-foodie/
Author: themepalace
Author URI: https://themepalace.com
Version: 1.0.2
Requires PHP: 5.6
Tested up to: 6.5
Requires at least: 5.0
Template: vivid-blog
Text Domain: blog-foodie
Description: Blog Foodie ( Child Theme of Vivid Blog ) is a feature-rich and easy-to-use Blog Foodie theme for professional bloggers. This theme is for you if you want to share your travel expertise, launch your fashion or lifestyle blog, share food recipes, or create beauty and makeup, coaching, or any other niche blog. The theme is mobile-friendly, SEO optimized, Schema friendly, and loads faster to help you rank your website higher on search engines. Blog Foodie is a fully responsive design that always remains mobile-friendly and will render perfectly on all devices.
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, editor-style, right-sidebar, full-width-template, two-columns, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment

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

a {
    text-decoration: underline;
}

#breadcrumb-list a,
.wp-block-archives-list a,
.widget_recent_entries a,
.widget_meta a,
.widget_categories a,
.widget_archive a,
.btn,
.posted-on a,
.entry-title a,
.post-categories a{
    text-decoration: none;
}

#top-bar {
    background-color: #F1824C;
    color: #fff;
    padding: 5px 0;
    min-height: auto;
    z-index: 99999;
    text-align: left;
}
#top-bar .contact-info {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}
#top-bar .contact-info {
    padding: 0px 0 0;
    clear: both;
    display: table;
    text-align: center;
    margin: auto;
}
#top-bar ul li {
    float: left;
    list-style: none;
}
#top-bar .contact-info a {
    color: #fff;
    text-decoration: none;
}
#top-bar .contact-info svg {
    margin-right: 10px;
    display: inline-block;
}
#top-bar svg {
    fill: #fff;
}

#latest-posts .section-header:before {
    border-top: none;
}

#featured-slider article .entry-container {
    text-align: center;
    background-color: rgb(0 0 0 / 50%);
}
#gallery-section .section-header {
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.same-background + .same-background {
    padding-top: 0;
}
.archive-blog-wrapper .entry-container {
    background-color: #eee;
    text-align: center;
}


/*--------------------------------------------------------------
## Background Color
--------------------------------------------------------------*/
.backtotop,
#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus,
.main-navigation,
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.widget_search form.search-form .search-submit:hover,
.widget_search form.search-form .search-submit:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.jetpack_subscription_widget button[type="submit"],
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus,
.reply a:hover,
.reply a:focus,
.btn:hover,
.btn:focus,
.slick-prev:hover, 
.slick-next:hover,
.slick-prev:focus, 
.slick-next:focus,
.blog-posts-wrapper .entry-meta > span:not(:first-child):before,
.single .posted-on a,
#food-tips .read-more a:hover,
#food-tips .read-more a:focus {
    background-color: #F1824C;
}
.btn,
.reply a,
#respond input[type="submit"],
input[type="submit"] {
    background-color: #F1824C;
    color: #fff;
}
#food-tips .read-more a {
    background-color: rgba(255, 255, 255, 0.75);
}

/*--------------------------------------------------------------
## Text Color
--------------------------------------------------------------*/
#respond input[type="submit"],
a,
.site-title a:hover,
.site-title a:focus,
.site-advertisement .desc p,
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li:hover > a,
.main-navigation a:hover,
.main-navigation ul.nav-menu > li > a:hover,
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus,
input[type="submit"],
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_post h3 a:hover,
.widget_featured_post h3 a:focus,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time,
.widget_popular_post a time,
.widget_popular_post time,
.widget_latest_post a time,
.widget_latest_post time,
.widget_featured_post a time,
.widget_featured_post time,
#secondary a:hover,
#secondary a:focus,
ul.post-categories li:after,
.reply a,
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-metadata a,
.comment-metadata a time,
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time,
.section-subtitle,
.btn,
.archive-blog-wrapper .entry-title a:hover,
.archive-blog-wrapper .entry-title a:focus,
.archive-blog-wrapper ul.post-categories li:after,
.blog-posts-wrapper .entry-title a:hover,
.blog-posts-wrapper .entry-title a:focus,
.testimonial-posts-wrapper .entry-title a:hover,
.testimonial-posts-wrapper .entry-title a:focus,
.position,
.posted-on a:hover, 
.byline a:hover,
.posted-on a:focus, 
.byline a:focus,
.single .post-categories a:hover,
.single .post-categories a:focus,
#colophon a:hover,
#colophon a:focus,
#colophon .site-info a {
    color: #F1824C;
}
a.btn {
    color: #fff;
}
.loader-container svg,
.main-navigation ul#primary-menu li:hover > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search,
.main-navigation ul.nav-menu > li > a.search:focus svg.icon-search,
.main-navigation li.search-menu a:hover svg,
.main-navigation li.search-menu a:focus svg,
.main-navigation li.search-menu a.search-active svg,
.widget svg,
.navigation.posts-navigation a:hover svg, 
.navigation.post-navigation a:hover svg,
.navigation.posts-navigation a:focus svg, 
.navigation.post-navigation a:focus svg {
    fill: #F1824C;
}

.top-menu-toggle {
    border-radius: 0;
    height: 60px;
    line-height: 50px;
    display: block;
    position: relative;
    background-color: transparent;
    border: none;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
svg.icon-close, .top-menu-toggle.active svg.icon-menu {
    display: none;
}



/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/

@media screen and (min-width: 767px) {
    #top-bar .wrapper {
        display: block !important;
        height: auto !important;
    }
    #top-bar .contact-info li:not(:last-child) {
        margin-right: 15px;
        padding-right: 15px;
        border-right: 1px solid #d8d8d8;
    }
    #about-us .entry-container,
     #about-us .read-more {
        text-align: left;
    }

    #about-us article.has-post-thumbnail .featured-image {
        right: auto;
        left: 0;
    }
    #about-us article.has-post-thumbnail .entry-container {
        float: right;
        width: 57.4%;
        display: table-cell;
        padding: 50px 0px 50px 50px;
    }
    .blog-posts-wrapper {
        margin: 40px -15px 0 -15px;
    }
    .blog-posts-wrapper article {
        padding: 0 15px;
    }
}

@media screen and (min-width: 992px) {
    #top-bar .contact-info li:not(:last-child) {
        margin-right: 25px;
    }
    #top-bar .col-2 .hentry {
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        width: auto;
    }
}

@media screen and (min-width: 1024px) {
    .top-menu-toggle {
        display: none;
    }
    .main-navigation ul.sub-menu li:hover > a,
    .main-navigation ul.sub-menu li:focus > a {
        background-color: #F1824C;
        color: #fff;
    }

    #top-bar .hentry {
        display: block !important;
    }
}

@media screen and (min-width: 1200px) {
       #about-us article.has-post-thumbnail .entry-container {
        padding: 70px 0px 70px 100px;
    }
}

@media screen and (min-width: 1900px) {
   #about-us article.has-post-thumbnail .entry-container {
        padding: 113px 93px 113px 100px;
    }
}

@media screen and (max-width: 1024px) {
    #top-bar .hentry {
        border-top: 1px solid rgb(255 255 255 / 50%);
        padding: 10px 0;
    }
    #top-bar .hentry {
        display: none;
    }
    #top-bar ul li {
        float: none;
    }
    #top-bar .contact-info li:not(:last-child) {
        border-right: none;
    }
}



@media screen and (max-width: 992px) {
    #top-bar {
        text-align: center;
    }
}
.textwidget a,
p a {
    text-decoration: underline;
}
.footer-widgets-area ul li a:hover,
.site-title a,
#secondary a:hover {
    text-decoration: none;
}