@import '_content/AdminDashBoard/AdminDashBoard.29naiy1co7.bundle.scp.css';
@import '_content/AuthenticationLibrary/AuthenticationLibrary.xju78w1avm.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';
@import '_content/ReusableComponents/ReusableComponents.0cq33ss00w.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-4xpicsu201] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}
/*
.article {
    padding-top:40px;
    height: calc(100vh - 100px);
}*/

main[b-4xpicsu201] {
    flex: 1;
    padding: 0;
    margin: 0;
}

.sidebar[b-4xpicsu201] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.right-sidebar[b-4xpicsu201]{
   /*  width:300px;
   background-color:yellowgreen;*/
}

.top-row[b-4xpicsu201] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-4xpicsu201]  a, .top-row .btn-link[b-4xpicsu201] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-4xpicsu201] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-4xpicsu201] {
        display: none;
    }

    .top-row.auth[b-4xpicsu201] {
        justify-content: space-between;
    }

    .top-row a[b-4xpicsu201], .top-row .btn-link[b-4xpicsu201] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-4xpicsu201] {
        flex-direction: row;
    }

   /* .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }*/

    .top-row[b-4xpicsu201] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    
   
}
/* /Components/Pages/About.razor.rz.scp.css */
body[b-kpnmsn3sgh] {
}

.about-content[b-kpnmsn3sgh] {
    font-family: Arial, sans-serif;
    font-size: 20px;
    line-height: 2;
  /*  color: white;*/
    /* Add more styles as needed */
}

    .about-content img[b-kpnmsn3sgh] {
        width: 100%; /* Full width on smaller screens */
        max-width: 750px; /* Max width on larger screens */
        min-width: 300px; /* Ensure image doesn't get too small */
        margin: 20px 0; /* Vertical margin */
        border-radius: 8px; /* Rounded corners */
        aspect-ratio:auto;
    }

