/*!
Theme Name: hrms
Theme URI: http://underscores.me/
Author: peanutsquare
Author URI: https://peanutsquare.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: httpshrms-ps-netlify-app
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

hrms is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

:root {
	--color-red-100: oklch(93.6% .032 17.717);
	--color-red-200: oklch(88.5% .062 18.334);
	--color-red-400: oklch(70.4% .191 22.216);
	--color-red-500: oklch(63.7% .237 25.331);
	--color-red-600: oklch(57.7% .245 27.325);
	--color-orange-50: oklch(98% .016 73.684);
	--color-orange-100: oklch(95.4% .038 75.164);
	--color-orange-600: oklch(64.6% .222 41.116);
	--color-orange-700: oklch(55.3% .195 38.402);
	--color-amber-50: oklch(98.7% .022 95.277);
	--color-amber-100: oklch(96.2% .059 95.617);
	--color-amber-200: oklch(92.4% .12 95.746);
	--color-amber-500: oklch(76.9% .188 70.08);
	--color-amber-600: oklch(66.6% .179 58.318);
	--color-amber-700: oklch(55.5% .163 48.998);
	--color-yellow-300: oklch(90.5% .182 98.111);
	--color-yellow-400: oklch(85.2% .199 91.936);
	--color-green-50: oklch(98.2% .018 155.826);
	--color-green-100: oklch(96.2% .044 156.743);
	--color-green-400: oklch(79.2% .209 151.711);
	--color-green-500: oklch(72.3% .219 149.579);
	--color-green-600: oklch(62.7% .194 149.214);
	--color-green-700: oklch(52.7% .154 150.069);
	--color-emerald-50: oklch(97.9% .021 166.113);
	--color-emerald-100: oklch(95% .052 163.051);
	--color-emerald-200: oklch(90.5% .093 164.15);
	--color-emerald-500: oklch(69.6% .17 162.48);
	--color-emerald-600: oklch(59.6% .145 163.225);
	--color-emerald-700: oklch(50.8% .118 165.612);
	--color-teal-100: oklch(95.3% .051 180.801);
	--color-teal-600: oklch(60% .118 184.704);
	--color-cyan-100: oklch(95.6% .045 203.388);
	--color-cyan-400: oklch(78.9% .154 211.53);
	--color-sky-50: oklch(97.7% .013 236.62);
	--color-sky-100: oklch(95.1% .026 236.824);
	--color-sky-700: oklch(50% .134 242.749);
	--color-blue-50: oklch(97% .014 254.604);
	--color-blue-100: oklch(93.2% .032 255.585);
	--color-blue-200: oklch(88.2% .059 254.128);
	--color-blue-400: oklch(70.7% .165 254.624);
	--color-blue-500: oklch(62.3% .214 259.815);
	--color-blue-600: oklch(54.6% .245 262.881);
	--color-indigo-50: oklch(96.2% .018 272.314);
	--color-indigo-100: oklch(93% .034 272.788);
	--color-indigo-200: oklch(87% .065 274.039);
	--color-indigo-500: oklch(58.5% .233 277.117);
	--color-indigo-600: oklch(51.1% .262 276.966);
	--color-purple-50: oklch(97.7% .014 308.299);
	--color-purple-100: oklch(94.6% .033 307.174);
	--color-purple-500: oklch(62.7% .265 303.9);
	--color-purple-600: oklch(55.8% .288 302.321);
	--color-pink-50: oklch(97.1% .014 343.198);
	--color-pink-100: oklch(94.8% .028 342.258);
	--color-pink-600: oklch(59.2% .249 .584);
	--color-rose-50: oklch(96.9% .015 12.422);
	--color-rose-100: oklch(94.1% .03 12.58);
	--color-rose-200: oklch(89.2% .058 10.001);
	--color-rose-500: oklch(64.5% .246 16.439);
	--color-rose-600: oklch(58.6% .253 17.585);
	--color-rose-700: oklch(51.4% .222 16.935);
	--color-gray-50: oklch(98.5% .002 247.839);
	--color-gray-100: oklch(96.7% .003 264.542);
	--color-gray-200: oklch(92.8% .006 264.531);
	--color-gray-300: oklch(87.2% .01 258.338);
	--color-gray-400: oklch(70.7% .022 261.325);
	--color-gray-500: oklch(55.1% .027 264.364);
	--color-gray-600: oklch(44.6% .03 256.802);
	--color-gray-700: oklch(37.3% .034 259.733);
	--color-gray-800: oklch(27.8% .033 256.848);
	--color-gray-900: oklch(21% .034 264.665);
	--color-black: #000;
	--color-white: #fff;
	--spacing: .25rem;
	--container-xs: 20rem;
	--container-md: 28rem;
	--container-lg: 32rem;
	--container-xl: 36rem;
	--container-2xl: 42rem;
	--container-3xl: 48rem;
	--container-4xl: 56rem;
	--container-5xl: 64rem;
	--container-6xl: 72rem;
	--container-7xl: 80rem;
	--text-xs: .75rem;
	--text-xs--line-height: calc(1 / .75);
	--text-sm: .875rem;
	--text-sm--line-height: calc(1.25 / .875);
	--text-base: 1rem;
	--text-base--line-height: 1.5;
	--text-lg: 1.125rem;
	--text-lg--line-height: calc(1.75 / 1.125);
	--text-xl: 1.25rem;
	--text-xl--line-height: calc(1.75 / 1.25);
	--text-2xl: 1.5rem;
	--text-2xl--line-height: calc(2 / 1.5);
	--text-3xl: 1.875rem;
	--text-3xl--line-height: 1.2;
	--text-4xl: 2.25rem;
	--text-4xl--line-height: calc(2.5 / 2.25);
	--text-5xl: 3rem;
	--text-5xl--line-height: 1;
	--text-6xl: 3.75rem;
	--text-6xl--line-height: 1;
	--font-weight-light: 300;
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-extrabold: 800;
	--font-weight-black: 900;
	--tracking-tight: -.025em;
	--tracking-wide: .025em;
	--tracking-wider: .05em;
	--tracking-widest: .1em;
	--leading-tight: 1.25;
	--leading-relaxed: 1.625;
	--radius-sm: .25rem;
	--radius-md: .375rem;
	--radius-lg: .5rem;
	--radius-xl: .75rem;
	--radius-2xl: 1rem;
	--radius-3xl: 1.5rem;
	--drop-shadow-2xl: 0 25px 25px #00000026;
	--ease-out: cubic-bezier(0, 0, .2, 1);
	--ease-in-out: cubic-bezier(.4, 0, .2, 1);
	--animate-spin: spin 1s linear infinite;
	--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
	--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
	--animate-bounce: bounce 1s infinite;
	--blur-sm: 8px;
	--blur-md: 12px;
	--blur-2xl: 40px;
	--blur-3xl: 64px;
	--default-transition-duration: .15s;
	--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	--default-font-family: var(--font-sans);
	--default-mono-font-family: var(--font-mono);
	--color-brand-50: #fff8f1;
	--color-brand-100: #fef0e1;
	--color-brand-200: #fde0c1;
	--color-brand-300: #fbcea1;
	--color-brand-400: #f9b076;
	--color-brand-500: #f7924b;
	--color-brand-600: #f57d24;
	--color-brand-700: #c4641d;
}

body {
	font-family: "Inter", sans-serif;
}

a,
.a {
	color: oklch(44.6% .03 256.802) !important;
}

a:hover,
.a:hover {
	color: #f57d24 !important;
}

.text-hover:hover {
	color: #fff !important;
	transform: translateY(-2px) scale(1.03);
}

.border-brand-100 {
	border-color: #fef0e1;
}

/* header css start */
.about-btn-primary {
	color: #fff !important;
	background: #f57d24;
	border-radius: 12px;
	padding: 14px 32px;
	font-size: 1rem;
	font-weight: 700;
	text-decoration: none;
	transition: all .2s;
	display: inline-block;
	box-shadow: 0 8px 24px #f57d2459;
}

