/*
Theme Name: SimplyIrfan Magazine
Theme URI: https://simplyirfan.com/
Author: SimplyIrfan
Copyright: © 2026 SimplyIrfan
Author URI: https://simplyirfan.com/
Description: A responsive editorial magazine theme with a fixed magazine homepage, classic footer, accessible navigation, and light/dark color schemes.
Version: 1.0.3
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: simplyirfan-magazine
Tags: blog, entertainment, grid-layout, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, sticky-post, threaded-comments, translation-ready, wide-blocks
*/






.wp-caption { max-width: 100%; margin: 1.5rem auto; padding: 0; }
.wp-caption img { display: block; max-width: 100%; height: auto; }
.wp-caption-text, .gallery-caption { margin: .5rem 0 0; color: var(--muted, #596579); font-size: .875rem; line-height: 1.5; text-align: center; }
.sticky, .bypostauthor { position: relative; }
.alignright { float: right; margin: .25rem 0 1rem 1.5rem; }
.alignleft { float: left; margin: .25rem 1.5rem 1rem 0; }
.aligncenter { display: block; margin-right: auto; margin-left: auto; }
.si-primary-widget-area { display: grid; gap: 18px; margin-top: 22px; }
.si-footer-widget-area { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 22px; width: 100%; margin-top: 18px; }
.si-editorial-callout { margin-block: 1.5em; padding: 1.25em 1.5em; border-left: 4px solid var(--accent,#6258ff); border-radius: 8px; background: var(--surface-soft,#f0f3f7); }
.is-style-si-editorial-lead { font-size: 1.25em; line-height: 1.55; font-weight: 600; }
.is-style-si-soft-quote { padding: 1.25em 1.5em; border-left: 4px solid var(--accent,#6258ff); border-radius: 8px; background: var(--surface-soft,#f0f3f7); }
.is-style-si-outline-button .wp-block-button__link { border: 1px solid currentColor; background: transparent; color: inherit; }



@media screen and (max-width: 767px) {
  body.single-post .si-react-single-article .si-single-react-layout > .si-single-share-slot--desktop,
  body.single .si-react-single-article .si-single-react-layout > .si-single-share-slot--desktop,
  .si-react-single-article .si-single-react-layout > .si-single-share-slot--desktop {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .si-react-single-article .si-single-share-slot--mobile {
    display: block !important;
    visibility: visible !important;
  }
}