/* ==========================================================================
   SITYOG INSTITUTE OF TECHNOLOGY - MODERN MASTER STYLESHEET (css/modern-sit.css)
   - Color Scheme: Matches the Official SITYOG Logo (Emerald Green & Warm Gold)
   - Dropdowns & Submenus: Full multi-level support with zero clipping
   - Dropdown Arrows: Completely removed as requested
   - Text Alignment: Fully Justified across all content areas
   ========================================================================== */

/* --- 1. GLOBAL RESETS & FOUNDATION --- */
body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	background-color: #f8fafc !important;
	color: #334155 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#tg-main {
	background-color: #f8fafc !important;
	padding: 30px 0 60px 0 !important;
}

/* --- 2. JUSTIFIED TEXT ALIGNMENT ACROSS ALL PAGES --- */
.tg-detailpage p,
.tg-aboutus p,
.tg-themepost p,
.tg-description p,
.tg-themetabcontent p,
.tg-content p,
.tg-course p,
.tg-aboutus .tg-description,
.tg-detailpage,
.tg-themetabcontent,
.tg-description {
	text-align: justify !important;
	text-justify: inter-word !important;
	line-height: 1.8 !important;
	color: #334155 !important;
	font-size: 14.5px !important;
	margin-bottom: 16px !important;
}

/* --- 3. MODERN TOPBAR --- */
.tg-topbar {
	background: #00361a !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
	padding: 0 20px !important;
	min-height: 40px !important;
}
.tg-topbar .tg-leftbox span a {
	color: #e2e8f0 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	transition: color 0.2s ease !important;
	text-decoration: none !important;
}
.tg-topbar .tg-leftbox span a:hover {
	color: #fde047 !important;
}
.tg-topbar .tg-rightbox .tg-tollfree {
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.3px !important;
}

/* --- 4. LOGO HEADER AREA --- */
.tg-logoandnoticeboard {
	padding: 16px 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 15px !important;
}

/* --- 5. MASTER NAVIGATION BAR (MATCHES SITYOG GREEN & GOLD LOGO) --- */
.tg-navigationarea {
	background: linear-gradient(90deg, #004d25 0%, #006837 50%, #007457 100%) !important;
	border-bottom: 3.5px solid #f59e0b !important; /* Gold accent from SITYOG logo */
	box-shadow: 0 6px 20px rgba(0, 77, 37, 0.25) !important;
	border-radius: 8px 8px 0 0 !important;
	position: relative !important;
	z-index: 1000 !important;
}
.tg-nav {
	width: 100% !important;
	font-family: inherit !important;
	position: relative !important;
}
.tg-navigation {
	position: relative !important;
}
.tg-navigation > ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.tg-navigation > ul > li {
	float: left !important;
	position: relative !important;
	list-style: none !important;
}
.tg-navigation > ul > li > a {
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	padding: 0 18px !important;
	line-height: 48px !important;
	display: block !important;
	transition: all 0.25s ease !important;
	text-decoration: none !important;
	position: relative !important;
}
.tg-navigation > ul > li:hover > a,
.tg-navigation > ul > li.current-menu-item > a {
	background: rgba(245, 158, 11, 0.2) !important;
	color: #fde047 !important; /* Warm gold matching logo */
	box-shadow: inset 0 -3px 0 #f59e0b !important;
}

/* --- 6. REMOVE ALL DROPDOWN ARROWS COMPLETELY --- */
.tg-navigation li.menu-item-has-children > a:before,
.tg-navigation li.menu-item-has-children > a:after,
.tg-navigation li.menu-item-has-mega-menu > a:before,
.tg-navigation li.menu-item-has-mega-menu > a:after,
.tg-navigation .sub-menu li.menu-item-has-children > a:before,
.tg-navigation .sub-menu li.menu-item-has-children > a:after,
.sub-menu li.menu-item-has-children > a:after,
.tg-nav li.menu-item-has-children > a:before,
.tg-nav li.menu-item-has-children > a:after,
li.menu-item-has-children > a:before,
li.menu-item-has-children > a:after {
	content: none !important;
	display: none !important;
	visibility: hidden !important;
}

/* --- 7. PERFECT MULTI-LEVEL DROPDOWN & SUBMENUS (ZERO CLIPPING) --- */
/* Level 1 Submenu (Top-level dropdowns) */
.tg-navigation ul li.menu-item-has-children {
	position: relative !important;
}
.tg-navigation ul li.menu-item-has-children > .sub-menu {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	z-index: 99999 !important;
	min-width: 230px !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-top: 3px solid #006837 !important;
	border-radius: 0 0 10px 10px !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16) !important;
	padding: 6px 0 !important;
	margin: 0 !important;
	list-style: none !important;
	overflow: visible !important; /* Allows nested submenus to show outside */
	transition: opacity 0.2s ease, visibility 0.2s ease !important;
}
.tg-navigation ul li.menu-item-has-children:hover > .sub-menu {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	top: 100% !important;
}

