.elementor-kit-10{--e-global-color-primary:#F80432;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#F80432;--e-global-color-088aeb7:#6E8296;--e-global-color-1c8a856:#FFFFFF;--e-global-color-aa8ab4c:#3B075D;--e-global-color-5df8f52:#FF0051;--e-global-typography-primary-font-family:"Marom_RegularMiddle";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:normal;--e-global-typography-secondary-font-family:"Marom_BoldLow";--e-global-typography-secondary-font-weight:normal;--e-global-typography-text-font-family:"Marom_RegularMiddle";--e-global-typography-text-font-weight:normal;--e-global-typography-accent-font-family:"Marom_BoldMiddle";--e-global-typography-accent-font-size:24px;--e-global-typography-accent-font-weight:500;color:var( --e-global-color-1c8a856 );font-family:"Heebo", Sans-serif;font-size:18px;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{font-family:"Marom_BoldMiddle", Sans-serif;font-size:24px;}.elementor-kit-10 h1{font-family:"Marom_BoldMiddle", Sans-serif;font-size:24px;}.elementor-kit-10 h2{font-family:"Marom_LightMiddle", Sans-serif;font-size:24px;}.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 */.site-header{display:none}
.price,.price_n{font-size:45px}
/* small logo default: visible */
.logo-scroll{
  opacity:1;
  transform:translateY(0);
  transition:opacity .4s ease, transform .4s ease;
}

/* hide small logo ONLY when JS is running and big logo exists and not gone yet */
body.logo-js.has-hero-logo:not(.scrolled) .logo-scroll{
  opacity:0;
  transform:translateY(-20px);
}
/* animations */
@keyframes arenaFloat{
  0%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
  100%{transform:translateY(0)}
}
@keyframes floatRed{
  0%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,10px,0)}
  100%{transform:translate3d(0,0,0)}
}
@keyframes floatImg{
  0%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-8px,0)}
  100%{transform:translate3d(0,0,0)}
}

/* CTA global */
.arena-cta{
  display:flex;
  width:100%;
  margin:0;
  line-height:1;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  animation:arenaFloat 2s ease-in-out infinite;
}

.arena-cta a{
  flex:1 1 auto;
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:inherit;
  text-decoration:none;
}

.arena-cta .elementor-heading-title,
.arena-cta .elementor-heading-title a{
  width:100%;
}

.arena-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(0,0,0,.30);
  filter:brightness(1.05);
  animation-play-state:paused;
}
.arena-cta:active{
  transform:translateY(0);
  box-shadow:0 6px 14px rgba(0,0,0,.22);
}

/* CTA pair */
.arena-cta-pair{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  animation:arenaFloat 1.6s ease-in-out infinite;
  border-radius:14px;
  overflow:hidden;
}

.arena-cta-pair .arena-cta{
  width:min(420px,92vw);
  animation:none;
  transform:none;
}

.arena-cta-pair:hover{
  filter:
    drop-shadow(0 18px 40px rgba(0,0,0,.55))
    drop-shadow(0 6px 18px rgba(0,0,0,.35));
}

.arena-cta-pair:hover .arena-cta{
  box-shadow:none !important;
  filter:brightness(1.03);
}

.arena-cta-pair .arena-cta + .arena-cta{margin-top:-2px}

/* NOTE: :has() is not fully supported on all browsers.
   If you rely on this pause behavior, add a JS class instead. */
.arena-cta-pair.is-paused{
  animation-play-state:paused;
}

/* form CTA */
#arena-form-cta{
  width:100%;
  color:#fff;
  border:none;
  background:#F80432;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  box-shadow:
    inset 0 0 18px rgba(255,255,255,.16),
    0 10px 26px rgba(0,0,0,.35);
}
#arena-form-cta:hover{
  transform:translateY(-2px);
  box-shadow:
    inset 0 0 24px rgba(255,255,255,.22),
    0 16px 34px rgba(0,0,0,.45);
  filter:brightness(1.06);
}
#arena-form-cta:active{
  transform:translateY(0);
  box-shadow:
    inset 0 0 12px rgba(255,255,255,.12),
    0 6px 14px rgba(0,0,0,.30);
}

