/*
Theme Name: Popular Blogger
Theme URI: https://www.themeignite.com/products/popular-blogger
Author: themeignite
Author URI: https://www.themeignite.com/
Description: The Popular Blogger theme is a stylish, lightweight, SEO-friendly, and speed-optimized option tailored for modern writers, lifestyle bloggers, and content creators, making it an excellent choice for a variety of niches, including personal, magazine, fashion, travel, food, and tech blogs. Whether you're a fashion influencer, food reviewer, travel enthusiast, or tech writer, this theme helps you create a professional, engaging, and visually appealing WordPress blog that stands out. With its clean, minimal layout focused on typography and readability, along with fast loading times and a schema-ready structure, your content will shine on any device. This theme integrates seamlessly with Gutenberg blocks and popular page builders while remaining compatible with essential plugins like Yoast SEO, Rank Math, Contact Form 7, and WooCommerce, giving you the flexibility to customize and monetize your creative blog. With multiple homepage layouts, customizable headers and footers, featured post sliders, and integrated social sharing options, Popular Blogger offers everything you need to enhance your online presence and build a viral blog. It also supports widgets, translation features, and all major SEO tools, making it perfect for anyone looking to improve search engine rankings. If you're seeking a blogger theme that harmonizes elegance, functionality, and performance, look no further. With a simple one-click demo import, you can easily set up your site and start sharing your content-focused stories within minutes, ensuring your lifestyle or magazine-style platform has the professional touch it deserves for a truly engaging blogging experience.
Template: prime-fashion-magazine
Version: 1.8.2
Requires PHP: 7.0
Tested up to: 7.0
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, grid-layout, wide-blocks, editor-style
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;
}
}