<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* General Reset */

/* Override Flatsome's content container */
.entry-content,
.wp-block-post-content {
  max-width: 100vw !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

.page-wrapper,
#main,
#content,
.ux-wrapper {
  max-width: 100vw !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

/* 💥 Force Flatsome's column wrapper to full width */
.large-12.col,
.col-inner {
  width: 100% !important;
  max-width: 100vw !important;
  padding: 0 !important;
  margin: 0 auto !important;
  box-sizing: border-box;
}

html, body, .wp-site-blocks {
  background-color: #becfca !important;
}

.wp-site-blocks,
.wp-block-group {
  padding: 0 !important;
  margin: 0 !important;
}


body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

/* Fonts */
.cedarville-cursive-regular {
    font-family: "Cedarville Cursive", cursive;
    font-weight: 400;
    font-style: normal;
}

.cal-sans-regular {
    font-family: "Cal Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.alex-brush-regular {
    font-family: "Alex Brush", cursive;
    font-weight: 400;
    font-style: normal;
  }

/* Carousel Styles */
.carousel {
    position: relative;
    max-width: 100%;
    margin-top: 0px; /* Matches the height of the navbar */
    padding: 0;
    background-color: #becfca; /* Set background color to match the design */
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

.carousel-item {
    opacity: 0;
    transition: opacity 1s ease-in-out; /* Fade effect */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.carousel-item img {
    width: 100%;
    height: auto;
}

.carousel-item.active {
    opacity: 1;
    position: relative;
}

.carousel-control {
    width: auto;
    height: auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none !important;   /* 🚫 Remove background */
    border: none !important;       /* 🚫 Remove border */
    color: black !important;       /* ✅ Black arrows */
    font-size: 36px;               /* Adjust arrow size if needed */
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;                   /* Make sure it’s above image */
}

.carousel-control.prev {
    inset-inline-start: 10px;  /* Left edge spacing */
}

.carousel-control.next {
    inset-inline-end: 10px;    /* Right edge spacing */
}



/* Main Image Section */
.main-image-section {
    background-color: #becfca;
    padding: 0 !important;              /* remove side padding */
    margin: 0 auto !important;
    text-align: center;
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box;
    overflow: hidden;
}

.main-image-section img {
    width: 100vw !important;            /* force full viewport width */
    max-width: 100vw !important;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 0;
}


/* Footer Trim */
.footer-trim {
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 0;
    position: relative;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
}

/* Footer Background */
.footer-bg {
    background-color: #ffd5d7;
    width: 100%;
    max-width: 100vw;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.footer {
    width: 100%;
    max-width: 100vw;
    padding: 30px 0 10px 0;
    box-sizing: border-box;
    text-align: center;
    color: #333;
    font-size: 1rem;
    background: none;
}


.footer-socials {
    margin-bottom: 10px;
}

.footer-social {
    display: inline-block;
    margin: 0 8px;
    color: #333;
    font-size: 1.5rem;
    text-decoration: none;
    transition: color 0.2s;
}

.footer-social:hover {
    color: #b48a78;
}

/* Force all standard Flatsome layout containers to go full width */
.container,
.row,
.col,
.ux-row,
.ux-container,
.ux-wrapper,
#main,
#content,
.page-wrapper {
  width: 100% !important;
  max-width: 100vw !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box;
}

/* Remove any extra inner padding that Flatsome adds */
.entry-content,
.wp-block-post-content,
.post,
.page {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
  box-sizing: border-box;
}

.footer-copyright {
    font-size: 0.95rem;
    color: #333;
}

/* ✅ NAVBAR PADDING FIX */
.header-inner {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 100%;
  box-sizing: border-box;
}</style>
<!-- end Simple Custom CSS and JS -->
