/*
==========================================
Current Affairs Page
Part-1 : Hero & Layout
GovtJobPreparation.com
==========================================
*/


/*=========================================
Hero Section
=========================================*/

.gjp-ca-hero{

	padding:50px 0;

	background:#f8fbff;

	border-bottom:1px solid #e8eef5;

}

.gjp-ca-hero-grid{

	display:grid;

	grid-template-columns:1.2fr .8fr;

	align-items:center;

	gap:60px;

}

.gjp-ca-hero-content h1{

	font-size:44px;

	font-weight:700;

	color:#0f172a;

	line-height:1.2;

	margin-bottom:18px;

}

.gjp-ca-hero-content p{

	font-size:18px;

	line-height:1.8;

	color:#64748b;

	max-width:650px;

}


/*=========================================
Hero Image
=========================================*/

.gjp-ca-hero-image{

	text-align:right;

}

.gjp-ca-hero-image img{

	max-width:100%;

	height:auto;

}


/*=========================================
Quick Cards
=========================================*/

.gjp-ca-quick-links{

	display:grid;

	grid-template-columns:repeat(3,1fr);

	gap:20px;

	margin-top:35px;

}

.gjp-ca-quick-card{

	display:flex;

	align-items:center;

	gap:16px;

	padding:22px;

	background:#ffffff;

	border:1px solid #e5e7eb;

	border-radius:16px;

	text-decoration:none;

	transition:.3s;

	box-shadow:0 4px 16px rgba(15,23,42,.04);

}

.gjp-ca-quick-card:hover{

	transform:translateY(-4px);

	box-shadow:0 14px 28px rgba(37,99,235,.10);

	border-color:#2563eb;

}

.gjp-ca-icon{

	width:56px;

	height:56px;

	border-radius:14px;

	display:flex;

	align-items:center;

	justify-content:center;

	font-size:24px;

	flex-shrink:0;

}

.gjp-ca-icon.daily{

	background:#e0f2fe;

}

.gjp-ca-icon.pdf{

	background:#ecfdf5;

}

.gjp-ca-icon.topic{

	background:#f3e8ff;

}

.gjp-ca-quick-card h3{

	font-size:18px;

	font-weight:700;

	color:#0f172a;

	margin-bottom:5px;

}

.gjp-ca-quick-card span{

	font-size:14px;

	color:#64748b;

}


/*=========================================
Main Content
=========================================*/

.gjp-current-affairs-page{

	padding:55px 0;

}

.gjp-ca-layout{

	display:grid;

	grid-template-columns:2fr 360px;

	gap:35px;

	align-items:start;

}


/*=========================================
Main Section
=========================================*/

.gjp-ca-main{

	min-width:0;

}

.gjp-section-header{

	display:flex;

	align-items:center;

	justify-content:space-between;

	margin-bottom:30px;

	padding-bottom:18px;

	border-bottom:1px solid #e5e7eb;

}

.gjp-section-header h2{

	font-size:30px;

	font-weight:700;

	color:#0f172a;

	margin-bottom:6px;

}

.gjp-section-header p{

	font-size:15px;

	color:#64748b;

}

.gjp-section-header strong{

	color:#2563eb;

}

.gjp-ca-filter select{

	height:46px;

	padding:0 16px;

	border:1px solid #dbe4ef;

	border-radius:10px;

	background:#ffffff;

	font-size:15px;

	color:#334155;

	cursor:pointer;

}


/*=========================================
Sidebar Base
=========================================*/

.gjp-ca-sidebar{

	position:sticky;

	top:100px;

}

.gjp-sidebar-card{

	background:#ffffff;

	border:1px solid #e5e7eb;

	border-radius:16px;

	padding:24px;

	margin-bottom:24px;

	box-shadow:0 8px 24px rgba(15,23,42,.05);

}

.gjp-sidebar-card h3{

	font-size:20px;

	font-weight:700;

	color:#0f172a;

	margin-bottom:18px;

}

.gjp-sidebar-card ul{

	padding-left:18px;

}

.gjp-sidebar-card li{

	margin-bottom:12px;

	line-height:1.8;

	color:#475569;

	font-size:15px;

}
/*
==========================================
Current Affairs Page
Part-2 : Daily Current Affairs Cards
==========================================
*/


/*=========================================
Cards List
=========================================*/

