/*
 Theme Name: PSR Editions
 Theme URI: https://psreditions.com/
 Description: PSR Editions theme is a child theme of Astra. It is designed to be a simple and clean theme for blog publishers and authors. It is fully responsive and easy to customize.
 Author: PSR Editions
 Template: astra
 Version: 1.0.0
 Text Domain: psr-editions
*/

.psr-category-hero {
	padding: 60px 0;
	text-align: center;
}

.psr-category-label {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
}

.psr-post-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 24px;
}

.psr-post-card img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}

@media(max-width:1024px){
	.psr-post-grid{
		grid-template-columns:repeat(2,1fr);
	}
}

@media(max-width:767px){
	.psr-post-grid{
		grid-template-columns:1fr;
	}
}
/*Single post*/
/* Single Post Header */

.psr-single-header {
	padding: 60px 20px 40px;
	text-align: center;
}

.psr-single-header-inner {
	max-width: 900px;
	margin: 0 auto;
}

/*.psr-post-categories {*/
/*	margin-bottom: 20px;*/
/*}*/

/*.psr-post-categories a {*/
/*	display: inline-block;*/
/*	padding: 6px 14px;*/
/*	background: #f3f4f6;*/
/*	border-radius: 999px;*/
/*	text-decoration: none;*/
/*	font-size: 14px;*/
/*	font-weight: 600;*/
/*	margin: 0 4px;*/
/*	color: #111827;*/
/*}*/
.psr-post-categories a:empty{
	display:none;
}
.psr-single-title {
	font-size: clamp(2.5rem, 5vw, 4.5rem);
	line-height: 1.1;
	font-weight: 700;
	margin: 0 0 24px;
}

.psr-article-meta {
	display: flex;
	align-items: center;
	gap: 10px;
}

.psr-single-image {
	max-width: 1200px;
	margin: 0 auto 60px;
	padding: 0 20px;
}

.psr-single-image img {
	width: 100%;
	height: auto;
	border-radius: 16px;
	display: block;
}

/* Content Width */

.single .entry-content {
	max-width: 760px;
	margin: 0 auto;
	padding: 0 20px 80px;
	font-size: 1.125rem;
	line-height: 1.8;
}
/* HERO */

.psr-post-hero{
	position:relative;
	height:650px;
	overflow:hidden;
	margin-bottom:60px;
}

.psr-post-hero-image{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.psr-post-hero-overlay{
	position:absolute;
	inset:0;
	background:linear-gradient(
		180deg,
		rgba(0,0,0,.15) 0%,
		rgba(0,0,0,.75) 100%
	);
}

.psr-post-hero-content{
	position:absolute;
	left:50%;
	bottom:60px;
	transform:translateX(-50%);
	width:100%;
	max-width:1200px;
	padding:0 40px;
	z-index:2;
}

.psr-post-categories{
	margin-bottom:20px;
}
.psr-featured-story .psr-post-categories {
    position: absolute;
    margin-top: -380px;
    margin-left: 20px;
}
.psr-post-grid .psr-post-categories {
    position: absolute;
    margin-top: -70px;
    margin-left: 15px;
}
.psr-post-grid .psr-post-categories a {
    padding: 3px 7px;
    font-weight: 400;
    font-size: 10px;
    margin-right: 3px;
}

/*.psr-post-categories a{*/
/*	display:inline-block;*/
/*	padding:8px 16px;*/
/*	border-radius:999px;*/
/*	background:#ffffff;*/
/*	color:#111827;*/
/*	text-decoration:none;*/
/*	font-size:14px;*/
/*	font-weight:600;*/
/*	margin-right:8px;*/
/*}*/

.psr-post-title{
	color:#fff;
	font-size:clamp(3rem,6vw,5rem);
	line-height:1.05;
	font-weight:800;
	max-width:900px;
	margin:0 0 20px;
}

.psr-post-hero .psr-article-meta{
	color:#fff;
	display:flex;
	align-items:center;
	gap:10px;
}

/* CONTENT */

.psr-single-content{
	max-width:850px;
	margin:0 auto;
	padding:0 24px 80px;
	font-size:18px;
	line-height:1.9;
}

.psr-single-content p{
	margin-bottom:1.6em;
}

.psr-single-content h2,
.psr-single-content h3{
	margin-top:2em;
	margin-bottom:.75em;
}

@media(max-width:768px){

	.psr-post-hero{
		height:500px;
	}

	.psr-post-hero-content{
		padding:0 24px;
		bottom:40px;
	}

	.psr-post-title{
		font-size:2.5rem;
	}
}
/* Full-width hero behind Astra header */

.single-post .site-content {
	margin-top: 0;
	padding-top: 0;
}

.single-post .psr-post-hero {
	position: relative;
	width: 100vw;
	/*height: 100%;*/
	min-height: 700px;
	margin-top: -120px; /* adjust based on header height */
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	overflow: hidden;
}

.single-post .psr-post-hero-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.single-post .psr-post-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(0,0,0,.2) -40%,
		rgba(0,0,0,.75) 100%
	)
}

