.elementor-kit-117{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#D8DDE31F;--e-global-color-text:#7A7A7A2B;--e-global-color-accent:#61CE70;--e-global-color-abc2573:#E2CECE;--e-global-color-c036efc:#122561;--e-global-color-3eceae5:#7532BF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Serif";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-117 e-page-transition{background-color:#FFBC7D;}.elementor-kit-117 label{color:var( --e-global-color-3eceae5 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-117 input:not([type="button"]):not([type="submit"]),.elementor-kit-117 textarea,.elementor-kit-117 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-primary );accent-color:var( --e-global-color-abc2573 );}.elementor-kit-117 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-117 textarea:focus,.elementor-kit-117 .elementor-field-textual:focus{color:var( --e-global-color-primary );accent-color:var( --e-global-color-abc2573 );background-color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:5px;}.elementor-element{--widgets-spacing:5px 5px;--widgets-spacing-row:5px;--widgets-spacing-column:5px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Consolidated and Updated Hamburger Menu Styles */
.site-navigation-toggle,
.custom-hamburger {
    font-size: 0; /* Hide default text or icon */
    width: 25px !important; /* Reduced width */
    height: 25px !important; /* Reduced height */
    padding: 5px !important; /* Adjust padding */
    background-color: ##ffffff !important; /* Background color set to white */
    border-radius: 8px !important; /* Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2) !important; /* Shadow for depth */
    display: flex !important; /* Center align */
    align-items: center !important;
    justify-content: center !important;
    position: relative !important; /* Needed for inner lines */
    cursor: pointer !important; /* Pointer cursor */
    transition: all 0.3s ease !important; /* Smooth hover effects */
}

.site-navigation-toggle:hover,
.custom-hamburger:hover {
    background-color: #005bb5 !important; /* Darker blue on hover */
    transform: scale(1.1) !important; /* Slightly enlarge on hover */
}

.site-navigation-toggle.active,
.custom-hamburger.active {
    background-color: #003f8a !important; /* Even darker blue for active state */
}

/* Create the "three lines" */
.site-navigation-toggle::before,
.site-navigation-toggle::after,
.site-navigation-toggle div,
.custom-hamburger::before,
.custom-hamburger::after,
.custom-hamburger div {
    content: '';
    background-color: #ffffff !important; /* White lines for contrast */
    height: 3px !important; /* Line thickness reduced */
    width: 20px !important; /* Line width reduced */
    border-radius: 2px !important; /* Rounded edges for lines */
    position: absolute !important;
    transition: all 0.3s ease !important; /* Smooth transitions */
}

/* Position lines */
.site-navigation-toggle div,
.custom-hamburger div {
    top: 50%;
    transform: translateY(-50%);
}

.site-navigation-toggle::before,
.custom-hamburger::before {
    top: 5px; /* Adjusted for reduced size */
}

.site-navigation-toggle::after,
.custom-hamburger::after {
    bottom: 5px; /* Adjusted for reduced size */
}

/* Change appearance when active (e.g., menu open) */
.site-navigation-toggle.active::before,
.custom-hamburger.active::before {
    top: 50%;
    transform: translateY(-50%) rotate(45deg); /* Part of an "X" */
}

.site-navigation-toggle.active::after,
.custom-hamburger.active::after {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg); /* Part of an "X" */
}

.site-navigation-toggle.active div,
.custom-hamburger.active div {
    opacity: 0; /* Hide the middle line */
}

/* Remove backgrounds and borders from Gravity Form with class "age_check_dialog" */
.age_check_dialog .gform-body, 
.age_check_dialog .gform_body {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.age_check_dialog #gform_fields_7 {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}


.age_check_dialog .gfield {
    border: none !important;
    background: none !important;
}

.age_check_dialog input, 
.age_check_dialog textarea, 
.age_check_dialog select {
    border: 1px solid #ccc !important;
    background: #fff !important;
    box-shadow: none !important;
}

.age_check_dialog .gform_wrapper {
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove backgrounds and borders from Gravity Form with class "age_check_dialog" */
.age_check_dialog .gform-body, 
.age_check_dialog .gform_body {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
.mp_wrapper.mp_login_form,
#mepr_loginform {
    display: none !important;
}

#swipe-status-block {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    max0width: 96vw;
    width: 300px;
    z-index: 9999;
    text-align: center;
    margin: 0;
    pointer-events: none;  /* Prevent it from blocking taps/swipes below */
    /* Optionally, add background and transition for fade in/out */
    background: rgba(229,247,255,0.96); /* Slightly transparent for overlay feel */
    padding: 0.7em 0.6em;
    font-size: 1.07em;
    box-shadow: 0 2px 16px rgba(0,0,0,0.08);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    transition: opacity 0.4s;
}

#shimmer-star-toast {
    animation: shimmer-popin .4s cubic-bezier(.42,0,.58,1);
}
@keyframes shimmer-popin {
    0% {transform:scale(0.8) translate(-50%,0);}
    70%{transform:scale(1.12) translate(-50%,0);}
    100%{transform:scale(1) translate(-50%,0);}
}

