/* Font definitions for tqukMenuTopper.html (Typekit) */
@font-face{font-family:hypatia-sans-pro;src:url(https://use.typekit.net/af/f8d87f/00000000000000003b9adaa2/27/l?subset_id=2&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/f8d87f/00000000000000003b9adaa2/27/d?subset_id=2&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/f8d87f/00000000000000003b9adaa2/27/a?subset_id=2&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;font-stretch:normal;font-display:auto;}
@font-face{font-family:hypatia-sans-pro;src:url(https://use.typekit.net/af/e1fc43/00000000000000003b9adaa3/27/l?subset_id=2&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/e1fc43/00000000000000003b9adaa3/27/d?subset_id=2&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/e1fc43/00000000000000003b9adaa3/27/a?subset_id=2&fvd=n6&v=3) format("opentype");font-weight:600;font-style:normal;font-stretch:normal;font-display:auto;}
@font-face{font-family:hypatia-sans-pro;src:url(https://use.typekit.net/af/14e069/00000000000000003b9ada9b/27/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/14e069/00000000000000003b9ada9b/27/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/14e069/00000000000000003b9ada9b/27/a?subset_id=2&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;font-stretch:normal;font-display:auto;}
@font-face{font-family:hypatia-sans-pro;src:url(https://use.typekit.net/af/fc2289/00000000000000003b9adaa4/27/l?subset_id=2&fvd=i6&v=3) format("woff2"),url(https://use.typekit.net/af/fc2289/00000000000000003b9adaa4/27/d?subset_id=2&fvd=i6&v=3) format("woff"),url(https://use.typekit.net/af/fc2289/00000000000000003b9adaa4/27/a?subset_id=2&fvd=i6&v=3) format("opentype");font-weight:600;font-style:italic;font-stretch:normal;font-display:auto;}
@font-face{font-family:hypatia-sans-pro;src:url(https://use.typekit.net/af/197554/00000000000000003b9ada9c/27/l?subset_id=2&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/197554/00000000000000003b9ada9c/27/d?subset_id=2&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/197554/00000000000000003b9ada9c/27/a?subset_id=2&fvd=i7&v=3) format("opentype");font-weight:700;font-style:italic;font-stretch:normal;font-display:auto;}

/* Font definitions for tqukMenuTopperHK.html (Online Web Fonts) */
@font-face {
    font-family: "hypatia-sans-pro";
    src: url("https://db.onlinewebfonts.com/t/8a46227a3cdd1d2685fd90956b6a49f7.eot");
    src: url("https://db.onlinewebfonts.com/t/8a46227a3cdd1d2685fd90956b6a49f7.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/8a46227a3cdd1d2685fd90956b6a49f7.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/8a46227a3cdd1d2685fd90956b6a49f7.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/8a46227a3cdd1d2685fd90956b6a49f7.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/8a46227a3cdd1d2685fd90956b6a49f7.svg#Hypatia Sans Pro")format("svg");
}

@font-face {
    font-family: "hypatia-sans-pro-bold";
    src: url("https://db.onlinewebfonts.com/t/26bba2435af805e28a022739a6227815.eot");
    src: url("https://db.onlinewebfonts.com/t/26bba2435af805e28a022739a6227815.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/26bba2435af805e28a022739a6227815.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/26bba2435af805e28a022739a6227815.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/26bba2435af805e28a022739a6227815.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/26bba2435af805e28a022739a6227815.svg#HypatiaSansPro-Bold")format("svg");
}

/* Body font styling */
body {
    font-family: 'hypatia-sans-pro'!important;
}

/* Secondary Menu Container */
#secondaryMenu {
    font-family: 'hypatia-sans-pro';
    position: fixed;
    right: 17px;
    top: 23px;
    text-align: right;
    font-weight: 200;
    z-index: 13;
}

/* Secondary Menu Items */
.secondary-menu-item {
    font-family: 'hypatia-sans-pro';
    float: left;
    padding: 2px;
    padding-right: 48px;
    font-size: 16px;
    color: white;
    cursor: pointer;
    text-decoration: none;
}

.secondary-menu-item:nth-child(2) {
    padding-right: 40px;
}

.secondary-menu-item:nth-child(3) {
    padding-right: 55px;
}

/* Hover states for menu items */
.secondary-menu-item-hover {
    text-decoration: none;
    color: #00b2ff;
}

/* Login text styling */
.secondary-menu-login-text {
    font-family: 'hypatia-sans-pro-bold';
    padding-right: 2px !important;
    color: #f39114 !important;
    font-weight: bold;
    position: relative;
}

/* Login tooltip - HK variant (Tesseraq) */
.secondary-menu-login-text-tooltip {
    display: none;
    height: 40px;
    position: absolute;
    top: -18px;
    width: 110px;
    left: -55px;
    background-color: #13416b;
    padding: 0px;
}

/* Login tooltip - Regular variant (Verve, EPA, Exams, FS Exam) */
.secondary-menu-login-text-tooltip-regular {
    height: 110px;
    width: 90px;
    left: -25px;
}

.secondary-menu-login-text-tooltip-visible {
    display: block;
}

/* Login bullet/search button */
.secondary-menu-login-bullet {
    position: fixed;
    top: 61px;
    right: 27px;
    z-index: 11;
    cursor: pointer;
}

/* Menu login button */
.menu-login-button {
    border-radius: 7px;
    cursor: pointer;
    width: 100%;
    background-color: transparent !important;
    border: none;
    color: white;
    padding: 8px 8px 0px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.menu-login-button img {
    width: auto;
    height: 40px;
}

/* Button hover states */
.menu-login-button-hover {
    background-color: transparent !important;
    color: black;
}

.menu-login-button-hover-fs-exam {
    background-color: lightgrey !important;
}

/* Menu hidden state (for responsive) */
.secondary-menu-hidden {
    display: none;
}

.secondary-menu-visible {
    display: block;
}

/* Body background for tqukMenuTopperHK.html and tqukMenuTopper.html */
.body-menu-topper-hk,
.body-menu-topper-bg {
    background-image: url(header.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

/* Specific button colors for regular menu topper */
.menu-login-button-verve {
    background-color: #01a0df;
}

.menu-login-button-epa {
    background-color: #f29114;
}

.menu-login-button-exams {
    background-color: #000000;
}

.menu-login-button-fs-exam {
    background-color: rgb(20 65 107);
}

/* Button hover states for regular menu topper */
.menu-login-button-verve-hover,
.menu-login-button-epa-hover,
.menu-login-button-exams-hover {
    background-color: white !important;
    color: black;
}

.menu-login-button-fs-exam-hover {
    background-color: lightgrey !important;
    color: black;
}