/* Level 2 Submenu (Nested inside sub-menu e.g. Keyperson, Faculty, Student) */
.tg-navigation ul .sub-menu li.menu-item-has-children {
	position: relative !important;
}
.tg-navigation ul .sub-menu li.menu-item-has-children > .sub-menu {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	position: absolute !important;
	top: -6px !important;
	left: 100% !important;
	z-index: 999999 !important;
	min-width: 220px !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-left: 3px solid #006837 !important;
	border-radius: 8px !important;
	box-shadow: 0 14px 35px rgba(0, 0, 0, 0.2) !important;
	padding: 6px 0 !important;
	margin: 0 !important;
	list-style: none !important;
	overflow: visible !important;
	transition: opacity 0.2s ease, visibility 0.2s ease !important;
}
.tg-navigation ul .sub-menu li.menu-item-has-children:hover > .sub-menu {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	top: -6px !important;
	left: 100% !important;
}

/* Submenu Links Styling */
.tg-navigation ul.sub-menu li {
	float: none !important;
	width: 100% !important;
	border-bottom: 1px solid #f8fafc !important;
	position: relative !important;
}
.tg-navigation ul.sub-menu li:last-child {
	border-bottom: none !important;
}
.tg-navigation ul.sub-menu li a {
	color: #334155 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	padding: 10px 18px !important;
	line-height: 1.4 !important;
	display: block !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
	text-transform: none !important;
	background: transparent !important;
	border-left: 3px solid transparent !important;
}
.tg-navigation ul.sub-menu li a:hover,
.tg-navigation ul.sub-menu li:hover > a {
	background: #f0fdf4 !important; /* Soft emerald tint */
	color: #006837 !important; /* Logo emerald green */
	padding-left: 22px !important;
	font-weight: 700 !important;
	border-left-color: #006837 !important;
}

