@charset "utf-8";

.site-footer {
  border-top: 1px solid #e9e9e9;
  background: #fafafa;
  font-size: 0.9rem;
  color: #444;
  padding: 1rem 0;
  margin-top: 2rem;
}

.site-footer .wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 1rem;
  text-align: center;
}

.site-footer a {
  color: #555;
  text-decoration: none;
}

.site-footer a:hover {
  color: #cfae2d; /* Rowan gold accent */
}

.btn-primary {
  background-color: #cfae2d;
  border-color: #cfae2d;
}
.btn-primary:hover {
  background-color: #b99921;
  border-color: #b99921;
}

/* Add spacing between inline buttons in CTA group */
.gap-2 > * {
  margin-right: .5rem;
  margin-bottom: .5rem;
}



/* --- Header & Navbar Styling --- */
.site-header {
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  padding: 1rem 0;
}

.site-header .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 1rem;
}

.brand {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
}

.site-nav a {
  font-weight: 600;             /* bold links */
  color: #333;
  margin-left: 1.25rem;         /* spacing between items */
  text-decoration: none;
  transition: color 0.2s ease;
}

.site-nav a:hover,
.site-nav a:focus {
  color: #007bff;               /* hover blue */
}

@media (max-width: 768px) {
  .site-header .wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .site-nav {
    margin-top: 0.5rem;
  }

  .site-nav a {
    display: block;
    margin: 0.4rem 0;
  }
}


/* Mobile tweak */
@media (max-width: 720px){
  .site-nav { gap:.75rem; font-size:.95rem; }
}

.btn-primary {
  background-color: #cfae2d;
  border-color: #cfae2d;
}
.btn-primary:hover {
  background-color: #b99921;
  border-color: #b99921;
}


body{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  /*min-height: 100vh;*/
  background: #FFFFFF; /* Changed background to white */
  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"sans-serif;
  color: #000000; /* Set font color to black */
}

.container-fluid  {
    font-family: Helvetica Neue, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    background-color: #FFFFFF; /* Removed gradient and set background to white */
    color: #000000; /* Changed font color to black */
    font-size: 1rem;
    height: 100%;
}

.row .col-xl-4 .card.col-md-4.col-xl-12 {
    background-color: #FFFFFF; /* Changed background color to white */
}

/* Change the color of regular hyperlinks */
a {
  color: #000000; /* Change this to your desired hyperlink color */
  /*text-decoration: underline; */ /* Underline the hyperlinks */
}

/* Change the color of hyperlinks on hover */
a:hover {
  color: #003366; /* Change this to your desired hyperlink hover color */
}

/* Change the color of hyperlinks when clicked */
a:active {
  color: #001F3F; /* Change this to your desired hyperlink active color */
}

.container-fluid .container .navbar.navbar-expand-lg.navbar-light.bg-light {
    background-color: #FFFFFF; /* Removed gradient and set background to white */
    text-transform: capitalize;
    font-weight: bold;
}

.navbar-nav.mr-auto .nav-item .nav-link {
    color: #000000; /* Changed font color to black */
}

.container-fluid .container footer {
    background-color: #FFFFFF; /* Changed background color to white */
    color: #000000; /* Changed font color to black */
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", sans-serif;
    font-size: small;
    text-align: center;

    position: fixed;
    left: 0;
    bottom: 0;
    height: 20px;
    width: 100%;

    padding: 0.01em 16px;

    line-height: 1.5;
}

.container-fluid .container hr {
    border-color: #000000;
    border-width: thin;
}


/* Layout width for content pages */
#content .container { max-width: 1080px; }

/* Card images (consistent banner crop) */
.card-img-top {
  height: 220px;
  object-fit: cover;
  border-bottom: 1px solid #eee;
}

/* Tag badges spacing */
.tags .badge {
  margin-right: .25rem;
  margin-bottom: .25rem;
}

/* Card hover polish */
.card {
  transition: box-shadow .15s ease;
}
.card:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}

/* Headlines spacing tweaks */
.h2, .h4 { margin-bottom: .5rem; }

/* Alerts (recruitment banners) */
.alert {
  padding: .75rem 1rem;
  border-radius: .5rem;
}
.alert .alert-link {
  text-decoration: underline;
}

/* Lists in alumni section (tighten a bit) */
ul.list-unstyled li {
  margin-bottom: .35rem;
}

/* Responsive: ensure nice spacing on smaller screens */
@media (max-width: 767.98px) {
  #content .container { padding-left: 1rem; padding-right: 1rem; }
  .card-img-top { height: 200px; }
}





/* Apply a bit of margin and padding for spacing */
.researchContainer {
  margin: 20px;
  padding: 20px;
  /*border: 1px solid #ddd;*/
  background-color: #FFFFFF; /* Changed background color to white */
}

.researchItem {
  margin-bottom: 20px;
}

.researchTitle {
  font-size: 1.5rem;
}

.researchContent {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.researchImageLeft {
  max-width: 40%; /* Adjust this to your preference */
}

.researchTextRight {
  max-width: 50%; /* Adjust this to your preference */
}

/* Container for teaching modules */
#content .container { max-width: 1080px; }
.alert { padding: .75rem 1rem; border-radius: .5rem; }
.card { transition: box-shadow .15s ease; }
.card:hover { box-shadow: 0 6px 16px rgba(0,0,0,.08); }
.card-img-top { height: 220px; object-fit: cover; border-bottom: 1px solid #eee; }
.card .btn { margin-right: .25rem; margin-bottom: .25rem; }

/* Research cards */
#content .container { max-width: 1080px; }
.card-img-top { height: 220px; object-fit: cover; border-bottom: 1px solid #eee; }
.status-badge { position: relative; top: -2px; }
.meta li { margin-bottom: .15rem; }
.project-card .card { transition: box-shadow .15s ease; }
.project-card .card:hover { box-shadow: 0 6px 16px rgba(0,0,0,.08); }
.tags .badge { margin-right: .25rem; margin-bottom: .25rem; }

#content .container { max-width: 720px; }
.btn i { margin-right: 4px; }
#email-link:hover { text-decoration: underline; }

#content .container { max-width: 900px; }
img.rounded-circle { border: 4px solid #f8f9fa; }
.btn i { margin-right: 4px; }
#email-link:hover { text-decoration: underline; }
@media (max-width: 767.98px) {
  #content .row { text-align: center; }
}

#content .container { max-width: 800px; }
.coming-soon-banner img {
  opacity: 0.9;
  transition: opacity 0.3s ease;
}
.coming-soon-banner img:hover {
  opacity: 1;
}

#content .container { max-width: 1080px; }
.card { transition: box-shadow .15s ease; }
.card:hover { box-shadow: 0 6px 16px rgba(0,0,0,.08); }
.card-footer { background: #fff; }
.nav-pills .nav-link { margin-right: .25rem; margin-bottom: .25rem; }


/* Adjust the layout for smaller screens */
@media (max-width: 768px) {
  .researchContent {
    flex-direction: column;
  }
}