/* custom.css */

body {
    font-family: 'Noto Sans JP', sans-serif;
}

/* Navbar */
.bg-light {
    background-color: #2e8c34 !important;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-nav .nav-link {
    color: #ffffff !important;
}

.navbar-brand {
    font-weight: 700 !important;
    letter-spacing: 0.05em;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #c8e6c9 !important; /* A lighter shade of the base green */
}

/* Jumbotron/Hero section */
.p-5.mb-4.bg-light {
    background-color: #e8f5e9 !important; /* A very light green */
}

/* Links */
a.text-dark {
    color: #1b5e20 !important; /* A darker shade of the base green */
}

a.text-dark:hover {
    color: #2e8c34 !important;
}

/* Accordion Buttons */
.accordion-button {
    color: #1b5e20;
}

.accordion-button:not(.collapsed) {
    background-color: #e8f5e9;
    color: #1b5e20;
}

/* Striped list items */
.list-group-item.list-item-striped-even,
.list-group-item.list-item-striped-odd {
    background-color: #ffffff; /* White */
}

/* Card title color */
.list-group-item h2 a {
    color: #1b5e20; /* Darker Green (matching home page titles) */
    text-decoration: none; /* Remove underline */
}

.list-group-item h2 a:hover {
    color: #2e8c34; /* Base Green on hover (matching home page hover) */
    text-decoration: underline; /* Underline on hover */
}

/* FAQ Section Titles */
.faq-sections-container h2 {
    font-size: 1.5rem;
}

/* Space between FAQ sections */
.faq-sections-container .accordion {
    margin-bottom: 20px; /* Adjust as needed */
}

/* Home Hero Background */
.home-hero-background {
    background-image: url('/static/images/ビル外観.png');
    background-size: cover; /* Cover the entire area */
    background-position: bottom; /* Show the bottom of the image */
    color: #ffffff; /* Ensure text is visible on the background */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Add text shadow for readability */
}

.home-hero-background h1 {
    color: #ffffff; /* Ensure the h1 text is white */
    font-weight: 700;
    letter-spacing: 0.1em;
}

.announcement-list-image {

    max-width: 150px;

    height: auto;

}



/* Back to top button */

#btn-back-to-top {

    position: fixed;

    bottom: 40px;

    right: 40px;

    display: none;

    border-radius: 50%;

    z-index: 1000;

    width: 50px;

    height: 50px;

    padding: 0;

    line-height: 50px;

    text-align: center;

}