/* _content/BrushAndByte/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-s7yysk0fmb] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-s7yysk0fmb] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

   
/* _content/BrushAndByte/Components/Layout/NavMenu.razor.rz.scp.css */
/*Navbar*/
.navbar-dark[b-sdb5va5gld] {
    background-color: #1f1f2b; /*Blue-Black*/
    /*position: fixed;*/
    font-family: Montserrat;
    font-weight: 500;
    top: 0;
    width: 100%;
    z-index: 100;
}

.navbar-nav li a[b-sdb5va5gld] {
    font-size: 20px;
    color: #E0E0E0; /*Off-White*/
}

.nav-item span[b-sdb5va5gld] {
    color: #E0E0E0; /*Off-White*/
    font-size: 20px;
}

    .nav-item span:hover[b-sdb5va5gld] {
        color: #49B865; /*Green*/
    }

.MenuItem:hover[b-sdb5va5gld] {
    background-color: #2d2d3d; /*Blue-Black - Lighter Shade*/
    border-radius: 5px;
}

/*DROP-DOWN*/
.dropdown-menu[b-sdb5va5gld] {
    background-color: #1f1f2b; /*Blue-Black*/
    border-radius: 5px;
}

.navbar-nav li a:hover[b-sdb5va5gld] {
    color: #49B865; /*Green*/
    background-color: #2d2d3d; /*Blue-Black - Lighter Shade*/
    border-radius: 5px;
}

/*Navbar Drop-down Items*/
.dropdown-menu li a:hover[b-sdb5va5gld] {
    color: #49B865; /*Green*/
    background-color: #2d2d3d; /*Blue-Black - Lighter Shade*/
}

/*NAVBAR ICON*/
.navbar-brand[b-sdb5va5gld] {
    width: 45px;
    height: 45px;
    margin-left: 30px;
    background-image: url('/Images/NavIcon.png');
    background-size: cover;
}

    .navbar-brand:hover[b-sdb5va5gld] {
        background-color: #2d2d3d; /*Blue-Black - Lighter Shade*/
    }
/* _content/BrushAndByte/Components/Pages/FathersDay.razor.rz.scp.css */
body[b-0ydxspga3y] {
    background-color: #1E1F2B; /*Blue-Black*/
}

.Header[b-0ydxspga3y] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .Header img[b-0ydxspga3y] {
        width: 15vw;
        min-width: 100px;
        max-width: 1100px;
    }

#favicon1[b-0ydxspga3y] {
    width: 6vw;
    min-width: 50px;
}

#favicon2[b-0ydxspga3y] {
    width: 6vw;
    transform: rotateY(180deg);
    min-width: 50px;
}

#blueBlack[b-0ydxspga3y] {
    color: #1E1F2B; /*Blue-Black*/
}

#green[b-0ydxspga3y] {
    color: #49B865; /*Green*/
}

h4[b-0ydxspga3y] {
    font-size: clamp(18px, 8vw, 45px);
}

h5[b-0ydxspga3y] {
    font-size: clamp(18px, 8vw, 25px);
    font-weight: 400;
}

/*HEADING*/
.Heading[b-0ydxspga3y] {
    box-shadow: inset 0 55px 40px -15px #1E1F2B,inset 0 -55px 40px 0 #1E1F2B;
}

    .Heading h1[b-0ydxspga3y] {
        font-size: clamp(45px, 10vw, 95px);
        font-variant: small-caps;
        color: #E0E0E0; /*Off-White*/
        line-height: 1;
        text-shadow: 3px 3px 10px #222222;
    }

    .Heading h4[b-0ydxspga3y] {
        color: #E0E0E0; /*Off-White*/
        font-variant: small-caps;
        font-weight: 600;
        padding: 30px 0 30px 0;
        text-shadow: 3px 3px 7px #222222;
        line-height: 1;
    }
/*HEADING*/

.Intro h4[b-0ydxspga3y] {
    line-height: 1.2;
    font-variant: small-caps;
    font-weight: 400;
    font-size: clamp(18px, 8vw, 35px) !important;
}

/*BODY*/

