html, body {
  margin: 0;
  padding: 0;
  background-color: rgb(251, 244, 235);   
}

/* Navigation */
header {
    height: fit-content;
}  

.logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo img {
    width: 20vw;
    max-width: 350px;
    min-width: 250px;
    aspect-ratio: auto;
    padding: 0px 50px;
}

nav {
    height: 20vh;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: top;
    z-index: 0;
}     

nav a {
    text-decoration: none;
    color: rgb(220, 223, 211);
    font-family: 'Playfair Display';
    font-size: 1rem;
}

nav ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: 20px;
    height: 20vh;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 800px) {
    nav ul {
        flex-direction: column;
        padding-top: 30px;
        gap: 10px;
    }
    .logo img {
        width: 50vw;
    }
}

@media screen and (max-width: 500px) {
    nav {
        padding: 0px 20px;
        flex-wrap: nowrap;
        align-items: center;
    }
    .logo img {
        padding: 0px 20px;
    }
    h1 {
        padding: 20px;
    }
}

@media screen and (max-width: 450px) {
    nav {
        max-width: 40vw;
        flex-wrap: wrap;
    }
    nav ul {
        flex-direction: column;
        padding-top: 20px;
        gap: 5px;
    }

}


/* Hero Section */
.heroWrap {
    width: 100%;
    height: 70vh;
    box-sizing: border-box;
    max-height: 800px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: top;
    margin: 0;
    z-index: -1;
    background-image: url(https://luchixaro.com/wp-content/uploads/2026/04/terrasdobourotrilha3_8.webp);
    background-size:cover;
    background-position:left;
    background-blend-mode: overlay;
    background-color: rgba(125, 85, 40, 0.3);
    box-shadow: inset 0 0 0 1000px rgba(53, 50, 33, 0.3);
}

.tagline {
    height: fit-content;
    width: 90vw;
    min-width: 450px;
    margin-top: 100px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
}

.tagline h2 {
    font-family: 'Playfair Display';
    font-size: 2.5rem;
    font-weight: 300;
    color: rgb(220, 223, 211);
    line-height: 2.8rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

#credibility-tagline {
    text-align: center;
    font-size: 1.1rem;
    font-style: italic;
    color:rgb(71, 83, 25);
    padding-top: 20px;
    max-width: 60vw;
    justify-self: center;
}

#credibility-tagline a {
    font-weight: 600;
    color:rgb(36, 41, 15);
}

p.retreat-types {
    font-size: 0.9rem;
    text-align: left;
}

@media screen and (max-width: 500px) {

    .heroWrap h2 {
        width: 60vw;
        flex-wrap: wrap;
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .tagline {
        align-items: flex-end;
        margin-top: 40vh;
        background-color:rgba(16, 24, 1, 0.8);
        padding: 10px 0px;
        width: 100%;
        min-width: unset;
        
    }
    .tagline h2 {
        font-size: 1rem;
    }
    .logo img {
        width: 300px;
    }
    nav a {
        font-size: 1.3rem;
    }
    .included-wrap {
        flex-wrap: wrap;
    }
}


/* Announcements */
.announcements {
    padding: 10px 0;
    text-align: center;
    background-color: rgb(36, 41, 15);
}

.announcements p {
    color: rgb(220, 223, 211);
    font-weight: 300;
}

/* Intro Section */

h1 {
    text-align: center;
    padding-top: 40px;
}
.intro {
    padding: 50px 30px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    align-items: top;
    justify-content: center;
    gap: 20px;
}

.intro-image {
    width: 400px;
    background-image: url(https://luchixaro.com/wp-content/uploads/2026/04/7.png);
    background-size: contain;
    min-width: 200px;
    min-height: 500px;
    background-position: top;
    background-repeat: no-repeat;
}

.intro-text {
    width: 40vw;
    max-width: 500px;
    min-width: 300px;
    margin-left: 30px;
    height: fit-content;
}

.intro-text i {
    font-family: 'Playfair Display';
    font-size: 1.2rem;
}

.learn-more-CTA, .sample-program-CTA {
    padding: 10px 20px;
    font-size: 0.8rem;
    font-family: 'playfair display';
    color: rgb(220, 223, 211);
    background-color: rgb(36, 41, 15);
    border: none;
    cursor: pointer;
    margin-top: 10px;
    font-weight: 300;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-bottom: 10px;
}

.learn-more-CTA:hover, .sample-program-CTA:hover {
    background-color: rgb(71, 83, 25);
    color: rgb(220, 223, 211);
}  

@media screen and (max-width: 900px) {
    .intro {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    .intro-text {
        max-width: unset;
        width: 80vw;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0px;
    }

    .intro-text h3 {
        align-self: center;
        justify-self: center;
    }
    #credibility-tagline {
        width: 80vw;
        justify-self: center;
    }
    .intro-image {
        width: 90vw;
    }
}

@media screen and (max-width: 450px) {
    .intro h3, .intro p {
        text-align: center;
    }
    .intro-image {
        width: 100vw;
    }
    .intro {
        padding: 0px;
    }

}


/* Testimonial Section */
.testimonial {
    height: fit-content;
    background-image: url(https://plus.unsplash.com/premium_photo-1663933534550-b28e10ef4a48?q=80&w=387&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
    background-size: cover;
    background-position: center;
    padding: 40px 0px;
}

.testimonial-text {
    padding: 50px 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-self: center;
    gap: 20px;
    width: 70vw;
    background-color: rgb(225, 214, 200);
    border-radius: 30px;

}

.testimonial-quote-wrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
    padding: 0px;
}

.testimonial-quote {
    width: 100%;
}

.testimonial-text h2 {
    font-size: 2rem;
    
}

#writer-name {
    font-weight: 600;
}

#writer-location {
    font-family: 'Playfair Display';
    font-size: 0.9rem;
    font-style: italic;
}

