@import '_content/LeafletForBlazor/LeafletForBlazor.bundle.scp.css';

/* _content/BlazorApp5/Pages/Gallery1.razor.rz.scp.css */
/*.gallery {
    --s: 150px;*/ /* control the size */
    /*--g: 10px;*/ /* control the gap */
    /*--f: 1.5;*/ /* control the scale factor */

    /*display: grid;
    gap: var(--g);
    width: calc(3*var(--s) + 2*var(--g));
    aspect-ratio: 1;
    grid-template-columns: repeat(3,auto);
}

    .gallery > img {
        width: 0;
        height: 0;
        min-height: 100%;
        min-width: 100%;
        object-fit: cover;
        cursor: pointer;
        filter: grayscale(80%);
        transition: .35s linear;
    }

    .gallery img:hover {
        filter: grayscale(0);
        width: calc(var(--s)*var(--f));
        height: calc(var(--s)*var(--f));
    }


body {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-content: center;
    background: #60c4ff;
}*/
/* _content/BlazorApp5/Pages/Gallery2.razor.rz.scp.css */
.album .responsive-container-block[b-zpmssmpp8j] {
    min-height: 75px;
    height: fit-content;
    width: 100%;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    justify-content: flex-start;
}

    .album .responsive-container-block.bg[b-zpmssmpp8j] {
        max-width: 1320px;
        margin: 0 0 0 0;
        justify-content: space-between;
    }

.album .img[b-zpmssmpp8j] {
    width: 100%;
    margin: 0 0 20px 0;
}

.album #i9rb[b-zpmssmpp8j] {
    color: black;
}

.album #ir6i[b-zpmssmpp8j] {
    color: black;
}

.album #ikz3b[b-zpmssmpp8j] {
    color: black;
}

.album .responsive-container-block.img-cont[b-zpmssmpp8j] {
    flex-direction: column;
    max-width: 33.3%;
    min-height: auto;
    margin: 0 0 0 0;
    height: 100%;
}

.album #ipix[b-zpmssmpp8j] {
    color: black;
}

.album #ipzoh[b-zpmssmpp8j] {
    color: black;
}

.album #ig5q8[b-zpmssmpp8j] {
    color: black;
}

.album #imtzl[b-zpmssmpp8j] {
    color: black;
}

.album #i53es[b-zpmssmpp8j] {
    color: black;
}

.album .img.img-big[b-zpmssmpp8j] {
    height: 50%;
    margin: 0 0 16px 0;
}

@media (max-width: 1024px) {
    .album .img[b-zpmssmpp8j] {
        margin: 0 0 18px 0;
    }
}

