/* ==========================================================================
   CUSTOM STYLES  (members/custom.css)
   Your changes go here. This file loads AFTER the built-in styles and is never
   overwritten by updates, so keep your edits in this file only.
   After saving, reload the page (Ctrl+F5 / Cmd+Shift+R if you do not see it).
   Each example below is switched off (wrapped in a comment). To turn one on, delete the
   opening comment mark on the line above it and the closing mark after it.
   ========================================================================== */

/* 1) Brand colors and text size: change the values, keep the names.
:root{
  --p:#4b0a6b;      main purple (buttons, links, headings accents)
  --g:#d4a017;      gold accent
  --hd:#1c0830;     top bar color
  --hd2:#2b0f47;    officer tools bar color
  --bg:#f6f2fa;     page background
  --l:#e2d8ec;      light borders and tags
  --ink:#1c1130;    main text color
  --fs:16px;        base text size (15px is the default; try 16px or 17px for easier reading)
  --ff:Georgia,serif;  font family (system-ui,sans-serif is the default)
}
*/

/* 2) Rounder or squarer cards and buttons.
.c{border-radius:16px}
button,.btn{border-radius:99px}
*/

/* 3) Hide something. Example: hide the language links in the footer.
footer a[lang]{display:none}
*/

/* 4) Make the logo in the top bar bigger.
header img{height:56px}
*/


html { height: 100%; }

body { background: url(../img/bg.jpg) center / cover no-repeat; }

header .sf label { display: none; }


.dg>.c { max-height: 290px; }

.mc .btn { margin-right: 15px; margin-bottom:15px; }

#pay input {
    max-width: 100px;
    margin-right: 15px;
}

header .mn details div .mh {
    font-size: 13px !important;
    font-weight: bold !important;
}

header .mn details div a small {
    color: #fff !important;
}

header .mn a.act {
    color: #5b3a78 !important;
    background: #b9a6cf !important;
}