.Content p[b-0ydxspga3y] {
    font-size: clamp(16px, 6vw, 22px);
}

    .Reasons p[b-0ydxspga3y], ul[b-0ydxspga3y] {
        text-align: justify;
        font-family: Montserrat;
        font-size: clamp(16px, 6vw, 22px);
    }

#SketchTop[b-0ydxspga3y] {
    width: 30vw;
    max-width: 900px;
    min-width: 200px;
}

.CallToAction[b-0ydxspga3y] {
    padding-bottom: 50px;
}

.CallToAction h4[b-0ydxspga3y] {
    line-height: 1.2;
    font-variant: small-caps;
    font-weight: 400;
    font-size: clamp(18px, 8vw, 35px) !important;
}

.MoreExamples[b-0ydxspga3y] {
    margin: 0px !important;
    width: 100%;
}

.Images[b-0ydxspga3y] {
    padding: 0px 0px 0px 0px;
}

    .Images img[b-0ydxspga3y] {
        width: 100%;
    }



/*BODY*/
/* _content/BrushAndByte/Components/Pages/Home.razor.rz.scp.css */
.Header[b-7ro2rr4wgg] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.Header img[b-7ro2rr4wgg] {
    width: 15vw;
    min-width: 100px;
    max-width: 1100px;
}

#favicon1[b-7ro2rr4wgg] {
    width: 6vw;
    min-width: 50px;
}

#favicon2[b-7ro2rr4wgg] {
    width: 6vw;
    transform: rotateY(180deg);
    min-width: 50px;
}

#blueBlack[b-7ro2rr4wgg] {
    color: #1E1F2B; /*Blue-Black*/
}

#green[b-7ro2rr4wgg] {
    color: #49B865; /*Green*/
}

#purple[b-7ro2rr4wgg] {
    color: #653892; /*Purple*/
}

h2[b-7ro2rr4wgg] {
    font-size: clamp(22px, 12vw, 65px);
}

h4[b-7ro2rr4wgg] {
    font-size: clamp(18px, 8vw, 45px);
}

h5[b-7ro2rr4wgg] {
    font-size: clamp(18px, 8vw, 35px);
    font-weight: 400;
}

p[b-7ro2rr4wgg]{

}

/*HEADING*/
.Heading[b-7ro2rr4wgg] {
    box-shadow: inset 0 55px 40px -15px #1E1F2B,inset 0 -55px 40px 0 #1E1F2B;
}

    .Heading h1[b-7ro2rr4wgg] {
        font-size: clamp(45px, 10vw, 95px);
        font-variant: small-caps;
        color: #E0E0E0; /*Off-White*/
        line-height: 1;
        text-shadow: 3px 3px 10px #222222;
    }

.Heading h4[b-7ro2rr4wgg] {
    color: #E0E0E0; /*Off-White*/
    font-variant: small-caps;
    font-weight: 600;
    padding: 30px 0 30px 0;
    text-shadow: 3px 3px 7px #222222;
    line-height: 1;
}
/*HEADING*/

/*INTRO*/
.Intro h4[b-7ro2rr4wgg] {
    line-height: 1.2;
    font-variant: small-caps;
    font-weight: 400;
}

#IntroImg[b-7ro2rr4wgg] {
    width: 6vw;
    min-width: 70px;
}
/*INTRO*/

/*OFFERS*/
.Offer[b-7ro2rr4wgg] {
    background-color: #3c4364;
    border-radius: 50px;
    margin: 10px;
    /*width: 28vw;*/
}

    .Offer h3[b-7ro2rr4wgg] {
        font-size: clamp(24px, 3vw, 35px) !important;
        padding-top: 30px;
    }

    .Offer p[b-7ro2rr4wgg] {
        font-family: Montserrat;
        font-size: clamp(18px, 8vw, 25px);
        padding: 10px 0 10px 0;
    }

    .Offer img[b-7ro2rr4wgg] {
        width: 18vw;
        min-width: 190px;
        border-radius: 50px;
    }
/*OFFERS*/

/*ABOUT*/
.AboutPhoto img[b-7ro2rr4wgg] {
    width: 40%;
    border-radius: 50%;
    float: left;
    shape-outside: circle(50%);
    margin-right: 2rem;
}