/* parallax float */
.parallax-red img,
.parallax-img img{
  will-change:transform;
  animation-duration:2.6s;
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
  animation-fill-mode:both;
}

.parallax-red img{animation-name:floatRed !important}
.parallax-img img{
  animation-name:floatImg !important;
  animation-duration:2.2s;
}

.parallax-red:hover img,
.parallax-img:hover img{
  animation-play-state:paused;
}

@media (prefers-reduced-motion: reduce){
  .arena-cta,
  .arena-cta-pair,
  .parallax-red img,
  .parallax-img img{
    animation:none !important;
    transition:none !important;
  }
}

/* branch cards */
.arena-branch-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  transition:transform .35s cubic-bezier(.22,1,.36,1),
             box-shadow .35s cubic-bezier(.22,1,.36,1),
             border-color .35s ease;
}
.arena-branch-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}
.arena-branch-card:hover{
  transform:translateY(-10px);
  box-shadow:0 28px 60px rgba(0,0,0,.45);
  border-color:rgba(255,255,255,.28);
}
.arena-branch-card:hover::after{opacity:1}

/* small UI */
.star{
  display:inline-block;
  vertical-align:middle;
  transform:translateY(10px);
  margin-left:4px;
}

/* footer push-down (non-sticky) */
html,body{height:100%}
body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

/* BUGFIX: .elementor-location-single is often the footer wrapper; giving it flex:1
   can stretch the footer. Prefer targeting content containers only. */
.site-content,
main,
#content,
#primary{
  flex:1 0 auto;
}
.arena-page p{
  margin:0;
}

#heyy-live-chat-root,
#heyy-live-chat-root .heyy-namespace,
#heyy-live-chat-root iframe {
  position: fixed !important;
  z-index: 2147483647 !important;
}

 


@media (max-width: 1023px) {
  body .arena_open_menu .e-n-menu-heading{
    padding: 50px 40px !important;
    background: #000 !important;
    z-index: 10000 !important;
  }

  body .arena_open_menu .e-active{
    margin-right: -20px !important;
  }
}



@media (max-width: 280px){

  .arena-header{
    padding: 5px 10px;
    gap: 8px;
  }
 
  
  .mh-logo{
    flex: 1 1 auto !important;
    min-width: 0;
    margin-right: 10px;
  }

  .mh-phone{
    display: none;
  }
  .join-btn{
    display: none;
  }


}
#e-n-menu-title-1752,
#e-n-menu-title-1752 .e-n-menu-title-text,
#e-n-menu-dropdown-icon-1752 {
  cursor: pointer !important;
}

/* ==================================================
   MH PHONE – MOBILE POSITION (CSS ONLY)
   ================================================== */

/* Base mobile behavior */
@media (max-width: 1024px){
  .arena-header .mh-phone{
    order: 0;
    transition: transform .45s ease;
    will-change: transform;
    white-space: nowrap;
  }

  /* default (will be overridden by more specific ranges below) */
  body:not(.scrolled) .arena-header .mh-phone{
    transform: translateX(clamp(-155px, -8vw, -135px));
  }

  body.scrolled .arena-header .mh-phone{
    transform: translateX(0);
  }
}

/* Small phones */
@media (max-width: 330px){
  body:not(.scrolled) .arena-header .mh-phone{
    transform: translateX(clamp(-135px, -6vw, -115px));
  }
  .arena-header .mh-phone{
    font-size: 14px;
  }
}

/* Mid phones (331–479) — fixes “too tight” like 346px */
@media (min-width: 331px) and (max-width: 479px){
  body:not(.scrolled) .arena-header .mh-phone{
    transform: translateX(clamp(-145px, -6vw, -125px));
  }
}

/* Large phones / small tablets (480–767) */
@media (min-width: 480px) and (max-width: 767px){
  body:not(.scrolled) .arena-header .mh-phone{
    transform: translateX(clamp(-175px, -5.2vw, -155px));
  }
}


