.own {
  --cassiopeia-color-primary: #2F9C95;
  --cassiopeia-color-hover: #174F4B;
  --cassiopeia-color-link: #1C5E5A;
}

.container-header {
        background-color: #f3f6f4; 
        background-image: none; 
    }

.container-footer {
        background-color: #f3f6f4; 
        background-image: none; 
    }

.navbar-brand {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.brand-logo {
    display: inline-block !important;
}

.brand-logo img {
    display: block !important;
    margin: 0 auto !important;
}

.card-body ul li a {
    font-weight: bold !important;
    font-size: 1.2em !important;
}

.card-body ul li.active a,
.card-body ul li.current a {
    text-decoration: underline !important;
    font-weight: bold !important;
    font-size: 1.2em !important;
}

.container-footer ul a {
    color: #000080 !important;
    font-weight: bold !important;
}
  
.site-grid {
    background-image: url('/images/babysfeetpattern.jpg') !important;
    background-repeat: repeat !important;
    background-position: top center !important;
    background-color: transparent !important;
}


.rightmenumodule .card-body {
    background-color: #f8f8f8 !important;
    width: auto;
}

._menu .card-body {
    background-color: #f8f8f8 !important;
}

.card-body {
    width: 100% !important;
    flex: 1 1 auto !important;
}


/* Center the content in your position */
.container-below-top,
.container-banner {
    display: flex;
    align-items: center;
    justify-content: center; /* Centers the content horizontally */
    gap: 20px;
    max-width: 1200px; /* Optional: constrains the width */
    margin: 0 auto; /* Centers the container itself */
    padding: 0 20px; /* Adds breathing room on sides */
}

/* Keep your logo at fixed width */
.container-below-top .moduletable:first-child,
.container-banner .moduletable:first-child {
    flex: 0 0 auto;
}

/* Slideshow takes remaining space */
.container-below-top .moduletable:last-child,
.container-banner .moduletable:last-child {
    flex: 1 1 auto;
}

.offcanvas-toggle {
    display: block !important;
}

/* HIDE the mobile/hamburger menu on DESKTOP */
@media (min-width: 992px) {

  /* Hide the menu module in the header */
  header .mod-menu,
  header .navbar-nav {
    display: none !important;
  }

  /* Hide the hamburger button */
  .offcanvas-toggle {
    display: none !important;
  }
}

/* HIDE the sidebar menu on MOBILE */
@media (max-width: 991px) {

  /* Hide the left sidebar menu on phones and tablets */
  #sidebar-left,
  .sidebar-left,
  .container-sidebar-left,
  .site-grid > aside {
    display: none !important;
  }
}

/* Optional: Make the hamburger a bit larger */
.offcanvas-toggle {
  transform: scale(1.2);
}

/* Hamburger button background and border */
button.navbar-toggler {
    background-color: #224faa !important;
    border: 2px solid #333333 !important;
}

/* Hamburger icon lines - white */
button.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Mobile menu dropdown background */
.navbar-collapse,
#navbar-collapse {
    background-color: #f8f8f8 !important;
}

.navbar-collapse.collapse.show {
    background-color: #f8f8f8 !important;
}

/* Menu links - change from green to your preferred color */
.navbar-collapse a,
.navbar-collapse .nav-link,
.navbar-nav a,
.navbar-nav .nav-item a {
    color: #224faa !important; /* White links */
}

/* Menu link hover */
.navbar-nav a:hover {
    color: #cccccc !important; /* Light gray on hover */
}

/* Active/current page */
.navbar-nav .current a,
.navbar-nav .active a {
    color: #ffcc00 !important; /* Yellow for active page */
}


@media (max-width: 991px) {
    .slideshow-header {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .container-below-top,
    .container-banner {
        margin-bottom: -20px !important;
    }
}

.navbar-collapse .menu-divider-after,
.navbar-collapse a.menu-divider-after {
    border-bottom: 3px solid #224faa !important;
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
    display: block !important;
    width: calc(100% - 20px) !important;
    margin-left: 0px !important;
}