/* === Theme My Login Custom Styling === */

.tml.tml-login {
  max-width: 380px;
  margin: 40px auto;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 6px 30px rgba(0,0,0,0.12);
  padding: 36px 28px 28px 28px;
  position: relative;
}


.tml.tml-login .tml-label {
  color: rgba(42,48,45,0.7); /* dark greenish, semi-transparent */
  font-weight: 600;
  letter-spacing: 0.03em;
  margin-bottom: 6px;
  display: block;
  font-size: 1rem;
}

.tml.tml-login .tml-field,
.tml.tml-login .tml-checkbox {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  background: #f8faf8;
  font-size: 1rem;
  margin-bottom: 18px;
  box-sizing: border-box;
  transition: border-color 0.2s;
}

.tml.tml-login .tml-field:focus {
  border-color: #3a5d3c; /* dark green border on focus */
  outline: none;
}

/* Remember Me styling */
.tml.tml-login .tml-rememberme-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
}

/* Button: Go (tan text on dark green) */
.tml.tml-login .tml-button {
  width: 100%;
  padding: 12px 0;
  border: none;
  border-radius: 8px;
  background: #224326; /* dark green */
  color: #eed8bc;      /* tan */
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 1.08rem;
  cursor: pointer;
  transition: background 0.18s, color 0.18s;
}
.tml.tml-login .tml-button:hover {
  background: #18321a; /* darker green on hover */
  color: #ffe8c4;      /* lighter tan on hover */
}

/* Make button text say "Go" regardless of default label */
.tml.tml-login .tml-button {
  content: "Go";
}
.tml.tml-login .tml-button::after {
  content: "Go";
  position: absolute;
  left: 0; right: 0; margin: auto;
  font-weight: 700;
}

/* Remove the default button text (replace with "Go") */
.tml.tml-login .tml-button {
  text-indent: -9999px; /* hide default text */
  position: relative;
}
.tml.tml-login .tml-button::after {
  text-indent: 0;
  display: block;
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  height: 100%; width: 100%;
  text-align: center;
  line-height: 44px; /* adjust to match button height */
  content: "Go";
  color: inherit;
  background: transparent;
  pointer-events: none;
}

/* Alerts/messages styling */
.tml.tml-login .tml-alerts {
  margin-bottom: 18px;
}
.tml.tml-login .tml-alerts,
.tml.tml-login .tml-alerts .error,
.tml.tml-login .tml-alerts .message,
.tml.tml-login .tml-alerts .success {
  background: #fff9ec;
  color: #63330d;
  border-radius: 7px;
  padding: 12px 14px;
  margin-bottom: 18px;
  border: 1px solid #f2d5ae;
  font-size: 1rem;
}

/* Links under form */
.tml.tml-login .tml-links {
  display: flex;
  gap: 16px;
  margin-top: 20px;
  justify-content: center;
}
.tml.tml-login .tml-links a {
  color: #1f5431;
  text-decoration: underline;
  font-weight: 500;
  font-size: 1.03em;
  transition: color 0.18s;
}
.tml.tml-login .tml-links a:hover {
  color: #18321a;
}

/* Hide alerts bar if unused */
.tml.tml-login .tml-alerts:empty {
  display: none !important;
}

/* Left-align Remember Me */
.tml.tml-login .tml-rememberme-wrap {
  display: flex;
  align-items: center;        /* vertically center */
  justify-content: flex-start;/* left-align horizontally */
  gap: 7px;
  margin-bottom: 16px;
  width: 100%;
  text-align: left;
  padding-left: 2px;          /* slight nudge if desired */
}
.tml.tml-login .tml-rememberme-wrap input[type="checkbox"] {
  margin: 0 6px 0 0;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.tml.tml-login .tml-rememberme-wrap label {
  margin: 0;
  font-weight: 400;
  font-size: 0.97em;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
}

/* Smaller GO button */
.tml.tml-login .tml-button {
  width: 140px;
  min-width: 90px;
  padding: 9px 0;
  font-size: 1rem;
  margin: 0 auto;
  display: block;
  line-height: 1.15;
}
.tml.tml-login .tml-submit-wrap {
  text-align: center;
}

/* Smaller links below form */
.tml.tml-login .tml-links {
  font-size: 0.93em;
  opacity: 0.75;
  margin-top: 16px;
  gap: 11px;
}
.tml.tml-login .tml-links a {
  font-size: inherit;
  opacity: 0.95;
  font-weight: 400;
}

.wp-block-loginout a {
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-indent: 0 !important;
  font-size: 1.08em !important;
  font-weight: 400 !important;
  background: transparent !important;
  transition: color 0.18s;
}

/* Mobile: Black link */
@media (max-width: 768px) {
  .wp-block-loginout a {
    color: #222 !important;
  }
}/* End custom CSS */