@media only screen and (max-width: 400px) {
    .AboutPhoto img[b-7ro2rr4wgg] {
        float: none;
        width: 100%;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width: 1200px) {
    /* For mobile phones: */
    #Headings[b-7ro2rr4wgg] {
        font-size: clamp(20px, 12vw, 90px);
        letter-spacing: 10px;
    }
}

.AboutInfo h1[b-7ro2rr4wgg] {
    color: #49B865; /*Green*/
    font-family: Montserrat;
    font-weight: 600;
    font-variant: small-caps;
}

.AboutInfo p[b-7ro2rr4wgg] {
    text-align: justify;
    font-size: clamp(18px, 4vw, 24px);
    font-family: Montserrat;
}

/*.Icons {
    display: flex;
}*/

.Icons h6[b-7ro2rr4wgg] {
    color: #49B865; /*Green*/
    font-family: Montserrat;
    font-size: clamp(20px, 10vw, 25px);
    font-weight: 600;
    font-variant: small-caps;
}

.Icons img[b-7ro2rr4wgg] {
    width: 3vw;
    padding-right: 0px;
    min-width: 50px;
}
/*ABOUT*/

/*CERTIFICATES*/
.Certificates img[b-7ro2rr4wgg] {
    width: 100%;
    padding: 10px;
    min-width: 220px;
}

/*REVIEWS*/
.Review[b-7ro2rr4wgg] {
    background-color: #3c4364;
    border-radius: 50px;
    margin: 10px;
}

.Reviews img[b-7ro2rr4wgg] {
    max-width: 35px;
    padding-top: 20px;
}

.Reviews p[b-7ro2rr4wgg] {
    font-family: Montserrat;
    font-size: clamp(18px, 8vw, 20px);
    padding: 20px 20px 10px 20px;
}

.Reviews h4[b-7ro2rr4wgg] {
    font-size: clamp(18px, 8vw, 22px);
    font-weight: 600;
    padding-bottom: 20px;
}
/* _content/BrushAndByte/Components/Pages/PhotoFrameSketches.razor.rz.scp.css */
body[b-ojdwyc1rhn] {
    background-color: #1E1F2B; /*Blue-Black*/
}

.Header[b-ojdwyc1rhn] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .Header img[b-ojdwyc1rhn] {
        width: 15vw;
        min-width: 100px;
        max-width: 1100px;
    }

#favicon1[b-ojdwyc1rhn] {
    width: 6vw;
    min-width: 50px;
}

#favicon2[b-ojdwyc1rhn] {
    width: 6vw;
    transform: rotateY(180deg);
    min-width: 50px;
}

#blueBlack[b-ojdwyc1rhn] {
    color: #1E1F2B; /*Blue-Black*/
}

#green[b-ojdwyc1rhn] {
    color: #49B865; /*Green*/
}

h4[b-ojdwyc1rhn] {
    font-size: clamp(18px, 8vw, 45px);
}

h5[b-ojdwyc1rhn] {
    font-size: clamp(18px, 8vw, 25px);
    font-weight: 400;
}

/*HEADING*/
.Heading[b-ojdwyc1rhn] {
    box-shadow: inset 0 55px 40px -15px #1E1F2B,inset 0 -55px 40px 0 #1E1F2B;
}

    .Heading h1[b-ojdwyc1rhn] {
        font-size: clamp(45px, 10vw, 95px);
        font-variant: small-caps;
        color: #E0E0E0; /*Off-White*/
        line-height: 1;
        text-shadow: 3px 3px 10px #222222;
    }

    .Heading h4[b-ojdwyc1rhn] {
        color: #E0E0E0; /*Off-White*/
        font-variant: small-caps;
        font-weight: 600;
        padding: 30px 0 30px 0;
        text-shadow: 3px 3px 7px #222222;
        line-height: 1;
    }
/*HEADING*/

.Intro h4[b-ojdwyc1rhn] {
    line-height: 1.2;
    font-variant: small-caps;
    font-weight: 400;
    font-size: clamp(18px, 8vw, 35px) !important;
}

