

.wp-block-jetpack-subscriptions__subscount {
  display: none !important;
}

.footer-subscribe-wrapper {
  margin-top: -9px;
}

.footer-subscribe-wrapper .jetpack_subscription_widget form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  border: 1px solid #333;
  border-radius: 999px;
  padding: 0 8px;
  height: 50px;
  max-width: 520px;
  width: 100%;
  box-sizing: border-box;
  gap: 12px;
  margin: 1.5rem auto 0;
  box-shadow: none;
}

.footer-subscribe-wrapper .jetpack_subscription_widget form input[type="email"] {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 12px !important;
  font-weight: 600;
  padding: 0 28px;
  height: 100%;
  color: #333;
  outline: none;
  font-family: var(--epcl-title-font-family, "Verona"), sans-serif;
  box-sizing: border-box;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;

  margin-top: 36px;
  margin-left: -20px;
}

.footer-subscribe-wrapper form {
  border-radius: 999px;
  overflow: hidden;
}

.footer-subscribe-wrapper input#subscribe-field-2:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #333 !important;
  border-radius: 999px !important;
  padding-left: 26px !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.footer-subscribe-wrapper .jetpack_subscription_widget form input[type="submit"],
.footer-subscribe-wrapper .jetpack_subscription_widget form button {
  background-color: #ff4b5c !important;
  color: white !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid #555 !important;
  cursor: pointer !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  white-space: nowrap;

  font-family: var(--epcl-title-font-family, "Verona"), sans-serif !important;
  box-sizing: border-box;
  transition: background-color 0.2s ease, transform 0.15s ease;
  box-shadow: none !important;

  margin-top: 15px !important;
  margin-right: 8px !important;
  min-width: 90px;
}

.footer-subscribe-wrapper .jetpack_subscription_widget form input[type="submit"]:hover,
.footer-subscribe-wrapper .jetpack_subscription_widget form button:hover {
  background-color: #ff6a70 !important;
  transform: translateY(-1px);
}

.footer-subscribe-wrapper .jetpack_subscription_widget form.subscribe-focus {
  box-shadow: 0 0 0 3px rgba(255, 75, 92, 0.4),
              2px 2px 0 rgba(0, 0, 0, 0.12) !important;
  border: 1px solid #ff4b5c !important;
  border-radius: 999px !important;
}

.footer-subscribe-wrapper input[type="email"],
.footer-subscribe-wrapper input[type="submit"],
.footer-subscribe-wrapper button {
  outline: none !important;
  box-shadow: none !important;
}

