/*
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, and SEO-friendly theme designed especially for modern writers, lifestyle bloggers, and content creators. Whether you’re a fashion influencer, food reviewer, travel enthusiast, or tech writer, the Popular Blogger theme helps you create a professional, engaging, and visually appealing blog that stands out. This Popular Blogger theme features a clean and minimal layout that focuses on readability and performance. With fast loading speed, responsive design, and mobile optimization, your content looks perfect on every device. The theme also integrates seamlessly with Gutenberg and other popular page builders, giving you full control over customization. Popular Blogger includes multiple homepage layouts, customizable headers and footers, featured post sliders, and social media integration, everything you need to grow your online presence. It supports widgets, translation, and all major SEO plugins, making it ideal for bloggers who want 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. Elevate your blogging experience with this modern, creative, and fully responsive theme built for every popular blogger who wants to inspire, engage, and grow their audience.
Template: prime-fashion-magazine
Version: 1.1
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;
}
}