.test-callout {
    text-transform:uppercase;
    font-weight: 700;
    font-size: 1rem;
}


@media screen and (max-width: 900px) {
    .testimonial-quote-wrap {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    p.test-callout {
        margin: 0;
    }
}

@media screen and (max-width: 500px) {
    .testimonial-text {
        max-width: 80vw;
        padding: 30px;
    }
    .testimonial h3, .testimonial h2, .testimonial p {
        text-align: center;
    }
}

/* Workshops & More */

.workshops-offerings {
    height: fit-content;
    text-align: center;
}

.workshops-CTA {
    width: 100%;
    height: 30vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:rgba(125, 85, 40, 0.3);
    background-blend-mode: multiply;
    margin-bottom: 50px;
    background-image: url(https://luchixaro.com/wp-content/uploads/2026/04/IMG_20260412_093139-1-scaled.jpg);
    background-position: bottom;
    text-align: center;
}

.workshops-CTA-h2 {
    color:rgb(251, 244, 235);
    font-style: italic;
    font-size: 2.2rem;
    margin-bottom: 20px;
}

.workshops-CTA-button {
    color:rgb(36, 41, 15);
    background-color:rgb(251, 244, 235, 0.5);
    cursor: pointer;
    border: 1px solid rgb(251, 244, 235);
    font-size: 1.2rem;
    width: fit-content;
    padding: 10px 20px;
    justify-self: center;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.workshops-CTA-button:hover {
    color:rgb(251, 244, 235, 0.9);
    background-color:rgb(36, 41, 15, 0.5);
}

.workshops-offerings-text {
    padding: 60px 50px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-self: center;
    gap: 10px;
    width: 60vw;
    max-width: 800px;
}

.workshops-offerings-text p {
    margin: 4px;
}

.workshops-offerings-text h3 {
    font-size: 2rem;
    text-align: center;
}

.divider {
    height: 10px;
    width: 100%;
    border-bottom:1px solid rgb(71, 83, 25, 0.3);
    margin: 20px 0px;
}

.workshops-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    justify-self: center;
    gap: 30px;
    width: 100%;
    padding: 40px 0px;
    background-image: url(https://luchixaro.com/wp-content/uploads/2026/04/IMG_20260412_093139-1-scaled.jpg);
    background-size: cover;
    background-position: bottom;
}

.featured-workshop-card {
    width: 32vw;
    height: 600px;
    min-width: 400px;
    margin-right: 30px;
    padding: 20px;
    background-color: rgb(253, 251, 247, 0.8);   
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.featured-workshop-card h3 {
    padding-bottom: 20px;
    color:rgb(36, 41, 15);
}

.featured-workshop-card p {
    margin-bottom: 0px;
}

.learn-more-link a {
    color: rgb(71, 83, 25);
    font-weight: 700;
}

.featured-workshop-image {
    width: 100%;
    height: 80%;
    background-image: url(https://luchixaro.com/wp-content/uploads/2026/04/maureen.png);
    background-size: cover;
    background-position: top;
}

.label {
    background-color: rgb(71, 83, 25);
    color: rgb(253, 251, 247);
    font-family: 'Playfair Display';
    font-size: 0.9rem;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    align-self: flex-start;
}

.future-workshops-wrap {
    width: 40vw;
    height: fit-content;
    min-width: 400px;
    background-color: rgb(253, 251, 247, 0.8);   
    padding: 20px;
    border-radius: 20px;
}

.future-workshops-wrap ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.future-workshops-wrap li {
    border-bottom: 1px solid rgb(139, 149, 100);
}

@media screen and (max-width: 950px) {
    .workshops-offerings-text {
        width: 80vw;
    }  
    .featured-workshop-card {
        margin-right: unset;
        width: 80vw;
    }
    .workshops-wrap {
        flex-direction: column;
        background-size: 145%;
    }
    .future-workshops-wrap {
        width: 80vw;
    }

}

@media screen and (max-width: 500px) {
    .workshops-offerings-text {
        min-width: unset;
    }
}

@media screen and (max-width: 450px) {
    .workshops-offerings-text {
        padding: 10px;
    }
    .featured-workshop-card, .future-workshops-wrap {
        min-width: unset;
    }
    .workshops-wrap {
        background-size: 300%!important;
        background-repeat: no-repeat;    
    }
    .workshops-offerings-text h3 {
        margin-top: 20px;
    }
}

/* Retreat Exclusives */
.retreat-exclusives-wrap {
    height: fit-content;
    background-color:rgb(251, 244, 235);
    width: 100%;
    padding-bottom: 60px;
}

.retreat-exclusives {
    padding: 30px 40px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-self: center;
    gap: 10px;
    width: 70vw;
    max-width: 1000px;
    border:1px solid rgb(139, 149, 100);
    border-radius: 20px;
    background-color:rgb(36, 41, 15, 0.05);
}

.retreat-exclusive-card {
    min-width: 100px;

}

.retreat-exclusive-cards-wrap {
    display: flex;
    flex-direction: row;
    align-items: top;
    justify-content: center;
    column-gap: 50px;
}

.retreat-exclusives h2, .retreat-exclusives h3, .retreat-exclusives h4 {
    color:rgb(71, 83, 25);
    text-align: center;
}

.retreat-exclusives h4 {
    font-size: 1.2rem;
}

.retreat-exclusives h2 {
    margin-bottom: 10px;
}

.retreat-exclusives p {
    text-align: center;
    margin-top: 5px;
}

h3#exclus {
    font-size: 1.7rem;
    color:rgb(36, 41, 15);
}

@media screen and (max-width: 900px) {
    .retreat-exclusive-cards-wrap {
            flex-wrap: wrap;

    }
    .retreat-exclusive-cards-wrap p {
        max-width: 50vw;
        margin-bottom: 30px;
    }
    .workshops-wrap {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .featured-workshop-card {
        width: 70vw;
    }
    .featured-workshop-image {
        background-position: top;
    }
    .future-workshops-wrap {
        width: 70vw;
    }
    .workshops-wrap {
        background-size: 165%;
    }

}

/* Ongoing Support */
.ongoing-support{
    height: fit-content;
    background-image: url(https://plus.unsplash.com/premium_photo-1663933534550-b28e10ef4a48?q=80&w=387&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
    background-size: cover;
    background-position: center;
    padding: 40px 0px;

}

.ongoing-support-text {
    padding: 50px 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-self: center;
    gap: 20px;
    width: 60vw;
    background-color: rgb(225, 214, 200);
    border-radius: 30px;
}   
.ongoing-support-offerings {
    display: flex;
    flex-direction: column;
    align-items: top;
    justify-content: center;
    gap: 40px;
}   

.offering-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.offering {
    border-left: 1px solid rgb(71, 83, 25);
    padding-left: 16px;
}

.offering-image {
    width: 200px;
    height: 150px;
    min-width: 200px;
    background-size: cover;
    background-position: center;
}

#off1 {
    background-image: url(https://luchixaro.com/wp-content/uploads/2025/04/rota-do-cha.jpg);
}

#off2 {
    background-image: url(https://luchixaro.com/wp-content/uploads/2025/04/rota-do-cha.jpg);
}

.ongoing-support-offerings p {
    min-width: 250px;
}

/* Register CTA */
.register-CTA {
    height: fit-content;
    background-color: rgb(212, 210, 136);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px;
    text-align: center;
}

.register-CTA-button {
    padding: 15px 30px;
    font-size: 1rem;
    font-family: 'playfair display';
    color: rgb(220, 223, 211);
    background-color: rgb(36, 41, 15);
    border: none;
    cursor: pointer;
    font-weight: 300;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.register-CTA-button:hover {
    background-color: rgb(71, 83, 25);
    color: rgb(220, 223, 211);
}

/* Footer */
footer {
    height: fit-content;
    background-color: rgb(36, 41, 15);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

footer a {
    color:rgb(139, 149, 100);
    text-decoration: none;
}

footer img {
    max-width: 300px;
    opacity: 0.5;
}

.footer-content-wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.right-footer ul {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-self: center;
}

.right-footer img {
    width: 16px;
    margin-right: 10px;
}
.left-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.footer-content-wrap ul {
    list-style-type: none;
}

footer p {
    color: rgb(220, 223, 211);
    font-size: 0.8rem;
    margin: 5px 0;
}   

@media screen and (max-width: 800px) {
    ul {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* General Text */

h1,h2,h3,h4,h5,h6 {
    font-family: 'Playfair Display';
    color: rgb(36, 41, 15);
    font-weight: 300;
    margin: 0;
}   

header h2 {
    font-family: 'Playfair Display';
    color: white;
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: 2px;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.3rem;
    color: rgb(71, 83, 25);
}

p {
    font-family: Lato;
    color:rgb(36, 41, 15);
    font-size: 1rem;
    line-height: 1.5rem;
}

a {
    color: rgb(71, 83, 25);
}

/* ########### ABOUT PAGE ########### */

#about-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#about-section h2 {
    margin-top: 20px;
    text-align: center;
}

.about-entrelinhas {
    width: 80vw;
    max-width: 1200px;
    min-width: 400px;
}
.about-entrelinhas h3 {
    text-align: center;
}

.core-values-wrap {
    display: flex;
    flex-direction: row;
    column-gap: 40px;
    width: 80vw;
    justify-content: center;
    align-items: flex-start;
}

.core-value {
    width: 26vw;
    max-width: 300px;
}

.our-team {
    display: flex;
    flex-direction: row;
}

.organizer-wrap .intro-image {
    width: unset;
    height: unset;
    min-width: 200px;
    min-height: 200px;
    margin-bottom: 10px;
    background-position: center;
    background-size: cover;
}

#organizer-image {
    background-image: url(https://luchixaro.com/wp-content/uploads/2026/04/headshot.jpg);
}

#somatics-image {
    background-image: url(https://luchixaro.com/wp-content/uploads/2026/04/maureen.png);
}

#chef-image {
    background-image: url(https://luchixaro.com/wp-content/uploads/2026/04/IMG_4900-1.webp);
}

#agent-image {
    background-image: url(https://luchixaro.com/wp-content/uploads/2026/05/CasualHeadshot.jpeg);
    background-position: bottom;
}

#assistant-image {
    background-image: url(https://luchixaro.com/wp-content/uploads/2026/04/headshot.jpg);
    background-color: rgb(0,0,0,0.9);
    background-blend-mode: overlay;
    width: unset;
    height: unset;
    min-width: 200px;
    min-height: 200px;
}

.organizer-wrap {
    height: fit-content;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 28vw;
    justify-content: center;
    align-items: center;
    margin: 20px;
    justify-self: center;
}

#organizer-name {
    font-size: 1.8rem;
}

h3#organizer-name {
    font-size: 1.5rem;
    text-align: center;
}

h4#organizer-title {
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.9rem;
}
h4#organizer-title i {
    font-size: .9rem;
}

.learn-more-CTA-2 {
    padding: 40px 20px;
    font-size: 0.8rem;
    font-family: 'playfair display';
    color: rgb(220, 223, 211);
    background-color: rgb(212, 210, 136);
    margin-top: 10px;
    font-weight: 300;
    transition: background-color 0.3s ease, color 0.3s ease;
    text-align: center;
}

.learn-more-CTA-2 h2 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.learn-more-CTA-2 button {
    border: none;
    cursor: pointer;
}

@media screen and (max-width: 540px) {
    #about-section {
        padding: 0px 20px;
    }
    .about-entrelinhas {
        width: 90vw;
        min-width: unset;
    }
    .core-values-wrap {
        flex-direction: column;
        text-align: center;
        width: 90vw;
    }
    .core-values-wrap p {
        width: 90vw;
        min-width: unset;
    }
    .core-value h3 {
        text-align: center;
        width: 90vw;
    }
    .our-team {
        flex-direction: column;
        width: 90vw;
    }
    .organizer-wrap {
        width: 90vw;
        margin-left: 0px;
    }
    .organizer-wrap .intro-image {
        width: 100%;
        height: 300px;
    }
    #organizer-image, #agent-image, #somatics-image, #chef-image {
        background-position: center;
    }
}

/* ########### FAQ PAGE ########### */

#faq-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}   

.faq-wrap {
    width: 60vw;
    height: fit-content;
    padding: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.faq-question {

    align-self: flex-start;
}

.faq-answer li {
    font-family: Poppins;
    color:rgb(36, 41, 15);
    font-size: 0.9rem;
    margin-left: 80px;
}

#asterisk {
    font-family: Lato;
    font-size: 2rem;
    font-weight: 700;
    color: rgb(71, 83, 25);
    margin-right: 5px;
    position: relative;
    top: 10px;
}

h5#faq-category {
    font-size: 1.2rem;
    font-family: 'Playfair Display';
    color: rgb(36, 41, 15);
    font-weight: 300;
    margin: 60px 0 10px 0;
    background-color: rgb(225, 214, 200);
    padding: 5px 10px;
    color: rgb(71, 83, 25);
    border-radius: 5px;
}

/* ########### RETREATS PAGE ########### */

.intro-ethos {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px 0px;
}

.intro-ethos-text {
    width: 70vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.intro-ethos-text h1 {
    padding-top: 0px;
}

.intro-ethos-text h2 {
    margin-bottom: 20px;
}

.cooking-images-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2.5vw;
    height: fit-content;
    width: 70vw;
    margin-bottom: 10px;
}

.cooking-image {
    width: 28vw;
    height: 240px;
    min-width: 100px;
    background-size: cover;
    background-position: center;
}

#cooking1 {
    background-image: url(https://luchixaro.com/wp-content/uploads/2026/04/PXL_20260412_163323348-1-1.jpg);
}

#cooking2 {
    background-image: url(https://luchixaro.com/wp-content/uploads/2026/04/PXL_20260411_183916838.MP-1.webp);
    background-position: top;
}

#cooking3 {
    background-image: url(https://luchixaro.com/wp-content/uploads/2026/04/IMG_4900-1.webp);
}

.whats-included {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}   

.whats-included-text h2 {
    color:rgb(36, 41, 15);
}

.whats-included-text {
    width: 100%;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    text-align: center;
    padding: 40px 0px;
}

.included-wrap {
    display: flex;
    flex-direction: row;
    align-items: top;
    justify-content: center;
    gap: 30px;
    width: 80vw;
}

.included-card {
    width:100%;
    background-color:rgb(225, 214, 200);
    padding: 20px;
    border-radius: 30px;
}

.included-card h3 {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 20px;
    font-weight: 500;
}


.included-card p {
    font-size: 0.9rem;
    
}

.included-card-image {
    justify-self: center;
    width: 60%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: rgb(207, 203, 193);
    max-width: 150px;
    overflow: hidden;
}

.included-card-image img {
    width: 110%;
    position: relative;
    top: -20px;
}

.included-card-image#included4 img {
    width: 180%;
    left: -20px;
}

.included-card-image#included3 img {
    width: 180%;
    top: -90px;
}