.footer-subscribe-wrapper {
  padding-top: 2px !important;
  padding-bottom: 10px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: unset !important;
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-subscribe-wrapper .widget_blog_subscription {
  margin: 0 !important;
  padding: 0 !important;
}

footer .widget_blog_subscription.jetpack_subscription_widget input[type="email"] {
  font-size: 16px !important;
}

/* 🧼 Remove inherited layout styles from Jetpack block */
.mobile-subscribe-wrapper .widget,
.mobile-subscribe-wrapper .jetpack_subscription_widget,
.mobile-subscribe-wrapper .wp-block-jetpack-subscriptions__container {
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  justify-content: unset !important;
  align-items: unset !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.mobile-subscribe-wrapper {
  margin-top: -9px;
}

.mobile-subscribe-wrapper .jetpack_subscription_widget form {
  display: flex;
  align-items: center; /* ensures vertical centering */
  justify-content: space-between;
  background: white;
  border: 1px solid #333;
  border-radius: 999px;
  padding: 0 8px;
  height: 50px; /* 👈 updated from 70px to 50px */
  max-width: 520px;
  width: 100%;
  box-sizing: border-box;
  gap: 12px;
  margin: 1.5rem auto 0;
  box-shadow: none;
}

.mobile-subscribe-wrapper .jetpack_subscription_widget form input[type="email"] {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 16px !important;
  font-weight: 600;
  padding: 0 28px;
  height: 100%;
  color: #333;
  outline: none;
  font-family: var(--epcl-title-font-family, "Verona"), sans-serif;
  box-sizing: border-box;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;

  margin-top: 36px;  /* 👈 added to nudge text downward */
  margin-left: -20px
}

.mobile-subscribe-wrapper form {
  border-radius: 999px;
  overflow: hidden; /* 👈 contains autofill highlight bleed */
}

/* Nudge highlight background and contain shape */
.mobile-subscribe-wrapper input#subscribe-field-2:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important; /* use form bg */
  -webkit-text-fill-color: #333 !important;
  border-radius: 999px !important;
  padding-left: 26px !important; /* 👈 nudge right */
  transition: background-color 5000s ease-in-out 0s !important;
}



/* 🔴 Subscribe button */
.mobile-subscribe-wrapper .jetpack_subscription_widget form input[type="submit"],
.mobile-subscribe-wrapper .jetpack_subscription_widget form button {
  background-color: #ff4b5c !important;
  color: white !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid #555 !important;
  cursor: pointer !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  white-space: nowrap;

  font-family: var(--epcl-title-font-family, "Verona"), sans-serif !important;
  box-sizing: border-box;
  transition: background-color 0.2s ease, transform 0.15s ease;
  box-shadow: none !important;

  margin-top: 15px !important;   /* 👈 increased from 1px to 15px */
  margin-right: 8px !important;
  min-width: 90px;
}

.mobile-subscribe-wrapper .jetpack_subscription_widget form input[type="submit"]:hover,
.mobile-subscribe-wrapper .jetpack_subscription_widget form button:hover {
  background-color: #ff6a70 !important;
  transform: translateY(-1px);
}



.mobile-subscribe-wrapper .jetpack_subscription_widget form.subscribe-focus {
  box-shadow: 0 0 0 3px rgba(255, 75, 92, 0.4),
              2px 2px 0 rgba(0, 0, 0, 0.12) !important;
  border: 1px solid #ff4b5c !important;
  border-radius: 999px !important;
}

.mobile-subscribe-wrapper input[type="email"],
.mobile-subscribe-wrapper input[type="submit"],
.mobile-subscribe-wrapper button {
  outline: none !important;
  box-shadow: none !important;
}



.wp-block-jetpack-subscriptions {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 1.rem;
}

.wp-block-jetpack-subscriptions form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 0 8px;
  border: 1px solid #333;
  border-radius: 999px;
  background: white;
  box-shadow: none;
  max-width: 520px;
  margin: 0 auto;
  box-sizing: border-box;
  gap: 12px;
}

.wp-block-jetpack-subscriptions input[type="email"] {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Autofill fix for sidebar/post Jetpack subscribe forms */
.wp-block-jetpack-subscriptions:not(.footer-subscribe-wrapper):not(.mobile-subscribe-wrapper) #subscribe-field:-webkit-autofill,
.wp-block-jetpack-subscriptions:not(.footer-subscribe-wrapper):not(.mobile-subscribe-wrapper) #subscribe-field:-webkit-autofill:focus {
  background-color: transparent !important;
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
  box-shadow: none !important;
}

/* Text highlight fix for sidebar/post Jetpack forms */
.wp-block-jetpack-subscriptions:not(.footer-subscribe-wrapper):not(.mobile-subscribe-wrapper) #subscribe-field::selection {
  background: #fffbcc !important;
  color: #333 !important;
}

/* Autofill fix for sidebar/post Jetpack forms */
input[id^="subscribe-field-"]:-webkit-autofill,
input[id^="subscribe-field-"]:-webkit-autofill:focus {
  background-color: transparent !important;
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
  box-shadow: none !important;
}

/* Highlight fix for sidebar/post Jetpack forms */
input[id^="subscribe-field-"]::selection {
  background: #fffbcc !important;
  color: #333 !important;
}


.wp-block-jetpack-subscriptions button.wp-block-button__link {
  background-color: #ff4b5c !important;
  color: white !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 0 18px !important;
  height: 56px !important;
  border-radius: 999px !important;
  margin: 0 !important;
  border: 1px solid #555 !important; /* ← 1px border added */
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-family: var(--epcl-title-font-family, "Verona"), sans-serif !important;
  box-sizing: border-box;
  transition: background-color 0.2s ease, transform 0.15s ease;
  box-shadow: none !important;
}