.about-btn-primary:hover {
	color: #fff !important;
}

.admin-bar .hrms-nav {
	margin-top: 32px;
}

.sub-menu:hover {
	background: #fef0e1;
}

/* .menu-item-type-post_type a {
	color: #f57d24 !important;
} */

.sub-menu-remove-grid .grid-cols-2 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.sub-menu-remove-grid .sub-menu-item {
	width: 230px;
}

.hrms-nav.scrolled-header {
	background-color: rgba(255, 255, 255, 0.98) !important;
	backdrop-filter: blur(12px) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
	margin: 0;
}

/* Header margin adjustment for admin bar when scrolled */
.admin-bar .hrms-nav.scrolled-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .hrms-nav.scrolled-header {
		top: 46px;
	}
}

/* Active Menu Item Highlighting */
.current-menu-item>a,
.current-page-item>a,
.current_page_parent>a,
.current-menu-parent>a,
.current-menu-ancestor>a,
.current-menu-ancestor>button,
.current-page-ancestor>a,
.current-page-ancestor>button {
	color: #f57d24 !important;
}

/* Sub-menu Active State */
.sub-menu.current-menu-item {
	background-color: #fef0e1 !important;
	color: #f57d24 !important;
}

/* Hover/Open Menu Highlighting */
.group:hover>a,
.group:hover>button {
	color: #f57d24 !important;
}

