.logo a {
    color:#565656;
    text-decoration: none;

}


  .footer p {
  
    font-size: 11px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-style: normal;
    text-align: center;
  }
  
  
  
  



  
  p, a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-style: normal;
  
  
  }
  

 

  
  
      
        
      
    
  p, h1, h2, h3 {
            color: #565656; 
            text-decoration:none;
  }
    
  a{
    color:#565656;
  }
      
        
      
  body {
            background-color:#f4f0ec;
            margin:0;
            padding:0;
            box-sizing: border-box;
  }
  
  
  
.footer {
    /* Ensures the footer stays at the bottom and is not obscured by iOS UI elements */
    padding: 0rem 0;
      padding-bottom: env(safe-area-inset-bottom); /* Adjust for iOS safe area */
  
  }
  
    
  
  
  
  ::-moz-selection {
        color: #f4f0ec;
        background: hsla(30,26.7%,94.1%, 0%);
  }
      
  ::selection {
        color: #f4f0ec;
        background: hsla(30,26.7%,94.1%, 0%);
  }
  
  
  



  .feedContent {
    margin: 0 auto !important;
  }

  .feedContent {
    text-align: center; /* Optional: To center align the images */
}

.feedContent img {
    display: block;
    margin: 0 auto; /* Optional: To center align the images */
}


.header {
 /* height: 26px; */
  display: flex;
  justify-content: center;
  align-items: center;
  /* Optionally, you can add a background color or other styling */
  background-color: #f0f0f0; /* Example background color */
  text-align: center !important;
}











  




.footer {
  

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-style: normal;
font-size: 11px !important;


}



a{
text-decoration: none !important;
}





.header {
  display: grid;
  grid: var(--header-grid);
  align-items: center !important;

  background-color: var(--header-background-color);
  box-shadow: 0 -1px rgb(var(--header-separation-border-color)) inset;
  transition: background var(--transition-speed), color var(--transition-speed), border var(--transition-speed), box-shadow var(--transition-speed), transform 0.15s ease-in-out;
  position: relative;
  z-index: 4; /* Ensures header remains above other elements */
}

.header__primary-nav {
  display: flex;
  flex-wrap: wrap;
  grid-area: primary-nav;
  align-items: center;
  gap: 0.625rem 1.25rem;
}

.header__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-area: logo;
  text-align: center !important;
}

.header__secondary-nav {
  display: flex;
  flex-wrap: wrap;
  grid-area: secondary-nav;
  justify-content: end;
  align-items: center;
  gap: 0.625rem 0.9rem;
  text-align: center !important;
}

/* Responsive Adjustments for Small Screens */
@media screen and (max-width: 999px) {
  .header__primary-nav,
  .header__secondary-nav {
    gap: 0px !important;
  }
}






.header__primary-nav a,
.header__secondary-nav a,
.header__logo {
  -webkit-font-smoothing: antialiased !important; /* For WebKit browsers */
  -moz-osx-font-smoothing: grayscale !important; /* For macOS browsers */
  text-shadow: none  !important;
  -webkit-text-stroke: 0  !important;
  text-decoration: none !important;
  text-align: center !important;

}








  
  .footer__primary-nav {
    display: flex;
    flex-wrap: wrap;
    grid-area: primary-nav;
    align-items: center;
    gap: 0.625rem 1.25rem;
  }
  
  .footer__center {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: center;
  }
  



.footer a, .footer p {
-webkit-font-smoothing: antialiased !important; /* For WebKit browsers */
  -moz-osx-font-smoothing: grayscale !important; /* For macOS browsers */
  text-shadow: none  !important;
  -webkit-text-stroke: 0  !important;
  text-decoration: none !important;
}




        .header, .footer {
            position: fixed !important;
            left: 0;
            right: 0;
            z-index: 10;
            text-align: center !important;
            background-color: #f4f0ec; /* Solid background */
        }

        .header {
            top: 0 !important;
            height: 40px !important;
        }

        .footer {
            bottom: 0 !important;
            height: 40px !important;
        }


        a, .footer {
          text-decoration: none !important;
        }






/* Ensure the time container is centered within the header */
.time {
  margin: 0 !important;
      white-space: nowrap; /* Prevent wrapping */

}







  .time-segment {
    display: inline-block !important;
    width: 2ch !important; /* 2 character width */
    text-align: center !important;
  }
  .time-separator {
    display: inline-block !important;
    width: 0ch !important;
    text-align: center !important;
    margin: 0 -0.25ch !important; 
    text-align: center !important;
  }
  .date-time-separator {
    display: inline-block !important;
    width: 3ch !important; /* Space between date and time */
    text-align: center !important;
  }

  .datetime-container {

    text-align: center !important;
    width: 100% !important;

  }
  a#ct7 {

    text-align: center !important;

  }



a,  p {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    text-decoration: none !important;
}






/* Ensure the time container is centered within the header */
.time {
  margin: 0 !important;
      white-space: nowrap; /* Prevent wrapping */

}







  .time-segment {
    display: inline-block !important;
    width: 2ch !important; /* 2 character width */
    text-align: center !important;
  }
  .time-separator {
    display: inline-block !important;
    width: 0ch !important;
    text-align: center !important;
    margin: 0 -0.25ch !important; 
    text-align: center !important;
  }
  .date-time-separator {
    display: inline-block !important;
    width: 3ch !important; /* Space between date and time */
    text-align: center !important;
  }

  .datetime-container {

    text-align: center !important;

  }
  a#ct7 {

    text-align: center !important;

  }


  .header__logo {

    width: 155px !important;
  }