/*
Theme Name: WENS Magazine
Theme URI: https://wensolutions.com/themes/wens-magazine/
Author: WEN Solutions
Author URI: https://wensolutions.com/
Description: WENS Magazine is a modern, fast, and responsive free WordPress magazine theme designed for online magazines, news portals, newspapers, editorial websites, blogs, and digital publishers. Built with WordPress Full Site Editing (FSE), it allows you to customize your website using the native Site Editor and block-based tools without writing code. The theme features clean typography, well-structured content layouts, and dedicated sections for featured stories, trending posts, categories, and the latest articles, helping you present news and editorial content in a clear and engaging way. WENS Magazine is built with performance, usability, and an SEO-friendly structure in mind, while its fully responsive design provides a smooth reading experience across desktops, tablets, and mobile devices. Whether you publish breaking news, business, technology, sports, lifestyle, fashion, travel, entertainment, or niche content, WENS Magazine provides a flexible and professional foundation for building a content-rich website. For users who need more design flexibility, advanced features, customization options, and enhanced publishing tools, WENS Magazine Pro offers additional capabilities to take your magazine or news website further.
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 7.0
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wens-magazine
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, news
*/
/* Project adaptation of the installed WENS Magazine theme. */
*{box-sizing:border-box}body{margin:0;background:#fafbf8;color:#213b35;font-family:Arial,sans-serif;font-size:17px;line-height:1.65}
h1,h2,h3,h4,h5,h6{font-family:Arial,sans-serif;line-height:1.15;letter-spacing:-.035em;color:#213b35}a{color:inherit;text-underline-offset:4px}a:hover{color:#466d42}a:focus-visible,button:focus-visible{outline:3px solid #bc722d!important;outline-offset:5px}
img{max-width:100%;height:auto}figure{margin:0}.wp-site-blocks{padding:0}main{margin-top:0!important}.sp-wrap{width:calc(100% - 96px);max-width:1184px;margin-left:auto!important;margin-right:auto!important}
header.wp-block-template-part{background:#fafbf8;border-bottom:1px solid #dce2d6}
header.wp-block-template-part>div{max-width:1280px;margin:auto;padding:24px 48px!important;display:grid;grid-template-columns:1fr auto;gap:0 32px;align-items:center}
header .wp-block-site-title{font-size:29px;font-weight:800;letter-spacing:-1px;margin:0!important}header .wp-block-site-title a{text-decoration:none}
header p:not(.wp-block-site-title){margin:0!important;font-size:12px;color:#596b60;grid-column:1}
header nav{grid-column:2;grid-row:1/3;margin:0!important}
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{display:none!important}
.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content{display:block!important;position:static!important;background:transparent!important;padding:0!important}
.wp-block-navigation__container{display:flex;flex-wrap:wrap;align-items:center;gap:24px;list-style:none;padding:0;margin:0}
.wp-block-navigation-item__content{display:block;padding:10px 0;text-decoration:none!important;font-size:15px}
.sp-eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;line-height:1.6;color:#596d4b;margin:0 0 20px}
.sp-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;padding:64px 0 72px;align-items:center}
.sp-hero h1{font-size:clamp(38px,4.1vw,56px);line-height:1.08;letter-spacing:-.055em;margin:0 0 24px}.sp-hero h1 span{color:#78885f}
.sp-lead{font-size:18px;line-height:1.7;color:#58675f;max-width:560px;margin:0 0 30px}
.sp-button{display:inline-flex;align-items:center;gap:32px;padding:14px 22px;background:#24483c;color:#fff;border-radius:7px;font-weight:700;font-size:15px;text-decoration:none;margin-right:20px}.sp-button:hover{background:#355c47;color:#fff}
.sp-text-link{font-size:15px;font-weight:700}.sp-hero-note{font-size:12px;color:#69766c;margin:24px 0 0}
.sp-hero-image{position:relative;border-radius:14px;overflow:hidden;background:#e4e7dc;align-self:stretch;min-height:410px}
.sp-hero-image img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.sp-hero-image figcaption{position:absolute;bottom:18px;left:18px;right:18px;background:#fafbf8ed;padding:14px 16px;border-radius:7px;font-size:13px;font-weight:700;color:#213b35}
.sp-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 28px}.sp-section-heading h2,.sp-path h2{font-size:36px;margin:0}.sp-section-heading .sp-eyebrow{margin-bottom:12px}
.sp-section-heading>p{font-size:14px;color:#6b766c;margin:0}
.sp-topics{padding:44px 0 64px;border-top:1px solid #dce2d6}
.sp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sp-card{position:relative;display:block;background:#fff;border:1px solid #dce2d6;border-radius:10px;padding:28px;min-height:260px;text-decoration:none;transition:border-color .15s,box-shadow .15s}
a.sp-card:hover{color:#213b35;border-color:#7c9368;box-shadow:0 7px 22px #233a3510}
.sp-number{display:block;color:#71845e;font-size:12px;font-weight:700;margin-bottom:26px;letter-spacing:.1em}
.sp-card h3{font-size:23px;margin:0 0 14px;max-width:285px}.sp-card p{font-size:15px;line-height:1.65;color:#607066;margin:0}
.sp-card .sp-arrow{position:absolute;right:24px;top:24px;font-size:23px;color:#6f815d}
.sp-card-note{background:#eaf0df;border-color:#eaf0df}.sp-card-note .sp-eyebrow{font-size:12px;margin-bottom:22px}.sp-card-note a{display:inline-block;margin-top:20px;font-size:14px;font-weight:700}
.sp-path{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:20px 0 80px}
.sp-path figure{border-radius:12px;overflow:hidden;height:420px}.sp-path img{display:block;width:100%;height:100%;object-fit:cover}
.sp-path ol{list-style:none;counter-reset:steps;margin:28px 0;padding:0}.sp-path li{counter-increment:steps;position:relative;padding:0 0 24px 44px}.sp-path li:before{content:"0" counter(steps);position:absolute;left:0;top:0;font-size:12px;color:#71845e}.sp-path li strong{display:block;font-size:16px}.sp-path li span{display:block;font-size:14px;color:#637268}
.sp-breadcrumb{font-size:13px;color:#6b766c;margin:0 0 30px}.sp-breadcrumb a{text-decoration:none}
.sp-document{max-width:808px;margin:0 auto!important;padding:48px 24px 72px;min-height:60vh}
.sp-document h1{font-size:44px;margin:0 0 38px}.sp-document .wp-block-post-content{margin:0!important}
.wp-block-post-content{font-size:17px;line-height:1.8;color:#394c42}.wp-block-post-content h2{font-size:28px;margin-top:40px}.wp-block-post-content h3{font-size:22px;margin-top:30px}.wp-block-post-content p{margin:0 0 20px}.wp-block-post-content li{margin-bottom:10px}.wp-block-post-content a{color:#355d45}.wp-block-post-content blockquote{border-left:3px solid #819464;margin:30px 0;padding:12px 24px;background:#eef2e8}
.sp-article{padding:48px 0 80px}.sp-article>h1{max-width:850px;font-size:clamp(32px,4vw,48px);margin:0 0 44px}
.sp-reading-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:64px;align-items:start}.sp-reading-grid>.wp-block-post-content{margin:0!important;min-width:0}.sp-reading-nav{background:#edf2e5;padding:28px;border-radius:10px}
.sp-reading-nav>a{display:block;border-top:1px solid #d4ddc9;padding:16px 0;font-size:14px;line-height:1.5;text-decoration:none}.sp-reading-nav>a span{display:block;font-size:12px;color:#71845e;margin-bottom:4px}.sp-reading-nav>p:last-child{font-size:12px;line-height:1.7;color:#68755f;margin:20px 0 0}
.sp-catalog{padding:48px 0 80px;min-height:65vh}.sp-catalog h1{font-size:48px;margin:0 0 20px}.sp-catalog .sp-card-grid{margin-top:40px}
footer.wp-block-template-part{background:#203d33;color:#fff;margin:0!important}
.sp-footer{max-width:1184px;width:calc(100% - 96px);margin:auto;padding:42px 0 28px}
.sp-footer-top{display:flex;justify-content:space-between;gap:32px}.sp-footer-brand{font-size:28px;font-weight:800;letter-spacing:-1px;text-decoration:none}.sp-footer p{font-size:13px;color:#c6d2c7;margin:10px 0}.sp-footer nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;align-items:center}.sp-footer nav a{color:#fff;text-decoration:none}
.sp-footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #496052;margin-top:28px;padding-top:20px;font-size:12px;color:#c6d2c7}.sp-footer-bottom div{display:flex;gap:22px;flex-wrap:wrap}
@media(max-width:1000px){.sp-wrap{width:calc(100% - 48px)}header.wp-block-template-part>div{padding:20px 24px!important}.sp-hero{gap:28px}.sp-hero h1{font-size:40px}.sp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-reading-grid{gap:28px;grid-template-columns:minmax(0,1fr) 240px}.sp-path{gap:32px}.sp-footer{width:calc(100% - 48px)}}
@media(max-width:700px){body{font-size:16px}header.wp-block-template-part>div{grid-template-columns:1fr;padding:16px 24px!important}header nav{grid-column:1;grid-row:auto;margin-top:12px!important}.wp-block-navigation__container{gap:0 20px!important}.wp-block-navigation-item__content{font-size:14px;min-height:44px}
.sp-hero{grid-template-columns:1fr;padding:36px 0 40px;gap:28px}.sp-hero h1{font-size:40px}.sp-lead{font-size:16px;margin-bottom:24px}.sp-hero-image{min-height:300px}.sp-button{margin-right:16px;padding:13px 18px;font-size:14px;gap:18px}.sp-text-link{font-size:14px}.sp-hero-note{margin-top:18px}
.sp-section-heading{align-items:start}.sp-section-heading>p{display:none}.sp-section-heading h2,.sp-path h2{font-size:30px}.sp-topics{padding:32px 0 40px}.sp-card-grid{grid-template-columns:1fr;gap:12px}.sp-card{min-height:0;padding:24px}.sp-card h3{font-size:23px}.sp-number{margin-bottom:18px}
.sp-path{grid-template-columns:1fr;gap:28px;padding:0 0 48px}.sp-path figure{height:260px}
.sp-document{padding-top:32px;padding-bottom:48px}.sp-document h1,.sp-catalog h1{font-size:34px;overflow-wrap:break-word}.sp-article{padding:32px 0 48px}.sp-article>h1{margin-bottom:30px}.sp-reading-grid{grid-template-columns:1fr}.wp-block-post-content{font-size:16px}.wp-block-post-content h2{font-size:26px}.sp-reading-nav{margin-top:20px}.sp-catalog{padding:32px 0 48px}.sp-footer-top,.sp-footer-bottom{flex-direction:column;gap:20px}.sp-footer{padding-top:32px}.sp-footer nav{gap:16px}.sp-eyebrow{font-size:12px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.wp-block-post-content h2,.wp-block-post-content h3{margin-bottom:18px}.sp-footer a{color:inherit}.sp-footer a:hover{color:#e6efcf}

.sp-catalog-photo{height:260px;margin:28px 0;border-radius:12px;overflow:hidden}.sp-catalog-photo img{width:100%;height:100%;object-fit:cover}.sp-article-photo{margin:0 0 32px}.sp-article-photo img{display:block;width:100%;height:280px;object-fit:cover;border-radius:10px}.sp-article-photo figcaption{font-size:12px;color:#637268;margin-top:10px}.sp-article-body>.wp-block-post-content{margin:0!important}.sp-article-body{min-width:0}@media(max-width:700px){.sp-catalog-photo{height:180px}.sp-article-photo img{height:210px}}

main.sp-catalog,main.sp-article{width:calc(100% - 96px);max-width:1184px;margin-left:auto!important;margin-right:auto!important}@media(max-width:1000px){main.sp-catalog,main.sp-article{width:calc(100% - 48px)}}

/* Visual review: navigation, reading alignment and compact mobile layout. */
header .wp-block-navigation-item__content{border-radius:6px;padding:10px 12px;min-height:44px}
header .wp-block-navigation__container{gap:4px}
header .wp-block-navigation-item__content:hover,
header .wp-block-navigation-item__content[aria-current="page"]{background:#e8eedf;color:#213b35}
.sp-reading-nav{margin-top:0!important}
.sp-card h3{letter-spacing:-.02em;line-height:1.25}
.sp-hero h1 span{color:#68794e}
.sp-text-link{display:inline-flex;align-items:center;min-height:44px}
.sp-footer nav a,.sp-footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.sp-footer-bottom{align-items:center}
footer:has(.sp-footer-bottom a[href*="license"])>.asm-legal-links{display:none}
.sp-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline}
.sp-breadcrumb{margin-bottom:20px}
@media(max-width:700px){
 header.wp-block-template-part>div{padding:14px 24px!important}
 header nav{width:100%}
 header .wp-block-navigation__container{gap:4px!important;justify-content:space-between}
 header .wp-block-navigation-item__content{padding:10px 7px;font-size:13px}
 .sp-hero{padding:28px 0 32px;gap:22px}
 .sp-hero h1{font-size:36px;letter-spacing:-.045em;margin-bottom:20px}
 .sp-hero .sp-eyebrow{margin-bottom:16px;letter-spacing:.08em}
 .sp-hero-image{min-height:220px}
 .sp-hero-image figcaption{left:12px;right:12px;bottom:12px;padding:10px 12px;font-size:12px}
 .sp-hero-note{margin-top:12px}
 .sp-catalog-photo{height:140px;margin:22px 0}
 .sp-catalog .sp-card-grid{margin-top:24px}
 .sp-card{padding:22px}
 .sp-card h3{font-size:22px}
 .sp-number{margin-bottom:12px}
 .sp-document h1{margin-bottom:26px}
 .sp-footer-bottom{align-items:flex-start;gap:12px}
 .sp-footer-bottom div{gap:4px 20px}
 .sp-reading-nav{margin-top:12px!important}
}
@media(max-width:360px){
 .sp-hero h1{font-size:32px}
 header .wp-block-navigation__container{display:grid;grid-template-columns:1fr 1fr}
 header .wp-block-navigation-item__content{width:100%;text-align:center}
 .sp-button{margin-right:8px;padding:12px 14px;gap:12px}
 .sp-text-link{font-size:13px}
}