/* /Components/LandingPages/LawrenceRenovations.razor.rz.scp.css */
/*HEADER*/
.LRHeader[b-y9pof6q7hn] {
    position: relative;
    background-image: url('LandingPages/LawrenceRenovations/HeaderImage.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 60%;
    align-items: center;
}

.LRHeader img[b-y9pof6q7hn] {
    width: 15vw;
}

.LRHeader h1[b-y9pof6q7hn] {
    font-family: alumnisansinlineone-regular, sans-serif;
    font-size: clamp(40px, 18vw, 100px);
    text-shadow: 2px 2px grey;
}

.LRHeader h5[b-y9pof6q7hn] {
    font-family: licorice-regular, cursive;
    font-size: clamp(30px, 10vw, 70px);
}

.LRButton[b-y9pof6q7hn] {
    background-color: #2C2F36;
    color: #FFCA7A;
    border-color: darkgray;
}

.LRButton:hover[b-y9pof6q7hn] {
    background-color: grey;
    color: whitesmoke;
    border-color: dimgrey;
}

/*CONTENT*/
.Content[b-y9pof6q7hn] {
    background-color: #FFCA7A;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.Headline[b-y9pof6q7hn] {
    font-weight: bold;
    font-size: clamp(25px, 12vw, 65px);
}

.Image[b-y9pof6q7hn] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Image img[b-y9pof6q7hn] {
    width: 100%;
    border-radius: 8px;
    float: left;
}

.Info h4[b-y9pof6q7hn] {
    font-size: clamp(25px, 12vw, 60px);
}

.Info p[b-y9pof6q7hn] {
    font-size: clamp(12px, 5vw, 30px);
}

.Info img[b-y9pof6q7hn] {
    width: 100%;
    border-radius: 8px;
}

.About[b-y9pof6q7hn] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
}

.LRServices[b-y9pof6q7hn] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.LRServices img[b-y9pof6q7hn] {
    width: 1.5vw;
    min-width: 25px;
}

.CallToAction h5[b-y9pof6q7hn] {
    font-size: clamp(15px, 7vw, 30px);
}

.LRImages img[b-y9pof6q7hn] {
    border-radius: 50%;
    width: 100%;
    min-width: 50px;
}

.LRFooter[b-y9pof6q7hn] {
    position: relative;
    background-image: url('LandingPages/LawrenceRenovations/FooterImage.png');
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 40%;
    align-items: center;
    padding-bottom: 20px !important;
}

.LRFooter p[b-y9pof6q7hn] {
    color: whitesmoke;
    font-size: clamp(12px, 4vw, 20px);
}

#Lawrence[b-y9pof6q7hn] {
    font-weight: bold;
    font-size: clamp(15px, 5vw, 25px);
}

.links a[b-y9pof6q7hn] {
    color: #FFCA7A;
    text-decoration: none;
}

