/* IIT Bombay-inspired theme */

/* Reset some defaults */
* { box-sizing: border-box; }

/* Navbar styles - light background with IITB deep blue links */
.navbar {
  background-color: #F8F9FA; /* light */
}
.navbar .nav-link {
  color: #00274D !important; /* IITB deep blue */
  font-weight: 600;
  padding: 8px 12px;
  margin: 4px;
  border-radius: 4px;
  background-color: transparent;
}
.navbar .nav-link:hover {
  color: #FFCC00 !important;
  background-color: rgba(0, 39, 77, 0.05);
}
.navbar .nav-link.active {
  color: #00274D !important;
  background-color: rgba(0, 39, 77, 0.08);
  font-weight: 700;
}
.navbar-brand span, .navbar-brand {
  color: #00274D;
}

/* Buttons */
.btn-primary {
  background-color: #00274D;
  border-color: #00274D;
}
.btn-primary:hover {
  background-color: #FFCC00;
  border-color: #FFCC00;
  color: #000000;
}

/* Footer */
footer {
  background-color: #343A40;
  color: #FFFFFF;
}

/* Body background and spacing to account for fixed navbar */
body {
  background-color: #FFFFFF;
  padding-top: 70px; /* same as navbar height */
}

/* Headings */
h1, h2, h3 {
  color: #00274D;
}

/* intl-tel-input tweaks to ensure flag area displays well */
.iti {
  width: 100%;
}
.iti__selected-flag {
  z-index: 2;
}
.iti input[type="tel"] {
  padding-left: 0.75rem; /* leave space when separateDialCode is true */
}