/* 
Theme Name: Kiante
Theme URI: http://wowtheme7.com/kiante
Author: Wowtheme7
Author URI: https://themeforest.net/user/wowtheme7
Description: News Magazine WordPress Theme
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kiante
Tags: two-columns, three-columns, four-columns, right-sidebar, custom-menu, featured-images, full-width-template
Tested up to: 5.8.1
Requires PHP: 7.1

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.

Fixturbo is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.btn-base {
    background: #FF3A3A !important;
    right: 48px !important;
}

.cat-top-right .grid-thumbnail-one-wrap {
    position: relative;
}
.cat-top-right .grid-thumbnail-one-wrap .category-box {
    position: absolute;
    right: 20px;
    top: 20px;
}
.cat-top-right .grid-thumbnail-one-wrap .category-box a {
    display: inline-block;
    color: #fff;
    padding: 7px 12px;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.003em;
    margin-bottom: 15px;
}
.cat-top-right .post-grid-content-one .category-box a {
	display: none;
}

.cat-default .grid-thumbnail-one-wrap .category-box {
    display: none;
}
.list-style-none li {
	list-style: none;
}
.theme-csutom-catlist-inline ul li {
	display: inline-block;
	margin-right: 10px;
}

@media (min-width: 992px) {
	.layout-with-sidebar {
		display: flex !important;
		align-items: flex-start !important;
		flex-wrap: nowrap !important;
	}
	.layout-with-sidebar > .left-sidebar {
		flex: 0 0 30% !important;
		max-width: 30% !important;
	}
	.layout-with-sidebar > .content-with-sidebar {
		flex: 0 0 70% !important;
		max-width: 70% !important;
	}
}

@media (max-width: 991px) {
	.layout-with-sidebar {
		display: block !important;
	}
	.layout-with-sidebar > .left-sidebar,
	.layout-with-sidebar > .content-with-sidebar {
		max-width: 100% !important;
		width: 100% !important;
	}
}

/* Jobs Sidebar Design */
.jobs-sidebar .widget.widget_categories {
	background: #ffffff;
	border: 1px solid #eceff3;
	border-radius: 14px;
	padding: 22px 20px;
	box-shadow: 0 10px 30px rgba(17, 24, 39, 0.06);
}

/* Remove parent theme left offset so sidebar aligns with logo/content edge */
.layout-with-sidebar .sidebar.blog-sidebar.jobs-sidebar {
	padding-left: 0 !important;
}

.jobs-sidebar .widget .widget-title {
	font-size: 26px;
	line-height: 1.2;
	margin-bottom: 18px;
	padding-bottom: 12px;
	border-bottom: 1px solid #edf0f5;
	color: #111827;
}

.jobs-sidebar .widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
	max-height: none;
	overflow: visible;
}

.jobs-sidebar .widget ul li {
	margin: 0;
	padding: 0;
}

.jobs-sidebar .widget ul li::before {
	display: none !important;
}

.jobs-sidebar .widget ul li a {
	display: block;
	padding: 11px 12px;
	border-radius: 10px;
	color: #1f2937;
	font-weight: 500;
	transition: all 0.2s ease;
}

.jobs-sidebar .widget ul li a:hover {
	background: #fff1f2;
	color: #e11d48;
	padding-left: 16px;
}

@media (min-width: 992px) {
	.left-sidebar {
		position: sticky;
		top: 100px;
		align-self: start;
	}
}

/* Keep frontend content spacing consistent below the menu */
body.page .main-container,
body.blog .main-container,
body.archive .main-container,
body.search .main-container,
body.single-post .single-one-bwrap {
	padding-top: 24px !important;
}

/* Single post layout: keep widgets beside the post on desktop */
@media (min-width: 992px) {
	body.single-post .single-blog-content {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
	}

	body.single-post .single-blog-content > .left-sidebar {
		order: 1;
		flex: 0 0 30% !important;
		max-width: 30% !important;
		width: 30% !important;
		margin-top: 0;
		margin-left: -28px;
	}

	body.single-post .single-blog-content > div:first-child {
		order: 2;
		flex: 0 0 70% !important;
		max-width: 70% !important;
		width: 70% !important;
	}
}

@media (max-width: 991px) {
	body.single-post .single-blog-content {
		display: block !important;
	}

	body.single-post .single-blog-content > .left-sidebar,
	body.single-post .single-blog-content > div:first-child {
		max-width: 100% !important;
		width: 100% !important;
	}
}

/* Keep top menu on one line */
@media (min-width: 1200px) {
	.nav-menu-wrapper .mainmenu ul {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		gap: 18px;
	}
	.nav-menu-wrapper .mainmenu ul li {
		float: none;
	}
	.nav-menu-wrapper .mainmenu ul li a {
		padding: 0 !important;
		font-size: 16px;
		line-height: 24px !important;
		height: 24px;
		display: inline-flex;
		align-items: center;
		white-space: nowrap;
		border-bottom: 2px solid transparent;
	}
	.nav-menu-wrapper .mainmenu ul li a:hover {
		color: #111 !important;
		border-bottom-color: #94a3b8;
	}
	.nav-menu-wrapper .mainmenu ul li.current-menu-item > a,
	.nav-menu-wrapper .mainmenu ul li.current_page_item > a,
	.nav-menu-wrapper .mainmenu ul li.current-menu-ancestor > a,
	.nav-menu-wrapper .mainmenu ul li.current_page_ancestor > a {
		color: #ff3a3a !important;
		line-height: 24px !important;
		height: 24px;
		padding: 0 !important;
		display: inline-flex;
		align-items: center;
		border-bottom-color: #ff3a3a;
	}
}
.theme-csutom-catlist-inline ul li a {
    border-radius: 19px;
    background-color: white;
    box-shadow: 0px 0px 25px 0px rgb(208 208 208 / 22%);
    height: 39px;
    display: inline-block;
    line-height: 39px;
    width: 100%;
    text-align: center;
	padding: 0 20px;
}
.post-list-content-one .post-meta-items .post_grid_author_img img {
	margin-right: 6px;
	border-radius: 50%;
}


