.elementor-458 .elementor-element.elementor-element-51df57a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-458 .elementor-element.elementor-element-d548fa8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-458 .elementor-element.elementor-element-11b8249{text-align:center;}.elementor-458 .elementor-element.elementor-element-11b8249 .elementor-heading-title{color:#2D3031;}.elementor-458 .elementor-element.elementor-element-789b35c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-458 .elementor-element.elementor-element-60a4db0{--display:flex;}.elementor-458 .elementor-element.elementor-element-e328fbd{--display:flex;}@media(max-width:767px){.elementor-458 .elementor-element.elementor-element-51df57a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-458 .elementor-element.elementor-element-abb90cc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-458 .elementor-element.elementor-element-abb90cc{text-align:left;}.elementor-458 .elementor-element.elementor-element-11b8249 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-51df57a *//* 🌐 Force full-width header section */
.full-header {
    background-color: #6EC1E4;  /* Change to your desired color */
    width: 100vw;               /* Full viewport width */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 8px 0;
}

/* 💬 Optional: Style text and link */
.full-header .elementor-widget-heading {
    text-align: center;
}

.full-header .elementor-widget-heading a {
    text-decoration: none;
    color: #333;
    font-size: 26px;
    font-weight: 600;
}

.full-header .elementor-widget-heading a:hover {
    color: #0073aa;
    text-decoration: underline;
}
.full-header .elementor-widget-heading {
    font-style: italic;       /* ✅ Makes the link text italic */
    font-weight: 500;         /* Optional: softens boldness */
    color: #333;              /* Match your brand tone */
    text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e7a7efb */h4.monthly-heading {
  text-align: center !important;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  font-size: 20px;
  font-weight: bold;
  color: #222;
  width: 100%;
  display: block;
  position: relative;
}

h4.monthly-heading::after {
  content: "";
  display: block;
  width: 85%; /* Change this to 50%, 60%, etc. if you'd like */
  margin: 0.5rem auto 0;
  border-bottom: 2px solid #ccc;
}

@media screen and (max-width: 600px) {
  .monthly-archive td,
  .monthly-archive th {
    line-height: 1.1;
    padding: 4px 6px;
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  h4.monthly-heading {
    font-size: 16px;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    padding-bottom: 0.3rem;
  }

  h4.monthly-heading::after {
    width: 40%;
    border-bottom: 1px solid #bbb;
    margin-top: 0.3rem;
  }
}

/* Align all three controls in one row */
.button-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 12px; /* Adjust spacing between buttons */
  flex-wrap: nowrap;
  overflow-x: auto; /* Ensure scrolling if too tight on small screens */
  padding: 10px;
}

/* Hide Year and Month labels on mobile only */
@media screen and (max-width: 600px) {
  label[for="month"],
  label[for="year"] {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  label[for="teer_year"],
  label[for="teer_month"] {
    display: none !important;
  }
}
/* Uniform height and font across dropdowns and buttons */
select,
button {
  height: 30px;           /* Adjust as needed */
  font-size: 16px;
  padding: 6px 12px;
  border-radius: 4px;
  line-height: 1.2;
  box-sizing: border-box;
}

/* Optional: add consistent min-width if you want them visually balanced */
select,
button {
  min-width: 85px; /* reduced from 100px */
  padding: 4px 8px;
  font-size: 14px;
}/* End custom CSS */