/* Cards */
.card-title{
    font-family: Nunito;
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-bottom: .6rem;
    color: var(--color-scheme-1-text);
}
.card-text{
    font-size: 1.125rem;
    color: var(--color-scheme-1-text);
}
.link-btn{
    display:inline-flex; 
    align-items:center; 
    gap:.5rem;
    font-size: 1rem;
    text-decoration:none; 
    font-weight:500;
    color: var(--color-scheme-1-text);
    margin: 0 auto;
    margin-top: .75rem;
    transition: ease-in 0.1s all;
}
.link-btn > .bi-chevron-right {
    transition: ease-out 0.1s all;
}
.link-btn:hover > .bi-chevron-right {
    transform: translate(0.6rem, 0);
    transition: ease-in 0.2s all;
}


/* Contact */
.contact-icon{
    width: 40px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 0.5rem;
    filter: var(--image-filter);
}
.contact-link-btn{
    font-size: 1rem;
    text-decoration:none;
    font-weight:500;
    color: var(--color-scheme-1-text);
}
.chat-btn{
    background-color: transparent;
    border: 0;
}
#messageForm .row {
    align-items: stretch; /* Makes both columns the same height */
}

#messageForm .col-lg-6 {
    display: flex;
    flex-direction: column;
}

.map-responsive {
    flex: 1; /* Take up remaining vertical space */
    height: 100%;
}

.map-responsive iframe {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 1rem 1rem 0 0;
}
.btn-explore{
    background: linear-gradient(135deg, var(--dodger) 0%, var(--mountain) 100%);
    border: 1px solid var(--dodger);
    border-radius: 0.5rem;
    color: var(--color-white);
}


/* Contact form */
.check-input-hide{
    background: linear-gradient(135deg, var(--dodger) 0%, var(--mountain) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 600;
    opacity: 0%;
    transform: translate(0, 150%);
    z-index: -1;
    transition: transform 800ms, opacity 400ms, z-index 800ms;
}
.check-input{
    opacity: 100%;
    transform: translate(0, 15%);
    z-index: 0;
    transition: transform 800ms, opacity 400ms, z-index 800ms;
}
label {
    color: var(--color-scheme-1-text);
    transition: all 500ms ease-in-out;
}
#emailHelp{
    color: var(--color-scheme-1-text-muted);
}


/* Extra small devices (phones, portrait) */
@media (max-width: 575.98px) {
    /* CSS for small devices */
}

/* Small devices (phones, landscape) */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* CSS for larger phones / small tablets */
}

/* Only for medium screens */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* CSS for medium screens */
}

/* Large devices (desktops) */
@media (min-width: 992px) {
    .contact-sub{
        width: 60%;
    }
    .message-form-sub{
        width: 80%;
    }
    .map-responsive {
        padding: 2rem;
    }
}