/* ========================
   HSPH NAV-MINI STYLES
========================= */

/* NORD Font */
@font-face {
    font-family: 'NORD';
    src: url('/assets/fonts/NORD-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Font for tooltips */
.flabtn [tooltip]::before {
    font-family: 'NORD', Helvetica, Arial, sans-serif;
}

/* ========================
   Brand Colors
========================= */

/* Main Button */
.flabtn a[data-role="main"] {
    background: #002E88;
}

.flabtn a[data-role="main"]:hover {
    background: #002E88;
}

/* Sub Buttons */
.flabtn ul a {
    background: #002E88;
}

.flabtn ul a:hover {
    background: #002E88;
}

/* Checkbox hover state */
.flabtn input:hover + a {
    background: #002E88;
}

/* ========================
   Main Button Image
========================= */

.flabtn a[data-role="main"] img {
    width: 36px;
    height: 36px;
    border-radius: 25%;
    object-fit: cover;
    vertical-align: middle;
}

/* Medium size adjustment */
.flabtn.-medium a[data-role="main"] img {
    width: 40px;
    height: 40px;
}

/* Large size adjustment */
.flabtn.-large a[data-role="main"] img {
    width: 50px;
    height: 50px;
}

/* ========================
   Icon Colors
========================= */

/* Top 100 - Gold Star */
.icon-top100 {
    color: #FFD700 !important;
}

/* Spotlight - Black */
.icon-spotlight {
    color: #000000 !important;
}

/* Contact Us - Gray */
.icon-contact {
    color: #808080 !important;
}

/* ========================
   Shape Overrides
========================= */

/* HSPH Custom Shape Class */
/* All buttons base - Circle */
.flabtn.-hsph a {
    border-radius: 50% !important;
}

/* Main button override - Ellipse */
.flabtn.-hsph > a[data-role="main"] {
    border-radius: 25% 75% !important;
}