/* css styles */

/* Make navbar logo bigger but not oversized */
.navbar-brand img {
  max-height: 70px; /* set a reasonable maximum height */
  height: auto;
  width: auto; /* allow width to scale proportionally */
}

.navbar-brand {
  padding: 0;
}

/* Add padding to navbar to accommodate larger logo */
.navbar {
 padding-top: 0.75rem;
 padding-bottom: 0.75rem;
}

/* Ensure navbar has enough height */
.navbar-collapse {
  align-items: center;
}

/* Style callout-tip with brand colors */
/* Using york-teal as main color (tertiary) with york-light-blue for background */
div.callout-tip.callout {
  border-left-color: #29A69D; /* york-teal */
  background-color: #E0F1FA; /* york-light-blue */
}

div.callout-tip.callout-style-default > .callout-header {
  background-color: #E0F1FA; /* york-light-blue */
}

div.callout-tip > .callout-header::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2329A69D"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>');
}

div.callout-tip.callout-titled .callout-title {
  color: #2E2D62; /* york-navy for title text */
}

div.callout-tip.callout-titled .callout-body {
  color: #2E2D62; /* york-navy for body text */
}