body{
    colour: #4d3832;
}

/*Header*/
#sb-site header#header {
    padding-left: 0;
    padding-right: 0;
}

#header .logo {
    border-bottom: none;
    height: 55%;
    background-color: #87b672;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

@media (max-width: 769px) {
    #sb-site header#header {
        height: 9rem;
    }
}

@media (min-width: 769px) {
    #sb-site header#header .logo {
        height: 55%;
    }
}

@media (max-width: 769px) {
    #header #navbar {
        height: 35%;
    }
}
@media (max-width: 769px) {
    #sb-site #header #navbar span.panel-activation,
    #sb-site #header #navbar form.search-box {
        top: 60%;
    }
}

@media (max-width: 769px) {
    #sb-site #header #navbar span.panel-activation{
        top: 62%;
    }
}
@media (max-width: 769px) {
    body#top #sb-site section#body{
        padding-top: 9rem;
    }
}

@media (min-width: 769px) {
    #header .logo {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.logo img.header-logo {
    width: 10rem;   /* Or whatever percentage fits best */
    height: auto; /* Maintain aspect ratio */
    max-width: 300px;  /* Optional: Prevent it from growing too large */
    padding-bottom: 1rem;
    padding-top: 1rem;
}

@media (min-width: 769px) {
    .logo img.header-logo {
        width: 11rem;   /* Or whatever percentage fits best */
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
}

/*Social Icons in header and footer*/
.logo ul.social-icons li {
    border: 0.1rem solid #4d3832;
    background-color: #daa520 !important;
    width: 2.2rem;
    height: 2.3rem;
    font-size: 1.2rem;
    margin-right: 1rem;
}

.logo ul.social-icons li i{
    color: #4d3832 !important;
}

.logo ul.social-icons li:last-child{
    margin-right: 0;
} 

#sb-site #header #navbar {
    height: 34%;
    padding-left: 2rem;
    padding-right: 2rem;
}

#sb-site #header .logo {
    height: 66%;
}

/* FOOTER */
#body .modular-row.footer {
    background-color: #87b672; /* Light Green */
    color: #4d3832;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 2rem;
}

.modular-row.footer .logo img.header-logo {
    padding-top: 0;
    margin-top: -1rem;
}

#body .modular-row.footer .footer-module p {
    margin-top: 1rem;
}

#body .modular-row.footer h4 {
    color: #4d3832;
}
#body .modular-row.footer a {
    color: #4d3832;
}
#body .modular-row.footer .footer-module p strong {
    color: #4d3832;
}
#body .modular-row.footer .quickmenu i {
    color: #4d3832;
}
#body .modular-row.footer hr {
    border-color: #4d3832;
}
#body .modular-row.footer .logo ul.social-icons {
    padding-top: 0;
}

@media (max-width: 769px) {
    #body .modular-row.footer {
        padding-top: 0;
    }
    #body .modular-row.footer .footer-module {
        padding-right: 0 !important;
        padding-top: 0.5rem;
    }
    #body .modular-row.footer .footer-module .logo {
        display: flex;
        align-items: center;
    }
    #body .modular-row.footer .footer-module .logo ul.social-icons {
        margin-left: auto;
        width: auto;
    }
}

@media (min-width: 769px) {
    #body .modular-row.footer {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

/* END FOOTER */

/* FRONT PAGE SHOWCASE */

.modular .slideme_container.showcase_container {
    margin-top: -3.5rem;
    max-height: 422px;
}

.header-image #body .slideme_container.showcase_container .showcase.flush-top {
    padding-top: 7rem;
}

.modular .slideme_container.showcase_container .showcase h1 {
    color: #daa520;
    margin: 0.85rem 0 1.7rem 0
}

.modular .slideme_container.showcase_container .showcase h2 {
    padding-bottom: 2rem;
}