.links a:hover[b-y9pof6q7hn] {
    text-decoration: underline;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/*Removes the padding around the body of the website*/
.body-content[b-sm19ovgpa6] {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

/*FOOTER*/
.HostURL[b-sm19ovgpa6] {
    text-align: center;
    color: #00bfbf;
    background-color: #1b1a3c;
    /*position: fixed;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    padding: 15px;
    font-family: mina-regular, sans-serif;
}

    .HostURL h3[b-sm19ovgpa6] {
        font-size: clamp(18px, 10vw, 40px);
    }

.MCO[b-sm19ovgpa6] {
    font-family: caveatbrush-regular, cursive;
    font-size: clamp(30px, 12vw, 50px);
    color: #ffa518;
}

.footerUrl[b-sm19ovgpa6] {
    color: #ffa518;
}

/*.footerUrl:hover {
    text-decoration: underline;
    cursor:pointer;
}*/

.ContactLinks[b-sm19ovgpa6] {
    color: #ffa518;
}

/*Contact Section Icons*/
.ContactIcons[b-sm19ovgpa6] {
    display: flex;
}

.ContactButton img[b-sm19ovgpa6] {
    /*background-color: white;*/
    /*border: 1px solid gray;*/
    padding: 2px;
    border-radius: 7px;
    width: 3vw;
    height: 3vw;
    max-width: 50px;
    min-width: 40px;
    max-height: 50px;
    min-height: 40px;
    margin-right: 5px; /* Adjust the spacing between the buttons as needed */
    margin-left: 5px;
    /*box-shadow: 3px 5px 10px rgba(23, 23, 23, 0.3);*/
}

.ContactButton:last-child[b-sm19ovgpa6] {
    margin-right: 0; /* Remove the margin on the last button */
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/*Navbar*/
.navbar-light[b-wogtr5ddea] {
    background-color: #1b1a3c !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.nav-item span[b-wogtr5ddea] {
    color: whitesmoke;
    font-size: 20px;
    font-family: mina-regular, sans-serif;
}

    .nav-item span:hover[b-wogtr5ddea] {
        color: #00cccc;
    }

.MenuItem:hover[b-wogtr5ddea] {
    background-color: #324e7d;
    border-radius: 5px;
}

.navbar-toggler[b-wogtr5ddea] {
    background-color: whitesmoke;
}

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

    .navbar-brand:hover[b-wogtr5ddea] {
        background-color: #324e7d;
    }

/*DROP-DOWN*/
.dropdown-menu[b-wogtr5ddea] {
    background-color: #18315b !important;
    border-radius: 5px;
}

.navbar-nav li a[b-wogtr5ddea] {
    font-size: 16px;
    font-size: 20px;
    color: whitesmoke;
    font-family: mina-regular, sans-serif;
}

    .navbar-nav li a:hover[b-wogtr5ddea] {
        color: #00cccc;
        background-color: #324e7d;
        border-radius: 5px;
    }

/*Navbar Drop-down Items*/
.dropdown-menu li a:hover[b-wogtr5ddea] {
    color: #00cccc;
    background-color: #324e7d;
    border-radius: 5px;
}

.dropdown-submenu li a:hover[b-wogtr5ddea] {
    color: black;
}

.dropdown-menu li[b-wogtr5ddea] {
    position: relative;
}

.dropdown-menu .dropdown-submenu[b-wogtr5ddea] {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left[b-wogtr5ddea] {
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu[b-wogtr5ddea] {
    display: block;
}
/* /Components/Pages/Advertising.razor.rz.scp.css */
.AdvertisingHeader[b-rkgeml4j6e]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background-color: blue;
    background: linear-gradient(225deg, #eb4d57, #ee2e34);
    transform: skewY(-10deg);
    transform-origin: top left;
    z-index: -1;
}

.AdvertisingImage[b-rkgeml4j6e] {
    position: relative;
    background-image: url(/Images/AdvertsPage.jpg);
    background-size: auto 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 25%;
    align-items: center;
    color: white;
    right: 0;
    min-height: 100vh;
}

.Advertising h1[b-rkgeml4j6e] {
    font-size: clamp(40px, 14vw, 70px);
    font-weight: bold;
    color: #22245f;
}

.Advertising h3[b-rkgeml4j6e] {
    color: #22245f;
}

.Advertising h4[b-rkgeml4j6e] {
    color: #00bfbf;
    font-size: 40px;
}

.Advertising p[b-rkgeml4j6e] {
    color: black;
}

/*Button*/
.AdvertisingButton[b-rkgeml4j6e] {
    background-color: #eb4d57;
    border-color: darkred;
}

.AdvertisingButton img[b-rkgeml4j6e] {
    margin-right: 5px;
}

.AdvertisingButton:hover[b-rkgeml4j6e] {
    background-color: #ee7f84;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}
/* /Components/Pages/AnimalsFound.razor.rz.scp.css */
.CancelButton[b-x8be1u4aum] {
    color: darkslategrey;
    background-color: white;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CancelButton:hover[b-x8be1u4aum] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.HelpButton[b-x8be1u4aum] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    padding: 12px 26px;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
}

.HelpButton:hover[b-x8be1u4aum] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.SaveButton[b-x8be1u4aum] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.SaveButton:hover[b-x8be1u4aum] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

/*Grid*/
.AdvertsCard[b-x8be1u4aum] {
    aspect-ratio: 9/14;
    width: 100%;
    background-color: #1b1a3c;
    color: ghostwhite;
    padding: 10px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    transition: transform 0.6s ease;
    height: 100%;
}

.AdvertsCard:hover[b-x8be1u4aum] {
    transform: scale(1.02);
}

.AdvertsCard img[b-x8be1u4aum] {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/*Link Buttons*/
.AdvertLinks[b-x8be1u4aum] {
    display: flex;
    align-items: center;
}

.LinksButton[b-x8be1u4aum] {
    background-color: ghostwhite;
    border: none;
    padding: 2px;
    border-radius: 12px;
    width: 3vw;
    height: 3vw;
    max-width: 50px;
    min-width: 40px;
    max-height: 50px;
    min-height: 40px;
    margin-right: 10px; /* Adjust the spacing between the buttons as needed */
    box-shadow: 3px 5px 10px rgba(23, 23, 23, 0.3);
}

.LinksButton:last-child[b-x8be1u4aum] {
    margin-right: 0; /* Remove the margin on the last button */
}

.LinksButton:hover[b-x8be1u4aum] {
    background-color: #c1bff770;
    box-shadow: 3px 5px 10px rgba(23, 23, 23, 0.7);
}

.PetsInfo span[b-x8be1u4aum] {
    font-weight: bold;
    color: #00bfbf;
}

.RegionInfo[b-x8be1u4aum] {
    display: flex;
    flex-direction: column;
    align-items: start;
    font-size: clamp(10px, 1vw, 16px);
}

.RegionInfo p[b-x8be1u4aum]{
    margin: 0;
}

.RegionInfo img[b-x8be1u4aum] {
    max-height: 1em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 10px;
    height: 3vw;
    width: 1vw;
}

.modal-header[b-x8be1u4aum] {
    background-color: #1b1a3c;
}

.modal-header h3[b-x8be1u4aum] {
    color: #ffa518;
}
/* /Components/Pages/AnimalsFoundResponse.razor.rz.scp.css */
/*th:nth-child(2), td:nth-child(2) {
    position: sticky;
    left: 60px;
    background-color: #FFF;
}

th:nth-child(3), td:nth-child(3) {
    position: sticky;
    left: 140px;
    background-color: #FFF;
}*/


.well[b-ef4yy59we9] {
    font-family: 'Open Sans', Helvetica, sans-serif;
    background: -moz-linear-gradient(top, #FFFFFF 20%, #D3D3D3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #FFFFFF), color-stop(100%, #D3D3D3));
    background: -webkit-linear-gradient(top, #FFFFFF 20%, #D3D3D3 50%);
    background: -o-linear-gradient(top, #FFFFFF 20%, #F8F8FF 100%);
    background: linear-gradient(to bottom, #FFFFFF 20%, #D3D3D3 100%);
    padding: 12px 12px;
    position: fixed;
    width: 100%;
    z-index: 100;
    font-size: clamp(20px, 7vw, 35px);
    font-weight: 700;
    color: #1b1a3c; 
    letter-spacing: 1px;
}

.HelpButton[b-ef4yy59we9] {
    font-size: clamp(15px, 2vw, 20px);
    display: inline-block;
}
/* /Components/Pages/AnimalsLost.razor.rz.scp.css */
.CancelButton[b-oafutpihs9] {
    color: darkslategrey;
    background-color: white;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CancelButton:hover[b-oafutpihs9] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.HelpButton[b-oafutpihs9] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    padding: 12px 26px;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
}

.HelpButton:hover[b-oafutpihs9] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.SaveButton[b-oafutpihs9] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.SaveButton:hover[b-oafutpihs9] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

/*Grid*/
.AdvertsCard[b-oafutpihs9] {
    aspect-ratio: 9/14;
    width: 100%;
    background-color: #1b1a3c;
    color: ghostwhite;
    padding: 10px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    transition: transform 0.6s ease;
    height: 100%;
}

.AdvertsCard:hover[b-oafutpihs9] {
    transform: scale(1.02);
}

.AdvertsCard img[b-oafutpihs9] {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/*Link Buttons*/
.AdvertLinks[b-oafutpihs9] {
    display: flex;
    align-items: center;
}

.LinksButton[b-oafutpihs9] {
    background-color: ghostwhite;
    border: none;
    padding: 2px;
    border-radius: 12px;
    width: 3vw;
    height: 3vw;
    max-width: 50px;
    min-width: 40px;
    max-height: 50px;
    min-height: 40px;
    margin-right: 10px; /* Adjust the spacing between the buttons as needed */
    box-shadow: 3px 5px 10px rgba(23, 23, 23, 0.3);
}

.LinksButton:last-child[b-oafutpihs9] {
    margin-right: 0; /* Remove the margin on the last button */
}

.LinksButton:hover[b-oafutpihs9] {
    background-color: #c1bff770;
    box-shadow: 3px 5px 10px rgba(23, 23, 23, 0.7);
}

.PetsInfo span[b-oafutpihs9] {
    font-weight: bold;
    color: #00bfbf;
}

.RegionInfo[b-oafutpihs9] {
    display: flex;
    flex-direction: column;
    align-items: start;
    font-size: clamp(10px, 1vw, 16px);
}

.RegionInfo p[b-oafutpihs9] {
    margin: 0;
}

.RegionInfo img[b-oafutpihs9] {
    max-height: 1em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 10px;
    height: 3vw;
    width: 1vw;
}

.AdvertWithUs h4[b-oafutpihs9] {
    font-size: clamp(12px, 8vw, 35px);
}

.AdvertsPageEnd[b-oafutpihs9]::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 40%;
    background-color: blue;
    background: linear-gradient(225deg, #fe8d38, #fbb37c);
    transform: skewY(10deg);
    transform-origin: top right;
    z-index: -2;
}

.modal-header[b-oafutpihs9] {
    background-color: #1b1a3c;
}

.modal-header h3[b-oafutpihs9] {
    color: #ffa518;
}
/* /Components/Pages/AnimalsLostResponse.razor.rz.scp.css */
/*th:nth-child(2), td:nth-child(2) {
    position: sticky;
    left: 60px;
    background-color: #FFF;
}

th:nth-child(3), td:nth-child(3) {
    position: sticky;
    left: 140px;
    background-color: #FFF;
}*/


.well[b-x4j9q59yqh] {
    font-family: 'Open Sans', Helvetica, sans-serif;
    background: -moz-linear-gradient(top, #FFFFFF 20%, #D3D3D3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #FFFFFF), color-stop(100%, #D3D3D3));
    background: -webkit-linear-gradient(top, #FFFFFF 20%, #D3D3D3 50%);
    background: -o-linear-gradient(top, #FFFFFF 20%, #F8F8FF 100%);
    background: linear-gradient(to bottom, #FFFFFF 20%, #D3D3D3 100%);
    padding: 12px 12px;
    position: fixed;
    width: 100%;
    z-index: 100;
    font-size: clamp(20px, 7vw, 35px);
    font-weight: 700;
    color: #1b1a3c; 
    letter-spacing: 1px;
}

.HelpButton[b-x4j9q59yqh] {
    font-size: clamp(15px, 2vw, 20px);
    display: inline-block;
}
/* /Components/Pages/Events.razor.rz.scp.css */
.HelpButton[b-96y2wdtf70] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    padding: 12px 26px;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
}

.HelpButton:hover[b-96y2wdtf70] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

/*Grid*/
.EventsCard[b-96y2wdtf70] {
    aspect-ratio: 9/14;
    width: 100%;
    background-color: #1b1a3c;
    color: ghostwhite;
    padding: 10px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    transition: transform 0.6s ease;
    height: 100%;
}

.EventsCard:hover[b-96y2wdtf70] {
    transform: scale(1.02);
}

.EventsCard img[b-96y2wdtf70] {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/*Link Buttons*/
.EventLinks[b-96y2wdtf70] {
    display: flex;
    align-items: center;
}

.LinksButton[b-96y2wdtf70] {
    background-color: ghostwhite;
    border: none;
    padding: 2px;
    border-radius: 12px;
    width: 3vw;
    height: 3vw;
    max-width: 50px;
    min-width: 40px;
    max-height: 50px;
    min-height: 40px;
    margin-right: 10px;  /*Adjust the spacing between the buttons as needed */
    box-shadow: 3px 5px 10px rgba(23, 23, 23, 0.3);
}

.LinksButton:last-child[b-96y2wdtf70] {
    margin-right: 0; /* Remove the margin on the last button */
}

.LinksButton:hover[b-96y2wdtf70] {
    background-color: #c1bff770;
    box-shadow: 3px 5px 10px rgba(23, 23, 23, 0.7);
}

.RegionInfo[b-96y2wdtf70] {
    display: flex;
    align-items: center;
}

.RegionInfo[b-96y2wdtf70] {
    font-size: clamp(10px, 1vw, 16px);
}

.RegionInfo img[b-96y2wdtf70] {
    max-height: 1em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    height: 3vw;
    width: 1vw;
}

/*For custom dropdown styling*/
.autocomplete[b-96y2wdtf70] {
    position: relative;
}

.autocomplete .options[b-96y2wdtf70] {
    position: absolute;
    top: 40px;
    left: 0;
    background: white;
    width: 100%;
    padding: 0;
    z-index: 10;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    box-shadow: 0 30px 25px 8px rgba(0, 0, 0, 0.1);
}

.autocomplete .option[b-96y2wdtf70] {
    display: block;
    padding: 0.25rem;
}

.autocomplete .option .option-text[b-96y2wdtf70] {
    padding: 0.25rem 0.5rem;
}

.autocomplete .option:hover[b-96y2wdtf70] {
    background: #1E90FF;
    color: #fff;
}

.autocomplete .option.disabled[b-96y2wdtf70] {
    background-color: lightgrey;
    cursor: not-allowed;
}

.autocomplete .option.disabled:hover[b-96y2wdtf70] {
    background: lightgrey;
    color: var(--bs-body);
}

.options[b-96y2wdtf70] {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* /Components/Pages/GraphicDesign.razor.rz.scp.css */
.GraphicDesignHeader[b-em6hi63uvz]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background-color: blue;
    background: linear-gradient(225deg, lightseagreen, #50a7ac);
    transform: skewY(-10deg);
    transform-origin: top left;
    z-index: -1;
}

.GraphicDesignImage[b-em6hi63uvz] {
    position: relative;
    background-image: url(/Images/GraphicDesignPage.jpg);
    background-size: auto 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 75%;
    align-items: center;
    color: white;
    right: 0;
    min-height: 100vh;
}

.GraphicDesignInfo h1[b-em6hi63uvz] {
    font-size: clamp(40px, 14vw, 70px);
    font-weight: bold;
    color: #22245f;
}

.GraphicDesignInfo h3[b-em6hi63uvz] {
    color: #22245f;
}

.GraphicDesignInfo h4[b-em6hi63uvz] {
    color: darkorange;
    font-size: 35px;
}

/*Button*/
.GraphicDesignButton img[b-em6hi63uvz] {
    margin-right: 5px;
}

.GraphicDesignButton[b-em6hi63uvz] {
    background-color: lightseagreen;
}

.GraphicDesignButton:hover[b-em6hi63uvz] {
    background-color: #88d2d4;
    border-color: midnightblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}
/* /Components/Pages/Help/AnimalsFoundHelp.razor.rz.scp.css */
.modal-header[b-hlb6vgl7fi] {
    background-color: #1b1a3c;
}

.modal-header h3[b-hlb6vgl7fi] {
    color: #ffa518;
}

.CloseButton[b-hlb6vgl7fi] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CloseButton:hover[b-hlb6vgl7fi] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.LocationInfo[b-hlb6vgl7fi] {
    display: flex;
    align-items: center;
}

.LocationInfo img[b-hlb6vgl7fi] {
    max-height: 1.8em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 12px;
    width: 30px;
    height: 30px;
}

ul[b-hlb6vgl7fi] {
    padding-left: 1.1em;
}
/* /Components/Pages/Help/AnimalsFoundHelp1.razor.rz.scp.css */
.modal-header[b-btfdjioqpt] {
    background-color: #1b1a3c;
}

.modal-header h3[b-btfdjioqpt] {
    color: #ffa518;
}

.CloseButton[b-btfdjioqpt] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CloseButton:hover[b-btfdjioqpt] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.LocationInfo[b-btfdjioqpt] {
    display: flex;
    align-items: center;
}

.LocationInfo img[b-btfdjioqpt] {
    max-height: 1.8em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 12px;
    width: 30px;
    height: 30px;
}

ul[b-btfdjioqpt] {
    padding-left: 1.1em;
}
/* /Components/Pages/Help/AnimalsLostHelp.razor.rz.scp.css */
.modal-header[b-8vpu40pey2] {
    background-color: #1b1a3c;
}

.modal-header h3[b-8vpu40pey2] {
    color: #ffa518;
}

.CloseButton[b-8vpu40pey2] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CloseButton:hover[b-8vpu40pey2] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.LocationInfo[b-8vpu40pey2] {
    display: flex;
    align-items: center;
}

.LocationInfo img[b-8vpu40pey2] {
    max-height: 1.8em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 12px;
    width: 30px;
    height: 30px;
}

ul[b-8vpu40pey2] {
    padding-left: 1.1em;
}
/* /Components/Pages/Help/EventsHelp.razor.rz.scp.css */
.modal-header[b-u2gluzfpmo] {
    background-color: #1b1a3c;
}

.modal-header h3[b-u2gluzfpmo] {
    color: #ffa518;
}

.LocationInfo[b-u2gluzfpmo] {
    display: flex;
    align-items: center;
}

.LocationInfo img[b-u2gluzfpmo] {
    max-height: 1.8em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 12px;
}

.CloseButton[b-u2gluzfpmo] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CloseButton:hover[b-u2gluzfpmo] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

ul[b-u2gluzfpmo] {
    padding-left: 1.1em;
}
/* /Components/Pages/Help/IndividualsHelp.razor.rz.scp.css */
.modal-header[b-ph3ckace4m] {
    background-color: #1b1a3c;
}

.modal-header h3[b-ph3ckace4m] {
    color: #ffa518;
}

.LocationInfo[b-ph3ckace4m] {
    display: flex;
    align-items: center;
}

.LocationInfo img[b-ph3ckace4m] {
    max-height: 1.8em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 12px;
}

.CloseButton[b-ph3ckace4m] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CloseButton:hover[b-ph3ckace4m] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

ul[b-ph3ckace4m] {
    padding-left: 1.1em;
}
/* /Components/Pages/Help/ProductsHelp.razor.rz.scp.css */
.modal-header[b-einrlpqbge] {
    background-color: #1b1a3c;
}

.modal-header h3[b-einrlpqbge] {
    color: #ffa518;
}

.LocationInfo[b-einrlpqbge] {
    display: flex;
    align-items: center;
}

.LocationInfo img[b-einrlpqbge] {
    max-height: 1.8em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 12px;
}

.CloseButton[b-einrlpqbge] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CloseButton:hover[b-einrlpqbge] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

ul[b-einrlpqbge] {
    padding-left: 1.1em;
}
/* /Components/Pages/Help/SchoolHelp.razor.rz.scp.css */
.modal-header[b-zg3nbdbif2] {
    background-color: #1b1a3c;
}

.modal-header h3[b-zg3nbdbif2] {
    color: #ffa518;
}


.CloseButton[b-zg3nbdbif2] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CloseButton:hover[b-zg3nbdbif2] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}
/* /Components/Pages/Help/ServicesHelp.razor.rz.scp.css */
.modal-header[b-m3t6x6jz3g] {
    background-color: #1b1a3c;
}

.modal-header h3[b-m3t6x6jz3g] {
    color: #ffa518;
}

.LocationInfo[b-m3t6x6jz3g] {
    display: flex;
    align-items: center;
}

.LocationInfo img[b-m3t6x6jz3g] {
    max-height: 1.8em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 12px;
}

.CloseButton[b-m3t6x6jz3g] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CloseButton:hover[b-m3t6x6jz3g] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

ul[b-m3t6x6jz3g] {
    padding-left: 1.1em;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/*HOME PAGE HEADER*/
.Header[b-g8tjryhtk1] {
    display: flex;
    flex-direction: column;
}

.Header h1[b-g8tjryhtk1] {
    font-size: clamp(45px, 8vw, 70px);
    text-shadow: 2px 2px 2px rgb(0, 0, 0);
    color: #00bfbf;
    text-align: right;
}

.Emphasis[b-g8tjryhtk1] {
    color: #ffa518;
    font-family: bungee-regular, cursive;
    font-size: clamp(25px, 6vw, 50px);
}

.Header img[b-g8tjryhtk1] {
    width: 50vw;
    max-width: 600px;
    margin-left: auto;
}

.HomePageHeading[b-g8tjryhtk1]::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 60%;
    background-color: blue;
    background: linear-gradient(225deg, #89c0fb, dodgerblue);
    transform: skewY(-10deg);
    transform-origin: top left;
    z-index: -2;
}

/*ADVERTS, EVENTS & SCHOOLS CIRCLES*/
.Heading h3[b-g8tjryhtk1] {
    color: whitesmoke;
    font-size: clamp(25px, 8vw, 55px);
}

.Heading h4[b-g8tjryhtk1] {
    font-size: clamp(25px, 8vw, 50px);
}

.Heading h5[b-g8tjryhtk1] {
    font-size: clamp(25px, 8vw, 35px);
}

.Animals h3[b-g8tjryhtk1] {
    color: black !important;
}

.Animals h4[b-g8tjryhtk1] {
    color: black !important;
}

.Animals h5[b-g8tjryhtk1] {
    font-size: clamp(25px, 8vw, 25px);
}

.WebsiteTabs[b-g8tjryhtk1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.WebsiteTabs a[b-g8tjryhtk1] {
    text-decoration: none;
}

.WebsiteTabs .col-lg-3[b-g8tjryhtk1] {
    flex-basis: 100%;
    max-width: 350px;
    margin: 10px;
}

.CircularShape[b-g8tjryhtk1] {
    width: 45vw;
    height: 45vw;
    max-height: 350px;
    max-width: 350px;
    min-height: 250px;
    min-width: 250px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: whitesmoke;
    transition: transform 1.0s ease;
}

.CircularShape:hover[b-g8tjryhtk1] {
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
    transform: scale(1.02);
}

.CircularShape h3[b-g8tjryhtk1] {
    font-size: clamp(18px, 6vw, 45px);
    transition: transform 1.0s ease;
}

.CircularShape:hover h3[b-g8tjryhtk1] {
    transform: scale(1.2);
    font-size: clamp(20px, 10vw, 50px);
}

.Events[b-g8tjryhtk1] {
    background-color: #98155d;
    box-shadow: inset -35vw -35vw 0 #98155d, inset 35vw -35vw 0 mediumvioletred, inset -35vw 35vw 0 purple, inset 35vw 35vw 0 dodgerblue;
    transition: box-shadow ease-in-out 1.0s;
}

    .Events:hover[b-g8tjryhtk1] {
        box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent, inset 0 0 0 transparent, inset 0 0 0 transparent;
    }

.Products[b-g8tjryhtk1] {
    background-color: #382a8e;
    box-shadow: inset -35vw -35vw 0 #382a8e, inset 35vw -35vw 0 darkslateblue, inset -35vw 35vw 0 deepskyblue, inset 35vw 35vw 0 mediumvioletred;
    transition: box-shadow ease-in-out 1.0s;
}

    .Products:hover[b-g8tjryhtk1] {
        box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent, inset 0 0 0 transparent, inset 0 0 0 transparent;
    }

.Services[b-g8tjryhtk1] {
    background-color: #19a95e;
    box-shadow: inset -35vw -35vw 0 #19a95e, inset 35vw -35vw 0 darkgreen, inset -35vw 35vw 0 lightgreen, inset 35vw 35vw 0 goldenrod;
    transition: box-shadow ease-in-out 1.0s;
}

    .Services:hover[b-g8tjryhtk1] {
        box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent, inset 0 0 0 transparent, inset 0 0 0 transparent; /* retain the outset shadow */
    }

.Lost[b-g8tjryhtk1] {
    background-color: orange;
    box-shadow: inset -35vw -35vw 0 orange, inset 35vw -35vw 0 orange, inset -35vw 35vw 0 orangered, inset 35vw 35vw 0 red;
    transition: box-shadow ease-in-out 1.0s;
}

    .Lost:hover[b-g8tjryhtk1] {
        box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent, inset 0 0 0 transparent, inset 0 0 0 transparent; /* retain the outset shadow */
    }

.Found[b-g8tjryhtk1] {
    background-color: purple;
    box-shadow: inset -35vw -35vw 0 purple, inset 35vw -35vw 0 mediumpurple, inset -35vw 35vw 0 blueviolet, inset 35vw 35vw 0 dodgerblue;
    transition: box-shadow ease-in-out 1.0s;
}

    .Found:hover[b-g8tjryhtk1] {
        box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent, inset 0 0 0 transparent, inset 0 0 0 transparent; /* retain the outset shadow */
    }

/*SERVICES BLOCKS*/
.ServicesHeading h3[b-g8tjryhtk1] {
    font-size: clamp(30px, 6vw, 40px);
}

.ServicesHeading h5[b-g8tjryhtk1] {
    font-size: clamp(30px, 6vw, 20px);
}

.ServicesBlock[b-g8tjryhtk1]::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: blue;
    background: linear-gradient(225deg, #fe8d38, #fbb37c);
    transform: skewY(10deg);
    transform-origin: top left;
    z-index: -2;
}

.CardContainer[b-g8tjryhtk1] {
    padding: 2px 16px;
}

/*WEB DESIGN CARD*/
.WebDesignCard[b-g8tjryhtk1] {
    background-color: dodgerblue;
    height: 100%;
    border-radius: 4px;
    transition: transform 0.6s ease;
}

.WebDesignCard:hover[b-g8tjryhtk1] {
    transform: scale(1.02);
}

.WebDesignCard h2[b-g8tjryhtk1] {
    font-size: clamp(20px, 8vw, 45px);
    padding-left: 5px;
    padding-right: 5px;
}

.WebDesignCard h5[b-g8tjryhtk1] {
    font-size: 25px;
}

.WebDesignCard p[b-g8tjryhtk1] {
    font-size: 18px;
}

.WebDesignButton[b-g8tjryhtk1] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    padding: 12px 26px;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
}

.WebDesignButton:hover[b-g8tjryhtk1] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
}

/*ADVERTISING BLOCK*/
.AdvertisingCard[b-g8tjryhtk1] {
    background-color: #d72c66;
    height: 100%;
    border-radius: 4px;
    transition: transform 0.6s ease;
}

.AdvertisingCard:hover[b-g8tjryhtk1] {
    transform: scale(1.02);
}

.AdvertisingCard h2[b-g8tjryhtk1] {
    font-size: clamp(20px, 6vw, 45px);
    padding-left: 5px;
    padding-right: 5px;
}

.AdvertisingCard h5[b-g8tjryhtk1] {
    font-size: 25px;
}

.AdvertisingCard p[b-g8tjryhtk1] {
    font-size: 18px;
}

.AdvertisingButton[b-g8tjryhtk1] {
    border: 1px solid darkblue;
    padding: 12px 26px;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    color: red;
    background-color: #22245f;
    border-color: red;
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.AdvertisingButton:hover[b-g8tjryhtk1] {
    color: darkred;
    border-color: darkred;
    background-color: palevioletred;
}

/*GRAPHICS CARD*/
.GraphicDesignCard[b-g8tjryhtk1] {
    background-color: lightseagreen;
    height: 100%;
    border-radius: 4px;
    transition: transform 0.6s ease;
}

.GraphicDesignCard:hover[b-g8tjryhtk1] {
    transform: scale(1.02);
}

.GraphicDesignCard h2[b-g8tjryhtk1] {
    font-size: clamp(20px, 8vw, 45px);
    padding-left: 5px;
    padding-right: 5px;
}

.GraphicDesignCard h5[b-g8tjryhtk1] {
    font-size: 25px;
}

.GraphicDesignCard p[b-g8tjryhtk1] {
    font-size: 18px;
}

.GraphicDesignButton[b-g8tjryhtk1] {
    color: #1e90ff;
    background-color: #22245f;
    border-color: #1e90ff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    padding: 12px 26px;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
}

.GraphicDesignButton:hover[b-g8tjryhtk1] {
    color: darkgreen;
    border-color: darkgreen;
    background-color: lightgreen;
}

.LostFound[b-g8tjryhtk1] {
    color: black;
}
/* /Components/Pages/Individuals.razor.rz.scp.css */
/*th:nth-child(2), td:nth-child(2) {
    position: sticky;
    left: 60px;
    background-color: #FFF;
}

th:nth-child(3), td:nth-child(3) {
    position: sticky;
    left: 140px;
    background-color: #FFF;
}*/


.well[b-3kgo6m9l25] {
    font-family: 'Open Sans', Helvetica, sans-serif;
    background: -moz-linear-gradient(top, #FFFFFF 20%, #D3D3D3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #FFFFFF), color-stop(100%, #D3D3D3));
    background: -webkit-linear-gradient(top, #FFFFFF 20%, #D3D3D3 50%);
    background: -o-linear-gradient(top, #FFFFFF 20%, #F8F8FF 100%);
    background: linear-gradient(to bottom, #FFFFFF 20%, #D3D3D3 100%);
    padding: 12px 12px;
    position: fixed;
    width: 100%;
    z-index: 100;
    font-size: clamp(20px, 7vw, 35px);
    font-weight: 700;
    color: #1b1a3c; 
    letter-spacing: 1px;
}

.HelpButton[b-3kgo6m9l25] {
    font-size: clamp(15px, 2vw, 20px);
    display: inline-block;
}
/* /Components/Pages/Info/AnimalsFoundInfo.razor.rz.scp.css */
.modal-header[b-ktgclhvaur] {
    background-color: #1b1a3c;
}

.modal-header h3[b-ktgclhvaur] {
    color: #ffa518;
}

.CloseButton[b-ktgclhvaur] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CloseButton:hover[b-ktgclhvaur] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.LocationInfo[b-ktgclhvaur] {
    display: flex;
    align-items: center;
}

.LocationInfo img[b-ktgclhvaur] {
    max-height: 1.8em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 12px;
    width: 30px;
    height: 30px;
}

ul[b-ktgclhvaur] {
    padding-left: 1.1em;
}
/* /Components/Pages/Info/AnimalsLostInfo.razor.rz.scp.css */
.modal-header[b-qvmipaumd7] {
    background-color: #1b1a3c;
}

.modal-header h3[b-qvmipaumd7] {
    color: #ffa518;
}

.CloseButton[b-qvmipaumd7] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CloseButton:hover[b-qvmipaumd7] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.LocationInfo[b-qvmipaumd7] {
    display: flex;
    align-items: center;
}

.LocationInfo img[b-qvmipaumd7] {
    max-height: 1.8em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 12px;
    width: 30px;
    height: 30px;
}

ul[b-qvmipaumd7] {
    padding-left: 1.1em;
}
/* /Components/Pages/PetShops.razor.rz.scp.css */
*SCHOOLS*/

header h1[b-l1khy2tsjd] {
    font-size: clamp(40px, 10vw, 65px);
}
.SchoolsIntro[b-l1khy2tsjd]::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 60%;
    background-color: blue;
    background: linear-gradient(225deg, #89c0fb, dodgerblue);
    transform: skewY(10deg);
    transform-origin: top right;
    z-index: -2;
}

.SchoolsIntro h4[b-l1khy2tsjd] {
    color: whitesmoke;
    font-size: clamp(30px, 6vw, 45px);
}

.SchoolsIntro h5[b-l1khy2tsjd] {
    font-size: clamp(15px, 3vw, 25px);
}

.HelpButton[b-l1khy2tsjd] {
    border: 1px solid darkblue;
    padding: 12px 26px;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.HelpButton:hover[b-l1khy2tsjd] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.card[b-l1khy2tsjd] {
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    transition: none;
    height: 100%;
}

.card:hover[b-l1khy2tsjd] {
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    transform: none;
}

.input-group-text[b-l1khy2tsjd], .form-select[b-l1khy2tsjd], .form-control[b-l1khy2tsjd],.SchoolsBtn[b-l1khy2tsjd] {
    line-height: 2;
}

.SchoolsBtn[b-l1khy2tsjd] {
    line-height: 2;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    color: #00bfbf;
    background-color: #22245f !important;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.SchoolsBtn:hover[b-l1khy2tsjd] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue !important;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.ListSchool h4[b-l1khy2tsjd] {
    font-size: clamp(12px, 6vw, 35px);
}

.SchoolsPageEnd[b-l1khy2tsjd]::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 40%;
    background-color: blue;
    background: linear-gradient(225deg, #fe8d38, #fbb37c);
    transform: skewY(10deg);
    transform-origin: top right;
    z-index: -2;
}

.hello[b-l1khy2tsjd] {
    color: midnightblue;
}

.modal-header[b-l1khy2tsjd] {
background-color: #1b1a3c;
}

.modal-header h3[b-l1khy2tsjd] {
    color: #ffa518;
}

.CancelButton[b-l1khy2tsjd] {
    background-color: steelblue;
}

.CancelButton:hover[b-l1khy2tsjd] {
    background-color: #849eb4;
    border-color: midnightblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}
/* /Components/Pages/Products.razor.rz.scp.css */
.HelpButton[b-2p0l04hi5u] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    padding: 12px 26px;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
}

.HelpButton:hover[b-2p0l04hi5u] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

/*Grid*/
.AdvertsCard[b-2p0l04hi5u] {
    aspect-ratio: 9/14;
    width: 100%;
    background-color: #1b1a3c;
    color: ghostwhite;
    padding: 10px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    transition: transform 0.6s ease;
    height: 100%;
}

.AdvertsCard:hover[b-2p0l04hi5u] {
    transform: scale(1.02);
}

.AdvertsCard img[b-2p0l04hi5u] {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/*Link Buttons*/
.AdvertLinks[b-2p0l04hi5u] {
    display: flex;
    align-items: center;
}

.LinksButton[b-2p0l04hi5u] {
    background-color: ghostwhite;
    border: none;
    padding: 2px;
    border-radius: 12px;
    width: 3vw;
    height: 3vw;
    max-width: 50px;
    min-width: 40px;
    max-height: 50px;
    min-height: 40px;
    margin-right: 10px; /* Adjust the spacing between the buttons as needed */
    box-shadow: 3px 5px 10px rgba(23, 23, 23, 0.3);
}

.LinksButton:last-child[b-2p0l04hi5u] {
    margin-right: 0; /* Remove the margin on the last button */
}

.LinksButton:hover[b-2p0l04hi5u] {
    background-color: #c1bff770;
    box-shadow: 3px 5px 10px rgba(23, 23, 23, 0.7);
}

.RegionInfo[b-2p0l04hi5u] {
    display: flex;
    align-items: center;
}

.RegionInfo[b-2p0l04hi5u] {
    font-size: clamp(10px, 1vw, 16px);
}

.RegionInfo img[b-2p0l04hi5u] {
    max-height: 1em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 10px;
    height: 3vw;
    width: 1vw;
}

/*For custom dropdown styling*/
.autocomplete[b-2p0l04hi5u] {
    position: relative;
}

.autocomplete .options[b-2p0l04hi5u] {
    position: absolute;
    top: 40px;
    left: 0;
    background: white;
    width: 100%;
    padding: 0;
    z-index: 10;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    box-shadow: 0 30px 25px 8px rgba(0, 0, 0, 0.1);
}

.autocomplete .option[b-2p0l04hi5u] {
    display: block;
    padding: 0.25rem;
}

.autocomplete .option .option-text[b-2p0l04hi5u] {
    padding: 0.25rem 0.5rem;
}

.autocomplete .option:hover[b-2p0l04hi5u] {
    background: #1E90FF;
    color: #fff;
}

.autocomplete .option.disabled[b-2p0l04hi5u] {
    background-color: lightgrey;
    cursor: not-allowed;
}

.autocomplete .option.disabled:hover[b-2p0l04hi5u] {
    background: lightgrey;
    color: var(--bs-body);
}

.options[b-2p0l04hi5u] {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* /Components/Pages/Schools.razor.rz.scp.css */
/*SCHOOLS*/

header h1[b-x73fk9z11k] {
    font-size: clamp(40px, 10vw, 65px);
}
.SchoolsIntro[b-x73fk9z11k]::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 60%;
    background-color: blue;
    background: linear-gradient(225deg, #89c0fb, dodgerblue);
    transform: skewY(10deg);
    transform-origin: top right;
    z-index: -2;
}

.SchoolsIntro h4[b-x73fk9z11k] {
    color: whitesmoke;
    font-size: clamp(30px, 6vw, 45px);
}

.SchoolsIntro h5[b-x73fk9z11k] {
    font-size: clamp(15px, 3vw, 25px);
}

.HelpButton[b-x73fk9z11k] {
    border: 1px solid darkblue;
    padding: 12px 26px;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.HelpButton:hover[b-x73fk9z11k] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.card[b-x73fk9z11k] {
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    transition: none;
    height: 100%;
}

.card:hover[b-x73fk9z11k] {
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    transform: none;
}

.input-group-text[b-x73fk9z11k], .form-select[b-x73fk9z11k], .form-control[b-x73fk9z11k],.SchoolsBtn[b-x73fk9z11k] {
    line-height: 2;
}

.SchoolsBtn[b-x73fk9z11k] {
    line-height: 2;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    color: #00bfbf;
    background-color: #22245f !important;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.SchoolsBtn:hover[b-x73fk9z11k] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue !important;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.ListSchool h4[b-x73fk9z11k] {
    font-size: clamp(12px, 6vw, 35px);
}

.SchoolsPageEnd[b-x73fk9z11k]::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 40%;
    background-color: blue;
    background: linear-gradient(225deg, #fe8d38, #fbb37c);
    transform: skewY(10deg);
    transform-origin: top right;
    z-index: -2;
}
/* /Components/Pages/Services.razor.rz.scp.css */
.HelpButton[b-1ce7kuvle1] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    padding: 12px 26px;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
}

.HelpButton:hover[b-1ce7kuvle1] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

/*Grid*/
.AdvertsCard[b-1ce7kuvle1] {
    aspect-ratio: 9/14;
    width: 100%;
    background-color: #1b1a3c;
    color: ghostwhite;
    padding: 10px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    transition: transform 0.6s ease;
    height: 100%;
}

.AdvertsCard:hover[b-1ce7kuvle1] {
    transform: scale(1.02);
}

.AdvertsCard img[b-1ce7kuvle1] {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/*Link Buttons*/
.AdvertLinks[b-1ce7kuvle1] {
    display: flex;
    align-items: center;
}

.LinksButton[b-1ce7kuvle1] {
    background-color: ghostwhite;
    border: none;
    padding: 2px;
    border-radius: 12px;
    width: 3vw;
    height: 3vw;
    max-width: 50px;
    min-width: 40px;
    max-height: 50px;
    min-height: 40px;
    margin-right: 10px; /* Adjust the spacing between the buttons as needed */
    box-shadow: 3px 5px 10px rgba(23, 23, 23, 0.3);
}

.LinksButton:last-child[b-1ce7kuvle1] {
    margin-right: 0; /* Remove the margin on the last button */
}

.LinksButton:hover[b-1ce7kuvle1] {
    background-color: #c1bff770;
    box-shadow: 3px 5px 10px rgba(23, 23, 23, 0.7);
}

.RegionInfo[b-1ce7kuvle1] {
    display: flex;
    align-items: center;
}

.RegionInfo[b-1ce7kuvle1] {
    font-size: clamp(10px, 1vw, 16px);
}

.RegionInfo img[b-1ce7kuvle1] {
    max-height: 1em;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 10px;
    height: 3vw;
    width: 1vw;
}

/*For custom dropdown styling*/
.autocomplete[b-1ce7kuvle1] {
    position: relative;
}

.autocomplete .options[b-1ce7kuvle1] {
    position: absolute;
    top: 40px;
    left: 0;
    background: white;
    width: 100%;
    padding: 0;
    z-index: 10;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    box-shadow: 0 30px 25px 8px rgba(0, 0, 0, 0.1);
}

.autocomplete .option[b-1ce7kuvle1] {
    display: block;
    padding: 0.25rem;
}

.autocomplete .option .option-text[b-1ce7kuvle1] {
    padding: 0.25rem 0.5rem;
}

.autocomplete .option:hover[b-1ce7kuvle1] {
    background: #1E90FF;
    color: #fff;
}

.autocomplete .option.disabled[b-1ce7kuvle1] {
    background-color: lightgrey;
    cursor: not-allowed;
}

.autocomplete .option.disabled:hover[b-1ce7kuvle1] {
    background: lightgrey;
    color: var(--bs-body);
}

.options[b-1ce7kuvle1] {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* /Components/Pages/Vets.razor.rz.scp.css */
*SCHOOLS*/

header h1[b-5ieuiu53g7] {
    font-size: clamp(40px, 10vw, 65px);
}
.SchoolsIntro[b-5ieuiu53g7]::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 60%;
    background-color: blue;
    background: linear-gradient(225deg, #89c0fb, dodgerblue);
    transform: skewY(10deg);
    transform-origin: top right;
    z-index: -2;
}

.SchoolsIntro h4[b-5ieuiu53g7] {
    color: whitesmoke;
    font-size: clamp(30px, 6vw, 45px);
}

.SchoolsIntro h5[b-5ieuiu53g7] {
    font-size: clamp(15px, 3vw, 25px);
}

.HelpButton[b-5ieuiu53g7] {
    border: 1px solid darkblue;
    padding: 12px 26px;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.HelpButton:hover[b-5ieuiu53g7] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.card[b-5ieuiu53g7] {
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    transition: none;
    height: 100%;
}

.card:hover[b-5ieuiu53g7] {
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    transform: none;
}

.input-group-text[b-5ieuiu53g7], .form-select[b-5ieuiu53g7], .form-control[b-5ieuiu53g7],.SchoolsBtn[b-5ieuiu53g7] {
    line-height: 2;
}

.SchoolsBtn[b-5ieuiu53g7] {
    line-height: 2;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    color: #00bfbf;
    background-color: #22245f !important;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.SchoolsBtn:hover[b-5ieuiu53g7] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue !important;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

.ListSchool h4[b-5ieuiu53g7] {
    font-size: clamp(12px, 6vw, 35px);
}

.SchoolsPageEnd[b-5ieuiu53g7]::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 40%;
    background-color: blue;
    background: linear-gradient(225deg, #fe8d38, #fbb37c);
    transform: skewY(10deg);
    transform-origin: top right;
    z-index: -2;
}

.hello[b-5ieuiu53g7] {
    color: midnightblue;
}

.modal-header[b-5ieuiu53g7] {
background-color: #1b1a3c;
}

.modal-header h3[b-5ieuiu53g7] {
    color: #ffa518;
}

.CancelButton[b-5ieuiu53g7] {
    background-color: steelblue;
}

.CancelButton:hover[b-5ieuiu53g7] {
    background-color: #849eb4;
    border-color: midnightblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}
/* /Components/Pages/ViewAdvertImage.razor.rz.scp.css */
.modal-header[b-yhvbhmibdg] {
    background-color: #1b1a3c;
}

.modal-header h3[b-yhvbhmibdg] {
    color: #ffa518;
}


.CloseButton[b-yhvbhmibdg] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CloseButton:hover[b-yhvbhmibdg] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}
/* /Components/Pages/ViewAnimalFoundImage.razor.rz.scp.css */
.modal-header[b-ph8gq3xhfd] {
    background-color: #1b1a3c;
}

.modal-header h3[b-ph8gq3xhfd] {
    color: #ffa518;
}


.CloseButton[b-ph8gq3xhfd] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CloseButton:hover[b-ph8gq3xhfd] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}
/* /Components/Pages/ViewAnimalLostPicture.razor.rz.scp.css */
.modal-header[b-rbjovfzi9i] {
    background-color: #1b1a3c;
}

.modal-header h3[b-rbjovfzi9i] {
    color: #ffa518;
}


.CloseButton[b-rbjovfzi9i] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CloseButton:hover[b-rbjovfzi9i] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}
/* /Components/Pages/ViewEventImage.razor.rz.scp.css */
.modal-header[b-nb6lvlyjd6] {
    background-color: #1b1a3c;
}

.modal-header h3[b-nb6lvlyjd6] {
    color: #ffa518;
}


.CloseButton[b-nb6lvlyjd6] {
    color: #00bfbf;
    background-color: #22245f;
    border-color: #00bfbf;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.CloseButton:hover[b-nb6lvlyjd6] {
    color: midnightblue;
    border-color: midnightblue;
    background-color: skyblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}
/* /Components/Pages/WebDesign.razor.rz.scp.css */

.WebDesignHeader[b-o5egiy86j6]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background-color: blue;
    background: linear-gradient(225deg, dodgerblue, steelblue);
    transform: skewY(-10deg);
    transform-origin: top left;
    z-index: -1;
}

.WebDesignImage[b-o5egiy86j6] {
    position: relative;
    background-image: url(/Images/WebDesignPage.jpg);
    background-size: auto 80%;
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 75%;
    align-items: center;
    color: white;
    right: 0;
    min-height: 100vh;
}

.WebDesignInfo h1[b-o5egiy86j6] {
    font-size: clamp(40px, 14vw, 70px);
    font-weight: bold;
    color: #22245f;
}

.WebDesignInfo h3[b-o5egiy86j6] {
    color: #22245f;
}

.WebDesignInfo h4[b-o5egiy86j6] {
    color: #fe8d38;
    font-size: 40px;
}

.WebDesignInfo p[b-o5egiy86j6] {
    color: black;
}

/*Button*/
.WebDesignButton[b-o5egiy86j6] {
    background-color: steelblue;
}

.WebDesignButton img[b-o5egiy86j6] {
    margin-right: 5px;
}

.WebDesignButton:hover[b-o5egiy86j6] {
    background-color: #849eb4;
    border-color: midnightblue;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}