.mobile-menu-item.current-menu-item>a,
.mobile-menu-item.current-menu-item>button,
.mobile-menu-item.current-menu-ancestor>a {
	background-color: #fef0e1 !important;
	color: #f57d24 !important;
}

.mobile-menu-item.current-menu-ancestor>button svg.submenu-arrow {
	color: #f57d24 !important;
}

/* header css end */

/* footer css start */

.site-footer {
	color: oklch(70.7% .022 261.325) !important;
}

.site-footer a {
	color: oklch(70.7% .022 261.325) !important;
}

.site-footer a:hover {
	color: #fff !important;
}

/* footer css end */

/* archive page css */
.archive-wrap {
	padding-top: 7px;
	background: #f8fafc;
	min-height: 100vh;
}

.blog-card {
	transition: transform .28s ease, box-shadow .28s ease;
	display: flex;
	flex-direction: column;
}

.blog-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 48px rgba(99, 102, 241, .12);
}

.card-img-wrap {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #e0e7ff;
}

.card-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
	display: block;
}

.blog-card:hover .card-img-wrap img {
	transform: scale(1.06);
}

.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.line-clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.blog-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 10px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #374151;
	background: #fff;
	border: 1px solid #e5e7eb;
	margin: 0 3px;
	text-decoration: none;
	transition: all .2s;
}

.blog-pagination .page-numbers:hover {
	background: #eef2ff;
	border-color: #f57d24;
	color: #f57d24;
}

.blog-pagination .page-numbers.current {
	background: #f57d24;
	border-color: #f57d24;
	color: #fff;
	box-shadow: 0 4px 12px rgba(79, 70, 229, .3);
}

.blog-pagination .page-numbers.dots {
	border: none;
	background: transparent;
	color: #9ca3af;
}