@media (min-width: 769px) {
    .modular .slideme_container.showcase_container {
        margin-top: -8.5rem;
    }
    .modular .slideme_container.showcase_container .showcase h1 {
        color: #daa520;
        margin: 0.85rem 1rem 1.7rem 1rem;
        padding-left: 1rem;
        padding-right: 2rem;
    }
    .modular .slideme_container.showcase_container .showcase h2 {
        padding-bottom: 0;
    }
}
/* END SHOWCASE */


/* TEAM */
section.modular-row.modular.team {
    padding-bottom: 0;
    text-align: left;
}

@media (min-width: 769px) {
    section.modular-row.modular.team .members {
        padding-left: 8rem;
    }
}

section.modular-row.team h2 {
    color: #4d3832;
    line-height: 1.7;
    margin: 0.85rem 0 1.7rem 0
}

section.modular-row.team .member ul.social-icons {
    padding: 1.5rem 0;
}

/* END TEAM */


/*ICONS*/
i.fas.fas-med {
    font-size: 2.2rem;
}

i.fas.fas-gld {
    color: #daa520; /* Gold */
}

i.fas.fas-dk {
    color: #4d3832; /* Gold */
}

@media (min-width: 769px) {
    i.fas.fas-lge{
        font-size: 4rem;
    }
}

/*END ICONS*/


/* MODULAR ROW */

section.modular-row.modular {
    padding: 1rem 1rem 0 1rem;
}

section.modular-row.modular h2 {
    color: #4d3832;
}
section.modular:nth-of-type(odd) {
    background-color: #f4f4f4;  /* Light grey for odd sections */
}

section.modular-row:nth-of-type(even) {
    background-color: #ffffff;  /* White for even sections */
}

section.modular-row.modular.about p {
    margin-top: 0;
    margin-bottom: 1rem;
}

section.modular-row.modular .content.container {
    background-color: #fff;
    margin-bottom: 2rem;
}

section.modular-row.modular .container .h-wrap {
    padding: 1rem 0 1rem 0;
}

section.modular-row.modular .container .content-wrap {
    padding: 0 0 1rem 0;
}
section.modular-row.modular.cta.book .container .content-wrap {
    padding-bottom: 1rem;
}

section.modular-row.modular.our-fleet .content.container .content-wrap {
    padding-bottom: 0.5rem;
}

@media (min-width: 768px) {
    section.modular-row.modular {
        padding: 2rem 1rem 0 1rem;
    }
    section.modular-row.modular.about .container .content-wrap,
    section.modular-row.modular.our-fleet .content.container .content-wrap  {
        padding-top: 1.5rem
    }
}

.about.team .container .members {
    padding-top: 0.5rem;
}

/* REUSABLE CLASSES */
.flex.h-wrap {
    display: flex;
    position: relative;
    align-items: center;
    padding-top: 1rem;
    gap: 2rem;
}
/* REUSABLE CLASSES */

section.modular-row.modular .h-wrap h2{
    padding: 0;
    margin: 0;
}

.services .service .h-wrap h4{
    font-size: 1.25rem;
}

section.services.modular-row.bottom {
    padding-top: 2rem;
    background-color: #f4f4f4;
    padding-bottom: 0;
}

.modular section.modular-row.bottom {
    padding-bottom: 0;
}

/*READY TO BOOK MODULE*/
section.modular-row.modular.book .container {
    padding-bottom: 2rem;
}
/*END READY-TO-BOOK MODULE */


/* OUR FLEET & SERVICES */

.modular .services.modular-row.bottom .services,
section.our-fleet.modular-row .flex.container {
    padding-top: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
}

section.services.modular-row.bottom .services .service, 
section.our-fleet.modular-row .flex.container .vehicle-card {
    background-color: #fff;
    margin-bottom: 2rem;
    flex: 1 1 100%; /* Default: Full-width columns for smaller screens */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

section.our-fleet.modular-row.home .flex.container .vehicle-card{
    background-color: #f4f4f4;
}


section.our-fleet.modular-row .flex.container .vehicle-card {
    align-items: stretch;
}

section.our-fleet.modular-row .flex.container .vehicle-card img {
  width: 100%; /* Ensure images are responsive */
  height: auto; /* Maintain aspect ratio */
  margin-bottom: 1rem; /* Space below image */
}

section.our-fleet.modular-row .flex.container .vehicle-card .content-wrap,
section.services.modular-row .services .service .content-wrap  {
  flex: 1; /* Allows text to take up variable space */
  margin-bottom: 1.5rem; /* Space below text */
  padding: 0 1rem;
}

#services-page .services .service .content-wrap {
    margin-top: 2rem;
    margin-bottom: 0;
}