@media (max-width: 600px){
  .arena-cta-m .elementor-button-text {
    display:inline-block;
    max-width: 17ch;   

  }
}

/* ===== CookieYes ===== */

.cky-btn-wrapper{
 display:flex !important;
 flex-direction:row-reverse !important;
 justify-content:flex-start !important;
 gap:14px !important;
}

.cky-btn-accept{
 order:1;
 background:#2563eb !important;
 border:1px solid #2563eb !important;
 color:#ffffff !important;
 padding:10px 22px !important;
 font-weight:600 !important;
 transition:all .2s ease !important;
}

.cky-btn-accept:hover{
 background:#1d4ed8 !important;
 border-color:#1d4ed8 !important;
}

.cky-btn-reject,
.cky-btn-customize{
 order:2;
 background:#2a2a2a !important;
 border:1px solid #444 !important;
 color:#ffffff !important;
 padding:10px 22px !important;
 font-weight:600 !important;
 transition:all .2s ease !important;
}

.cky-btn-reject:hover,
.cky-btn-customize:hover{
 background:#3a3a3a !important;
}

.cky-consent-container,
.cky-consent-container *{
 font-family:"Heebo", sans-serif !important;
}

/* ===== CookieYes modal buttons ===== */

.cky-preference-btn-wrapper{
 display:flex !important;
 flex-direction:row-reverse !important;
 justify-content:flex-start !important;
 gap:14px !important;
}

.cky-btn-accept{
 order:1 !important;
 background:#2563eb !important;
 border:1px solid #2563eb !important;
 color:#fff !important;
 padding:10px 22px !important;
 font-weight:600 !important;
}

.cky-btn-reject,
.cky-btn-customize,
.cky-btn-preferences{
 order:2 !important;
 background:#2a2a2a !important;
 border:1px solid #444 !important;
 color:#fff !important;
 padding:10px 22px !important;
 font-weight:600 !important;
}

.cky-btn-reject:hover,
.cky-btn-customize:hover,
.cky-btn-preferences:hover{
 background:#3a3a3a !important;
}

.cky-btn-close{
 width:48px !important;
 height:48px !important;
 min-width:48px !important;
 min-height:48px !important;
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
 opacity:1 !important;
}

.cky-btn-close::before,
.cky-btn-close::after{
 color:#ffffff !important;
 font-size:28px !important;
}

.cky-btn-close img,
.cky-btn-close svg{
 width:20px !important;
 height:20px !important;
 fill:#ffffff !important;
 stroke:#ffffff !important;
}

.cky-btn-accept{
 order:1 !important;
}

.cky-btn-preferences{
 order:2 !important;
}

.cky-btn-reject{
 order:3 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Marom_RegularMiddle';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://arenagym.co.il/wp-content/uploads/2026/02/RAG-Marom-2.2-RegularMiddle.woff2') format('woff2'),
		url('https://arenagym.co.il/wp-content/uploads/2026/02/RAG-Marom-2.2-RegularMiddle.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Marom_BoldLow';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://arenagym.co.il/wp-content/uploads/2026/02/RAG-Marom-2.2-BoldLow.woff2') format('woff2'),
		url('https://arenagym.co.il/wp-content/uploads/2026/02/RAG-Marom-2.2-BoldLow.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Marom_BoldMiddle';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://arenagym.co.il/wp-content/uploads/2026/02/RAG-Marom-2.2-BoldMiddle.woff2') format('woff2'),
		url('https://arenagym.co.il/wp-content/uploads/2026/02/RAG-Marom-2.2-BoldMiddle.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Marom_LightMiddle';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://arenagym.co.il/wp-content/uploads/2026/02/RAG-Marom-2.2-LightMiddle.woff2') format('woff2'),
		url('https://arenagym.co.il/wp-content/uploads/2026/02/RAG-Marom-2.2-LightMiddle.woff') format('woff');
}
/* End Custom Fonts CSS */