.gjp-ca-card-list{

	display:grid;

	gap:28px;

}


/*=========================================
Card
=========================================*/

.gjp-ca-card{

	background:#ffffff;

	border:1px solid #e5e7eb;

	border-radius:18px;

	overflow:hidden;

	box-shadow:0 6px 20px rgba(15,23,42,.05);

	transition:all .30s ease;

}

.gjp-ca-card:hover{

	transform:translateY(-6px);

	border-color:#2563eb;

	box-shadow:0 18px 40px rgba(37,99,235,.12);

}

.gjp-ca-card a{

	display:grid;

	grid-template-columns:280px 1fr;

	text-decoration:none;

	color:inherit;

}


/*=========================================
Thumbnail
=========================================*/

.gjp-ca-thumb{

	height:220px;

	overflow:hidden;

	background:#eef2f7;

}

.gjp-ca-thumb img{

	width:100%;

	height:100%;

	object-fit:cover;

	transition:transform .40s ease;

}

.gjp-ca-card:hover .gjp-ca-thumb img{

	transform:scale(1.05);

}


/*=========================================
Card Body
=========================================*/

.gjp-ca-body{

	padding:26px;

}


/*=========================================
Badge
=========================================*/

.gjp-ca-badge{

	display:inline-block;

	padding:6px 14px;

	border-radius:50px;

	font-size:12px;

	font-weight:700;

	letter-spacing:.5px;

	margin-bottom:16px;

	text-transform:uppercase;

}

.gjp-ca-badge.daily{

	background:#dbeafe;

	color:#2563eb;

}

.gjp-ca-badge.monthly{

	background:#dcfce7;

	color:#15803d;

}


/*=========================================
Title
=========================================*/

.gjp-ca-body h3{

	font-size:24px;

	font-weight:700;

	line-height:1.45;

	color:#0f172a;

	margin-bottom:18px;

	transition:.30s;

}

.gjp-ca-card:hover h3{

	color:#2563eb;

}


/*=========================================
Meta
=========================================*/

.gjp-ca-meta{

	display:flex;

	align-items:center;

	gap:24px;

	margin-bottom:18px;

	font-size:14px;

	color:#64748b;

}


/*=========================================
Tags
=========================================*/

.gjp-ca-tags{

	display:flex;

	flex-wrap:wrap;

	gap:10px;

}

.gjp-ca-tags span{

	padding:7px 14px;

	border-radius:50px;

	background:#f8fafc;

	border:1px solid #e2e8f0;

	font-size:13px;

	font-weight:600;

	color:#475569;

	transition:.25s;

}

.gjp-ca-tags span:hover{

	background:#2563eb;

	border-color:#2563eb;

	color:#ffffff;

	cursor:pointer;

}
/*
==========================================
Current Affairs Page
Part-3 : Sidebar & Pagination
==========================================
*/


/*=========================================
Today's Current Affairs
=========================================*/

.gjp-calendar{

	background:#f8fafc;

	border:1px solid #e5e7eb;

	border-radius:12px;

	padding:18px;

	text-align:center;

	font-size:15px;

	color:#475569;

}

.gjp-calendar-month{

	font-size:18px;

	font-weight:700;

	color:#0f172a;

	margin-bottom:15px;

}

.gjp-calendar-grid{

	display:grid;

	grid-template-columns:repeat(7,1fr);

	gap:6px;

}

.gjp-calendar-grid span{

	height:34px;

	display:flex;

	align-items:center;

	justify-content:center;

	border-radius:8px;

	font-size:13px;

}

.gjp-calendar-grid .today{

	background:#2563eb;

	color:#ffffff;

	font-weight:700;

}


/*=========================================
Monthly PDF List
=========================================*/

.gjp-month-list{

	list-style:none;

	padding:0;

	margin:0;

}

.gjp-month-list li{

	border-bottom:1px solid #eef2f7;

}

.gjp-month-list li:last-child{

	border-bottom:none;

}

.gjp-month-list a{

	display:flex;

	align-items:center;

	justify-content:space-between;

	padding:14px 0;

	text-decoration:none;

	font-size:15px;

	font-weight:600;

	color:#334155;

	transition:.25s;

}

.gjp-month-list a:hover{

	color:#2563eb;

	padding-left:8px;

}


/*=========================================
Topic List
=========================================*/