.single-post .psr-post-hero-content {
	position: absolute;
	left: 50%;
	bottom: 80px;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1280px;
	padding: 0 40px;
	z-index: 5;
}

/* Make Astra header transparent */

.single-post .main-header-bar,
.single-post .ast-primary-header-bar,
.single-post .ast-builder-menu {
	background: transparent !important;
}

.single-post .site-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: transparent !important;
}

/* White menu */

.single-post .main-header-menu .menu-link,
.single-post .site-title a,
.single-post .ast-builder-menu-1 .menu-item > .menu-link {
	color: #fff !important;
}

.single-post .ast-site-header-cart svg,
.single-post .ast-mobile-svg {
	fill: #fff !important;
}

.psr-single-layout{
	max-width:1400px;
	margin:0 auto;
	padding:0 24px 80px;
	display:grid;
	grid-template-columns:minmax(0,1fr) 350px;
	gap:60px;
}

.psr-single-content{
	max-width:850px;
	font-size:18px;
	line-height:1.9;
}

.psr-sidebar{
	position:sticky;
	top:120px;
	align-self:start;
}

.psr-sidebar-title{
	font-size:24px;
	margin-bottom:24px;
	padding-bottom:12px;
	border-bottom:2px solid #e5e7eb;
}

.psr-related-post{
	margin-bottom:24px;
}

.psr-related-post a{
	text-decoration:none;
	color:inherit;
	display:block;
}

.psr-related-thumb{
	margin-bottom:12px;
}

.psr-related-thumb img{
	width:100%;
	height:160px;
	object-fit:cover;
	border-radius:12px;
	display:block;
}

.psr-related-post h4{
	font-size:18px;
	line-height:1.4;
	margin:0;
}

@media(max-width:1024px){

	.psr-single-layout{
		grid-template-columns:1fr;
	}

	.psr-sidebar{
		position:static;
		margin-top:60px;
	}
}

/* Related Posts */

.psr-sidebar-title{
	font-size:20px;
	font-weight:700;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #e5e7eb;
}

.psr-related-post{
	padding:16px 0;
	border-bottom:1px solid #f1f5f9;
}

.psr-related-post:last-child{
	border-bottom:none;
}

.psr-related-post a{
	display:flex;
	align-items:flex-start;
	gap:14px;
	text-decoration:none;
	color:inherit;
}

.psr-related-thumb{
	flex:0 0 90px;
}

.psr-related-thumb img{
	width:90px;
	height:68px;
	object-fit:cover;
	border-radius:8px;
	display:block;
}

.psr-related-content{
	flex:1;
}

.psr-related-content h4{
	font-size:15px;
	line-height:1.45;
	font-weight:600;
	margin:0 0 6px;
	color:#111827;
}

.psr-related-content h4:hover{
	color:#2563eb;
}

.psr-related-meta{
	display:flex;
	align-items:center;
	gap:6px;
	font-size:12px;
	color:#94a3b8;
}

.psr-related-separator{
	color:#cbd5e1;
}