@media (min-width: 770px) {
    .about-content img[b-kpnmsn3sgh] {
        float: right; /* Float image to the right on larger screens */
        width: 60%; /* Limit the width */
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
body[b-hav1j0b5ua] {
}

h1[b-hav1j0b5ua], h2[b-hav1j0b5ua], h4[b-hav1j0b5ua] {
    color: #9c0202;
}

.video-wrapper[b-hav1j0b5ua] {
    cursor: pointer;
    text-align: center;
    overflow: hidden; /* Prevents overflow */
    padding: 0; /* Ensure no extra padding */
}

    .video-wrapper video[b-hav1j0b5ua] {
        max-width: 100%;
        width: 100%;
        height: auto; /* Maintain aspect ratio */
        margin: 0;
        line-height: 1;
        border: none;
    }

.carousel-av[b-hav1j0b5ua], .carousel-gb[b-hav1j0b5ua] {
    width: 100%; /* Ensure both carousels take the same width */
    max-width: 100%; /* Avoid overflow */
    height: 200px;
    max-height: 200px; /* Or define a specific height */
}

carousel-av[b-hav1j0b5ua] {
    margin-right: 0;
}

carousel-gb[b-hav1j0b5ua] {
    margin-left: 0;
}

.swiper-rtl[b-hav1j0b5ua] {
    direction: rtl;
}

.get-yatzy-button[b-hav1j0b5ua] {
    color: white;
    border: none;
    margin: 0px;
    border-radius: 20px;
    font-size: 1.2rem;
    height: 35px;
    width: 100%;
    background-color: var(--menubar-background-color) !important;
    transition: width 0.3s ease, height 0.3s ease;
    max-width: 400px;
    display: block;
}

/*  .get-yatzy-button:hover {
        height: 70px;
    }*/


@media (min-width: 799px) {
    .get-yatzy-button[b-hav1j0b5ua] {
        height: 120px !important;
        width: 120px !important;
        font-size: 1.5rem;
        border-radius: 50% !important;
        max-width: none !important;
        min-width: 0 !important;
        display: block;
    }

        .get-yatzy-button:hover[b-hav1j0b5ua] {
            width: 150px !important;
            height: 150px !important;
            max-width: 150px !important;
            border-radius: 50% !important;
            font-size: 1.9rem;
            transition: width 0.2s ease, height 0.2s ease, font-size 0.2s ease;
        }
}
/* /Components/Pages/LeaderBoard.razor.rz.scp.css */
body[b-vhu46tdl4k] {
}

h1[b-vhu46tdl4k], h2[b-vhu46tdl4k] {
    color: black;
}

h4[b-vhu46tdl4k] {
    color: #9c0202;
}

.tab-container[b-vhu46tdl4k] {
    border-bottom: var(--menubar-background-color);
    background-color: #E2540055;
}

.tab[b-vhu46tdl4k] {
    background-color: var(--menubar-background-color);
    color: var(--menubar-text-color);
    font-weight: bold;
    border: none;
    padding: 3px 15px;
    border-radius: 12px 12px 0px 0px;
}

    .tab:hover[b-vhu46tdl4k] {
        opacity: .8;
    }

.tab-1[b-vhu46tdl4k] {
    margin-left: 40px;
    margin-right: 10px
}

@media (max-width: 640.98px) {

    .high-scores-container[b-vhu46tdl4k] {
        margin-inline: auto;
    }

    .tab-container[b-vhu46tdl4k] {
        margin-inline: auto;
    }

    .tab-1[b-vhu46tdl4k] {
        margin-left: 15px;
        margin-right: 10px
    }
}
/* /Components/Pages/NewsFeeds.razor.rz.scp.css */
body[b-qgxs2ceuwn] {
}

.highlited-color[b-qgxs2ceuwn]{
    color:yellow;
}
/* /Components/Shared/AppStoresList.razor.rz.scp.css */
body[b-ggk1ak42vz] {
}

.store-buttons img[b-ggk1ak42vz] {
    border: 1px solid transparent;
    border-radius: 7px;
    max-width: 200px;
    transition-property: border-color, transform;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
}

    .store-buttons img:hover[b-ggk1ak42vz] {
        border-color: white;
        transform: scale(1.05); /* Increase the size by 5% on hover */
    }
/* /Components/Shared/Footer.razor.rz.scp.css */
body[b-1y9jjsif3f] {
}

.footer-container[b-1y9jjsif3f] {
    background-color: var(--menubar-background-color);
}

h4[b-1y9jjsif3f] {
    color: darkgray;
}

[b-1y9jjsif3f] .footer {
    display: flex;
    justify-content: space-between; /* Space out the sections */
    align-items: center; /* Vertically center items */
    width: 100%;
}

.footer a[b-1y9jjsif3f] {
    color: yellow;
    cursor: pointer;
    text-decoration: none;
}

    .footer a:hover[b-1y9jjsif3f] {
        color: rebeccapurple;
    }

a.nav-link[b-1y9jjsif3f] {
    color: white !important;
    /*    text-decoration: none;*/
    vertical-align: middle;
    text-decoration-line: underline;
    margin: 0;
    /*  margin-left: clamp(7px,7px + 1px, 10px);*/
    padding: 0px;
    /* font-size: clamp(.8em, .8em + .1em, 1em);*/
}

    a.nav-link:hover[b-1y9jjsif3f] {
        color: rebeccapurple !important;
        /*  font-weight: bold;*/
    }

.copyright-line[b-1y9jjsif3f] {
    color: black;
    font-weight: bold;
}

    .copyright-line a[b-1y9jjsif3f] {
        color: white;
    }

    .copyright-line a:hover[b-1y9jjsif3f] {
        color: rebeccapurple;
    }

.ht-icon[b-1y9jjsif3f] {
    width: 50%;
}

.app-products img[b-1y9jjsif3f] {
    width: 40%;
    border: 1px solid transparent;
    border-radius: 6px;
    transition-property: border-color, transform;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
}

    .app-products img:hover[b-1y9jjsif3f] {
        border-color: white;
        transform: scale(1.10); /* Increase the size by 5% on hover */
    }
/* /Components/Shared/GetCodeLogicButton.razor.rz.scp.css */
body[b-92va0hf2sk] {
}


.get-yatzy-button[b-92va0hf2sk] {
    color: white;
    border: none;
    margin: 0px;
    border-radius: 20px;
    font-size: 1rem;
    height: 35px;
    width: 100%;
    background-color: var(--menubar-background-color) !important;
    transition: width 0.3s ease, height 0.3s ease;
    max-width: 400px;
    display: block;
}

/*  .get-yatzy-button:hover {
        height: 70px;
    }*/


@media (min-width: 799px) {
    .get-yatzy-button[b-92va0hf2sk] {
        height: 120px !important;
        width: 120px !important;
        font-size: 1.5rem;
        border-radius: 50% !important;
        max-width: none !important;
        min-width: 0 !important;
        display: block;
    }

        .get-yatzy-button:hover[b-92va0hf2sk] {
            width: 150px !important;
            height: 150px !important;
            max-width: 150px !important;
            border-radius: 50% !important;
            font-size: 1.9rem;
            transition: width 0.2s ease, height 0.2s ease, font-size 0.2s ease;
        }
/* /Components/Shared/RightSidebar.razor.rz.scp.css */
[b-spjvmqyx3v] body {
}

.right-sidebar-container[b-spjvmqyx3v] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width:25em !important;
}

[b-spjvmqyx3v] h3 {
    color: #9c0202;
}

hr[b-spjvmqyx3v] {
    color: white;
    height: 5px;
    margin: 50px 20px 50px 20px;
    opacity: .6;
}

ul[b-spjvmqyx3v] {
    padding: 5px;
    text-align: start
}

/* /Components/Shared/TopNavMenu.razor.rz.scp.css */
body[b-vpc1w0f0z0] {
    /* Add body styles if needed */
}

.brand-image[b-vpc1w0f0z0] {
    width: 30px; /* Maintain a small width */
    max-height: 30px; /* Constrain height to avoid oversize */
    object-fit: contain; /* Ensure image scales without distortion */
    border-radius: 3px; /* Slight border rounding for aesthetics */
    margin-right: 10px; /* Add space to the right of the image */
}

.sign-out-button[b-vpc1w0f0z0] {
    color: white;
    background-color: transparent;
    border-width: 0;
    margin-left: 5px;
}

.sign-out-text:hover[b-vpc1w0f0z0] {
    color: var(--menubar-hover-color) !important;
}

.top-menu-bar[b-vpc1w0f0z0] {
    background-image: linear-gradient(180deg, var(--menubar-background-gradient-start-color) 0%, var(--menubar-background-gradient-end-color) 70%);
    /*  background-color: var(--menubar-background-color);*/
    color: var(--menubar-text-color) !important;
    font-family: Arial, sans-serif;
}

.navbar[b-vpc1w0f0z0] {
    /*    background-color: var(--menubar-background-color) !important;*/
    margin-bottom: 0 !important;
    border: none !important;
    height: 40px !important;
}

.navbar-brand[b-vpc1w0f0z0] {
    text-align: left;
    word-break: keep-all;
    padding: 0;
    font-family: 'Shrikhand';
    font-size: 1.1em;
    margin: 0;
    margin-left: 7px;
    color: var(--menubar-text-color) !important;
    vertical-align: middle;
}

    .navbar-brand:hover[b-vpc1w0f0z0] {
        color: var(--menubar-hover-color) !important;
    }

a.nav-link[b-vpc1w0f0z0], a.dropdown-item[b-vpc1w0f0z0] {
    color: var(--menubar-text-color) !important;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    margin: 0;
    margin-left: clamp(7px, 7px + 1px, 10px);
    padding: 0;
    font-size: clamp(1em, 1em + .1em, 1em);
}

    a.nav-link:hover[b-vpc1w0f0z0], a.dropdown-item:hover[b-vpc1w0f0z0] {
        background-color: transparent;
        color: var(--menubar-hover-color) !important;
    }

    .dropdown-menu[b-vpc1w0f0z0] {
      background-image: linear-gradient(0deg, var(--menubar-background-gradient-start-color) 0%, var(--menubar-background-gradient-end-color) 70%);
          /*    background-color: var(--menubar-background-color);*/
        padding: 10px;
        border-radius: 0 0 10px 10px;
        border: none;
        white-space: nowrap;
    }

    .dropdown:hover .dropdown-menu[b-vpc1w0f0z0] {
        margin-top: 0px;
        display: block;
    }