.gjp-topic-list{

	list-style:none;

	padding:0;

	margin:0;

	display:flex;

	flex-wrap:wrap;

	gap:10px;

}

.gjp-topic-list li{

	margin:0;

}

.gjp-topic-list a{

	display:inline-block;

	padding:8px 14px;

	border-radius:50px;

	background:#f8fafc;

	border:1px solid #e2e8f0;

	text-decoration:none;

	font-size:14px;

	font-weight:600;

	color:#475569;

	transition:.25s;

}

.gjp-topic-list a:hover{

	background:#2563eb;

	border-color:#2563eb;

	color:#ffffff;

}


/*=========================================
View All Links
=========================================*/

.gjp-view-all{

	display:inline-block;

	margin-top:18px;

	font-size:15px;

	font-weight:700;

	color:#2563eb;

	text-decoration:none;

}

.gjp-view-all:hover{

	text-decoration:underline;

}


/*=========================================
Pagination
=========================================*/

.gjp-pagination{

	display:flex;

	align-items:center;

	justify-content:center;

	flex-wrap:wrap;

	gap:10px;

	margin-top:50px;

}

.gjp-pagination a,

.gjp-pagination span{

	min-width:44px;

	height:44px;

	display:flex;

	align-items:center;

	justify-content:center;

	padding:0 16px;

	border-radius:10px;

	border:1px solid #dbe4ef;

	background:#ffffff;

	font-size:15px;

	font-weight:600;

	text-decoration:none;

	color:#334155;

	transition:.25s;

}

.gjp-pagination a:hover{

	background:#2563eb;

	border-color:#2563eb;

	color:#ffffff;

}

.gjp-pagination .active{

	background:#2563eb;

	border-color:#2563eb;

	color:#ffffff;

}

.gjp-pagination .prev,

.gjp-pagination .next{

	padding:0 20px;

}
/*
==========================================
Current Affairs Page
Part-4 : Responsive
==========================================
*/


/*=========================================
Laptop
=========================================*/

@media (max-width:1200px){

	.gjp-ca-hero-grid{

		grid-template-columns:1fr;

		gap:40px;

		text-align:center;

	}

	.gjp-ca-hero-image{

		text-align:center;

	}

	.gjp-ca-layout{

		grid-template-columns:1fr 320px;

	}

}


/*=========================================
Tablet
=========================================*/

@media (max-width:992px){

	.gjp-ca-layout{

		grid-template-columns:1fr;

		gap:35px;

	}

	.gjp-ca-sidebar{

		position:static;

	}

	.gjp-ca-quick-links{

		grid-template-columns:1fr;

	}

	.gjp-ca-card a{

		grid-template-columns:1fr;

	}

	.gjp-ca-thumb{

		height:240px;

	}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:768px){

	.gjp-ca-hero{

		padding:35px 0;

	}

	.gjp-ca-hero-content h1{

		font-size:34px;

	}

	.gjp-ca-hero-content p{

		font-size:16px;

	}

	.gjp-section-header{

		flex-direction:column;

		align-items:flex-start;

		gap:18px;

	}

	.gjp-ca-filter{

		width:100%;

	}

	.gjp-ca-filter select{

		width:100%;

	}

	.gjp-ca-thumb{

		height:220px;

	}

	.gjp-ca-body{

		padding:20px;

	}

	.gjp-ca-body h3{

		font-size:20px;

	}

	.gjp-ca-meta{

		flex-wrap:wrap;

		gap:12px;

	}

	.gjp-sidebar-card{

		padding:20px;

	}

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

	.gjp-ca-hero-content h1{

		font-size:28px;

	}

	.gjp-ca-quick-card{

		padding:18px;

	}

	.gjp-ca-icon{

		width:48px;

		height:48px;

		font-size:20px;

	}

	.gjp-ca-quick-card h3{

		font-size:16px;

	}

	.gjp-ca-thumb{

		height:190px;

	}

	.gjp-ca-body h3{

		font-size:18px;

		line-height:1.5;

	}

	.gjp-ca-tags{

		gap:8px;

	}

	.gjp-ca-tags span{

		font-size:12px;

		padding:6px 12px;

	}

	.gjp-sidebar-card h3{

		font-size:18px;

	}

	.gjp-pagination{

		gap:8px;

	}

	.gjp-pagination a,

	.gjp-pagination span{

		min-width:40px;

		height:40px;

		font-size:14px;

	}

}