/** Shopify CDN: Minification failed

Line 173:5 Expected "}" to go with "{"

**/
.page-about .custom-header {
  padding: 0;
  position: fixed;
  z-index: 2000;
  background: #F2F2F2;
}

.page-about .custom-header__nav {
    flex-wrap: wrap;
    align-items: center;
    padding: 30px 15px 15px 15px; 
}

/* Re-targeting the logo image size (keeping your original rules) */
.page-about .custom-header__nav a {
  font-size: 1.6rem; 
  line-height: 1.1;
}
.page-about .custom-header .nav-logo img {
  max-width: 55px;
  height: auto;
}

.page-about .mobile-top-bar .nav-logo {
    position: absolute; 
    left: 50%; /* Start the logo's left edge at the center of the nav container */
    transform: translateX(-50%); /* Pull the logo back by half its own width to truly center it */
    z-index: 100; /* Ensure it layers above links if they cross */
    margin: 0 !important; 
}

/* 1. LINKS GROUP (All text links should be visible and spaced out) */
.page-about .mobile-bottom-nav {
    justify-content: center;
    margin: 40px 0 0 10px !important;
    gap: 0;
}

/* 2. LINKS GROUP ITEMS (The Spacing Fix) */
.page-about .mobile-bottom-nav li {
    /* Use the magic responsive margin */
    margin: 0 3vw; 
    padding: 0;
    /* Ensure no residual 'display' or 'height' properties conflict */
   display: block; 
}

/* 2. ICONS GROUP (Far Right) */
.page-about .mobile-top-bar {
    display: flex !important; 
    justify-content: flex-end;
    padding-right: 50px;
    align-items: center;
    width: 100%;
    flex-shrink: 0; /* Prevents this element from shrinking */
}


.page-about .rich-text__blocks .rte {
  /* This targets the rich text editor content. */
  margin-bottom: 0px !important;
}

.page-about .rich-text {
  /* This targets the main container of the rich text section. */
  background-color: #f9f9f9 !important;
}

@media screen and (min-width: 700px) {

.page-about .rich-text {
  /* This targets the main container of the rich text section. */
  padding-top: 180px !important;
  padding-bottom: 15px !important;
}
.page-about .rich-text__heading {
  font-size: 1.9rem !important; /* Adjust this value to your desired size */
  font-weight: 400;
}

.page-about .rich-text__blocks {
  /* This targets the content block to adjust its width. */
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.page-about .rich-text__text p {
  /* This targets the paragraphs within the rich text section. */
  font-size: 1.8rem !important;
  line-height: 1.5 !important;
}
}



@media screen and (max-width: 700px) {
    /* --- 1. Top Bar (Logo and Icons) --- */
    .page-about .mobile-top-bar {
      display: flex !important; /* Make it visible on mobile */
      position: fixed;
      top: 0;
      background-color: #F2F2F2 ;
      box-shadow: 0px 6px 8px -2px rgba(0, 0, 0, 0.05);
      left: 0;
      width: 100%;
      height: 75px; /* Define a fixed height for the top bar */
      padding: 0 clamp(20px, 3vw, 50px)!important;
      justify-content: space-between; /* Push logo left, icons right */
      align-items: center;
      z-index: 1000;
    }
    

    /* Logo size for the top bar */
    .page-about .mobile-top-bar .nav-logo img {
        width: clamp(50px, 8vw, 60px); 
        height: auto;
    }
    
    /* Icon size for the top bar */
    .page-about .mobile-top-bar .custom-header__icons-item {
        margin-left: auto; /* Ensure icons are at the edge */
       
    }
    
    /* --- 2. Bottom Bar (Links) --- */
    .page-about .custom-header {
      /* This is your old header, now used only for the bottom bar */
      position: fixed; 
      background-color: #F2F2F2 ;
      top: auto !important;
      bottom: 0 !important;
      width: 100%;
      height: 50px;
      display: flex;
      align-items: center;
      box-shadow: 0px -6px 8px -2px rgba(0, 0, 0, 0.05)!important; 
      z-index: 1000;
    }

    .page-about .custom-header__nav {
      padding: 0 5%; 

    }

   .page-about .mobile-bottom-nav { /* Use the new class here */
      margin: 0 !important; 
      display: flex;
      justify-content: center;
      height:100%;
      align-items: center;
      gap: clamp(17px, 4vw, 80px);/* Distribute items equally within the ul */
      z-index: 1000;
    }

    .page-about .mobile-bottom-nav li {
        margin: 0 !important; /* REMOVE the desktop's 4vw margin */
        display: flex;
    }
    
    .page-about .mobile-bottom-nav a {
    font-size: clamp(1.3rem, 2.1vw + 0.38rem, 2rem);
    }

    .page-about .rich-text{
        /* Push content down to clear the top fixed bar (60px height) */
        padding-top: 95px !important;   
    }