/* Igor Kuznetsov - academic site. Small overrides on top of Bootstrap 5.3. */
:root {
  /* London Business School blue and dark blue (as on london.edu). The page background stays white. */
  --ik-blue: #001e62;
  --ik-blue-dark: #001440;
  --ik-rule: #dee2e6;
  --ik-nav-h: 3.5rem;   /* height of the fixed top bar */
}
/* One page under a fixed top bar: the page starts below the bar, and a jump to a section stops below it.
   Smooth scrolling comes from Bootstrap's reboot. */
html { scroll-padding-top: var(--ik-nav-h); }
body { padding-top: var(--ik-nav-h); line-height: 1.65; color: #212529; }
a { color: var(--ik-blue); }
a:hover { color: var(--ik-blue-dark); }

.navbar { background-color: var(--ik-blue) !important; line-height: 1.5; }   /* line-height keeps the bar at --ik-nav-h */
.navbar-brand { font-weight: 600; letter-spacing: .01em; }
.navbar .nav-link.active { font-weight: 600; }

/* Buttons in the same blues: filled for the main actions, outlined for the rest. */
.btn-primary {
  --bs-btn-bg: var(--ik-blue); --bs-btn-border-color: var(--ik-blue);
  --bs-btn-hover-bg: var(--ik-blue-dark); --bs-btn-hover-border-color: var(--ik-blue-dark);
  --bs-btn-active-bg: var(--ik-blue-dark); --bs-btn-active-border-color: var(--ik-blue-dark);
  --bs-btn-focus-shadow-rgb: 0, 30, 98;
}
.btn-outline-primary {
  --bs-btn-color: var(--ik-blue); --bs-btn-border-color: var(--ik-blue);
  --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--ik-blue); --bs-btn-hover-border-color: var(--ik-blue);
  --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--ik-blue-dark); --bs-btn-active-border-color: var(--ik-blue-dark);
  --bs-btn-focus-shadow-rgb: 0, 30, 98;
}

main.container { max-width: 1040px; }

/* Sections of the single page (Home, Research, Teaching, Contact), separated by a thin rule.
   The CV is not a section: its link in the top bar downloads the PDF. */
.site-section { padding: 3rem 0; }
.site-section + .site-section { border-top: 1px solid var(--ik-rule); }

h1, h2, h3, h4 { color: var(--ik-blue); }
h1 { font-weight: 650; letter-spacing: -.01em; }
h2.section-title { font-weight: 650; letter-spacing: -.01em; margin-bottom: 1.5rem; }
h3.subsection {
  font-size: 1.3rem; font-weight: 600;
  margin-top: 2.5rem; margin-bottom: 1rem; padding-bottom: .35rem;
  border-bottom: 1px solid var(--ik-rule);
}
.section-title + h3.subsection { margin-top: 0; }

.profile-photo { width: 100%; max-width: 280px; height: auto; border-radius: .5rem; }

/* Home: name and title, then the LBS logo after a thin rule; the logo links to the LBS profile */
.id-block { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 1.5rem; }
.id-text { min-width: 0; }
.id-logo { border-left: 1px solid #ced4da; padding-left: 1.5rem; }
.id-logo img { display: block; width: 96px; height: 96px; }

.paper h4 { font-size: 1.08rem; font-weight: 600; margin-bottom: .2rem; }
.paper .meta { color: #5c636a; margin-bottom: .25rem; }
.paper .links a { margin-right: .9rem; }
.paper .abstract { color: #495057; font-size: .95rem; margin-top: .5rem; }
.paper + .paper { margin-top: 1.6rem; }
.paper > :last-child { margin-bottom: 0; }   /* same gap after a paper with or without a links line */

/* Job market paper: own block, abstract shown in full */
.paper.jmp { border-left: 4px solid var(--ik-blue); padding: .25rem 0 .25rem 1.1rem; margin-bottom: .5rem; }
.paper.jmp h4 { font-size: 1.3rem; }
.paper.jmp h4 .subtitle { display: block; font-size: 1.05rem; font-weight: 500; color: #495057; margin-top: .2rem; }
.paper.jmp .abstract { font-size: 1rem; color: #212529; margin: .6rem 0 .9rem; }

.contact dt { font-weight: 600; }
.contact dd { margin-bottom: .4rem; }

footer { color: #6c757d; font-size: .9rem; border-top: 1px solid var(--ik-rule); }

@media (max-width: 767.98px) {
  .profile-photo { max-width: 220px; margin-bottom: 1.5rem; }
}
@media (max-width: 575.98px) {
  .id-block { gap: 1rem; }
  .id-logo { padding-left: 1rem; }
  .id-logo img { width: 72px; height: 72px; }
}