/*Login*/

/* Tame the login hero size inside the header */
.ug-panel__hdr img.quickstart-hero--sm {
    height: clamp(210px, 10vw, 170px) !important; /* force over .img-fluid */
    width: auto; /* keep aspect */
    max-width: 100%;
    object-fit: contain;
}

/* optional: reserve a tidy column for the art */
.ug-panel__hdr .hero-slot {
    flex: 0 0 clamp(140px, 16vw, 220px);
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ===== Auth helper (clean + consistent with main card) ===== */
.auth-helper {
    background: rgba(10,16,22,.78); /* dark glass */
    color: #eaf1f7;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 12px;
    backdrop-filter: blur(10px) saturate(110%);
    -webkit-backdrop-filter: blur(10px) saturate(110%);
    box-shadow: 0 10px 24px rgba(0,0,0,.35);
    padding: .85rem 1rem;
    min-width: 300px;
    text-align:center;
}

    .auth-helper::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 12px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
        pointer-events: none;
    }

    .auth-helper .heading {
        font-weight: 600;
        color: #fff;
        margin: 0;
    }

    .auth-helper .sub {
        margin: 2px 0 0 0;
        color: #c4cfdb !important;
        font-size: .9rem;
    }

    .auth-helper .btn-outline-light {
        --bs-btn-color: #eaf1f7;
        --bs-btn-border-color: rgba(255,255,255,.25);
        --bs-btn-hover-bg: rgba(255,255,255,.10);
        --bs-btn-hover-border-color: rgba(255,255,255,.35);
        border-radius: .6rem;
        padding: .35rem .6rem;
        line-height: 1.1;
        font-weight: 600;
    }

/* spacing harmony with the main card */
.auth-helper-wrap {
    margin-top: .9rem;
}