.wave-bg {
	background: linear-gradient(-45deg, #fdfbf7, #fff8f1, #fff, #fef0e1) 0 0 / 400% 400%;
	animation: 15s infinite waveGradient;
}

.about-hero-title {
	color: #111827;
	letter-spacing: -.02em;
	margin-top: 1rem;
	font-size: clamp(2.5rem, 6vw, 60px);
	font-weight: 900;
	line-height: 1.1;
}

.text-brand-600 {
	color: #f57d24;
}

.about-hero-sub {
	color: #6b7280;
	max-width: 640px;
	margin-top: 1.5rem;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2rem;
	line-height: 1.7;
}

.about-btn-outline {
	color: #f57d24;
	background: #fff;
	border: 1.5px solid #f9b076;
	border-radius: 12px;
	padding: 14px 32px;
	font-size: 1rem;
	font-weight: 700;
	text-decoration: none;
	transition: all .2s;
	display: inline-block;
	box-shadow: 0 2px 8px #0000000f;
}

.about-btn-outline:hover,
.about-btn-primary:hover {
	border-color: #f57d24;
	transform: translateY(-2px) scale(1.03);
}

/* archiv page css end */

/* single page  */
.single-blog-wrap {
	padding-top: 80px;
}

.blog-content {
	color: #374151;
	font-size: 1rem;
	line-height: 1.85;
}

.blog-content h2 {
	font-size: 1.5rem;
	font-weight: 700;
	color: #111827;
	margin: 2rem 0 .75rem;
}

.blog-content h3 {
	font-size: 1.25rem;
	font-weight: 700;
	color: #111827;
	margin: 1.75rem 0 .6rem;
}

.blog-content p {
	margin-bottom: 1.25rem;
}

.blog-content ul,
.blog-content ol {
	padding-left: 1.5rem;
	margin-bottom: 1.25rem;
}

.blog-content ul {
	list-style: disc;
}

.blog-content ol {
	list-style: decimal;
}

.blog-content li {
	margin-bottom: .4rem;
}

.blog-content a {
	color: #4f46e5;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.blog-content a:hover {
	color: #3730a3;
}

.blog-content blockquote {
	border-left: 4px solid #a5b4fc;
	padding: .75rem 1.25rem;
	margin: 1.5rem 0;
	background: #f5f3ff;
	border-radius: 0 8px 8px 0;
	color: #4338ca;
	font-style: italic;
}

.blog-content img {
	max-width: 100%;
	border-radius: 12px;
	margin: 1.5rem auto;
	display: block;
}

.blog-content table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1.5rem;
	font-size: .9rem;
}

.blog-content th,
.blog-content td {
	padding: .65rem 1rem;
	border: 1px solid #e5e7eb;
}

.blog-content th {
	background: #f9fafb;
	font-weight: 600;
}

.blog-content code {
	background: #f3f4f6;
	padding: .15em .45em;
	border-radius: 4px;
	font-size: .875em;
	color: #be185d;
}

.blog-content pre {
	background: #1e293b;
	color: #e2e8f0;
	padding: 1.25rem;
	border-radius: 10px;
	overflow-x: auto;
	margin-bottom: 1.5rem;
}

.blog-content pre code {
	background: none;
	color: inherit;
	padding: 0;
}

/* Line-clamp for sidebar */
.sidebar-title-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Post navigation */
.post-nav-link:hover {
	color: #4f46e5;
}

/* Featured image */
.single-hero-img {
	aspect-ratio: 16/7;
	overflow: hidden;
	border-radius: 16px;
}

.single-hero-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.admin-bar .right-sidebar {
	top: 8rem;
}

/* single page css end */

/* 404 page css */
.shadow-brand-500\/40 {
	--tw-shadow-color:
		color-mix(in oklab,
			color-mix(in oklab, var(--color-brand-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
}

.bg-brand-600 {
	background-color: var(--color-brand-600);
}

/* 404 page css end */

/* page css */
.page-id-555 .pricing-section-block {
	padding-top: 11rem !important;
	padding-bottom: 6rem !important;
	background: linear-gradient(-45deg, #fdfbf7, #FFF8F1, #ffffff, #FEF0E1);
	background-size: 400% 400%;
	animation: psaiWaveGradient 15s ease infinite;

}