:root {  --bs-navbar-nav-link-padding-x: 1.5rem!important; }
body { font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color: #212529; }
html, body { height: 100%; margin: 0; }
.wrapper { min-height: 100vh; display: flex; flex-direction: column; }
.content { flex: 1; }
/*footer { background-color: #f8f9fa; padding: 1rem; }*/
footer { background-color: #f7eee4; padding: 1rem; }

/*.logoBackground { background-color: #f7c45c; }*/
.logoBackground { background-color: #f7eee4; }

.truculenta { font-family: "Truculenta", sans-serif; font-optical-sizing: auto; font-weight: 900; font-style: normal; font-variation-settings: "wdth" 100; font-size: 48px; }
.font48 { font-size: 48px; }
.font40 { font-size: 40px; }
.font36 { font-size: 36px; }
.font30 { font-size: 30px; }
.font24 { font-size: 24px; }
.font20 { font-size: 20px; }
.font18 { font-size: 18px; }
.font16 { font-size: 16px; }
.montserrat-400 { font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; }
.custom-row { max-width: 1320px;  margin: 0 auto; }
.navbar-toggler { margin-left: 0.75rem;  }
.container-fluid { padding-left: 0; padding-right: 0; }
.header-container { background-color: #f7eee4; }
.red { color:#bf5220; }
.rounded {--bs-border-radius: 15px!important;}
.text-justify { text-align: justify; }

a { color : #000000!important; text-decoration: none; }
a:hover { color : #07431B!important; text-decoration: none; }

/* Limit width and center content */
.navbar-custom {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto; /* Center the container */
}

/* Center logo on smaller screens */
.navbar-brand {
    margin: auto;
}

.email {
    display: none; /* Hide by default */
}
@media (min-width: 992px) {
    .email {
        display: block; /* Show email on larger screens */
    }
}

@media (min-width: 992px) {
    /* Ensure logo aligns left and email is visible on larger screens */
    .navbar-brand {
        margin: 0; /* Reset margin */
    }

    .email-address {
        display: block; /* Show email on larger screens */
    }
}

/* Center links and shopping cart icon */
.nav-links {
    background-color: white; /* White background for links */
    text-align: center; /* Center text */
    padding: 1rem 0; /* Padding for spacing */
}

.navbar-nav .nav-link {
    padding-left: 1.2rem!important; /* Space for the circle in mobile view */
    padding-right: 1.5rem!important; /* Space for the circle in mobile view */
    position: relative; /* For circle positioning */
}

@media (max-width: 991.98px) {
    .logo {
        justify-content: center; /* Center logo on small screens */
        text-align: center; /* Center text within the logo div */
        width: 100%; /* Allow full width */
    }
    .navbar-collapse .nav-link:hover {
        background-color: #f7c45c; /* Background color on hover */
    }

    /* Additional styles to ensure links are spaced correctly */
    .navbar-nav .nav-item {
        margin: 5px 0; /* Space out links vertically in the dropdown */
    }
}

/* Shopping cart icon styles */
.shopping-cart {
    font-size: 1.5rem; /* Increase icon size */
    margin-left: 20px; /* Space from links */
    color: #000; /* Icon color */
}

iconify-icon.social-icon {
    color: #CACACA;
    font-size: 1.125rem;
    padding: 0.75rem;
    border-radius: 4.375rem;
    border: 1px solid #D9D9D8;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
    transition: all 0.5s ease;
    background: #fff;
}

li.social:hover iconify-icon.social-icon {
    color: #FFF;
    border: 1px solid #DEAD6F;
    background: #DEAD6F;
}

iconify-icon.send-icon {
    cursor: pointer;
    font-size: 1.125rem;
    padding: 0.75rem;
    border-radius: 4.375rem;
    color: #FFF;
    border: 1px solid #DEAD6F;
    background: #DEAD6F;
}

.carousel-indicators [data-bs-target] { height: 10px; }

.invalid-feedback { font-weight: bold; }
.mobile { display: none; }

th { background-color: #f7eee4!important; }
.imageBack { background-color: #f8f9fa!important; }

.btn-grey-border { border: 1px solid #ebe3e3; }
.btn-dark-grey-border { border: 1px solid #939292; }

.image {
    float: right; /* Aligns the image to the right */
    margin: 0 0 40px 40px; /* Adds margin around the image */
    width: 450px; /* Set the width of the image */
}