#services-page .services .service .ul-wrap {
    padding: 0 1.5rem;
}

@media (min-width: 768px) {
    #services-page .services .service .ul-wrap {
        padding: 0 2.25rem;
    }
}


section.our-fleet.modular-row .flex.container .vehicle-card .button-wrapper {
    align-self: flex-end; /* Push the button to the bottom of the column */
}

/*OUR-FLEET ON ABOUT & HOME PAGE*/

section.modular-row.modular.our-fleet .content.container {
    background-color: #f4f4f4;
    margin-bottom: 1rem;
}

section.modular-row.modular.our-fleet.home .content.container {
    background-color: #fff;
}

section.modular-row.modular.our-fleet .content.container .content-wrap p {
    margin-top: 0; 
    margin-bottom: 1rem;
}

/* END OUR FLEET & SERVICES */


@media (min-width: 769px){
    section.services.modular-row.bottom .services .service {
        flex: 1 1 calc(50% - 2rem); /* Two columns per row at larger widths */
    }
    section.our-fleet.modular-row .flex.container .vehicle-card{
        flex: 1 1 calc(33% - 2rem); /* Two columns per row at larger widths */
    }
}

.services .service .wrap {
    padding: 0 1rem;
    margin: 0;
}

section.services .service .h-wrap,
#services-preview .service .h-wrap,
section.modular-row.modular .container .vehicle-card .h-wrap {
    padding: 0.75rem 1rem;
    background-color: #daa520;
}

.services .service .h-wrap a{
    flex: 1;
    display: flex;
}

section.services.modular-row.bottom .services .service .h-wrap h4,
section.modular-row.modular .flex.h-wrap h2,
section.modular-row.modular .flex.h-wrap h4 {
    margin: 0;
    text-align: center;
    width: 100%;
}

section.modular-row.modular.cta.book .flex.h-wrap h2{
    line-height: 1.7;
}

section.services.modular-row.bottom .services .service .h-wrap h4{
    color: #fff;
}

.vehicle-card .h-wrap h4 {
    color: #fff;
    margin: 0;
}


@media (min-width: 769px) {
    .services .service .h-wrap h4{
        font-size: 1.25rem;
    }
    .vehicle-card .h-wrap h4 {
        font-size: 1.25rem;
    }
}

section.services.modular-row.bottom .service .h-wrap .fas,
section.modular-row.modular .h-wrap .fas {
    margin-top: 0;
    flex: 0 0 auto;
    position: absolute;
}

.modular .bottom .services .service .content-wrap {
    padding: 0 1rem 2rem 1rem;
}

.modular .bottom .services .service .content-wrap p {
    margin: 0;
}

.modular .bottom .services .service .price-wrap {
    margin-top: 0.5rem;
}

.modular .bottom .services .service .price-wrap p {
    font-size: 0.75rem;
    margin: 0;
    width: 100%;
    text-align: center;
}

.modular .bottom .services .service .price-wrap p span{
    font-size: 3rem;
    color: #daa520;
}

.services .service .ul-wrap ul{
    margin-top: 0.5rem;
}

.button-wrapper.center,
.services .service .button-wrapper {
    text-align: center;
    width: 100%;
    padding: 0;
}

.button-wrapper .btn.btn-full {
    width: 100%;
    padding: 1rem 0;
}

/* CONTACT FORM */


#contact-form select,
#contact-form input {
    height: 2.5rem;
    width: 100%;
    margin-bottom: 0.85rem;
}

@media (min-width: 768px) {
    #contact-form select,
    #contact-form input {
        width: 50%;
    }
}