/* --- 8. INNER HERO BANNER & BREADCRUMBS --- */
.tg-innerbanner {
	background: linear-gradient(135deg, #00361a 0%, #006837 100%) !important;
	padding: 18px 0 !important;
	border-bottom: 3.5px solid #f59e0b !important; /* Warm gold accent line */
	box-shadow: 0 4px 15px rgba(0, 54, 26, 0.2) !important;
	margin-bottom: 30px !important;
	position: relative !important;
	width: 100% !important;
	float: left !important;
}
.tg-breadcrumb {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	float: left !important;
	text-align: left !important;
}
.tg-breadcrumb li {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: #cbd5e1 !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	padding: 0 !important;
	float: none !important;
}
.tg-breadcrumb li a {
	color: #fef08a !important; /* Warm gold link */
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	transition: all 0.2s ease !important;
}
.tg-breadcrumb li:first-child a::before {
	content: '\f015 ';
	font-family: 'FontAwesome';
	color: #f59e0b;
	font-size: 13px;
	margin-right: 2px;
}
.tg-breadcrumb li a:hover {
	color: #ffffff !important;
	text-shadow: 0 0 10px rgba(245, 158, 11, 0.5) !important;
}
.tg-breadcrumb li.tg-active,
.tg-breadcrumb li:last-child {
	color: #ffffff !important;
	font-weight: 700 !important;
}
.tg-breadcrumb li:after {
	content: '\f105' !important;
	font-family: 'FontAwesome' !important;
	color: #94a3b8 !important;
	position: static !important;
	font-size: 13px !important;
	margin: 0 2px !important;
	line-height: 1 !important;
}
.tg-breadcrumb li:last-child:after {
	display: none !important;
}

/* --- 9. MODERN SIDEBARS (LOGO MATCHING EMERALD & GOLD) --- */
.tg-sidebar {
	width: 100% !important;
}
.tg-widget,
.tg-widgetaboutusnav,
.tg-widgetcoursecategories {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 14px !important;
	box-shadow: 0 8px 25px -4px rgba(0, 104, 55, 0.08) !important;
	overflow: hidden !important;
	margin-bottom: 25px !important;
}

/* Widget Header */
.tg-widgettitle {
	background: linear-gradient(135deg, #004d25 0%, #006837 100%) !important;
	padding: 16px 20px !important;
	border-bottom: 3px solid #f59e0b !important;
	margin: 0 !important;
}
.tg-widgettitle h3,
.tg-widgettitle h4 {
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.8px !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}
.tg-widgettitle h3::before,
.tg-widgettitle h4::before {
	content: '\f0c9';
	font-family: 'FontAwesome';
	color: #f59e0b;
	font-size: 13px;
}

/* The second .tg-widgettitle that wraps <ul> in old pages */
.tg-widget > .tg-widgettitle + .tg-widgettitle,
.tg-widgetaboutusnav > .tg-widgettitle + .tg-widgettitle {
	background: #ffffff !important;
	padding: 6px 0 !important;
	margin: 0 !important;
	color: #1e293b !important;
	border: none !important;
}

/* Remove all ugly <hr> tags inside sidebar lists */
.tg-widget hr,
.tg-widgetaboutusnav hr,
.tg-widgetcoursecategories hr {
	display: none !important;
}

/* Sidebar List Items */
.tg-widget ul,
.tg-widgetaboutusnav ul,
.tg-widgetcoursecategories ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.tg-widget ul li,
.tg-widgetaboutusnav ul li,
.tg-widgetcoursecategories ul li {
	padding: 0 !important;
	margin: 0 !important;
	border-bottom: 1px solid #f1f5f9 !important;
	list-style: none !important;
	width: 100% !important;
}
.tg-widget ul li:last-child,
.tg-widgetaboutusnav ul li:last-child,
.tg-widgetcoursecategories ul li:last-child {
	border-bottom: none !important;
}
.tg-widget ul li a,
.tg-widgetaboutusnav ul li a,
.tg-widgetcoursecategories ul li a {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 12px 20px !important;
	color: #334155 !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: all 0.25s ease !important;
	border-left: 3px solid transparent !important;
	background: transparent !important;
}
.tg-widget ul li a::after,
.tg-widgetaboutusnav ul li a::after,
.tg-widgetcoursecategories ul li a::after {
	content: '\f105' !important;
	font-family: 'FontAwesome' !important;
	font-size: 13px !important;
	color: #94a3b8 !important;
	transition: all 0.2s ease !important;
}
.tg-widget ul li a:hover,
.tg-widgetaboutusnav ul li a:hover,
.tg-widgetcoursecategories ul li a:hover,
.tg-widget ul li.active a,
.tg-widgetaboutusnav ul li.active a {
	background: #f0fdf4 !important;
	color: #006837 !important;
	font-weight: 700 !important;
	border-left-color: #006837 !important;
	padding-left: 24px !important;
}
.tg-widget ul li a:hover::after,
.tg-widgetaboutusnav ul li a:hover::after,
.tg-widgetcoursecategories ul li a:hover::after {
	color: #006837 !important;
	transform: translateX(3px) !important;
}

/* --- 10. MAIN CONTENT AREA & ARTICLE CARDS --- */
.tg-detailpage,
.tg-aboutus,
.tg-themepost,
.tg-content .tg-course,
.tg-campuslife {
	background: #ffffff !important;
	border-radius: 14px !important;
	border: 1px solid #e2e8f0 !important;
	padding: 32px 30px !important;
	box-shadow: 0 10px 28px -5px rgba(0, 104, 55, 0.06) !important;
	margin-bottom: 30px !important;
}

/* Page Titles */
.tg-content h2,
.tg-detailpage h2,
.tg-themepost h2,
.tg-aboutus h2 {
	font-size: 26px !important;
	font-weight: 800 !important;
	color: #006837 !important; /* SITYOG Emerald Green */
	margin-top: 0 !important;
	margin-bottom: 22px !important;
	padding-bottom: 12px !important;
	border-bottom: 2px solid #e2e8f0 !important;
	position: relative !important;
	letter-spacing: -0.3px !important;
	text-align: left !important;
}
.tg-content h2::after,
.tg-detailpage h2::after,
.tg-themepost h2::after,
.tg-aboutus h2::after {
	content: '' !important;
	position: absolute !important;
	bottom: -2px !important;
	left: 0 !important;
	width: 70px !important;
	height: 2.5px !important;
	background: linear-gradient(90deg, #006837, #f59e0b) !important;
}

/* Subheadings */
.tg-content h3,
.tg-detailpage h3,
.tg-themepost h3,
.tg-themetabcontent h3,
.tg-aboutus h3 {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	margin-top: 24px !important;
	margin-bottom: 12px !important;
	letter-spacing: -0.2px !important;
	text-align: left !important;
}

/* Lists with Emerald Green Checkmarks */
.tg-list,
.tg-themetabcontent ul,
.tg-description ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 14px 0 22px 0 !important;
}
.tg-list li,
.tg-themetabcontent ul li,
.tg-description ul li {
	position: relative !important;
	padding-left: 24px !important;
	margin-bottom: 10px !important;
	color: #334155 !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	list-style: none !important;
}
.tg-list li::before,
.tg-themetabcontent ul li::before,
.tg-description ul li::before {
	content: '\f00c' !important;
	font-family: 'FontAwesome' !important;
	position: absolute !important;
	left: 0 !important;
	top: 2px !important;
	color: #10b981 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
}

/* Image Galleries & Carousels */
.tg-coursegallery {
	margin-bottom: 24px !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	box-shadow: 0 8px 24px rgba(0, 104, 55, 0.12) !important;
}
.tg-coursegallery img,
.tg-aboutus figure img,
.tg-campuslife figure img {
	border-radius: 10px !important;
	width: 100% !important;
	display: block !important;
}

/* --- 11. ENQUIRY WIDGET INPUT OVERLAP PROTECTION --- */
.sit-enquiry-widget input[type="text"],
.sit-enquiry-widget input[type="tel"],
.sit-enquiry-widget input[type="email"],
.sit-enquiry-widget select,
.sit-enquiry-widget textarea {
	padding-left: 38px !important;
	border: 1px solid #cbd5e1 !important;
	color: #0f172a !important;
}
.sit-enquiry-widget input:focus,
.sit-enquiry-widget select:focus,
.sit-enquiry-widget textarea:focus {
	border-color: #10b981 !important;
	box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.25) !important;
}

/* --- 12. GLOBAL BUTTON MODERNIZATION --- */
.tg-btn {
	background: linear-gradient(135deg, #004d25 0%, #006837 50%, #007457 100%) !important;
	color: #ffffff !important;
	border-radius: 8px !important;
	border: none !important;
	font-weight: 700 !important;
	padding: 10px 22px !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	box-shadow: 0 4px 14px rgba(0, 77, 37, 0.25) !important;
	transition: all 0.25s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}
.tg-btn:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 20px rgba(0, 104, 55, 0.4) !important;
	color: #ffffff !important;
	background: linear-gradient(135deg, #007457 0%, #006837 50%, #004d25 100%) !important;
}

/* --- 13. MODERN TABLE STYLING --- */
.table,
table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
	margin: 20px 0 !important;
}
table th,
.table th,
thead tr th {
	background: #006837 !important; /* Logo Green */
	color: #ffffff !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	padding: 12px 16px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	border: none !important;
}
table td,
.table td {
	padding: 12px 16px !important;
	font-size: 13.5px !important;
	color: #334155 !important;
	border-top: 1px solid #e2e8f0 !important;
	border-bottom: none !important;
}
tbody tr:nth-child(even) {
	background-color: #f8fafc !important;
}
tbody tr:hover {
	background-color: #f0fdf4 !important;
}

/* --- 14. MOBILE RESPONSIVENESS OVERRIDES --- */
@media (max-width: 991px) {
	.tg-navigation > ul > li > a {
		padding: 0 10px !important;
		font-size: 12px !important;
	}
	.tg-logoandnoticeboard {
		justify-content: center !important;
		text-align: center !important;
	}
}

@media (max-width: 767px) {
	.tg-navigationarea {
		border-radius: 0 !important;
	}
	.tg-navigation > ul > li {
		float: none !important;
		width: 100% !important;
	}
	.tg-navigation > ul > li > a {
		padding: 10px 16px !important;
		line-height: normal !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	}
	.tg-navigation ul.sub-menu {
		position: static !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		border: none !important;
		background: #f8fafc !important;
	}
	.tg-navigation ul .sub-menu li.menu-item-has-children > .sub-menu {
		position: static !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		border: none !important;
		background: #f1f5f9 !important;
	}
	.tg-detailpage,
	.tg-aboutus,
	.tg-themepost {
		padding: 22px 18px !important;
	}
	.tg-innerbanner {
		padding: 14px 0 !important;
		margin-bottom: 20px !important;
	}
}