/* Uncap containers from md and up (tweak breakpoints as you like) */
@media (max-width: 1200px) {
    .container,
    .container-sm,
    .container-md {
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .container,
    .container-sm,
    .container-md {
        padding:1%!important;
    }
}



/*Hero images*/
.hero-illust {
    width: auto;
    height: 220px;
}

@media (max-width: 992px) {
    .hero-illust {
        width: 200px;
    }
}

@media (max-width: 576px) {
    .hero-illust {
        width: 160px;
    }
}

.hero-illust-sm {
    height: clamp(72px, 10vw, 112px);
    width: auto;
}

/* bounds the image and prevents spill */
.auth-hero-box {
    width: 160px;
    height: 240px;
    overflow: hidden;
}

    .auth-hero-box img {
        object-position: left bottom; /* optional: anchor in the box */
    }

/* The slot that lives in your header */
.auth-hero-slot {
    width: 120px;
    height: 170px;
    display: grid;
    place-items: center;
    overflow: hidden;
}


    /* The actual image inside <picture> */
    .auth-hero-slot picture,
    .auth-hero-slot img {
        display: block; /* remove baseline gap */
        width: 100%;
        height: 100%;
    }

    .auth-hero-slot img {
        object-fit: contain; /* keep proportions; letterbox if needed */
        object-position: center; /* center inside the slot */
    }

/* If you also want the whole slot centered within the header row: */
.header-hero-area {
    display: flex;
    justify-content: center; /* or flex-start / space-between */
    align-items: center;
}





/*User Guide*/

.user-guide-funk {
    --ink: #e6edf5;
    --muted: #cbd5e1;
    --ring: rgba(255,255,255,.14);
    --panel: rgba(8,14,28,.78);
    --panel-soft: rgba(8,14,28,.60);
    --cyan: #06b6d4;
    --cyan2: #22d3ee;
    --pink: #db2777;
    --yellow: #f59e0b;
    --green: #22c55e;
    color: var(--ink);
}

    .user-guide-funk .text-muted {
        color: var(--muted) !important;
    }

    .user-guide-funk h1, h2, h3, h4, h5 {
        color: #fff;
    }

    /* Cards as glass panels */
    .user-guide-funk .glass {
        background: radial-gradient(140% 160% at 20% -20%, rgba(255,255,255,.06), rgba(255,255,255,0) 45%), var(--panel);
        border: 1px solid var(--ring);
        border-radius: 16px;
        box-shadow: 0 10px 30px rgba(0,0,0,.35);
        backdrop-filter: blur(8px) saturate(115%);
        -webkit-backdrop-filter: blur(8px) saturate(115%);
    }

    .user-guide-funk .glass-soft {
        background: var(--panel-soft);
        border: 1px dashed rgba(255,255,255,.12);
        border-radius: 12px;
    }

    /* Funky gradient border */
    .user-guide-funk .funk-border {
        background: linear-gradient(#0b1220,#36454F) padding-box, linear-gradient(135deg, rgba(34,211,238,.8), rgba(219,39,119,.8), rgba(245,158,11,.8)) border-box;
        border: 1px solid transparent;
    }

    /* Hero mini-panel */
    .user-guide-funk .mini-panel {
        background: rgba(255,255,255,.06);
        border: 1px solid var(--ring);
    }

    /* Chips & links with accent colours */
    .user-guide-funk .chip {
        display: inline-block;
        padding: .35rem .6rem;
        border-radius: 999px;
        font-weight: 700;
        color: #0b1220;
    }

    .user-guide-funk .chip-cyan {
        background: linear-gradient(180deg,var(--cyan2),var(--cyan));
    }

    .user-guide-funk .chip-pink {
        background: linear-gradient(180deg,#f43f5e,var(--pink));
        color: #fff;
    }

    .user-guide-funk .chip-yellow {
        background: linear-gradient(180deg,#fde047,var(--yellow));
    }

    .user-guide-funk .chip-green {
        background: linear-gradient(180deg,#34d399,var(--green));
    }

    .user-guide-funk .link-cyan {
        color: #22d3ee;
        text-decoration: none;
    }

        .user-guide-funk .link-cyan:hover {
            color: #67e8f9;
        }

    .user-guide-funk .link-pink {
        color: #ff85a1;
    }

        .user-guide-funk .link-pink:hover {
            color: #fecdd3;
        }

    .user-guide-funk .link-yellow {
        color: #fde047;
    }

    .user-guide-funk .link-green {
        color: #86efac;
    }

    /* Buttons tuned to palette */
    .user-guide-funk .btn {
        font-weight: 700;
        border-radius: .75rem;
    }

    .user-guide-funk .btn-primary {
        background: linear-gradient(180deg,var(--cyan2),var(--cyan));
        border: 0;
        color: #042029;
        box-shadow: 0 8px 22px rgba(6,182,212,.25);
    }

        .user-guide-funk .btn-primary:hover {
            filter: brightness(1.05);
            box-shadow: 0 10px 26px rgba(6,182,212,.35);
        }

    .user-guide-funk .btn-success {
        background: linear-gradient(180deg,#34d399,var(--green));
        border: 0;
        color: #03200e;
        box-shadow: 0 8px 22px rgba(34,197,94,.25);
    }

    .user-guide-funk .btn-outline-light {
        color: #fff;
        border-color: rgba(255,255,255,.35);
    }

        .user-guide-funk .btn-outline-light:hover {
            background: rgba(255,255,255,.08);
        }

    /* Hero brand/bowler image: bigger and responsive */
    .user-guide-funk .brand-avatar {
        width: 290px; /* phones */
        height: auto;
        display: block;
        flex-shrink: 0;
    }

@media (min-width: 576px) { /* sm */
    .user-guide-funk .brand-avatar {
        width: 270px;
    }
}

@media (min-width: 768px) { /* md */
    .user-guide-funk .brand-avatar {
        width: 230px;
    }
}

@media (min-width: 992px) { /* lg+ */
    .user-guide-funk .brand-avatar {
        width: 250px;
    }
}

/* Center the "What is Net Cricket?" card on mobile */
.user-guide-funk .mini-panel {
    max-width: 680px; /* gives it a readable width */
}

/* Small breathing room when the image stacks above the text */
@media (max-width: 575.98px) {
    .user-guide-funk .brand-avatar {
        margin-bottom: .25rem;
    }
}

/* Give the mini panel a readable max width and center it */
.user-guide-funk .mini-panel {
    max-width: 680px;
}

/* Phones: keep the chips centered under the text */
@media (max-width: 575.98px) {
    .user-guide-funk .mini-panel .ug-feature-chips {
        justify-content: center;
    }
}

.user-guide-funk .lift {
    transition: transform .12s ease, box-shadow .2s ease;
}

    .user-guide-funk .lift:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 38px rgba(0,0,0,.45);
    }

/* Slide-down panel helpers (brand-aligned) */
.user-guide-funk .ug-panel {
    overflow: hidden;
    border-radius: 16px;
}

.user-guide-funk .ug-panel__hdr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--ring);
}

.user-guide-funk .ug-panel__body {
    padding: 1.25rem;
}

/* ===========================
   Mobile polish for User Guide
   =========================== */


.user-guide-funk .ug-feature-chips .badge {
    white-space: nowrap; /* keep each chip readable */
}

/* Phones */
@media (max-width: 575.98px) {
    /* Tighter padding for the mini panel on phones */
    .user-guide-funk .mini-panel {
        padding: 1rem !important;
    }

    /* Make chips a bit smaller so they wrap neatly */
    .user-guide-funk .ug-feature-chips .badge {
        font-size: .85rem;
        padding: .35rem .55rem;
        line-height: 1.1;
    }

    /* Large buttons feel better slightly shorter on phones */
    .user-guide-funk .btn.btn-lg {
        padding: .6rem 1rem;
        font-size: 1rem;
    }
}

/* Keep helper captions consistent in panels */
.user-guide-funk .ug-fig figcaption {
    opacity: .85;
}



/* sets the visual height of the illustration at each breakpoint */
.quickstart-hero-box {
    height: 450px;
}
/* ≥992px */
@media (max-width: 991.98px) {
    .quickstart-hero-box {
        height: 420px;
    }
}
/* 576–991 */
@media (max-width: 575.98px) {
    .quickstart-hero-box {
        height: 320px;
    }
}
/* <576 */

.quickstart-hero {
    height: 100%;
    width: auto; /* override Bootstrap img-fluid width */
    object-fit: contain; /* keep full artwork visible */
    display: block;
    margin-inline: auto;
}



/* Reserve space on the right so text doesn't clash with the bowler */
.cta-card .cta-content {
    padding-right: clamp(0px, 16vw, 320px);
}

/* Big hero image, pinned inside the card */
.cta-hero {
    position: absolute;
    right: clamp(-16px, -2vw, -28px);
    bottom: -10px;
    width: clamp(220px, 32vw, 420px);
    height: auto;
    pointer-events: none; /* don't block buttons */
    filter: drop-shadow(0 8px 16px rgba(0,0,0,.35));
    opacity: .95;
    z-index: 1;
}

/* 2-col layout: artwork left, copy right */
.cta-grid {
    display: grid;
    grid-template-columns: minmax(220px, clamp(240px, 26vw, 360px)) 1fr;
    align-items: center;
    gap: clamp(12px, 2vw, 28px);
}

/* Big, crisp bowler */
.cta-bowler {
    height: clamp(180px, 28vh, 340px);
    width: auto;
    object-fit: contain;
    transform: none; /* <- un-mirrored */
    filter: drop-shadow(0 8px 16px rgba(0,0,0,.35));
    opacity: .96;
    pointer-events: none; /* decorative */
}

/* Mobile: stack image above copy */
@media (max-width: 576px) {
    .cta-grid {
        grid-template-columns: 1fr;
    }

    .cta-ill {
        display: flex !important;
        justify-content: flex-start;
        margin-bottom: .5rem;
    }

    .cta-bowler {
        height: clamp(140px, 40vw, 200px);
    }
}


/* Center image + text + buttons on mobile */
@media (max-width: 576px) {
    .cta-grid {
        grid-template-columns: 1fr;
        place-items: center; /* centers both rows */
        text-align: center;
        gap: 12px;
    }

    .cta-ill { /* show art on mobile too */
        display: flex !important;
        justify-content: center !important;
        width: 100%;
    }

    .cta-bowler {
        display: block;
        margin-inline: auto;
        height: clamp(140px, 40vw, 200px);
    }

    .cta-copy {
        text-align: center;
    }

    .cta-actions {
        justify-content: center;
        flex-wrap: wrap;
    }
}

/* CTA image sizing – adjust the numbers to taste */
.cta-ill .quickstart-hero {
    display: block;
    height: clamp(200px, 22vw, 360px);
    width: auto; /* keep aspect ratio */
    object-fit: contain;
}




/*Game*/

body {
    background: #f9fafb url("/Images/cricket_background.svg") center/cover no-repeat fixed;
    padding-top: 3rem;
}

/* Mobile */
@media (max-width: 767.98px) {
    body {
        background: #f9fafb url("/Images/cricket_background_mobile.svg") center/cover no-repeat fixed;
    }
}


/*Players*/

.btn-icon {
    width: 2rem;
    height: 2rem;
    padding: 0;
    line-height: 1rem;
    text-align: center
}


/*Teams*/

.team-dot {
    width: .6rem;
    height: .6rem;
    border-radius: 999px;
    display: inline-block;
    flex-shrink: 0;
    border: 1px solid rgba(0,0,0,.25); /* helps very light colours */
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.6);
}

.team-pill {
    display: inline-block;
    width: 8px;
    height: 14px;
    margin-right: 6px;
    border-radius: 2px;
    vertical-align: middle;
}

.nowrap {
    white-space: nowrap;
}

.team-toggle .team-dot {
    width: .55rem;
    height: .55rem;
}


/*Console*/

/* Bowler last/next hints */
.bowler-hint {
    background: #f3f4f6;
    border: 1px dashed #e5e7eb;
    border-radius: 8px;
    padding: 6px 8px;
}

    .bowler-hint .label {
        color: #111;
        margin-right: 6px;
    }

    .bowler-hint .stats {
        opacity: .85;
        margin-left: 6px;
    }


/* Bowler header with inline 'Last' hint */
.bowler-header .bowler-hint {
    margin: 0;
}

    .bowler-header .bowler-hint .label {
        font-weight: 600;
        margin-right: .25rem;
    }

/*Field Preview*/

.fielder-dot {
    r: 4;
}

    .fielder-dot.air {
        r: 5;
    }

.fielder-label {
    font-size: 10px;
    font-weight: 600;
    paint-order: stroke;
    stroke: #fff;
    stroke-width: 3px;
}

.field-bg {
    fill: #eaf6ef; /* subtle green */
}

.pitch-rect {
    fill: #f6efe6;
}

.ring {
    fill: none;
    stroke: #cfd8dc;
    stroke-dasharray: 3 4;
}

.field-thumb {
    inline-size: clamp(70px, 26vw, 120px); /* was larger; now smaller on phones */
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
/* ensure the SVG fills the box */
#fieldThumb svg {
    width: 100%;
    height: 100%;
    display: block;
}

fieldPreviewHost .btn:not([data-bs-toggle="modal"]) {
    display: none !important;
}

/* Extra safety for non-.btn variants some UIs inject */
#fieldPreviewHost [class*="toggle"],
#fieldPreviewHost [class*="Chevron"],
#fieldPreviewHost [class*="chevron"],
#fieldPreviewHost [class*="fab"] {
    display: none !important;
}


/*Score Buttons*/

/* Small polish so the area feels “full” and consistent */
.score-area .score-card .btn {
    padding-top: .9rem;
    padding-bottom: .9rem;
}

.score-area .card-header {
    background: var(--bs-light-bg-subtle, #f8f9fa);
}

/*Wheels / Fielding*/

/* Two-row header with fixed height so both cards align vertically */
.wheel-header {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-height: 88px; /* <- key: same height for both headers */
    justify-content: center;
    align-items: flex-start;
}

/* Optional: slightly lower header on narrow screens where copy wraps more */
@media (max-width: 768px) {
    .wheel-header {
        min-height: 96px;
    }
}

/* Make both cards behave identically */
.wheel-card, .field-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .wheel-card .card-header,
    .field-card .card-header { /* use your existing helper */
        composes: wheel-header; /* if your build doesn’t support 'composes', just add 'wheel-header' in markup */
    }

    .wheel-card .card-body,
    .field-card .card-body {
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* EXACT same SVG footprint for wagon wheel & field layout */
.wheel-svg, .field-svg {
    width: min(92vw, 420px);
    max-width: 420px;
    aspect-ratio: 1 / 1;
    display: block;
    margin: 0 auto;
}


/*All Time Stats*/

/* Keep digits lined up & ranks centered, scoped to this section */
#alltime .num {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

#alltime .rank {
    width: 3rem;
    text-align: center;
}


/*Wicket Flash*/

.wicket-flash-overlay {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(0,0,0,.25);
    z-index: 2000;
}

    .wicket-flash-overlay[hidden] {
        display: none;
    }

.wicket-card {
    background: white;
    border-radius: 1rem;
    padding: 1rem 1.25rem;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    display: grid;
    justify-items: center;
    gap: .5rem;
    border: 4px solid #e11d48; /* brand accent if you have one */
}

.wicket-img {
    width: 220px;
    max-width: 60vw;
    height: auto;
}

.wicket-text {
    font-weight: 900;
    font-size: clamp(28px, 5vw, 48px);
    letter-spacing: 1px;
    color: #e11d48;
}

.wicket-flash-overlay.on .wicket-card {
    animation: wicket-pop 1800ms ease-out both, wicket-flash 1800ms steps(6) both;
}

@keyframes wicket-pop {
    0% {
        transform: scale(.8);
        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    60% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes wicket-flash {
    0%, 100% {
        filter: none;
    }

    50% {
        filter: brightness(2);
    }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .wicket-flash-overlay.on .wicket-card {
        animation: none;
    }
}


/*Catch Pop Up*/

.catch-pop {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    background: rgba(0,0,0,0.45);
    opacity: 0;
    transition: opacity .15s ease;
    pointer-events: none;
}

    .catch-pop.show {
        opacity: 1;
        pointer-events: auto;
    }

.catch-card {
    background: #111;
    color: #fff;
    border-radius: 14px;
    padding: 18px 24px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.35);
    transform: scale(0.96);
    transition: transform .15s ease;
    font-size: 20px;
}

.catch-pop.show .catch-card {
    transform: scale(1);
}

.catch-card .big {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 6px;
    letter-spacing: .5px;
}

.catch-card.caught {
    background: #b00020;
}

.catch-card.dropped {
    background: #0b7d3c;
}


/*Mini Target*/

.toast-win {
    position: fixed;
    right: 16px;
    bottom: 16px;
    background: #111d; /* translucent dark */
    backdrop-filter: blur(6px);
    color: #fff;
    padding: 14px 16px;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    max-width: min(90vw, 420px);
    z-index: 9999;
    animation: toast-in .4s ease-out both;
}

.toast-title {
    font-weight: 700;
    margin-bottom: 4px;
}

.toast-msg {
    opacity: .95;
}

.toast-close {
    position: absolute;
    top: 6px;
    right: 8px;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

@keyframes toast-in {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}


/* Last 12 balls */
.ball-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1;
    margin: 0 6px 6px 0;
    color: #111;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
}

/* Palette (tweak to match your wheel exactly) */
.ball-dot {
    background: #e5e7eb;
}
/* dot */
.ball-1 {
    background: #dbeafe;
}

.ball-2 {
    background: #bfdbfe;
}

.ball-3 {
    background: #93c5fd;
}

.ball-4 {
    background: #86efac;
}
/* boundary */
.ball-6 {
    background: #86efac;
}
/* six */
.ball-wide {
    background: #fde68a;
}

.ball-nb {
    background: #bae6fd;
}

.ball-wkt {
    background: #fecaca;
    color: #7f1d1d;
    border-color: #f87171;
}
/* wicket */


/* Catch predictor pill */
.catch-pill {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    padding: .4rem .75rem;
    border-radius: 999px;
    background: #f8f9fa;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
    font-size: .95rem;
}

    .catch-pill .form-check-input {
        cursor: pointer;
    }

    .catch-pill .form-check-label {
        cursor: pointer;
    }


/* === Collapsible panels === */
.card {
    position: relative;
}

.panel-toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    border: 0;
    background: #ff4da6; /* pink chip */
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    cursor: pointer;
    opacity: .95;
}

    .panel-toggle:focus {
        outline: 2px solid #fff6;
        outline-offset: 2px;
    }

    .panel-toggle svg {
        width: 16px;
        height: 16px;
    }

.card.panel-collapsed .card-body,
.card.panel-collapsed .list-group,
.card.panel-collapsed .table-responsive,
.card.panel-collapsed .card-footer,
.card.panel-collapsed form:not(.keep-visible),
.card.panel-collapsed .collapse {
    display: none !important;
}

/* keep header/title area visible */
.card.panel-collapsed .card-header {
    border-bottom: 0;
}

.card.panel-collapsed {
    min-height: 48px;
}

    .card.panel-collapsed .panel-toggle {
        transform: rotate(180deg);
    }

/*Admin*/


/*Feedback*/

/* Feedback form: make placeholders readable on dark backgrounds */
[data-bs-theme="dark"] .form-control::placeholder,
.card.bg-dark .form-control::placeholder,
.form-control.bg-dark::placeholder {
    color: #cbd5e1; /* soft slate */
    opacity: 1; /* Bootstrap lowers this by default */
}

/* (Optional) vendor aliases for older engines */
[data-bs-theme="dark"] .form-control::-webkit-input-placeholder {
    color: #cbd5e1;
    opacity: 1;
}

[data-bs-theme="dark"] .form-control:-ms-input-placeholder {
    color: #cbd5e1;
    opacity: 1;
}



/*Layout*/

/* Mobile-friendly navbar polish */
.glass-nav {
    background: rgba(255,255,255,.92) !important;
    backdrop-filter: saturate(120%) blur(8px);
    -webkit-backdrop-filter: saturate(120%) blur(8px);
}

/* Make the toggler icon visible on light background if needed */
.navbar-light .navbar-toggler {
    border-color: rgba(0,0,0,.1);
}

/* Enlarge tap area a bit on phones */
.navbar .nav-link {
    padding: .5rem .75rem;
}

@media (max-width: 991.98px) {
    .navbar .dropdown-menu {
        border-radius: .75rem;
    }

    .navbar .dropdown-item {
        padding: .55rem .9rem;
    }
}


/*Site Footer*/

.site-footer {
    -moz-border-radius-bottomleft: 
}