/*
Theme Name: Popular Blogger
Theme URI: https://www.themeignite.com/products/popular-blogger
Author: themeignite
Author URI: https://www.themeignite.com/
Description: Popular Blogger is a stylish, lightweight, SEO-friendly, and speed-optimized theme designed especially for modern writers, lifestyle bloggers, and content creators, making it an excellent choice for personal blog, magazine blog, fashion blog, travel blog, food blog, tech blog, and minimal blog niches. Whether you’re a fashion influencer, food reviewer, travel enthusiast, or tech writer, the Popular Blogger theme helps you create a professional, engaging, visually appealing, mobile-friendly, and responsive blog that stands out. This Popular Blogger theme features a clean minimal layout focused on readability and performance, with fast loading, schema-ready structure, and mobile optimization to ensure your content looks perfect on every device. The theme integrates seamlessly with Gutenberg blocks and other popular page builders while staying compatible with major plugins like Yoast SEO, Rank Math, Contact Form 7, WooCommerce, Jetpack, Akismet, Smush, and MailPoet, giving you full control over customization, monetization, and content management. Popular Blogger includes multiple homepage layouts, customizable headers and footers, featured post sliders, AdSense-ready areas, social sharing options, and social media integration—everything you need to grow your online presence. It supports widgets, translation features, and all major SEO tools, making it ideal for anyone wanting to rank higher on search engines. If you’re looking for a popular blogger theme that combines elegance, functionality, and performance, this is the perfect choice. With its one-click demo import, you can set up your site effortlessly and start sharing your stories in minutes. Whether you’re running a personal blog, lifestyle website, or magazine-style platform, the Popular Blogger theme gives your content the professional touch it deserves, elevating your blogging experience with a modern, creative, and fully responsive design built for every popular blogger who wants to inspire, engage, and grow their audience.
Template: prime-fashion-magazine
Version: 1.2
Requires PHP: 7.0
Tested up to: 6.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: popular-blogger
Tags: one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, custom-background, custom-menu, featured-images, featured-image-header, post-formats, flexible-header, sticky-post, threaded-comments, translation-ready, theme-options, footer-widgets, full-width-template, custom-logo, custom-colors, blog, photography, news
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.

Popular Blogger WordPress Theme, Copyright themeignite 2025, themeignite.com
Popular Blogger WordPress Theme is distributed under the terms of the GPLv2 or later

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
  ## Asides
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> Global Color
----------------------------------------------------------------*/

:root {
  --primary-color: #5A9194;
}

/*--------------------------------------------------------------
>>> Header
----------------------------------------------------------------*/ 

.site-header .mid-header-img .discount-text{
  background: #000000;
}
.main-navigation ul li a{
  font-size: 15px;
}

.banner_box{
  left: 5%;
}

/*--------------------------------------------------------------
>>> banner sidebar
----------------------------------------------------------------*/ 

.catebox-2, .catebox-6, .catebox-10{
  background: #59B252;
}
.catebox-3, .catebox-7, .catebox-11{
  background: #FF867B;
}
.banner .feature-box .blog-date{
  color: #334155;
}

/*--------------------------------------------------------------
>>> Article Section
----------------------------------------------------------------*/ 

  .featured-article h4.title a{
    word-break: break-all;
    color: #334155;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.4px;
  }

  .featured-article .tag-list {
    display: grid;
    grid-template-columns: auto auto;
    padding: 0px 20px;
}

  .featured-article .like-comment {
    display: flex;
    gap: 20px;
}

  .featured-article .gal-detail {
    justify-content: space-between;
}

  .featured-article.our-classes p.post-category{
    position: static;
    text-transform: capitalize;
}

.featured-article .artician {
    display: flex;
    justify-content: start;
    gap: 40px;
}

.featured-article p.article-para.excerpt{
    color: #9097A3;
    font-size: 16px;
    font-weight: 600;
}

.featured-article .tag-heading{
    padding: 10px 20px;
    border-bottom: 1px solid #E5E7EB;
}

.featured-article .tag-heading h5 {
    color: #111827;
    font-size: 20px;
    font-family: "DM Sans", sans-serif;
}
.featured-article .tags-box {
    background: #F3F4F6;
    border-radius: 22px;
}

.featured-article .tag-list a {
    color: #525252;
    background: #fff;
    border: 1px solid #fff;
    padding: 12px;
    border-radius: 10px !important;
    font-size: 14px;
    margin: 6px;
    font-family: "DM Sans", sans-serif;
}
.featured-article .article-image-blog img{
  width: 100%;
}


#button{
  background-color: #b6c5c5 !important;
}

/*--------------------------------------------------------------
>>> Media
----------------------------------------------------------------*/ 

@media screen and (min-width:320px) and (max-width:767px){
.featured-article .gal-detail{
  justify-content: space-around;
}
.featured-article .image-blog img {
    margin-bottom: 20px;
}
}
@media screen and (min-width:1024px) and (max-width:1400px){
.tag-list a{
  padding: 12px 0px;
  margin: 3px;
}
}