.quarto-title-banner {
  background-image: url("files/Pu_IU_Indy_Banner_tight.svg"); /* Path to your banner image */
  background-size: 750px;  /* use 'cover' to fill the container */
  height: 170px;
  background-repeat: no-repeat;
  background-position: 50px center; /* use 50px center to offset 50px from left edge */
  color: white; /* Adjust text color for contrast */
  padding: 0px 0; /* Adjust padding as needed */
  background-color: white !important /* override the default */
}

.quarto-title-block-banner {
  background-color: white !important /* override the default */
  background: none !important /* override the default */
}

/* Add shadow for readability */
/* 
.quarto-title-banner h1, 
.quarto-title-banner p { 
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); 
} 
*/

/* Hide banner text in Quarto title block */
.quarto-title-banner h1,
.quarto-title-banner h2,
.quarto-title-banner h3,
.quarto-title-banner p {
  display: none;
}

/* Hide entire banner for the moment */
.quarto-title-banner {
  display: none;
}

/* Adjust for smaller screens */
@media (max-width: 768px) {
  .quarto-title-banner {
    background-size: 90%;  /* fit smaller for mobile */
    background-position: 20px center; /* use 20px center to offset 20px from left edge */
    height: 135px;
  }
}

/* Default: wide screens */
.about-flex {
  display: flex;
  align-items: center;  /* vertical center alignment */
  gap: 20px;
  flex-wrap: wrap;      /* allow wrapping on small screens */
}

/* Narrow screens on any device */
@media (max-width: 768px) {
  .about-flex {
    align-items: flex-start; /* applies to narrow desktop AND mobile */
  }
}

/* Optional: override for mobile landscape only */
@media (max-width: 768px) and (orientation: landscape) {
  .about-flex {
    align-items: center; /* only mobile landscape */
  }
}

/* Hide the dark-mode toggle button */
.quarto-color-scheme-toggle {
  display: none !important;
} 

/* Remove extra padding/margin reserved for the toggle in the sidebar header */
.quarto-sidebar-header {
  justify-content: flex-start !important; /* align logo to left, removes space for toggle */
  gap: 0 !important;                      /* remove any spacing between items */
}

/* Default: show wide, hide narrow */
.img-wide { display: block; max-width: 100%; height: auto; width: 770px; margin: auto; }
.img-narrow { display: none; }

/* On narrow screens, switch images */
@media (max-width: 768px) {
  .img-wide { display: none; }
  .img-narrow { display: block; max-width: 100%; height: auto; width: 100%; margin: auto; }
}

/* On mobile landscape, switch back to wide image */
@media (max-width: 768px) and (orientation: landscape) {
  .img-wide { display: block; max-width: 100%; height: auto; width: 770px; margin: auto; }
  .img-narrow { display: none;}
}

/* Reduce the space between sidebar and main content */
.page-content {
  padding-left: 0.5rem !important;   /* reduce left padding near sidebar */
  padding-right: 0.5rem !important;  /* optional: reduce right padding */
}

/* If using a docked sidebar, adjust its spacing */
.sidebar {
  margin-right: 0 !important;        /* remove extra space between sidebar and banner/content */
}

/* Optional: tighten banner-to-content spacing */
.quarto-title-block {
  margin-bottom: 0.5rem !important;  /* reduce space below banner */
}

h2, h3, h4, h5 {
  font-weight: 700 !important;
}

ul {
  margin-left: 0em;   /* default is around 2em */
  padding-left: 1.2em;
}
ul ul {
  margin-left: 0.5em; /* nested lists */
  padding-left: 0.5em;
}

a {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: underline; /* optional: keep underline on hover */
}