@media (max-width: 768px) {
    .album .img[b-zpmssmpp8j] {
        max-width: 32.5%;
        margin: 0 0 0 0;
    }

    .album .responsive-container-block.bg[b-zpmssmpp8j] {
        flex-direction: column;
    }

    .album .responsive-container-block.img-cont[b-zpmssmpp8j] {
        max-width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    .album .img.img-big[b-zpmssmpp8j] {
        max-width: 49%;
        margin: 0 0 0 0;
    }
}

@media (max-width: 500px) {
    .album .img[b-zpmssmpp8j] {
        max-width: 94%;
        margin: 0 0 25px 0;
    }

    .album .responsive-container-block.img-cont[b-zpmssmpp8j] {
        flex-direction: column;
        align-items: center;
        padding: 10px 10px 10px 10px;
    }

    .album .img.img-big[b-zpmssmpp8j] {
        max-width: 94%;
        margin: 0 0 25px 0;
    }

    .album .img.img-last[b-zpmssmpp8j] {
        margin: 0 0 5px 0;
    }
}
/* _content/BlazorApp5/Pages/Gallery2_Copy.razor.rz.scp.css */
.gallery[b-208dwu8rzb] {
    /*--s: 150px;*/ /* control the size */
    /*--g: 10px;*/ /* control the gap */
    /*--f: 1.5;*/ /* control the scale factor */


    --s: 150px;  /*control the size */
    --g: 10px;  /*control the gap*/ 
    --f: 2;  /*control the scale factor*/ 


    display: grid;
    gap: var(--g);
    width: calc(3*var(--s) + 2*var(--g));
    aspect-ratio: 1;
    grid-template-columns: repeat(3,auto);
}

    .gallery > img[b-208dwu8rzb] {
        width: 0;
        height: 0;
        min-height: 100%;
        min-width: 100%;
        object-fit: cover;
        cursor: pointer;
        filter: grayscale(80%);
        transition: .35s linear;
    }

    .gallery img:hover[b-208dwu8rzb] {
        filter: grayscale(0);
        width: calc(var(--s)*var(--f));
        height: calc(var(--s)*var(--f));
    }


body[b-208dwu8rzb] {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-content: center;
    background: #60c4ff;
}
/* _content/BlazorApp5/Pages/Index.razor.rz.scp.css */
body[b-h3ygcbqhgq] {
}

#parallax-container[b-h3ygcbqhgq] {

    /* The image used */
    background-image: url("Images/Web-Designer-Tools.jpeg");

    /* Set a specific height */
    min-height: 30%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


body[b-h3ygcbqhgq] {
    background-color: #52ACFF;
    background-image: linear-gradient(180deg, #52ACFF 25%, #FFE32C 100%);
}


/* center the blockquote in the page */
.blockquote-wrapper[b-h3ygcbqhgq] {
    display: flex;
    height: 100vh;
    padding: 0 20px;
}

/* Blockquote main style */
.blockquote[b-h3ygcbqhgq] {
    position: relative;
    font-family: 'Persian Gulf';
    font-weight: 800;
    color: #ffffff;
    padding: 30px 0;
    /*padding: 10px 10px;*/
    width: 100%;
    max-width: 500px;
    z-index: 1;
    /*margin: 80px auto;*/
    margin: 80px auto;
    align-self: center;
    border-top: solid 1px;
    border-bottom: solid 1px;
    /* text-align:justify;*/
}

    /* Blockquote header */
    .blockquote h1[b-h3ygcbqhgq] {
        position: relative;
        color: #FFFFFF;
        font-size: 40px;
        font-weight: 800;
        line-height: 1;
        margin: 0;
        /*text-align:justify;
        margin-left:auto;
        margin-right:0;*/
    }

    /* Blockquote right double quotes */
    .blockquote[b-h3ygcbqhgq]:after {
        position: absolute;
        content: "”";
        color: rgba(255, 255, 255, 1);
        font-size: 10rem;
        line-height: 0;
        bottom: -43px;
        right: 30px;
    }

/* increase header size after 600px */
@media all and (min-width: 600px) {
    .blockquote h1[b-h3ygcbqhgq] {
        font-size: 60px;
    }
}


/*make the site responsive*/

@media (max-width: 768px) {
    .custom-box[b-h3ygcbqhgq] {
        font-size: 14px;
        padding: 10px;
    }
}

@media (min-width: 769px) {
    .custom-box[b-h3ygcbqhgq] {
        font-size: 18px;
        padding: 20px;
    }
}






/* Blockquote subheader */
.blockquote h4[b-h3ygcbqhgq] {
    position: relative;
    /*color: #292a2b;*/
    color: azure;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding-top: 20px;
    z-index: 1;
}

/*Floating button form contact*/

.floating-button[b-h3ygcbqhgq] {
    position: fixed;
    bottom: 20px;
    /*right: 20px;*/
    left:20px;
    /* background: linear-gradient(135deg, #28a745, #218838);*/
    background: #F5B027;
    color: black;
    padding: 14px 24px;
    border-radius: 50px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 8px 16px rgba(0,0,0,0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    z-index: 9999;
    border-style: solid;
    border-width: 2px;
    border-color: white;
    font-family: 'Persian Gulf';
    /*font-family:kha*/
}

    .floating-button:hover[b-h3ygcbqhgq] {
        transform: scale(1.1);
        box-shadow: 0 12px 24px rgba(0,0,0,0.4);
    }


/*footer*/


footer[b-h3ygcbqhgq] {
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='70' height='8' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(33, 90%, 65%, 1)'/><path d='M-.02 22c8.373 0 11.938-4.695 16.32-9.662C20.785 7.258 25.728 2 35 2c9.272 0 14.215 5.258 18.7 10.338C58.082 17.305 61.647 22 70.02 22M-.02 14.002C8.353 14 11.918 9.306 16.3 4.339 20.785-.742 25.728-6 35-6 44.272-6 49.215-.742 53.7 4.339c4.382 4.967 7.947 9.661 16.32 9.664M70 6.004c-8.373-.001-11.918-4.698-16.3-9.665C49.215-8.742 44.272-14 35-14c-9.272 0-14.215 5.258-18.7 10.339C11.918 1.306 8.353 6-.02 6.002'  stroke-width='1.5' stroke='hsla(4, 90%, 58%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")
}

footer h1[b-h3ygcbqhgq] {
    position: relative;
    color: #292a2b;
    /*font-size: 40px;*/
    font-weight: 800;
    line-height: 1;
    font-family: 'Persian Gulf';
}
/* _content/BlazorApp5/Shared/MainLayout.razor.rz.scp.css */
.page[b-ry09tazkcs] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-ry09tazkcs], article[b-ry09tazkcs] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/BlazorApp5/Shared/MainLayout3.razor.rz.scp.css */

footer[b-ofqwbegoon] {
    background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='70' height='8' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(33, 90%, 65%, 1)'/><path d='M-.02 22c8.373 0 11.938-4.695 16.32-9.662C20.785 7.258 25.728 2 35 2c9.272 0 14.215 5.258 18.7 10.338C58.082 17.305 61.647 22 70.02 22M-.02 14.002C8.353 14 11.918 9.306 16.3 4.339 20.785-.742 25.728-6 35-6 44.272-6 49.215-.742 53.7 4.339c4.382 4.967 7.947 9.661 16.32 9.664M70 6.004c-8.373-.001-11.918-4.698-16.3-9.665C49.215-8.742 44.272-14 35-14c-9.272 0-14.215 5.258-18.7 10.339C11.918 1.306 8.353 6-.02 6.002'  stroke-width='1.5' stroke='hsla(4, 90%, 58%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")
}

    footer h1[b-ofqwbegoon] {
        position: relative;
        color: #292a2b;
        /*font-size: 40px;*/
        font-weight: 800;
        line-height: 1;
        font-family: 'Montserrat', sans-serif;
    }
/* _content/BlazorApp5/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-am099c87q9] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-am099c87q9] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-am099c87q9] {
    font-size: 1.1rem;
}

.oi[b-am099c87q9] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-am099c87q9] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-am099c87q9] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-am099c87q9] {
        padding-bottom: 1rem;
    }

    .nav-item[b-am099c87q9]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-am099c87q9]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-am099c87q9]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-am099c87q9] {
        display: none;
    }

    .collapse[b-am099c87q9] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}