/* _content/HobbyGuru/Pages/ContactUs.razor.rz.scp.css */
.ContactContainer[b-a5wqlpt2eh]{
    display:flex;
    flex-direction:column;
    width:500px;
}

.contacttext[b-a5wqlpt2eh] {

}

.contacttextarea[b-a5wqlpt2eh]{
   height:800px;
}

.sendemailcontainer[b-a5wqlpt2eh]{
    justify-content:right;
}
/* _content/HobbyGuru/Pages/Index.razor.rz.scp.css */

body[b-w791xv7ukx] {
}

.TopicLinksContainer[b-w791xv7ukx] {
    max-height: 60vh;
    overflow-y: scroll;
    width:70vw;    
}

.LinkContainer[b-w791xv7ukx]{

}

.BackgroundImage[b-w791xv7ukx] {
    top: 0px;
    left: 0px;
    width: 100%;
    /*max-height: 100%;*/
    object-fit: contain;
}

.LinkLabel[b-w791xv7ukx] {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.HeaderLabel[b-w791xv7ukx] {
    font-size: 40px;
    font-weight:bold;
    color: #005275;
    margin:20px;
}

.TopicsContainer[b-w791xv7ukx] {
    /*    background: url('/HobbyWizardFadedBackground.jpg') no-repeat center center fixed;*/
    /*background: url('/wwwroot/logo 3.png') no-repeat center center fixed;*/
    background-size: contain;
    height: 100%;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
    padding: 20px;
    box-sizing: border-box;
}

.TopicsGrid[b-w791xv7ukx] {
    position: relative;
    background-size: contain;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    align-content: center;
    padding: 30px;
    width: 60vw;
    height: auto;
    display: inline-grid;
    /*grid-template-columns: 22vw 22vw 22vw;*/
    grid-template-columns: 25vw 25vw;
}

.TopicNameContainer[b-w791xv7ukx] {
    width:auto;
    margin: 10px;  
    margin-left:40px;
}


.navlabel[b-w791xv7ukx] {
    color: #066f8f;
    font-size: 34px;
    font-weight: bold;
    animation: spellCast 2s ease-out forwards;
}

    .navlabel:hover[b-w791xv7ukx] {
        cursor: pointer;
        color: #2e97bf;       
    }







.LabelsContainer[b-w791xv7ukx]{
    margin-top:30px;
    display:flex;
    justify-content:center;
}



.Footer[b-w791xv7ukx] {
    position: fixed;
    left: 0;
    bottom: 0;    
    height: 15vh;
    margin-left: 15vw;
    margin-right: auto;
    width: 70vw;
    background-image: linear-gradient(180deg, #00577a 0%, #e9f3f7 100%);
}



@media (max-width: 1200px) {
    .TopicsGrid[b-w791xv7ukx] {
        /*background: url('/HobbyWizardFadedBackground.jpg') repeat-y;*/
        display: inline-grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 10px;
        row-gap: 10px;
        /*margin-left:15px;*/
        width: 100vw;
        object-fit:contain;
        padding:0px;
    }

    .TopicsContainer[b-w791xv7ukx] {

        height: 100%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        object-fit:fill;
    }

}


@media (max-width: 900px) {

    .TopicsGrid[b-w791xv7ukx] {
        
        display: inline-grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
        row-gap: 10px;
        left:0px;
        width:100vw;
        font-size:10px;
        /*margin-left:15px;*/
    }

    .navlabel[b-w791xv7ukx]{
        font-size:12px;
    }

    .TopicLinksContainer[b-w791xv7ukx] {
        max-height: 50vh;
        overflow-y: scroll;
        top:20vh;
    }
}

@media (max-width: 600px) {

    .TopicsGrid[b-w791xv7ukx] {
        display: inline-grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
        row-gap: 10px;
        /*margin-left:15px;*/
        width:100vw;
    }

    .navlabel[b-w791xv7ukx] {
        font-size: 12px;
    }

    .TopicLinksContainer[b-w791xv7ukx] {
        max-height: 50vh;
        overflow-y: scroll;
    }
}




/* _content/HobbyGuru/Pages/LoginPage.razor.rz.scp.css */
.LoginContainer[b-jmy4s8t5of]
{
    display:flex;
    flex-direction:column;
    width:300px;    
    margin-left:20vw;
    margin-top:10vh;
}



.RegisterContainer[b-jmy4s8t5of]{
    margin-top:30px;
}

@media (max-width: 930px) {

    .LoginContainer[b-jmy4s8t5of] {
        display: flex;
        flex-direction: column;
        width: 300px;
        margin-left: 5vw;
        margin-top: 10vh;
    }

}
/* _content/HobbyGuru/Pages/Register.razor.rz.scp.css */


.RegisterControlsContainer[b-cp69m93n8i] {
    display: flex;
    flex-direction: column;
    width: 500px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-radius: 8px;
    padding: 20px;
    margin-left:25vw;
    margin-top:5vh;
    background-color:white;
}

.SubmitButtonContainer[b-cp69m93n8i]{
    justify-content:right;
}

.btn-primary[b-cp69m93n8i]{
    width:200px;
    margin-right:0px;
    margin-left:auto;
}

.ControlContainer[b-cp69m93n8i] {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}


.ErrorLabel[b-cp69m93n8i]{
    font-size:14px;
    font-weight:bold;
    color:darkred;
}

.CorrectLabel[b-cp69m93n8i]{
    font-size:14px;
    font-weight:normal;
    color:darkgreen;
}

.normal-label[b-cp69m93n8i]{
    font-size:14px;
    color:darkblue;
    font-weight:normal;
}



@media (max-width: 900px) {

    content[b-cp69m93n8i]{
        padding-left:0;
        margin-left:0;
    }

    .RegisterControlsContainer[b-cp69m93n8i] {
        display: flex;
        flex-direction: column;
        width: 95%;
        border-style: solid;
        border-width: 1px;
        border-color: black;
        border-radius: 8px;
        padding: 10px;
        margin-left: 10px;
        margin-top: 10px;
        background-color: white;
    }

    .SubmitButtonContainer[b-cp69m93n8i] {
        justify-content: right;
    }

    .btn-primary[b-cp69m93n8i] {
        width: 200px;
        margin-right: 0px;
        margin-left: auto;
    }

    .ControlContainer[b-cp69m93n8i] {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }


    .ErrorLabel[b-cp69m93n8i] {
        font-size: 10px;
        font-weight: bold;
        color: darkred;
    }

    .CorrectLabel[b-cp69m93n8i] {
        font-size: 10px;
        font-weight: normal;
        color: darkgreen;
    }

    .normal-label[b-cp69m93n8i] {
        font-size: 10px;
        color: darkblue;
        font-weight: normal;
    }

}
/* _content/HobbyGuru/Shared/BannerComponent.razor.rz.scp.css */
.BannerContainer[b-fy5m25crvi] {
    height: 120px;
    /*background-image: linear-gradient(90deg, #957acf 0%, #1f0459 70%);*/
    background-color:white;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    width: 50vw;
}

.LoginContainer[b-fy5m25crvi]{
    display:flex;
    flex-direction:column;
    width:300px;
    margin-top:10px;
    margin-right:30px;
    margin-left:auto;
}

.logoimage[b-fy5m25crvi]{
    height:100%;
    margin-right:40px;
}

.WelcomeContainer[b-fy5m25crvi] {
    display: flex;
    flex-direction: column;
    width: 300px;
    margin-top: 10px;
    margin-right: 30px;
    margin-left: auto;
}

.LabelContainer[b-fy5m25crvi] {    
    cursor: pointer;
}

.BannerLabel[b-fy5m25crvi] {
    width:100%;
    height:100%;
    object-fit: contain;
}

.loginbutton[b-fy5m25crvi] {
    width: 150px;
    margin-right: 0px;
    margin-left: auto;
    background-color: #422552;
}

.WelcomeLabel[b-fy5m25crvi]{
    font-weight:bold;
    font-size:16px;
    color:white;
}

@media (max-width: 930px) {
    .BannerContainer[b-fy5m25crvi] {
        display:flex;
        flex-direction:column;
        margin-left:auto;
        margin-right:auto;
        height:auto;
        width:100%;
       
    }

    .LabelContainer[b-fy5m25crvi] {
        margin-right:10px;
        margin-left:5px;
    }

    .logoimage[b-fy5m25crvi] {
        height: 0px;  /*doesn't really fit in a mobile screen */
        margin-right: 40px;
    }

    .LoginContainer[b-fy5m25crvi]{
        margin-left:auto;
        margin-right:auto;
        width:80%;
        margin-bottom:20px;
    }

    .loginbutton[b-fy5m25crvi]{
        font-size:12px;
    }
}
/* _content/HobbyGuru/Shared/Footer_Component.razor.rz.scp.css */
.Footer[b-w012kdjauy] {
/*    position: relative;
*/    left: 0;
    /*bottom: 0;*/
    margin-bottom:10px;
    margin-top:auto;
    height: 15vh;
    margin-left: 15vw;
    margin-right: auto;
    width: 70vw;
    background-image: linear-gradient(180deg, #00577a 0%, #e9f3f7 100%);
}

.LabelsContainer[b-w012kdjauy] {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
/* _content/HobbyGuru/Shared/MainLayout.razor.rz.scp.css */
.page[b-1zw6sytx5z] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-1zw6sytx5z] {
    flex: 1;
}

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

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

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

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

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

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

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

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

    .sidebar[b-1zw6sytx5z] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

    .top-row[b-1zw6sytx5z], article[b-1zw6sytx5z] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}