#navbar122 a:hover {
  text-decoration: underline;
}
#navbar122  ul li a{
  color:white;
  margin-bottom:8px;
  font-weight:900;
  margin-right: 30px;
  font-size:17px;
}
#navbar122  ul li li a{
  color:rgba(281,222,222,50);
  margin-bottom:8px;
  font-weight:900;
  margin-right: 30px;
  font-size:17px;
}



#sp-top-bar {
  display: none;
}

.title-container {
  font-family: Arial, sans-serif; /* Optional: Customize the font */
}

.date {
    text-align: center; /* Center-align the text */
    font-family: Arial, sans-serif; /* Choose a clean font */
}

.date .day {
    font-size: 2.5em; /* Make the day larger */
    color: white; /* Set the color to white */
    font-weight: bold; /* Optionally make it bold */
}

.date .month-year {
    font-size: 1em; /* Make the month-year smaller */
    color: black; /* Set the color to black */
}


.styled-title {
  font-size: 1.5 em; /* Adjust as needed */
  font-weight: bold; /* Optional: Make it bolder */
  color: #2ac899; /* Title text color */
  text-decoration: none; /* Remove underline from link */
}
.styled-title:hover {
  text-decoration: underline; /* Optional: Add underline on hover */
}

.category {
  font-size: 0.9em; /* Smaller text for category */
  color: #ff5733; /* Bright orange for visibility */
  margin-top: 0.2em; /* Add some spacing */
  display: flex;
  align-items: center;
  font-weight: bold; /* Make it stand out more */
}

.icon-bell {
  margin-left: 0.3em; /* Space between text and icon */
  color: #ff5733; /* Same color as the category text */
}

/* Optional: Example icon styles for bell */
.icon-bell::before {
  content: '\1F514'; /* Unicode for bell emoji */
  font-size: 1em; /* Adjust size */
}



.menu-child li {
  margin-bottom: 8px;
}

.sp-dropdown-items li {
  margin-bottom: 5px important;
}

.sp-dropdown-inner {
    background-color: #fadadd;
    border-radius: 8px; /* Adjust the value to make the border more or less rounded */
    border: 1px solid #fadadd; /* Optional: If you want the border to have the same color */
    padding: 10px; /* Optional: Adds some padding inside the border */
    color: #333333; /* Text color */
}

/* Optional: If you need to set the size and shape of the lines */
#offcanvas-toggler .burger-icon span {
  display: block;
  width: 24px; /* Adjust width as needed */
  height: 2px; /* Adjust height as needed */
  margin: 6px 0; /* Adjust spacing as needed */
   background-color: white; /* Change the color of the lines to white */
}

.sp-dropdown-inner {
  background: linear-gradient(45deg, #49a09d, #27f0f0) !important;
  margin-top: -20px;
}


.sp-menu-item {
    margin-bottom: 0.5em; /* Adjusts the space below each item */
    font-family: "Noto Sans TC" ; /* Use Noto Sans TC font */
    font-size: 18px; /* Font size of 16px */
    font-style: normal; /* Normal font style */
    font-weight: 400; /* Normal font weight */
    letter-spacing: normal; /* Default letter spacing */
    line-height: 28px; /* Line height of 28px */
    text-align: left; /* Align text to the left */
    white-space: normal; /* Allow text to wrap normally */
    word-wrap: break-word; /* Break long words to prevent overflow */
    overflow-wrap: break-word; /* Ensure long words break and do not overflow */
}


.sppb-image-holder {
  border-radius: 10px; 
}


.date {
    text-align: center;
    width: 100px; /* Set the unit as needed, e.g., 10px, 10em, or 10% */
    margin: 0 auto; /* Center the container if necessary */
}

.day {
    font-size: 2em; /* Adjust the font size as needed */
    font-weight: bold; /* Makes the number 26 bold */
}

.month-year {
    color: black;
    font-size: 1em; /* Adjust the font size as desired */
}