html,body,h1,h2,h3,h4,p,div,span,ul,li,a{
	direction: ltr;
}
body {
	padding-top: 0px;
	background-size: cover;
	background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    height: 100% 100vh; /* Full height of the viewport */
    color: #000;
	font-family: 'Arial';
	font-size:16px;
}

body a {
	text-decoration: none;
}
body a:hover {
	text-decoration: none;
	color:#f26223;
}

/* Full screen loading wrapper */
#loading {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999; /* Makes sure it's on top of other elements */
}
/* Image styling (optional) */
#loading img {
	width: 100px; /* You can adjust this based on your image */
	height: 100px;
}
/* Page content starts hidden */
#content {
	display: none;
}

.btn{
	border-radius:5px;
	padding:5px 15px;
}
.btn-default{
	background-color:#003366;
	color:#fff;
}
.btn-default:hover{
	color:#000;
	background-color:#eee;
	border:1px solid #003366;
}

form {
	width: 100%;
}

footer {
	position:relative;
    margin:0;
	padding:0;
	text-align:center;
	font-weight:normal;
}
.copyright {
	font-size: 14px;
	padding:5px;
	background-color:#003366;
	color:#fff;
}
.footer-menu {
	padding:5px;
	font-size: 14px;
	background-color:#eee;
}
.footer-menu a {
	color:#003366;
}
.footer-menu a:hover {
	color:#f26223;
}

.lbl {
	font-weight: bold;
}
.textbox {
	border: 1px solid #003366;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}
.reversed-header {
    background-color: #003366; /* dark gray */
    color: #ffffff;            /* white text */
    font-weight: bold;
    letter-spacing: 0.5px;
}

.navbar {
	padding-top: 0.25rem;   /* reduce top padding */
	padding-bottom: 0.25rem; /* reduce bottom padding */
}
.navbar-nav .nav-link {
	padding: 6px 14px;   /* smaller links */
	font-size: 15px;     /* slightly smaller font */
}
.navbar-toggler {
	padding: 3px 6px;   /* smaller burger button */
	font-size: 0.9rem;
}
/* Navbar custom styling */
.navbar-custom {
	background-color: #003366; /* Dark Blue */
}
.navbar-custom .nav-link, .navbar-custom .navbar-brand {
	color: #fff;
	transition: all 0.3s ease;
}
/* Mouseover effect */
.navbar-custom .nav-link:hover {
	color: #ffcc00 !important; /* Golden Yellow */
	text-decoration: underline;
}
/* Dropdown menu styling */
.navbar-custom .dropdown-menu {
	background-color: #eee;
	border: none;
	margin-top: 0; /* align flush under navbar */
	border-radius: 0;
	padding: 0;
	min-width: 200px;
}
.navbar-custom .dropdown-menu .dropdown-item {
	color: #003366;
	font-size: 14px;
	padding-top: 0.25rem;   /* reduce top padding */
	padding-bottom: 0.25rem; /* reduce bottom padding */
	transition: all 0.3s ease;
}
.navbar-custom .dropdown-menu .dropdown-item:hover {
	background-color: #002244;
	color: #ffcc00;
}

/* Submenu style */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  display: none;   /* keep hidden by default */
  top: 0;
  left: 100%;
  margin-top: -1px;
}

/* Show on hover for desktop */
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

/* Show dropdown on hover (desktop only) */
@media (min-width: 992px) {
	.navbar .nav-item.dropdown:hover .dropdown-menu {
		display: block;
	}
}

.divider {
    border-left: 1px solid #ccc; /* divider color */
    height: 30px;               /* adjust height */
    margin: 0 10px;             /* spacing left/right */
    display: block;             /* ensure it's displayed normally */
}

/* Burger menu icon (white) */
.custom-toggler {
	background-color: #fff;   /* white background */
	border: 1px solid #ccc;   /* subtle border */
	padding: 4px 8px;         /* smaller size */
	border-radius: 4px;       /* rounded look */
}
.custom-toggler i {
	font-size: 20px;          /* size of FA bars */
	color: #000;              /* black icon */
}

/* Top strip */
.top-strip {
	background: #0175b2;
	color: #fff;
	font-size: 14px;
	padding: 5px 0;
	text-align: center;
}
.top-strip a {
	color: white !important; /* Force white color */
	text-decoration: none;
	transition: color 0.3s ease; /* Smooth transition */
	margin-left: 10px;
}
.top-strip a:first-child {
	margin-left: 0;
}
.top-strip a:hover {
    color: #f26223 !important; /* Gold color on hover - change to your preference */
    transform: translateY(-1px); /* Optional: slight lift effect */
}
/* Logo section */
.logo-section {
	text-align: center;
	padding: 15px 0;
}
.logo-section img {
	max-height: 80px;
    }
.logo-tagline {
	font-size: 16px;
	color: #555;
	margin-top: 8px;
}
.college-name {
	font-family: 'Merriweather', serif; /* or 'Montserrat', sans-serif */
	font-weight: 700;
	font-size: 36px;
	color: #004080; /* Deep academic blue */
	text-transform: uppercase; /* optional for stronger impact */
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); /* subtle shadow */
}

.marquee-container {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: #eee;
	color: #000;
	box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.2);
}
.marquee-content {
	display: inline-block;
	animation: marquee 15s linear infinite;
	padding: 8px 0;
	font-size: 16px;
	font-weight: bold;
}
@keyframes marquee {
	0% { transform: translateX(100%); }
	100% { transform: translateX(-100%); }
}

.marquee-content.paused {
	animation-play-state: paused;
}