/*BODY*/

.Content p[b-ojdwyc1rhn] {
    font-size: clamp(16px, 6vw, 22px);
}

.Reasons p[b-ojdwyc1rhn], ul[b-ojdwyc1rhn] {
    text-align: justify;
    font-family: Montserrat;
    font-size: clamp(16px, 6vw, 22px);
}

#SketchTop[b-ojdwyc1rhn] {
    width: 30vw;
    max-width: 900px;
    min-width: 200px;
}

.CallToAction[b-ojdwyc1rhn] {
    padding-bottom: 50px;
}

    .CallToAction h4[b-ojdwyc1rhn] {
        line-height: 1.2;
        font-variant: small-caps;
        font-weight: 400;
        font-size: clamp(18px, 8vw, 35px) !important;
    }

.MoreExamples[b-ojdwyc1rhn] {
    margin: 0px !important;
    width: 100%;
}

.Images[b-ojdwyc1rhn] {
    padding: 0px 0px 0px 0px;
}

    .Images img[b-ojdwyc1rhn] {
        width: 100%;
    }



/*BODY*/
/* _content/BrushAndByte/Components/Pages/Projects/Brush/CharcoalSeries.razor.rz.scp.css */
.Content h1[b-8xna2avkak] {
    font-size: clamp(35px, 9vw, 60px);
    font-family: Stopbuck;
}

h2[b-8xna2avkak] {
    font-family: Stopbuck;
}

.Content h3[b-8xna2avkak] {
    font-size: clamp(25px, 6vw, 40px);
    font-family: Stopbuck;
}

.Content p[b-8xna2avkak] {
    font-size: clamp(16px, 6vw, 22px);
    font-family: Montserrat;
}

#SketchTop[b-8xna2avkak] {
    width: 40vw;
    max-width: 900px;
    min-width: 200px;
}

.Images img[b-8xna2avkak] {
    width: 100%;
}

#otherWorks[b-8xna2avkak] {
    font-size: clamp(28px, 10vw, 30px);
}

.LinkContainer[b-8xna2avkak] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30vh;
    padding: 0;
    transition: height, .8s ease;
    text-decoration: none;
    color: #1E1F2B; /*Blue-Black*/
}

    .LinkContainer h2[b-8xna2avkak] {
        font-family: Montserrat;
        font-weight: 600;
        font-variant: small-caps;
        font-size: clamp(28px, 10vw, 30px);
    }

    .LinkContainer:hover[b-8xna2avkak] {
        height: 13vw;
    }

.Brush1[b-8xna2avkak] {
    background-color: #653892; /*Purple*/
    border-radius: 50% / 50% 20% 10% 20%;
    color: #E0E0E0; /*Off-White*/
}

