/* Font settings */
:root {
  font-family: Inter, sans-serif;
  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
  font-variant-ligatures: discretionary-ligatures;
}
@supports (font-variation-settings: normal) {
  :root { font-family: InterVariable, sans-serif; }
}

/* underline links when hovering: */
a {
    color: #270099;
    text-decoration: none;
    transition: color 0.2s ease;
}
a:hover {
    color: var(--bulma-link-hover);
    text-decoration: underline;
}

/* 1. Custom tweaks for responsive brand images */
.navbar-brand .logo-desktop {
    max-height: 4rem;
}

.navbar-brand .logo-mobile {
    max-height: 3.5rem;
}

.navbar-burger span {
    background-color: #ffffff; /* Replace navbar burger color */
}

/* for wrapping text in button */
.button.is-multiline {
    white-space: normal;
    height: max-content;
}

/* 2. The Pure CSS Menu Toggle (The Checkbox Hack) */
#nav-toggle-state {
    display: none; /* Hide the actual checkbox */
}

/* When the checkbox is checked, apply Bulma's active styles to the burger and menu */
#nav-toggle-state:checked ~ .navbar-menu {
    display: block; /* Shows the mobile menu drawer */
}

#nav-toggle-state:checked ~ .navbar-brand .navbar-burger {
    /* Animates the burger icon into an 'X' */
    color: var(--bulma-link, #4a4a4a); 
}
#nav-toggle-state:checked ~ .navbar-brand .navbar-burger span:nth-child(1) {
    transform: translateY(5px) rotate(45deg);
}
#nav-toggle-state:checked ~ .navbar-brand .navbar-burger span:nth-child(2) {
    opacity: 0;
}
#nav-toggle-state:checked ~ .navbar-brand .navbar-burger span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg);
}


.quote-box {
    border-left: 5px solid #dddddd;
    border-radius: 4px;
    background-color: #eeeeee;
}