/* Leikurinn.is 1.6.1 — colourful brand system and social profiles */
:root {
    --v161-navy: #091b56;
    --v161-purple: #341668;
    --v161-cream: #fff1d8;
    --v161-coral: #ff755e;
    --v161-cyan: #42c6c8;
    --v161-yellow: #f5b94c;
}

.site-header.v16-site-header {
    background: var(--v161-navy);
    box-shadow: 0 10px 34px rgba(9,27,86,.2);
}
.v16-header-main {
    border-color: rgba(255,241,216,.12);
    background: linear-gradient(112deg,var(--v161-navy) 0%,#151a61 55%,var(--v161-purple) 100%);
}
.v16-header-row { height: 76px; }
.v16-brand { gap: 10px; }
.v16-brand img { width: 49px; height: 44px; }
.v16-brand > span { gap: 4px; }
.v16-brand b { color: var(--v161-cream); font-size: 1.32rem; letter-spacing: -.045em; }
.v16-brand em { color: var(--v161-coral); }
.v16-brand small { color: rgba(255,241,216,.58); letter-spacing: .14em; }
.v16-desktop-nav,
.v16-desktop-nav > a,
.v16-more-menu > summary { height: 76px; }
.v16-desktop-nav > a,
.v16-more-menu > summary { color: rgba(255,241,216,.7); }
.v16-desktop-nav > a::after { background: var(--v161-coral); }
.v16-more-menu > summary i { color: var(--v161-coral); }
.v16-more-menu > div { top: 66px; box-shadow: 0 24px 60px rgba(9,27,86,.24); }
.v16-more-menu > div a:hover { background: #f3f0fb; color: #2b1768; }
.v16-search-button,
.v16-menu-button { border-color: rgba(255,241,216,.16); color: var(--v161-cream); }
.v16-search-button:hover,
.v16-menu-button:hover { border-color: rgba(66,198,200,.55); background: rgba(66,198,200,.13); color: var(--v161-cyan); }
.v16-match-button { border-color: rgba(255,241,216,.15); color: var(--v161-cream); }
.v16-match-button > i { background: var(--v161-coral); color: var(--v161-navy); }
.v16-match-button small { color: rgba(255,241,216,.5); }
.v16-match-button:hover b { color: var(--v161-coral); }
.v16-search { top: 76px; }
.v16-search form > i { color: var(--v161-purple); }
.v16-search button { background: var(--v161-navy); }
.v16-mobile-navigation { background: linear-gradient(145deg,var(--v161-navy),var(--v161-purple)); }
.v16-mobile-navigation nav a i { color: var(--v161-cyan); }
.v16-mobile-navigation .mobile-live { background: var(--v161-coral) !important; color: var(--v161-navy) !important; }

.site-footer.v16-footer {
    border-top-color: var(--v161-coral);
    background: linear-gradient(145deg,#07174b 0%,#111653 62%,#2b145e 100%);
}
.v16-footer-brand { gap: 10px; }
.v16-footer-brand img { width: 49px; height: 44px; }
.v16-footer-brand span { color: var(--v161-cream); font-size: 1.24rem; letter-spacing: -.04em; }
.v16-footer-brand em { color: var(--v161-coral); }
.v16-footer-identity p { color: rgba(255,241,216,.61); }
.v16-footer-mail { color: var(--v161-cyan); }
.v16-footer-links strong { color: var(--v161-cream); }
.v16-footer-links a { color: rgba(255,241,216,.58); }
.v16-footer-links a:hover { color: var(--v161-cyan); }
.v16-footer-contact { border-color: rgba(255,241,216,.15); background: rgba(255,241,216,.055); }
.v16-footer-contact > span { color: var(--v161-coral); }
.v16-footer-contact p { color: rgba(255,241,216,.58); }
.v16-footer-contact a i { color: var(--v161-cyan); }
.v16-footer-contact a:hover { color: var(--v161-cyan); }
.v16-footer-bottom { border-color: rgba(255,241,216,.12); color: rgba(255,241,216,.4); }
.v16-footer-bottom a { color: rgba(255,241,216,.52); }
.v16-footer-bottom a:hover { color: var(--v161-cyan); }

.v161-social-links { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 19px; }
.v161-social-links a {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,241,216,.16);
    border-radius: 50%;
    background: rgba(255,241,216,.06);
    color: var(--v161-cream);
    font-size: .82rem;
    transition: translate .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.v161-social-links a:hover { translate: 0 -2px; border-color: var(--v161-cyan); background: var(--v161-cyan); color: var(--v161-navy); }

@media (max-width: 700px) {
    .v16-header-row { height: 66px; }
    .v16-brand img { width: 42px; height: 38px; }
    .v16-brand b { font-size: 1.08rem; }
    .v16-search { top: 66px; }
}

@media (max-width: 380px) {
    .v16-brand small { display: none; }
    .v16-brand b { font-size: 1rem; }
}