.Brush2[b-8xna2avkak] {
    background-color: #49B865; /*Green*/
    border-radius: 50% / 10% 20% 50% 20%;
}
/* _content/BrushAndByte/Components/Pages/Projects/Byte/BrandingCabombaContent.razor.rz.scp.css */
@font-face {
    font-family: 'comfortaa-variablefont_wght';
    src: url('fonts/cabomba/comfortaa-variablefont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'carton_six';
    src: url('fonts/cabomba/carton_six.ttf') format('truetype');
}

@font-face {
    font-family: 'arco';
    src: url('fonts/cabomba/arco.ttf') format('truetype');
}

.CabombaHeader[b-6xhf4vg0tb] {
    position: relative;
    background-image: url('/Images/Byte/Cabomba/CabombaHeader.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 100%;
    align-items: center;
    padding-top: 150px !important;
    padding-bottom: 150px !important;
    margin-bottom: 0;
}

    .CabombaHeader h1[b-6xhf4vg0tb] {
        font-size: clamp(45px, 10vw, 80px);
        font-family: ARCO;
        color: #d9176d;
    }

    .CabombaHeader h2[b-6xhf4vg0tb] {
        font-size: clamp(30px, 8vw, 65px);
        font-family: 'Carton Six';
        color: #d9176d;
        background-color: #efbc1c;
        margin-left: 24%;
        margin-right: 24%;
        border-radius: 10px;
        padding: 0.3em;
        transform: rotate(3deg);
    }

        .CabombaHeader h2:hover[b-6xhf4vg0tb] {
            transform: rotate(-3deg);
        }

    .CabombaHeader img[b-6xhf4vg0tb] {
        width: 90%;
        max-width: 1000px;
    }

.Content[b-6xhf4vg0tb] {
    background-color: #5e428a;
}

.Content h2[b-6xhf4vg0tb] {
    font-family: 'Carton Six';
    color: whitesmoke;
}

    .Content p[b-6xhf4vg0tb] {
        font-size: clamp(16px, 6vw, 18px);
        font-family: Comfortaa;
        color: #efbc1c;
    }

.Owlies img[b-6xhf4vg0tb] {
    width: 20vw;
    min-width: 200px;
}

/*LOGO REVEAL ANIMATION*/
.LogoReveal[b-6xhf4vg0tb] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('/Images/Byte/Cabomba/CabombaOldLogo.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20% 40%;
    width: 55vw;
    height: 45vw;
    max-height: 350px;
    max-width: 450px;
    min-height: 250px;
    min-width: 350px;
    box-shadow: inset 0 0 0 #d9176d, inset 0 0 0 #4fc6df, inset 0 0 0 #d9176d, inset 0 0 0 #4fc6df;
    transition: box-shadow ease-in-out 1s, color ease-in-out .5s, transform 2s ease;
    border: 2px, solid, #efbc1c;
}

    .LogoReveal:hover[b-6xhf4vg0tb] {
        background-image: url('/Images/Byte/Cabomba/CabombaLogo.png');
        box-shadow: inset -300px -300px 0 transparent, inset 300px -300px 0 transparent, inset -300px 300px 0 transparent, inset 300px 300px 0 transparent;
        transform: scale(1.03);
        border: none;
    }

.TypographyAndColours img[b-6xhf4vg0tb]{
    width: 90%;
}

.Owlie[b-6xhf4vg0tb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55vw;
    height: 45vw;
    max-height: 350px;
    max-width: 450px;
    min-height: 250px;
    min-width: 350px;
    background-image: url('/Images/Byte/Cabomba/CabombaOwlie1.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: box-shadow ease-in-out 1s, color ease-in-out .5s, transform 2s ease;
}

    .Owlie:hover[b-6xhf4vg0tb] {
        background-image: url('/Images/Byte/Cabomba/CabombaOwlie2.png');
    }
}

CabombaSocials img[b-6xhf4vg0tb] {
    width: 2vw;
    padding-right: 0px;
    min-width: 55px;
}

.Icons img[b-6xhf4vg0tb] {
    width: 4vw;
    padding-right: 0px;
    min-width: 55px;
}

.Images img[b-6xhf4vg0tb] {
    width: 100%;
}

.CabombaLinks[b-6xhf4vg0tb] {
    display: flex;
}

.OtherWorks[b-6xhf4vg0tb] {
    font-family: Stopbuck !important;
}

.LinkContainer[b-6xhf4vg0tb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 30vh;
    padding: 0;
    transition: height, .8s ease;
    text-decoration: none;
    color: #1E1F2B; /*Blue-Black*/
}

    .LinkContainer h2[b-6xhf4vg0tb] {
        font-family: Montserrat;
    }

    .LinkContainer:hover[b-6xhf4vg0tb] {
        height: 13vw;
    }

.Byte1[b-6xhf4vg0tb] {
    background-color: #49B865; /*Green*/
    border-radius: 50% / 50% 20% 10% 20%;
}

.Byte2[b-6xhf4vg0tb] {
    background-color: #653892; /*Purple*/
    border-radius: 50% / 10% 20% 50% 20%;
    color: #E0E0E0; /*Off-White*/
}

#ProjectType[b-6xhf4vg0tb] {
    font-size: clamp(32px, 6vw, 38px);
    font-weight: 600;
    font-variant: small-caps;
}

#ProjectTitle[b-6xhf4vg0tb] {
    font-size: clamp(25px, 6vw, 28px);
}