/* ==================================
   ARCHIVE HERO
================================== */

.psr-archive-hero{
	position:relative;
	height:420px;
	margin-bottom:60px;
	overflow:hidden;
	border-radius:16px;
}

.psr-archive-hero-image{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.psr-archive-hero-overlay{
	position:absolute;
	inset:0;
	background:linear-gradient(
		to bottom,
		rgba(0,0,0,.15),
		rgba(0,0,0,.75)
	);
}

.psr-archive-hero-content{
	position:absolute;
	left:0;
	right:0;
	bottom:50px;
	max-width:1200px;
	margin:auto;
	padding:0 40px;
	color:#fff;
	z-index:2;
}

.psr-archive-hero h1{
	color:#fff;
	font-size:clamp(2.5rem,5vw,4.5rem);
	line-height:1.1;
	margin:0 0 10px;
}

.psr-archive-hero p{
	font-size:18px;
	max-width:700px;
	margin:0;
	opacity:.9;
}

/* ==================================
   FEATURED POST
================================== */

.psr-featured-post{
	margin-bottom:60px;
}

.psr-featured-post a{
	display:grid;
	grid-template-columns:1.2fr 1fr;
	gap:40px;
	text-decoration:none;
	color:inherit;
	align-items:center;
}

/*.psr-featured-image img{
	width:100%;
	height:420px;
	object-fit:cover;
	border-radius:16px;
}*/

.psr-featured-content h2{
	font-size:42px;
	line-height:1.1;
	margin:15px 0;
}

.psr-featured-content p{
	font-size:18px;
	color:#6b7280;
}

.psr-featured-meta{
	margin-top:20px;
	font-size:14px;
	color:#94a3b8;
}

/* ==================================
   POST GRID
================================== */

.psr-post-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
}

/*.psr-card img{
	width:100%;
	aspect-ratio:16/9;
	object-fit:cover;
	border-radius:12px;
}*/

.psr-card h3{
	font-size:20px;
	line-height:1.4;
	margin-top:15px;
	color:#111827;
}

@media(max-width:1024px){

	.psr-featured-post a{
		grid-template-columns:1fr;
	}

	.psr-post-grid{
		grid-template-columns:repeat(2,1fr);
	}
}

@media(max-width:768px){

	.psr-post-grid{
		grid-template-columns:1fr;
	}

	.psr-featured-content h2{
		font-size:32px;
	}

	.psr-archive-hero{
		height:320px;
	}
}

/*Archive page*/
.psr-container{
	max-width:1280px;
	margin:0 auto;
	padding:0 20px;
}

/* =====================================
   CATEGORY HERO
===================================== */

.psr-archive-header{
	width:100vw;
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw);

	background:linear-gradient(
		135deg,
		#0f172a 0%,
		#1e293b 100%
	);

	padding:100px 20px;
	margin-bottom:60px;
}

.psr-archive-inner{
	max-width:1280px;
	margin:0 auto;
	text-align:center;
}

.psr-archive-label{
	display:inline-block;
	padding:8px 16px;
	background:rgba(255,255,255,.1);
	border-radius:999px;
	font-size:12px;
	font-weight:600;
	color:#fff;
	margin-bottom:20px;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.psr-archive-header h1{
	font-size:clamp(3rem,6vw,5rem);
	line-height:1.05;
	font-weight:800;
	color:#fff;
	margin:0 0 15px;
}

.psr-archive-description{
	max-width:700px;
	margin:0 auto;
	font-size:18px;
	line-height:1.7;
	color:rgba(255,255,255,.85);
}

.psr-archive-title{
	font-size:clamp(3rem,5vw,4.5rem);
	line-height:1.1;
	margin:15px 0;
}

.psr-archive-description{
	color:#64748b;
	font-size:18px;
}

.psr-top-stories{
	display:grid;
	grid-template-columns:2fr 1fr;
	gap:40px;
	margin-bottom:60px;
}

/*.psr-featured-story img{
	width:100%;
	height:500px;
	object-fit:cover;
	border-radius:16px;
}*/

.psr-featured-content{
	padding-top:20px;
}

.psr-featured-content h2{
	font-size:42px;
	line-height:1.1;
	margin:15px 0;
}

.psr-featured-content p{
	font-size:18px;
	color:#64748b;
}

.psr-featured-meta{
	margin-top:15px;
	color:#94a3b8;
	font-size:14px;
}

.psr-side-story{
	padding:18px 0;
	border-bottom:1px solid #e5e7eb;
}

.psr-side-story a{
	display:flex;
	gap:15px;
	text-decoration:none;
	color:inherit;
}

/*.psr-side-story img{
	width:90px;
	height:70px;
	object-fit:cover;
	border-radius:8px;
}*/

.psr-side-story h3{
	font-size:15px;
	line-height:1.4;
	margin:0 0 8px;
}

.psr-side-meta{
	font-size:12px;
	color:#94a3b8;
}

.psr-post-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
}