#retreat-CTA {
    border: 1px solid rgb(212, 210, 136, 0.8);

}


/* ########### REGISTRATION PAGE ########### */

.registration {
    width: 100%;
    background-color:rgb(251, 244, 235);
    display: flex;
    justify-content: center;
}

.registration-wrap {
    width: 60vw;
}

.registration-intro h3, .registration-intro h4 {
    margin-bottom: 10px;
}

.registration-form-wrap {
    width: 50vw;
    background-color:rgb(220, 223, 211);
    border-radius: 20px;
    margin-top: 40px;
    border: 1px solid rgb(139, 149, 100);
    margin-bottom: 30px;
    justify-self: center;
    text-align: center;
}

.registration-card{
    padding: 50px;
}

.registration-header {
    background-color:rgb(36, 41, 15);
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: 6px solid rgb(212, 210, 136);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.registration-header h3 {
    color:rgb(220, 223, 211);
}

.registration-text p {
    margin: 0px;
}

.registration-text h4 {
    font-size: 1.3rem;
}

.reg-form-link {
    margin-top: 30px;
    background-color:rgb(71, 83, 25);
    padding: 5px 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 20px;
    width: fit-content;
    justify-self: center;
}

.reg-form-link a {
    color: rgb(220, 223, 211);
    text-decoration: none;
    font-family: Poppins;
    font-size: 1.1rem;
    justify-self: center;
}

@media screen and (max-width: 600px) {
    .registration, .registration-wrap, .registration-form-wrap {
        width: 80vw;
        justify-self: center;
    }
    .registration-card {
        padding: 16px;
    }
}


/* ########### SESSIONS SECTION ############ */

.pww-discount-wrap {
    width: 70vw;
    justify-self: center;
    color:rgb(36, 41, 15); 
}

.pww-discount-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.pww-discount-wrap  {
    font-family: poppins;
    font-size: 0.9rem;
}

.pww-discount-wrap h3 {
    text-align: center;
    margin-bottom: 20px;
}

.pww-discount-image {
    background: url(https://luchixaro.com/wp-content/uploads/2026/04/PW.png);
    background-size: cover;
    background-position: center;
    width: 30vw;
    height: 120px;
    min-width: 300px;
    border-radius: 20px;
    background-color:rgb(251, 244, 235);
    background-blend-mode:multiply;
}

.sessions {
    display: flex;
    flex-direction: row;
    height: 40vh;
    min-height: 400px;
    gap: 0px;
    align-items: flex-end;
}

.sessions-title {
    text-align: center;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 30px;
}


.divider#div-retreats {
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 30px;
}

.spring-session-wrap {
    width: 50vw;
    height: 100%;
    background: url(https://static.wixstatic.com/media/5768dd_98247a28e6e5400398f0cbec79f84fd1~mv2_d_3008_2000_s_2.jpg/v1/fill/w_980,h_666,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/5768dd_98247a28e6e5400398f0cbec79f84fd1~mv2_d_3008_2000_s_2.jpg);
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.summer-session-wrap {
    width: 50vw;
    height: 100%;
    background: url(https://turismo.ribeirasacra.org/cgmlImg/3775-axkrbaz/wxhdpi16/DSC_0406.JPG);
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.overlay {
    background: linear-gradient(45deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
    width: 50vw;
    height: 100%;
    display: flex;
    align-items: flex-end;    
}

.session-text {
    padding: 50px;
}

.session-text h2 {
    color:rgb(212, 210, 136);
}

.session-text h3 {
    color:rgb(225, 214, 200);
}

.session-text h4{
    color:rgb(225, 214, 200, 0.7);
    font-size: 0.8rem;
    line-height: 1.5rem;
}


.session-CTA {
    border: 1px solid rgb(212, 210, 136);
    color:rgb(253, 251, 247);
    font-family: Poppins;
    font-size: 0.85rem;
    margin-top: 20px;
    padding: 8px 18px;
    background-color:rgb(36, 41, 15, 0.5);
    width: fit-content;
    text-align: center;
}

.summer-session-wrap {
    width: 50vw;
}

/* ########### MOBILE RESPONSIVENESS ############ */

@media screen and (max-width: 500px) {
    .sessions {
        flex-direction: column;
        width: 100vw;
        align-items: flex-start;
    }
    .spring-session-wrap, .summer-session-wrap {
        width: 100vw;
        background-size: cover;
        height: 80vw;
    }
    .session-text, .overlay {
        padding-right: 0px!important;
        width: 100vw;
    }
    .session-text {
        margin-right: 10px;
        padding-left: 20px;
        padding-bottom: 20px;
    }
    .whats-included-text {
        margin-top: 40px;
    }
}