.elementor-kit-16{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--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-16 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* ===== TapMango responsive fixes (site-wide, Elementor Site Settings) ===== */

/* iPad portrait was falling into the phone-only rule and losing the hero art.
   Keep it from 761px up; real phones still drop it. */
@media(min-width:761px) and (max-width:900px){
  .tm-hero__art{display:grid!important}
}

/* Media must never be wider than the screen. One blog video was 1170px on a
   768px viewport, which was the only page on the site scrolling sideways. */
video,.wp-video,.wp-video-shortcode,.wp-block-embed iframe{max-width:100%!important}
video{height:auto!important}

/* A wide table should scroll inside its own box, never drag the page with it. */
@media(max-width:1024px){
  .entry-content table,.elementor-widget-html table{display:block;max-width:100%;overflow-x:auto}
}

/* Mobile / tablet menu: pink on hover read as harsh, and on a touch screen it
   stuck after tapping. Neutral by default; a real pointer just darkens it. */
.tm-hd__mpan a:hover{color:#5d646f!important}
@media(hover:hover) and (pointer:fine){
  .tm-hd__mpan a:hover{color:#0a121f!important}
  .tm-hd__mlink:hover{color:#0a121f!important}
}/* End custom CSS */