/*.psr-card img{
	width:100%;
	aspect-ratio:16/9;
	object-fit:cover;
	border-radius:12px;
}*/

.psr-card-content{
	padding-top:15px;
}

.psr-card h3{
	font-size:20px;
	line-height:1.4;
	margin:12px 0;
	color:#111827;
}

.psr-card-meta{
	font-size:13px;
	color:#94a3b8;
	display:flex;
	gap:8px;
}

/*.psr-post-categories a{*/
/*	display:inline-block;*/
/*	padding:6px 12px;*/
/*	background:#f8fafc;*/
/*	border-radius:999px;*/
/*	font-size:12px;*/
/*	font-weight:600;*/
/*	text-decoration:none;*/
/*	color:#111827;*/
/*}*/

@media(max-width:1024px){

	.psr-top-stories{
		grid-template-columns:1fr;
	}

	.psr-post-grid{
		grid-template-columns:repeat(2,1fr);
	}
}

@media(max-width:768px){

	.psr-post-grid{
		grid-template-columns:1fr;
	}

	/*.psr-featured-story img{
		height:300px;
	}*/

	.psr-featured-content h2{
		font-size:30px;
	}
}
/* =====================================
   CATEGORY HEADER
===================================== */

.psr-archive-header{
	    background: linear-gradient(135deg, #050e06 0%, #19371a 50%, #335536 100%);
    /*border-radius: 16px;*/
    padding: 150px 60px;
    margin-bottom: 60px;
    text-align: center;
    margin-top: -150px;
}

.psr-archive-label{
	display:inline-block;
	padding:8px 16px;
	background:#18bb06;
	backdrop-filter:blur(10px);
	border-radius:999px;
	font-size:13px;
	font-weight:600;
	color:#fff;
	margin-bottom:20px;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.psr-archive-header h1{
	font-size:62px;
	line-height:1.05;
	font-weight:800;
	color:#fff;
	margin:0 0 15px;
}

.psr-archive-description{
	max-width:700px;
	margin:0 auto;
	font-size:18px;
	line-height:1.7;
	color:rgba(255,255,255,.85);
}

@media(max-width:768px){

	.psr-archive-header{
		padding:50px 25px;
	}

	.psr-archive-header h1{
		font-size:2.5rem;
	}
}

/* =====================================
   TOP STORIES
===================================== */

.psr-top-stories{
	display:grid;
	grid-template-columns:2fr 1fr;
	gap:30px;
	margin-bottom:60px;
}

.psr-featured-story{
	background:#fff;
}

.psr-featured-story img{
	width:100%;
	height:400px;
	object-fit:cover;
	display:block;
}

.psr-featured-content{
	padding-top:20px;
}

.psr-featured-content h2{
	font-size:34px;
	line-height:1.15;
	margin:12px 0;
	color:#111827;
}

.psr-featured-content p{
	font-size:16px;
	line-height:1.7;
	color:#64748b;
	margin-bottom:15px;
}

.psr-featured-meta{
	font-size:13px;
	color:#94a3b8;
}

/* =====================================
   SIDE STORIES
===================================== */

.psr-side-stories{
	display:flex;
	flex-direction:column;
	gap:20px;
}

.psr-side-story{
	padding-bottom:20px;
	border-bottom:1px solid #e5e7eb;
}

.psr-side-story:last-child{
	border-bottom:none;
}

.psr-side-story a{
	display:flex;
	gap:14px;
	text-decoration:none;
	color:inherit;
}

.psr-side-story img{
	width:100px;
	height:80px;
	object-fit:cover;
	flex-shrink:0;
}

.psr-side-story h3{
	font-size:16px;
	line-height:1.4;
	margin:0 0 6px;
	color:#111827;
}

.psr-side-meta{
	font-size:12px;
	color:#94a3b8;
}

/* =====================================
   LATEST ARTICLES
===================================== */

.psr-post-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
	margin-top:40px;
}

.psr-card{
	background:#fff;
}

.psr-card img{
	width:100%;
	height:220px;
	object-fit:cover;
	display:block;
}

.psr-card-content{
	padding-top:10px;
}

.psr-card h3{
	font-size:20px;
	line-height:1.4;
	margin:12px 0;
	color:#111827;
}

.psr-card-meta{
	font-size:13px;
	color:#94a3b8;
	display:flex;
	gap:8px;
}

.psr-post-categories a{
	display:inline-block;
	padding:5px 10px;
	border-radius:999px;
	background:#f1f5f9;
	font-size:12px;
	font-weight:600;
	text-decoration:none;
	color:#111827;
	margin-right:5px;
}

/* =====================================
   PAGINATION
===================================== */

.nav-links{
	display:flex;
	justify-content:center;
	gap:10px;
	margin:60px 0;
}

.nav-links .page-numbers{
	padding:10px 15px;
	border-radius:8px;
	background:#f8fafc;
	text-decoration:none;
}

/* =====================================
   MOBILE
===================================== */

@media(max-width:1024px){

	.psr-top-stories{
		grid-template-columns:1fr;
	}

	.psr-post-grid{
		grid-template-columns:repeat(2,1fr);
	}
}

@media(max-width:768px){

	.psr-post-grid{
		grid-template-columns:1fr;
	}

	.psr-featured-story img{
		height:280px;
	}

	.psr-featured-content h2{
		font-size:28px;
	}

	.psr-side-story img{
		width:90px;
		height:70px;
	}
}
.psr-post-categories::before,
.psr-post-categories::after,
.psr-post-categories a::before,
.psr-post-categories a::after{
	content:none !important;
	display:none !important;
}
.wp-block-post-featured-image :where(img) {
    
    height: 220px;
}

@media (max-width: 921px){
    .psr-single-content{
	padding:0;
}
    .psr-archive-header {
        height: 400px;
    }
.psr-archive-inner {
    padding-top: 120px;
}
}

.blog-section .taxonomy-category.wp-block-post-terms {
    position: relative;
    top: -160px;
    left: 20px;
}
.cat-cover .taxonomy-category.wp-block-post-terms {
    position: relative;
    padding-bottom: 30px;
}
.cat-cover .taxonomy-category.wp-block-post-terms a, .psr-blog-post-grid .taxonomy-category a, .psr-blog-story-block .taxonomy-category a, .blog-page-hero .taxonomy-category a {
    background: #e9e9e9;
    color: #000;
    font-weight: 500;
}
.cat-cover .cat-fea-img .taxonomy-category.wp-block-post-terms {
    position: absolute;
}
.ast-builder-menu-1 .sub-menu .menu-item > .menu-link {
    color: #000000;
}
.ast-builder-menu-1 .sub-menu .menu-item > .menu-link:hover {
    background: #0a9510;
    color: #fff;
}
.archive.category a{
    color: #000;
}
.site-title a{
    color:#12A802 !important;
}
.ast-icon.icon-search svg{
    fill: #ccc !important;
}
.ast-search-menu-icon.ast-dropdown-active .search-field, .ast-dropdown-active.ast-search-menu-icon.slide-search input.search-field {
    width: 600px;
}