.wp-block-jetpack-subscriptions button.wp-block-button__link:hover {
  background-color: #ff6a70 !important;
  transform: translateY(-1px);
}

#subscribe-field {
  outline: none !important;
  box-shadow: none !important;
}

/* Custom full-pill glow when input is focused */
form.subscribe-focus {
  box-shadow: 0 0 0 3px rgba(255, 75, 92, 0.4), 2px 2px 0 rgba(0, 0, 0, 0.12);
  border: 1px solid #ff4b5c !important;
  border-radius: 999px;
}


@media screen and (min-width: 1195px) and (max-width: 1200px) and (orientation: landscape) {
  nav.mobile.main-nav ul.menu > li.menu-item-has-children {
    position: relative;
  }

  nav.mobile.main-nav ul.menu > li.menu-item-has-children::after {
    right: -420px !important; /* Adjust as needed */
  }
}

.menu-close-button {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

@media screen and (min-width: 1000px) and (max-width: 1240px) and (orientation: portrait) {
  nav.mobile.main-nav.hide-on-desktop-lg ul.menu > li.menu-item-has-children > ul.sub-menu {
    left: 50% !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.menu > li.menu-item-has-children > ul.sub-menu li a {
    display: inline-block !important;
    text-align: center !important;

    font-size: 0.85rem !important; /* smaller font size */
    padding: 0.3rem 0.6rem !important; /* less padding for compactness */
  }
}

.notice.text {
  background: linear-gradient(
    135deg,
    rgba(243, 166, 131, 0.3),  /* soft pink/orange */
    rgba(247, 215, 148, 0.25), /* light peach */
    rgba(119, 139, 235, 0.25), /* pastel periwinkle blue */
    rgba(231, 127, 103, 0.25), /* muted coral */
    rgba(207, 106, 135, 0.3)   /* dusty mauve */
  );
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #222;
}


.main-nav ul.sub-menu li {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0.4rem !important; /* Optional */
}

@media screen and (min-width: 1200px) {
  .main-nav ul.sub-menu {
    /* Your desktop submenu styles here */
    background:
      linear-gradient(
        135deg,
        rgba(243, 166, 131, 0.05),
        rgba(247, 215, 148, 0.05),
        rgba(119, 139, 235, 0.05),
        rgba(231, 127, 103, 0.05),
        rgba(207, 106, 135, 0.05)
      )
      rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
    padding: 1rem;
    margin-top: 0.5rem;
    border: 1px solid rgba(64, 60, 60, 1.0);
    min-width: 220px;
    color: #5a5a6a;
    z-index: 10000;
  }

  #header.is-sticky .main-nav ul.sub-menu {
    background:
      linear-gradient(
        135deg,
        rgba(243, 166, 131, 0.05),
        rgba(247, 215, 148, 0.05),
        rgba(119, 139, 235, 0.05),
        rgba(231, 127, 103, 0.05),
        rgba(207, 106, 135, 0.05)
      ),
      rgba(255, 255, 255, 0.99);
    backdrop-filter: blur(50px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(50px) saturate(150%) !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
    padding: 1rem !important;
    margin-top: 0.5rem !important;
    border: 1px solid rgba(64, 60, 60, 1) !important;
    min-width: 220px !important;
    color: #5a5a6a !important;
    z-index: 10000 !important;
  }
}



html, body {
  min-height: 100%;
  height: auto;
  background: linear-gradient(
    to right,
    rgba(210, 243, 243, 0.2) 0%,   /* pale aqua (subtle) */
    rgba(242, 242, 190, 0.2) 20%,  /* light pastel yellow (subtle) */
    rgba(244, 220, 176, 0.2) 40%,  /* warm peach (subtle) */
    rgba(242, 190, 194, 0.2) 60%,  /* soft pink (subtle) */
    rgba(198, 210, 237, 0.2) 80%,  /* lavender blue (subtle) */
    rgba(187, 222, 238, 0.2) 100%  /* powder blue (subtle) */
  ) !important;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1190px) {
  nav.mobile.main-nav.hide-on-desktop-lg ul.menu {
    transform: translateY(-2vh); /* Nudge upward */
  }
}

body.menu-open #wrapper,
body.menu-open #page {
  transform: none !important;
  margin: 0 !important;
  position: static !important;
}



@media screen and (max-width: 834px) and (orientation: portrait) {
  body.menu-open nav.mobile.main-nav.hide-on-desktop-lg .menu-item > a {
    font-size: 35px !important;
    line-height: 1.3 !important;
  }

  body.menu-open nav.mobile.main-nav.hide-on-desktop-lg .sub-menu a {
    font-size: 18px !important;
  }
}

@media screen and (min-width: 1195px) and (max-width: 1200px) and (orientation: landscape) {
  body.menu-open nav.mobile.main-nav.hide-on-desktop-lg {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
  }



  nav.mobile.main-nav.hide-on-desktop-lg {
    display: flex !important;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    transform: translateX(-100%);
    transition: transform 0.4s ease-in-out;
    z-index: 9999;
    padding: 2rem;
    overflow-y: auto;
    justify-content: center;
    align-items: center;
  }

nav.mobile.main-nav.hide-on-desktop-lg ul.menu {
  text-align: center !important;
}

nav.mobile.main-nav.hide-on-desktop-lg ul.menu li.menu-item > a {
  justify-content: center !important;
  text-align: center !important;
}

@media screen and (min-width: 1195px) and (max-width: 1200px) and (orientation: landscape) {
  nav.mobile.main-nav.hide-on-desktop-lg .sub-menu li {
    border: none !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg .sub-menu li a {
    border: none !important;
  }
}

@media screen and (min-width: 1195px) and (max-width: 1200px) and (orientation: landscape) {
  nav.mobile.main-nav.hide-on-desktop-lg .sub-menu {
    text-align: center !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg .sub-menu li {
    width: 100%;
  }

  nav.mobile.main-nav.hide-on-desktop-lg .sub-menu li a {
    display: inline-block;
    text-align: center !important;
  }
}


@media screen and (max-width: 1200px) {
  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu {
    background: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu::before {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1133px) and (orientation: landscape) {
  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu {
    background: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu::before {
    display: none !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  nav.mobile.main-nav.hide-on-desktop-lg .sub-menu li:hover,
  nav.mobile.main-nav.hide-on-desktop-lg .sub-menu li:focus,
  nav.mobile.main-nav.hide-on-desktop-lg .sub-menu li:active {
    background: none !important;
    color: inherit !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg .sub-menu a:focus,
  nav.mobile.main-nav.hide-on-desktop-lg .sub-menu a:active {
    background: none !important;
    color: inherit !important;
    outline: none !important;
  }
}


  nav.main-nav:not(.mobile) {
    display: none !important;
  }
}

@media screen and (min-width: 1195px) and (max-width: 1200px) and (orientation: landscape) {
  nav.mobile.main-nav.hide-on-desktop-lg .menu-item > a {
    font-size: 30px !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg .sub-menu a {
    font-size: 18px !important;
  }
}

@media screen and (min-width: 1025px) and (orientation: landscape) {
  nav.main-nav ul.menu > li.menu-item > a {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
}

@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  nav.mobile.main-nav.hide-on-desktop-lg ul.menu li a {
    font-size: 24px !important;
  }



  nav.mobile.main-nav.hide-on-desktop-lg .sub-menu a {
    font-size: 16px !important;
  }
}

body.force-overlay nav.mobile.main-nav.hide-on-desktop-lg {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

.menu-close-button {
  position: fixed;
  top: 1.5rem;
  left: 1.5rem;
  z-index: 10000;
  background: none;
  border: none;
  font-size: 2.25rem;
  font-weight: 900;
  color: #222;
  cursor: pointer;
  display: none;
  line-height: 1;
  padding: 0;
}

body.menu-open .menu-close-button {
  display: block;
}

.close-menu-btn {
  display: none !important;
}

@media screen and (max-width: 1190px) {
  body.menu-open {
    overflow: hidden;
  }

  nav.mobile.main-nav.hide-on-desktop-lg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.7); /* Super frosty */
    backdrop-filter: blur(95px) saturate(900%);
    -webkit-backdrop-filter: blur(95px) saturate(900%);
    transform: translateX(-100%);
    transition: transform 0.4s 

ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 2rem;
    overflow-y: auto;
  }

  body.menu-open nav.mobile.main-nav.hide-on-desktop-lg {
    transform: translateX(0);
  }
	


  nav.mobile.main-nav.hide-on-desktop-lg ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
  }


 
/* General menu styling (affects structure and spacing) */
nav.mobile.main-nav.hide-on-desktop-lg ul.menu > li {
  margin: rem 0;
  font-size: 1.25rem;
  font-family: var(--epcl-title-font-family, 'verona'), sans-serif;
}





nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu {
  margin-top: 0.5rem;
  padding-left: 0;
  font-size: 1rem;
}

nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu li {
  margin: 0.25rem 0;
}

/* iPhone and narrow screens */
@media screen and (max-width: 767px) {
  nav.mobile.main-nav.hide-on-desktop-lg ul.menu > li > a {
    font-size: 20px !important;
    text-align: center !important;
    font-family: var(--epcl-title-font-family, 'verona'), sans-serif !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu li a {
    font-size: 16px !important;
    text-align: center !important;
    font-family: var(--epcl-title-font-family, 'verona'), sans-serif !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu li {
    border: none !important;
  }
}

@media screen and (max-width: 1135px) and (orientation: landscape) {
  nav.mobile.main-nav.hide-on-desktop-lg ul.menu > li > a {
    font-size: 25px !important;
    text-align: center !important;
    font-family: 'Verona', sans-serif !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu li a {
    font-size: 16px !important;
    text-align: center !important;
    font-family: 'Verona', sans-serif !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu li {
    border: none !important;
  }
}
	
@media screen and (min-width: 830px) and (max-width: 1025px) and (orientation: portrait) {
  nav.mobile.main-nav.hide-on-desktop-lg ul.menu > li > a {
    font-size: 35px !important;
    text-align: center !important;
    font-family: 'Verona', sans-serif !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu li a {
    font-size: 16px !important;
    text-align: center !important;
    font-family: 'Verona', sans-serif !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu li {
    border: none !important;
  }
}	
	
@media screen and (width: 834px) and (orientation: portrait) {
  nav.mobile.main-nav.hide-on-desktop-lg ul.menu > li > a {
    font-size: 35px !important;
    text-align: center !important;
    font-family: 'Verona', sans-serif !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu li a {
    font-size: 16px !important;
    text-align: center !important;
    font-family: 'Verona', sans-serif !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu li {
    border: none !important;
  }
}

/* iPad 11" Portrait – Fix font scaling in mobile menu */
@media screen and (min-width: 818px) and (max-width: 822px) and (orientation: portrait) {
  nav.mobile.main-nav.hide-on-desktop-lg ul.menu > li > a {
    font-size: 35px !important;
    text-align: center !important;
    font-family: 'verona', sans-serif !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu li a {
    font-size: 16px !important;
    text-align: center !important;
    font-family: 'verona', sans-serif !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu li {
    border: none !important;
  }
}

/* iPad 11" Landscape – Fix font scaling in mobile menu */
@media screen and (min-width: 1178px) and (max-width: 1182px) and (orientation: landscape) {
  nav.mobile.main-nav.hide-on-desktop-lg ul.menu > li > a {
    font-size: 35px !important;
    text-align: center !important;
    font-family: 'verona', sans-serif !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu li a {
    font-size: 16px !important;
    text-align: center !important;
    font-family: 'verona', sans-serif !important;
  }

  nav.mobile.main-nav.hide-on-desktop-lg ul.sub-menu li {
    border: none !important;
  }
}

***Font Fixes

@media screen and (min-width: 744px) {
  body,
  h1, h2, h3, h4, h5, h6,
  nav ul li a,
  .widget-title,
  .epcl-post-title,
  .menu a {
    font-family: 'verona', serif !important;
  }
}

.post-excerpt p {
  font-family: 'Poppins', sans-serif !important;
  font-size: 1rem; /* Or your usual excerpt size */
}

/* Prevent Verona from affecting post date/time */
.meta-info,
.meta time {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.9rem; /* Optional: adjust to your usual size */
}

/* Prevent Verona from affecting author name in sidebar widget */
h4.author-name a {
  font-family: 'Poppins', sans-serif !important;
}




}

.menu > li > a,
.menu li a {
  font-family: 'Verona', serif !important;
  font-weight: 800 !important;
  font-size: 16px;
}

a[class^="tag-link-"] {
  font-family: 'Verona', serif;
  font-weight: normal;
}

.title.usmall.underline-effect a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important; /* Adjust as needed */
}

@media screen and (max-width: 767px) {
  header#header.mobile-sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    


  body.mobile-sticky-padding::before {
    content: '';
    display: block;
    height: 90px; /* adjust to your header height */
  }
}
	
	

@media screen and (max-width: 767px) {
  body.scrolled .minimalist.enable-sticky {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: transparent !important;
  }
}

	#header.scrolled .bg-box {
  background-color: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  transition: all 0.3s ease;
}


@media screen and (min-width: 744px) and (max-width: 835px) {
  .articles .post-format-image {
    min-height: 420px !important;
    height: auto !important;
    display: flex !important;
    align-items: stretch !important;
  }

  .articles .post-format-image .featured-image {
    flex-grow: 1 !important;
    height: auto !important;
  }

  .articles .post-format-image .thumb {
    display: block !important;
    height: 100% !important;
  }

  .articles .post-format-image .thumb img {
    height: 100% !important;
    width: auto !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto;
  }
}

	@media screen and (min-width: 744px) and (max-width: 835px) {
  .articles .post-format-image .thumb img.post-image.fullimage {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
}
	
@media screen and (max-width: 767px) {
  .bg-box {
    padding-top: px !important;
    padding-bottom: px !important;
  }

  .logo {
    padding: 0 !important;
    margin: 0 auto !important;
  }

  .logo img {
    max-height: 60px !important;
    height: auto !important;
    width: auto !important;
  }

  .epcl-search-button,
  .menu-mobile {
    padding: 0 !important;
    margin: 0 !important;
  }
}
	

  bottom: 0 !important;
}
	
***Fonts

/* Load Verona Font */
@font-face {
  font-family: 'Verona';
  src: url('/wp-content/uploads/2024/08/Verona-Bold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Declare font variables */
:root {
  --epcl-title-font-family: 'Verona', sans-serif;
  --epcl-title-font-weight: 800;
}

/* Main menu styling */
.menu > li {
  font-family: var(--epcl-title-font-family), sans-serif;
  font-weight: var(--epcl-title-font-weight);
  font-size: 18px;
  color: #222;
  margin-right: 12px;
}

/* Submenu styling */
.menu .sub-menu {
  font-family: var(--epcl-title-font-family), sans-serif;
  font-weight: var(--epcl-title-font-weight);
  font-size: 14px;
  color: #444;
  background-color: #fafafa;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 5px;
}

.menu .sub-menu li {
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
}

.menu .sub-menu li:last-child {
  border-bottom: none;
}

.menu .sub-menu li:hover {
  background-color: #e0e0e0;
  color: #000;
  cursor: pointer;
}

/* Author name */
#sidebar .author-name a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important; /* Semi-bold */
}

/* Sidebar post thumbnails */
#epcl_posts_thumbs-2 .title.usmall.underline-effect a {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

/* Newsletter input */
input[name="email"] {
  font-family: 'Poppins', sans-serif !important;
}

/* Social icons grid */
#epcl_social-2 .name {
  display: none;
}

#epcl_social-2 .icons {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  justify-items: center;
  align-items: center;
}

#epcl_social-2 .icons a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #f5f5f5;
  transition: background-color 0.3s ease;
}

#epcl_social-2 .icons a:hover {
  background-color: #e0e0e0;
}

/* Misc cleanup */
.epcl-shadow-style #header .epcl-search-button {
  transform: translateY(-50%) !important;
}

.bg-box {
  border-width: 1px !important;
}

.epcl-category-overlay:before {
  right: 0 !important;

.menu-overlay-dismiss {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9998;
  background: transparent;
}