.planning-section-title-left {
  white-space: nowrap;
  -webkit-animation: marquee 80s linear infinite;
  animation: marquee 30s linear infinite;
}

.planning-section-title-left a {
  font-size: 80px;
  color: #181818;
  line-height: initial;
  font-weight: 700;
  margin-right: 30px;
  text-transform: capitalize;
  display: inline-block;
}
.planning-section-title-left a:hover {
  color: #181818;
}

.planning-section-title-right {
  white-space: nowrap;
  -webkit-animation: marquee-2 90s linear infinite;
  animation: marquee-2 30s linear infinite;
}

.planning-section-title-right a {
  font-size: 80px;
  color: #181818;
  line-height: initial;
  font-weight: 700;
  margin-right: 30px;
  text-transform: capitalize;
  font-family: var(--heading-font);
  display: inline-block;
}
.planning-section-title-right a:hover {
  color: var(--main-color);
}

.gjn-contact-form-wrap {
	width: 100%;
	max-width: none;
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	border: 1px solid #e6ebf2;
	border-radius: 18px;
	padding: 28px;
	box-shadow: 0 12px 30px rgba(15, 35, 95, 0.08);
}

body.page-id-22 #main-content > .container {
	max-width: 1200px !important;
	width: 100% !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

body.page-id-22 .layout-with-sidebar > .content-with-sidebar {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.page .inside-content-page-title {
	display: none !important;
}

.gjn-contact-alert {
	padding: 14px 16px;
	border-radius: 10px;
	margin-bottom: 18px;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.5;
}

.gjn-contact-success {
	background: #ecfdf3;
	color: #166534;
	border: 1px solid #86efac;
}

.gjn-contact-error {
	background: #fef2f2;
	color: #991b1b;
	border: 1px solid #fca5a5;
}

.gjn-contact-form {
	display: block;
}

.gjn-contact-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}

.gjn-contact-field {
	margin-bottom: 16px;
}

.gjn-contact-field label {
	display: block;
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.01em;
	color: #0f172a;
}

.gjn-contact-field input,
.gjn-contact-field textarea {
	width: 100%;
	border: 1px solid #d4dce8;
	border-radius: 10px;
	padding: 13px 14px;
	outline: none;
	background: #fff;
	color: #0f172a;
	font-size: 15px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.gjn-contact-field textarea {
	min-height: 160px;
	resize: vertical;
}

.gjn-contact-field input::placeholder,
.gjn-contact-field textarea::placeholder {
	color: #94a3b8;
}

.gjn-contact-field input:focus,
.gjn-contact-field textarea:focus {
	border-color: #f97316;
	box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.16);
}

.gjn-contact-btn {
	background: linear-gradient(135deg, #0f2f63 0%, #1d4b99 100%);
	color: #fff;
	border: 0;
	border-radius: 10px;
	padding: 12px 22px;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.01em;
	cursor: pointer;
	transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
	box-shadow: 0 10px 20px rgba(15, 47, 99, 0.25);
}

.gjn-contact-btn:hover {
	filter: brightness(1.04);
	transform: translateY(-1px);
	box-shadow: 0 14px 24px rgba(15, 47, 99, 0.3);
}

.gjn-contact-btn:active {
	transform: translateY(0);
}

.gjn-jobs-section {
	margin: 28px 0 14px;
}

.gjn-jobs-card {
	background: #fff;
	border: 1px solid #e5eaf1;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 18px;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.gjn-jobs-card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	background: linear-gradient(90deg, #0f2f63 0%, #16263c 100%);
}

.gjn-jobs-card-head h3 {
	margin: 0;
	color: #fff !important;
	font-size: 24px;
	line-height: 1.2;
	font-family: inherit;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.gjn-jobs-card-head h3,
.gjn-jobs-card-head h3 a,
.gjn-jobs-card-head h3 span {
	color: #fff !important;
}

.gjn-jobs-card-head h3:before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #f59e0b;
	display: inline-block;
	flex: 0 0 7px;
}

.gjn-jobs-card-head a {
	color: #f59e0b;
	font-weight: 600;
	font-size: 14px;
}

.gjn-jobs-card-head a:hover {
	color: #ffd086;
	text-decoration: none;
}

.gjn-jobs-table-wrap {
	overflow-x: auto;
}

.gjn-jobs-table {
	width: 100%;
	border-collapse: collapse;
}

.gjn-jobs-table th {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.04em;
	color: #5b6472;
	background: #f5f7fb;
	padding: 11px 14px;
	border-bottom: 1px solid #e7ecf2;
}

.gjn-jobs-table td {
	padding: 10px 14px;
	border-bottom: 1px solid #eef2f7;
	color: #1f2937;
	font-size: 15px;
	line-height: 1.3;
	vertical-align: middle;
}

.gjn-jobs-table tbody tr:last-child td {
	border-bottom: 0;
}

.gjn-org {
	font-weight: 700;
	color: #0f2f63;
}

.gjn-post-pill {
	display: inline-block;
	min-width: 52px;
	text-align: center;
	padding: 4px 10px;
	background: #e6f0ff;
	color: #0b57b7;
	border-radius: 6px;
	font-weight: 700;
}

.gjn-date-pill {
	display: inline-block;
	padding: 3px 9px;
	border-radius: 6px;
	background: #ecfdf3;
	color: #18764a;
	font-weight: 700;
	font-size: 14px;
}

.gjn-apply-btn {
	display: inline-block;
	padding: 4px 12px;
	background: #f97316;
	color: #fff !important;
	border-radius: 6px;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.4;
}

.gjn-apply-btn:hover {
	background: #ea580c;
	text-decoration: none;
}

@media (max-width: 767px) {
	.gjn-contact-form-wrap {
		padding: 18px;
		border-radius: 14px;
	}

	.gjn-contact-row {
		grid-template-columns: 1fr;
	}
}

.gjn-state-board {
	margin: 8px 0 20px;
}

.gjn-state-layout {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 14px;
}

.gjn-state-sidebar {
	border: 1px solid #d9e0ea;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.gjn-state-head {
	background: #c53f2f;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 14px;
	font-size: 14px;
}

.gjn-state-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gjn-state-sidebar li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 12px;
	border-bottom: 1px solid #edf2f7;
}

