/* your styles go here */
/* Example site test */

.box-image-text .image {
    min-height: 190px;
    max-height: 190px;
}

.box-image-text .image img {
    max-height: 190px;
    margin: auto;
}

.box-simple {
    min-height: 230px;
}

.carousel-inner img {
    max-height: 600px; /* adjust as needed */
    width: auto;
    margin: 0 auto; /* center horizontally */
}

.carousel-inner img {
    max-height: 600px !important;  /* adjust as needed */
    width: auto !important;
    display: block;
    margin: 0 auto;
}


/* Main logo above the carousel */
.main-logo {
    text-align: center;       /* center the logo */
    margin: 20px 0;           /* spacing above and below */
}

.main-logo img {
    max-width: 550px;         /* limits size for large screens */
    width: 80%;               /* scales down for smaller screens */
    height: auto;             /* maintain aspect ratio */
    display: inline-block;    
}

@media (max-width: 1100px) {
    .main-logo img {
        max-width: 425px;     /* smaller logo zoomed in */
    }
}

/* Optional: adjust spacing for smaller screens */
@media (max-width: 768px) {
    .main-logo img {
        max-width: 250px;     /* smaller logo on mobile */
        margin: 0 0;
    }
}



/* Slogan Banner Above Carousel */
.slogan-banner {
    width: 100%;
    background-color: #362600; /* brown background */
    color: #fff;             /* white text */
    text-align: center;         /* center text */
    padding: 15px 0;            /* vertical padding */
    border-top: 3px solid #000;  /* black top border */
    border-bottom: 3px solid #000; /* black bottom border */
    font-size: 2em;             /* adjust as needed */
    font-weight: bold;
    box-sizing: border-box;
}

.slogan-banner h1, 
.slogan-banner h2 {
    margin: 0;                  /* remove default margins */
    line-height: 1;
    color: #f9f9f9;
    font-family: 'FontAwesome'; /* optional */
    font-size: large;
}

@media (max-width: 1100px) {
    .slogan-banner h1,
    .slogan-banner h2 {
        font-size: medium;
    }
}
@media (max-width: 768px) {
    .slogan-banner h1,
    .slogan-banner h2 {
        font-size: small;
    }
}

/* Testimonials Heading */
.heading h2 {
    display: inline-block;           /* keeps the border working */
    background-color: rgba(240, 240, 240, 0.75); /* semi-transparent white */
    padding: 0 15px;                 /* horizontal padding for spacing */
    border-bottom: solid 5px var(--primary-accent); /* keeps accent border */
    line-height: 1.1;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #000;                     /* ensures text is readable on white bg */
    border-radius: 5px;              /* optional: rounds the edges */
    padding: 10px;
}

.qr-donate {
    text-align: center;
    align-items: center;
    position: relative;
    max-width: 400px;
}