* {
    margin: 0;
    padding: 0;
}

/* FONTS */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Alice', sans-serif;
}

label {
    font-family: 'Alice', sans-serif;
}

p {
    font-family: 'Alice', sans-serif;
}

.span1 {
    font-family: 'Quicksand', sans-serif;
}

.span2 {
    font-family: 'Shantell Sans', sans-serif;
}

.nav-link {
    font-family: 'Alice', sans-serif;
}

/* COLOR */
.bg-topbar {
    background-color: #b0a6a7 !important;
}

.bg-ecru {
    background-color: #FBEBC9;
}

.red {
    color: #ff0000;
}

.green {
    color: #125440;
}

.black {
    color: #141517;
}

/* NAVBAR & FOOTER */
.header-overlay {
    /* bottom: 0%; */
    z-index: 1000;

    font-family: 'Alice', sans-serif;
}

.nav-link,
.nav-link-sticky {
    color: #fff;
    font-size: 20px;
}

.nav-link-offcanvas {
    color: #000;
    font-size: 20px;
}

.nav-link-sticky,
.nav-link-offcanvas {
    font-family: 'Alice', sans-serif;
    text-decoration: none;
}


.nav-link.active,
.nav-link:hover,
.nav-link-sticky.active,
.nav-link-sticky:hover,
.nav-link-offcanvas.active,
.nav-link-offcanvas:hover {
    color: #ff0000 !important;

}


/* BUTTONS */

.btn-primary {
    background-color: #fff !important;
    font-family: 'Alice', sans-serif !important;
    border: none !important;
    border-radius: 5px;
    color: #ff0000;
}

.btn-primary:hover {
    background-color: #ff0000 !important;
    color: #fff !important;
}

.btn-outline-primary {
    border-color: #ff0000 !important;
    color: #141517 !important;
    /* background-color: #245b3b !important; */
    font-family: 'Alice', sans-serif !important;
    border-radius: 5px;
    border-width: 2px;
    font-weight: bold;
}

.btn-outline-primary:hover {
    background-color: #ff0000 !important;
    color: #fff !important;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.2);
    /* Set your desired background color */
    border-radius: 0px;
    /* Set your desired border-radius for rounded edges */
    color: #ff0000 !important;
    /* Set your desired text color */
}

/* Default styles for the image */
.nav-link img {
    filter: brightness(0) invert(1);
  }
  
  /* Styles for the image when the link is active */
.nav-link.active img {
    filter: grayscale(0%) hue-rotate(0deg) brightness(100%) saturate(100%);
    color: red;
}

/* .hidden-checkbox {
    display: none;
} */

.cat-image{
    width: 200px;
    height: 167.09px;
}

.circle-image{
    width: 199px;
    height: 199px;
    border-radius: 50%;
}

.food-img{
    width: 306px;
    height: 305px;
}