.gjn-state-sidebar li.active {
	background: #fff4ef;
}

.gjn-state-sidebar li a {
	color: #1f2937;
	font-weight: 500;
}

.gjn-state-sidebar li span {
	background: #eef2f7;
	color: #334155;
	border-radius: 999px;
	padding: 1px 8px;
	font-size: 12px;
	font-weight: 700;
}

.gjn-state-main {
	min-width: 0;
}

.gjn-state-filters {
	border: 1px solid #d9e0ea;
	background: #fff;
	border-radius: 10px;
	padding: 12px;
	margin-bottom: 12px;
}

.gjn-state-filters input,
.gjn-state-filters select {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #d3dbe7;
	border-radius: 9px;
	padding: 10px 12px;
	font-size: 15px;
	background: #fff;
}

.gjn-state-filters .gjn-state-count {
	color: #64748b;
	font-size: 14px;
	text-align: right;
}

.gjn-state-table-card {
	border: 1px solid #d9e0ea;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.gjn-state-table-head {
	background: linear-gradient(90deg, #0f2f63 0%, #16263c 100%);
	padding: 10px 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.gjn-state-table-head h3 {
	margin: 0;
	color: #fff !important;
	font-size: 30px;
	font-family: inherit;
	position: relative;
	padding-left: 14px;
}

.gjn-state-table-head h3:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #f59e0b;
}

.gjn-state-table-head a {
	color: #f59e0b;
	font-weight: 700;
}

.gjn-state-chips {
	padding: 10px 12px;
	border-bottom: 1px solid #e7edf5;
}

.gjn-state-chips span {
	display: inline-block;
	padding: 5px 14px;
	border-radius: 999px;
	border: 1px solid #d8e1ee;
	color: #475569;
	font-weight: 600;
	margin: 0 6px 8px 0;
	font-size: 14px;
}

.gjn-state-chips span.active {
	background: #c53f2f;
	border-color: #c53f2f;
	color: #fff;
}

.gjn-state-table-wrap {
	overflow-x: auto;
}

.gjn-state-table {
	width: 100%;
	border-collapse: collapse;
}

.gjn-state-table th,
.gjn-state-table td {
	border-bottom: 1px solid #e7edf5;
	padding: 10px 10px;
	font-size: 14px;
	color: #1f2937;
	vertical-align: middle;
}

.gjn-state-table th {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.04em;
	background: #f5f7fb;
	color: #5b6472;
}

.gjn-state-table td strong {
	display: block;
	color: #c53f2f;
}

.gjn-state-table td small {
	display: block;
	color: #6b7280;
	font-size: 13px;
}

.gjn-state-pill {
	background: #e8edff;
	color: #3547ad;
	padding: 3px 8px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 12px;
}

.gjn-date-pill.amber {
	background: #fff5df;
	color: #b76c00;
}

.gjn-date-pill.green {
	background: #e9f8ee;
	color: #1f7a43;
}

.gjn-apply-outline {
	display: inline-block;
	border: 1px solid #c2cad8;
	color: #111827;
	padding: 6px 12px;
	border-radius: 11px;
	font-weight: 700;
	background: #fff;
}

.gjn-state-pagination {
	padding: 12px;
	text-align: center;
}

.gjn-state-pagination span {
	display: inline-block;
	min-width: 34px;
	padding: 6px 10px;
	border: 1px solid #d6deea;
	border-radius: 8px;
	margin: 0 4px;
	font-weight: 600;
}

.gjn-state-pagination span.active {
	background: #c53f2f;
	color: #fff;
	border-color: #c53f2f;
}

@media (max-width: 991px) {
	.gjn-state-layout {
		grid-template-columns: 1fr;
	}
}

/* State Govt Jobs: keep same width feel as homepage and show left sidebar */
body.page-id-9 #main-content .container {
	max-width: 1200px !important;
	width: 100% !important;
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 992px) {
	body.page-id-9 .layout-with-sidebar > .content-with-sidebar {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}

body.page-id-9 .gjn-state-layout {
	grid-template-columns: 1fr !important;
}

body.page-id-9 .gjn-state-sidebar {
	display: none !important;
}

@media (max-width: 991px) {
	body.page-id-9 .gjn-state-layout {
		grid-template-columns: 1fr !important;
	}
}

.gjn-admit-board { margin: 8px 0 20px; }
.gjn-admit-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 14px; }
.gjn-admit-panel { border: 1px solid #d9e0ea; border-radius: 10px; background: #fff; margin-bottom: 14px; overflow: hidden; }
.gjn-admit-panel h4 { margin: 0; padding: 10px 14px; background: #f1f5f9; font-size: 15px; font-weight: 800; letter-spacing: .04em; }
.gjn-admit-panel ul { list-style: none; margin: 0; padding: 0; }
.gjn-admit-panel li { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #edf2f7; padding: 9px 14px; }
.gjn-admit-panel li.active { background: #fdebea; border-left: 3px solid #c73f31; padding-left: 11px; }
.gjn-admit-panel li a { color: #0f172a; text-decoration: underline; }
.gjn-admit-panel li span { background: #eef2f7; border-radius: 999px; padding: 1px 8px; font-size: 12px; font-weight: 700; color: #334155; }
.gjn-admit-main { min-width: 0; }
.gjn-admit-alert { display: flex; gap: 14px; align-items: center; border: 1px solid #f2c44f; border-left: 4px solid #d97706; border-radius: 10px; padding: 10px 14px; margin-bottom: 12px; background: #fffdf6; }
.gjn-admit-alert .badge { background: #eab308; color: #111827; border-radius: 6px; padding: 2px 10px; font-size: 12px; font-weight: 800; }
.gjn-admit-alert p { margin: 0; flex: 1; color: #374151; line-height: 1.25; }
.gjn-admit-alert p strong { color: #111827; }
.gjn-admit-alert a { border: 1px solid #b6c2d1; border-radius: 12px; padding: 7px 18px; font-weight: 700; color: #111827; background: #fff; }
.gjn-admit-sort { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.gjn-admit-sort .left { color: #475569; font-weight: 600; }
.gjn-admit-sort .left span { display: inline-block; margin-left: 8px; border: 1px solid #d4dde8; background: #f8fafc; border-radius: 9px; padding: 3px 14px; color: #475569; }
.gjn-admit-sort .left span.active { background: #0f1e46; border-color: #0f1e46; color: #fff; }
.gjn-admit-sort .right { color: #64748b; }
.gjn-admit-feature-title { font-weight: 800; color: #0f172a; margin: 6px 0 10px; }
.gjn-admit-cards { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-bottom: 16px; }
.gjn-admit-card { border: 1px solid #d9e0ea; border-radius: 12px; overflow: hidden; background: #fff; }
.gjn-admit-card .top { padding: 10px; display: flex; gap: 10px; border-bottom: 1px solid #edf2f7; }
.gjn-admit-card .logo { width: 46px; height: 46px; border-radius: 10px; background: #f5dfdd; display: flex; align-items: center; justify-content: center; font-weight: 800; color: #991b1b; }
.gjn-admit-card .meta h5 { margin: 0; font-size: 21px; line-height: 1.2; color: #111827; max-height: 2.4em; overflow: hidden; }
.gjn-admit-card .meta span { display: inline-block; margin-top: 4px; background: #e9f8ee; color: #166534; border-radius: 999px; padding: 1px 8px; font-size: 12px; font-weight: 700; }
.gjn-admit-card .bottom { padding: 10px; display: flex; justify-content: space-between; align-items: center; color: #475569; }
.gjn-admit-card .left-pill { border-radius: 8px; padding: 5px 10px; font-size: 12px; font-weight: 700; }
.gjn-admit-card .left-pill.warn { background: #ffedd5; color: #9a3412; }
.gjn-admit-card .left-pill.danger { background: #fee2e2; color: #991b1b; }
.gjn-admit-card .left-pill.safe { background: #dcfce7; color: #166534; }
.gjn-admit-card .actions { display: flex; gap: 8px; padding: 0 10px 10px; }
.gjn-admit-card .actions a { flex: 1; text-align: center; border: 1px solid #b6c2d1; border-radius: 12px; padding: 6px 8px; font-weight: 700; color: #111827; background: #fff; }
.gjn-admit-table-box { border: 1px solid #d9e0ea; border-radius: 12px; overflow: hidden; background: #fff; }
.gjn-admit-table-box .head { background: #0f1e46; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; }
.gjn-admit-table-box .head h3 { margin: 0; color: #fff !important; font-size: 31px; }
.gjn-admit-table-box .head a { color: #fbbf24; font-weight: 700; }
.gjn-admit-table-box .wrap { overflow-x: auto; }
.gjn-admit-table { width: 100%; border-collapse: collapse; }
.gjn-admit-table th, .gjn-admit-table td { padding: 11px 14px; border-bottom: 1px solid #e7edf5; vertical-align: middle; }
.gjn-admit-table th { text-transform: uppercase; font-size: 13px; color: #64748b; background: #f8fafc; letter-spacing: .03em; }
.gjn-admit-table td strong { color: #c73f31; }
.gjn-admit-table .cat { background: #e8eef8; color: #334155; border-radius: 6px; padding: 2px 8px; font-weight: 700; }
.gjn-admit-table .status { background: #e9f8ee; color: #166534; border-radius: 6px; padding: 2px 8px; font-weight: 700; }
.gjn-admit-table .btn { display: inline-block; border: 1px solid #b6c2d1; border-radius: 12px; padding: 6px 14px; color: #111827; font-weight: 700; background: #fff; }

@media (max-width: 1100px) {
	.gjn-admit-cards { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 991px) {
	.gjn-admit-layout { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
	.gjn-admit-cards { grid-template-columns: 1fr; }
	.gjn-admit-sort { flex-direction: column; align-items: flex-start; gap: 8px; }
}

/* Admit Card page: match State Govt Jobs outer bounds */
body.page-id-10 #main-content .container {
	max-width: 1200px !important;
	width: 100% !important;
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 992px) {
	body.page-id-10 .layout-with-sidebar > .content-with-sidebar {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}

body.page-id-14 #main-content .container { max-width: 1200px !important; width: 100% !important; padding-left: 15px; padding-right: 15px; }
@media (min-width: 992px) { body.page-id-14 .layout-with-sidebar > .content-with-sidebar { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } }

.gjn-central-board { margin: 8px 0 20px; }
.gjn-central-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 14px; }
.gjn-central-panel { border: 1px solid #d9e0ea; border-radius: 10px; overflow: hidden; background: #fff; margin-bottom: 12px; }
.gjn-central-panel h4 { margin: 0; padding: 10px 14px; background: #122131; color: #fff; font-size: 15px; font-weight: 800; }
.gjn-central-panel h4 { color: #ffffff !important; }
.gjn-central-panel ul { list-style: none; margin: 0; padding: 0; }
.gjn-central-panel li { display: flex; justify-content: space-between; align-items: center; padding: 9px 14px; border-bottom: 1px solid #edf2f7; }
.gjn-central-panel li.active { background: #fdebea; border-left: 3px solid #c73f31; padding-left: 11px; }
.gjn-central-panel li a { color: #1f2937; text-decoration: underline; }
.gjn-central-panel li span { background: #eef2f7; border-radius: 999px; padding: 1px 8px; font-size: 12px; font-weight: 700; }
.gjn-central-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 12px; }
.gjn-central-stats > div { border: 1px solid #d9e0ea; border-radius: 10px; padding: 8px 12px; background: #fff; }
.gjn-central-stats strong { display: block; font-size: 39px; line-height: 1; }
.gjn-central-stats span { color: #64748b; }
.gjn-central-filters { border: 1px solid #d9e0ea; border-radius: 10px; background: #fff; padding: 12px; margin-bottom: 12px; }
.gjn-central-filters input,.gjn-central-filters select { width: 100%; margin-bottom: 10px; border: 1px solid #d3dbe7; border-radius: 9px; padding: 10px 12px; }
.gjn-central-filters .row2 { display: flex; justify-content: space-between; align-items: center; }
.gjn-central-filters button { border: 1px solid #b6c2d1; border-radius: 10px; padding: 8px 20px; font-weight: 700; background: #fff; }
.gjn-central-filters span { color: #64748b; }
.gjn-central-table-card { border: 1px solid #d9e0ea; border-radius: 10px; overflow: hidden; background: #fff; }
.gjn-central-table-card .head { background: #0f1e46; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; }
.gjn-central-table-card .head h3 { margin: 0; color: #fff !important; font-size: 32px; }
.gjn-central-table-card .head a { color: #fbbf24; font-weight: 700; }
.gjn-central-table-card .chips { padding: 10px 12px; border-bottom: 1px solid #e7edf5; }
.gjn-central-table-card .chips span { display: inline-block; margin: 0 6px 8px 0; border: 1px solid #d8e1ee; border-radius: 999px; padding: 4px 14px; font-weight: 700; }
.gjn-central-table-card .chips .active { background: #c73f31; color: #fff; border-color: #c73f31; }
.gjn-central-table-card .wrap { overflow-x: auto; }
.gjn-central-table { width: 100%; border-collapse: collapse; }
.gjn-central-table th,.gjn-central-table td { padding: 10px; border-bottom: 1px solid #e7edf5; }
.gjn-central-table th { text-transform: uppercase; font-size: 12px; color: #64748b; background: #f5f7fb; }
.gjn-central-table td strong { color: #c73f31; }
.gjn-central-table td .pill { background: #e8edff; color: #1d4ed8; padding: 3px 8px; border-radius: 6px; font-weight: 700; }
.gjn-central-table td a { border: 1px solid #b6c2d1; border-radius: 10px; padding: 5px 12px; display: inline-block; color: #111827; font-weight: 700; }
@media (max-width: 991px) { .gjn-central-layout { grid-template-columns: 1fr; } .gjn-central-stats { grid-template-columns: repeat(2,minmax(0,1fr)); } }

body.page-id-16 #main-content .container,
body.page-results #main-content .container { max-width: 1200px !important; width: 100% !important; padding-left: 15px; padding-right: 15px; }
@media (min-width: 992px) { body.page-id-16 .layout-with-sidebar > .content-with-sidebar, body.page-results .layout-with-sidebar > .content-with-sidebar { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } }

.gjn-results-board { margin: 8px 0 20px; }
.gjn-results-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 14px; }
.gjn-results-panel { border: 1px solid #d9e0ea; border-radius: 10px; overflow: hidden; background: #fff; margin-bottom: 12px; }
.gjn-results-panel h4 { margin: 0; padding: 10px 14px; background: #122131; color: #fff !important; font-size: 15px; font-weight: 800; }
.gjn-results-panel ul { list-style: none; margin: 0; padding: 0; }
.gjn-results-panel li { display: flex; justify-content: space-between; align-items: center; padding: 9px 14px; border-bottom: 1px solid #edf2f7; }
.gjn-results-panel li.active { background: #fdebea; border-left: 3px solid #c73f31; padding-left: 11px; }
.gjn-results-panel li a { color: #1f2937; text-decoration: underline; }
.gjn-results-panel li span { background: #eef2f7; border-radius: 999px; padding: 1px 8px; font-size: 12px; font-weight: 700; }
.gjn-results-list-card { border: 1px solid #d9e0ea; border-radius: 10px; overflow: hidden; background: #fff; }
.gjn-results-list-card .head { background: #122131; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; }
.gjn-results-list-card .head h3 { margin: 0; color: #fff !important; font-size: 30px; }
.gjn-results-list-card .head a { color: #fbbf24; font-weight: 700; }
.gjn-results-list-card .list { list-style: none; margin: 0; padding: 0; }
.gjn-results-list-card .list li { display: flex; justify-content: space-between; gap: 12px; align-items: center; border-bottom: 1px solid #e7edf5; padding: 10px 14px; }
.gjn-results-list-card .list li h5 { margin: 0 0 3px; color: #1f62bf; font-size: 32px; line-height: 1.2; }
.gjn-results-list-card .list li p { margin: 0; color: #64748b; font-size: 31px; }
.gjn-results-list-card .list li p span { display: inline-block; margin: 0 6px; background: #e8edff; color: #1d4ed8; border-radius: 6px; padding: 1px 8px; font-size: 12px; font-weight: 700; }
.gjn-results-list-card .list li > a { border: 1px solid #b6c2d1; border-radius: 12px; padding: 8px 22px; font-weight: 700; color: #111827; background: #fff; }
.gjn-results-list-card .foot { text-align: center; padding: 12px; }
.gjn-results-list-card .foot a { color: #1d4ed8; font-weight: 700; text-decoration: underline; }
@media (max-width: 991px) { .gjn-results-layout { grid-template-columns: 1fr; } .gjn-results-list-card .list li { flex-direction: column; align-items: flex-start; } }

body.page-id-18 #main-content .container,
body.page-answer-key #main-content .container { max-width: 1200px !important; width: 100% !important; padding-left: 15px; padding-right: 15px; }
@media (min-width: 992px) { body.page-id-18 .layout-with-sidebar > .content-with-sidebar, body.page-answer-key .layout-with-sidebar > .content-with-sidebar { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } }

.gjn-ans-board { margin: 8px 0 20px; }
.gjn-ans-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 14px; }
.gjn-ans-panel { border: 1px solid #d9e0ea; border-radius: 10px; overflow: hidden; background: #fff; margin-bottom: 12px; }
.gjn-ans-panel h4 { margin: 0; padding: 10px 14px; background: #122131; color: #fff !important; font-size: 15px; font-weight: 800; }
.gjn-ans-panel ul { list-style: none; margin: 0; padding: 0; }
.gjn-ans-panel li { display: flex; justify-content: space-between; align-items: center; padding: 9px 14px; border-bottom: 1px solid #edf2f7; }
.gjn-ans-panel li.active { background: #fdebea; border-left: 3px solid #c73f31; padding-left: 11px; }
.gjn-ans-panel li a { color: #1f2937; text-decoration: underline; }
.gjn-ans-panel li span { background: #eef2f7; border-radius: 999px; padding: 1px 8px; font-size: 12px; font-weight: 700; }
.gjn-ans-card { border: 1px solid #d9e0ea; border-radius: 10px; overflow: hidden; background: #fff; }
.gjn-ans-card .head { background: #122131; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; }
.gjn-ans-card .head h3 { margin: 0; color: #fff !important; font-size: 30px; }
.gjn-ans-card .head a { color: #fbbf24; font-weight: 700; }
.gjn-ans-card .list { list-style: none; margin: 0; padding: 0; }
.gjn-ans-card .list li { display: flex; justify-content: space-between; gap: 12px; align-items: center; border-bottom: 1px solid #e7edf5; padding: 10px 14px; }
.gjn-ans-card .list li h5 { margin: 0 0 3px; color: #1f62bf; font-size: 32px; line-height: 1.2; }
.gjn-ans-card .list li p { margin: 0; color: #64748b; font-size: 31px; }
.gjn-ans-card .list li p .t1, .gjn-ans-card .list li p .t2 { display: inline-block; margin: 0 6px; border-radius: 6px; padding: 1px 8px; font-size: 12px; font-weight: 700; }
.gjn-ans-card .list li p .t1 { background: #e9f8ee; color: #166534; }
.gjn-ans-card .list li p .t2 { background: #ffedd5; color: #9a3412; }
.gjn-ans-card .list li > a { border: 1px solid #b6c2d1; border-radius: 12px; padding: 8px 22px; font-weight: 700; color: #111827; background: #fff; }
.gjn-ans-card .foot { text-align: center; padding: 12px; }
.gjn-ans-card .foot a { color: #1d4ed8; font-weight: 700; text-decoration: underline; }
@media (max-width: 991px) { .gjn-ans-layout { grid-template-columns: 1fr; } .gjn-ans-card .list li { flex-direction: column; align-items: flex-start; } }

body.page-id-20 #main-content .container { max-width: 1200px !important; width: 100% !important; padding-left: 15px; padding-right: 15px; }
@media (min-width: 992px) { body.page-id-20 .layout-with-sidebar > .content-with-sidebar { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } }

.gjn-syl-board { margin: 8px 0 20px; }
.gjn-syl-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 14px; }
.gjn-syl-panel { border: 1px solid #d9e0ea; border-radius: 10px; overflow: hidden; background: #fff; margin-bottom: 12px; }
.gjn-syl-panel h4 { margin: 0; padding: 10px 14px; background: #122131; color: #fff !important; font-size: 15px; font-weight: 800; }
.gjn-syl-panel ul { list-style: none; margin: 0; padding: 0; }
.gjn-syl-panel li { display: flex; justify-content: space-between; align-items: center; padding: 9px 14px; border-bottom: 1px solid #edf2f7; }
.gjn-syl-panel li.active { background: #fdebea; border-left: 3px solid #c73f31; padding-left: 11px; }
.gjn-syl-panel li a { color: #1f2937; text-decoration: underline; }
.gjn-syl-panel li span { background: #eef2f7; border-radius: 999px; padding: 1px 8px; font-size: 12px; font-weight: 700; }
.gjn-syl-card { border: 1px solid #d9e0ea; border-radius: 10px; overflow: hidden; background: #fff; }
.gjn-syl-card .head { background: #122131; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; }
.gjn-syl-card .head h3 { margin: 0; color: #fff !important; font-size: 30px; }
.gjn-syl-card .head a { color: #fbbf24; font-weight: 700; }
.gjn-syl-card .list { list-style: none; margin: 0; padding: 0; }
.gjn-syl-card .list li { display: flex; justify-content: space-between; gap: 12px; align-items: center; border-bottom: 1px solid #e7edf5; padding: 10px 14px; }
.gjn-syl-card .list li h5 { margin: 0 0 3px; color: #1f62bf; font-size: 32px; line-height: 1.2; }
.gjn-syl-card .list li p { margin: 0; color: #64748b; font-size: 31px; }
.gjn-syl-card .list li p .t1, .gjn-syl-card .list li p .t2 { display: inline-block; margin: 0 6px; border-radius: 6px; padding: 1px 8px; font-size: 12px; font-weight: 700; }
.gjn-syl-card .list li p .t1 { background: #e9f8ee; color: #166534; }
.gjn-syl-card .list li p .t2 { background: #ffedd5; color: #9a3412; }
.gjn-syl-card .list li > a { border: 1px solid #b6c2d1; border-radius: 12px; padding: 8px 22px; font-weight: 700; color: #111827; background: #fff; }
.gjn-syl-card .foot { text-align: center; padding: 12px; }
.gjn-syl-card .foot a { color: #1d4ed8; font-weight: 700; text-decoration: underline; }
@media (max-width: 991px) { .gjn-syl-layout { grid-template-columns: 1fr; } .gjn-syl-card .list li { flex-direction: column; align-items: flex-start; } }

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
@-webkit-keyframes marquee-2 {
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes marquee-2 {
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
.overflow-hiddenh {
	overflow: hidden;
}

.gjn-footer { background: #122131; color: #c9d6e6; margin-top: 28px; }
.gjn-footer-main { border-top: 1px solid rgba(255,255,255,0.06); }
.gjn-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 24px; padding: 30px 0 18px; }
.gjn-footer-logo-row { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.gjn-footer-badge { background: #cc3c2f; color: #fff; border-radius: 10px; padding: 6px 10px; font-weight: 800; }
.gjn-footer-brand h3 { margin: 0; color: #fff; font-size: 30px; }
.gjn-footer-brand p { color: #b5c3d4; margin: 0 0 14px; max-width: 420px; line-height: 1.6; }
.gjn-footer-social { display: flex; gap: 8px; }
.gjn-footer-social a { background: rgba(255,255,255,0.08); color: #d9e3ef; border-radius: 8px; padding: 6px 12px; font-weight: 600; }
.gjn-footer-grid h4 { color: #fff; margin: 0 0 10px; font-size: 30px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px; }
.gjn-footer-grid ul { margin: 0; padding: 0; list-style: none; }
.gjn-footer-grid li { margin-bottom: 8px; }
.gjn-footer-grid a { color: #d4deea; text-decoration: underline; }
.gjn-footer-grid li a::before { content: "›"; color: #f59e0b; margin-right: 8px; font-weight: 700; }
.gjn-footer-mini-links { border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); padding: 10px 0; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.gjn-footer-mini-links a { color: #a9bbcf; }
.gjn-adsense-tag { margin-left: auto; background: rgba(255,255,255,0.08); padding: 4px 10px; border-radius: 6px; color: #8fa5bb; }
.gjn-adsense-tag::before { content: "⚡ "; color: #f59e0b; }
.gjn-footer-copy { color: #8ea2b8; text-align: center; padding: 12px 0 16px; }
.gjn-footer-copy strong { color: #f59e0b; }

@media (max-width: 991px) {
	.gjn-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
	.gjn-footer-grid { grid-template-columns: 1fr; }
	.gjn-adsense-tag { margin-left: 0; }
}

/* Keep all custom jobs tables vertically aligned */
.gjn-jobs-table th,
.gjn-jobs-table td,
.gjn-state-table th,
.gjn-state-table td,
.gjn-admit-table th,
.gjn-admit-table td,
.gjn-central-table th,
.gjn-central-table td {
	vertical-align: middle !important;
}

/* Show only the common left sidebar widgets across all pages */
.gjn-layout,
.gjn-state-layout,
.gjn-admit-layout,
.gjn-central-layout,
.gjn-results-layout,
.gjn-ans-layout,
.gjn-syl-layout {
	grid-template-columns: 1fr !important;
}

.gjn-sidebar,
.gjn-state-sidebar,
.gjn-admit-left,
.gjn-central-sidebar,
.gjn-results-sidebar,
.gjn-ans-sidebar,
.gjn-syl-sidebar {
	display: none !important;
}

/* Keep job-board content inside the available page width */
html,
body {
	overflow-x: hidden !important;
}

.layout-with-sidebar {
	max-width: 100% !important;
	overflow-x: hidden !important;
}

.layout-with-sidebar > .left-sidebar {
	min-width: 0 !important;
	width: auto !important;
	max-width: 100% !important;
	flex: none !important;
}

.layout-with-sidebar > .content-with-sidebar {
	min-width: 0 !important;
	width: auto !important;
	max-width: 100% !important;
	flex: initial !important;
}

body.page .layout-with-sidebar > .content-with-sidebar {
	min-width: 0 !important;
	width: auto !important;
	max-width: 100% !important;
	flex: initial !important;
}

.content-with-sidebar,
.gjn-state-board,
.gjn-admit-board,
.gjn-central-board,
.gjn-results-board,
.gjn-ans-board,
.gjn-syl-board,
.gjn-state-main,
.gjn-admit-main,
.gjn-central-main,
.gjn-results-main,
.gjn-ans-main,
.gjn-syl-main,
.gjn-state-table-card,
.gjn-admit-table-box,
.gjn-central-table-card,
.gjn-results-list-card,
.gjn-ans-card,
.gjn-syl-card {
	max-width: 100% !important;
	min-width: 0 !important;
	width: 100% !important;
	box-sizing: border-box;
}

.gjn-results-board,
.gjn-ans-board,
.gjn-syl-board,
.gjn-results-layout,
.gjn-ans-layout,
.gjn-syl-layout,
.gjn-results-main,
.gjn-ans-main,
.gjn-syl-main,
.gjn-results-list-card,
.gjn-ans-card,
.gjn-syl-card,
.gjn-results-list-card .head,
.gjn-ans-card .head,
.gjn-syl-card .head,
.gjn-results-list-card .list,
.gjn-ans-card .list,
.gjn-syl-card .list {
	width: 100% !important;
	max-width: 100% !important;
}

.gjn-state-table-wrap,
.gjn-admit-table-box .wrap,
.gjn-central-table-card .wrap {
	max-width: 100% !important;
	overflow-x: hidden !important;
}

.gjn-jobs-table,
.gjn-state-table,
.gjn-admit-table,
.gjn-central-table {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	table-layout: fixed !important;
}

.gjn-jobs-table th,
.gjn-jobs-table td,
.gjn-state-table th,
.gjn-state-table td,
.gjn-admit-table th,
.gjn-admit-table td,
.gjn-central-table th,
.gjn-central-table td {
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
	padding-left: 8px !important;
	padding-right: 8px !important;
	font-size: 14px !important;
	line-height: 1.35 !important;
}

.gjn-state-table td strong,
.gjn-state-table td small,
.gjn-results-list-card .list li h5,
.gjn-ans-card .list li h5,
.gjn-syl-card .list li h5,
.gjn-results-list-card .list li p,
.gjn-ans-card .list li p,
.gjn-syl-card .list li p {
	overflow-wrap: anywhere !important;
	word-break: break-word !important;
}

.gjn-results-list-card .list li,
.gjn-ans-card .list li,
.gjn-syl-card .list li {
	max-width: 100% !important;
	min-width: 0 !important;
}

@media (min-width: 1200px) {
	body.page-id-16 .gjn-results-list-card,
	body.page-results .gjn-results-list-card,
	body.page-id-18 .gjn-ans-card,
	body.page-answer-key .gjn-ans-card,
	body.page-id-20 .gjn-syl-card {
		min-width: 1120px !important;
		width: 1120px !important;
		max-width: 1120px !important;
	}
}

@media (max-width: 991px) {
	.layout-with-sidebar {
		grid-template-columns: 1fr !important;
	}

	.gjn-jobs-table th,
	.gjn-jobs-table td,
	.gjn-state-table th,
	.gjn-state-table td,
	.gjn-admit-table th,
	.gjn-admit-table td,
	.gjn-central-table th,
	.gjn-central-table td {
		font-size: 12px !important;
		padding: 7px 5px !important;
	}

	.gjn-state-table-head h3,
	.gjn-admit-table-box .head h3,
	.gjn-central-table-card .head h3,
	.gjn-results-list-card .head h3,
	.gjn-ans-card .head h3,
	.gjn-syl-card .head h3 {
		font-size: 20px !important;
		line-height: 1.25 !important;
	}
}