/* MaxGym – site-wide CSS (plugin «Max Gym – tilpasninger», loaded where Divi's Theme Options CSS used to be). Kept small on purpose:
   design lives in Divi presets/variables; this file only styles plugin markup Divi can't reach. */


/* WPForms on dark sections (class .mg-form on the text module). Variables first, !important only
   where Divi republishes WPForms' reset at ID specificity. */
.mg-form .wpforms-container{--wpforms-field-background-color:#1a1a1a;--wpforms-field-border-color:rgba(255,255,255,.18);--wpforms-field-border-size:1px;
  --wpforms-field-border-radius:14px;--wpforms-field-text-color:#fff;--wpforms-field-size-input-height:52px;--wpforms-field-size-font-size:16px;
  --wpforms-field-size-padding-h:16px;--wpforms-field-size-input-spacing:16px;--wpforms-field-menu-color:#1a1a1a;--wpforms-field-size-checkbox-size:20px;
  --wpforms-label-color:#fff;--wpforms-label-size-font-size:15px;--wpforms-label-sublabel-color:rgba(255,255,255,.65);--wpforms-label-error-color:#ff8a4c;
  --wpforms-button-background-color:#ff6501;--wpforms-button-background-color-alt:#e05600;--wpforms-button-text-color:#000;--wpforms-button-text-color-alt:#000;
  --wpforms-button-border-radius:100px;--wpforms-button-size-height:52px;--wpforms-button-size-font-size:15px;--wpforms-button-size-padding-h:30px;
  --wpforms-button-border-size:0px;--wpforms-container-padding:0px;margin:0!important}
.mg-form .wpforms-container .wpforms-field{padding:9px 0!important}
.mg-form .wpforms-container .wpforms-field-label{font-weight:700!important;color:#fff!important}
.mg-form .wpforms-container input:not([type=checkbox]):not([type=radio]),.mg-form .wpforms-container textarea,.mg-form .wpforms-container select{background-color:#1a1a1a!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important}
.mg-form .wpforms-container input::placeholder,.mg-form .wpforms-container textarea::placeholder{color:rgba(255,255,255,.5)!important}
.mg-form .wpforms-container input:focus,.mg-form .wpforms-container textarea:focus,.mg-form .wpforms-container select:focus{border-color:#ff6501!important;box-shadow:0 0 0 3px rgba(255,101,1,.25)!important;outline:none}
.mg-form .wpforms-container button[type=submit]{background:#ff6501!important;color:#000!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important;border-radius:100px!important;transition:background .2s ease}
.mg-form .wpforms-container button[type=submit]{border:2px solid #ff6501!important}
.mg-form .wpforms-container button[type=submit]:hover,.mg-form .wpforms-container button[type=submit]:focus-visible{background:transparent!important;color:#ff6501!important;border-color:#ff6501!important}
.mg-form .wpforms-container .wpforms-field-gdpr-checkbox label,.mg-form .wpforms-container .wpforms-field-checkbox li label{font-weight:400!important;font-size:14px!important;line-height:1.5!important;color:rgba(255,255,255,.8)!important}
.mg-form .wpforms-container a{color:#ff6501!important;font-weight:700}
.mg-form .wpforms-confirmation-container-full{background:#242424!important;border:1px solid #ff6501!important;color:#fff!important;border-radius:14px}

/* Header: dropdown trigger links show the pointer, panels never cause horizontal scroll */
.et_pb_link_module:has(.et_pb_dropdown){cursor:pointer}
body{overflow-x:clip}
.mg-form .wpforms-container .wpforms-field-medium,.mg-form .wpforms-container .wpforms-field-small{max-width:100%!important}
.mg-form .wpforms-container input.wpforms-field-medium,.mg-form .wpforms-container select.wpforms-field-medium,.mg-form .wpforms-container textarea.wpforms-field-medium{max-width:100%!important;width:100%!important}

/* FAQ page category chips */
.mg-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.mg-chips a{display:inline-block;padding:10px 18px;border:1px solid rgba(255,255,255,.25);border-radius:100px;color:#fff!important;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em;text-decoration:none}
.mg-chips a:hover,.mg-chips a:focus-visible{background:#ff6501;border-color:#ff6501;color:#000!important}
html{scroll-behavior:smooth;scroll-padding-top:100px}

/* ---- Cards: the whole card is the link (stretched overlay on the card's own link) ---- */
.mg-card{position:relative;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.mg-card .et_pb_button_module_wrapper,.mg-card .et_flex_group,.mg-card .et_pb_blurb,.mg-card .et_pb_blurb_content,.mg-card .et_pb_blurb_container,.mg-card .et_pb_module_header{position:static!important}
.mg-card a.mg-stretch::before,.mg-card .mg-stretch a.et_pb_button::before,.mg-card .mg-stretch-blurb .et_pb_module_header a::before{content:""!important;position:absolute;inset:0;z-index:1;border-radius:inherit;display:block!important;font-size:0}
.mg-card a:not(.mg-stretch):not(.et_pb_module_header a){position:relative;z-index:2}
.mg-card a:focus,.mg-band a:focus{outline:none!important}
.mg-card:has(a:focus-visible){border-color:#ff6501!important}
.mg-card:not(.mg-card--orange):hover .et_pb_heading .et_pb_module_header,.mg-card:not(.mg-card--orange):hover .et_pb_module_header a,.mg-card:not(.mg-card--orange):has(a:focus-visible) .et_pb_module_header{color:#ff6501!important}
.mg-card:hover a.mg-stretch.preset--module--divi-button--f4886a25-ee60-4ac7-ba05-0a83fd647e1c,.mg-card:hover .preset--module--divi-button--f4886a25-ee60-4ac7-ba05-0a83fd647e1c{color:#ff6501!important}
.mg-card .et_pb_image_wrap{overflow:hidden}.mg-card .et_pb_image_wrap img{transition:transform .4s ease}.mg-card:hover .et_pb_image_wrap img{transform:scale(1.04)}
/* buttons inside cards keep their resting look; the card itself reacts */
.mg-card a.preset--module--divi-button--a8ecbf15-7931-43d5-9415-72f47c056a79:hover{background-color:#ff6501!important;color:#000!important;border-color:#ff6501!important}
.mg-card a.preset--module--divi-button--18c0e4ca-95b4-4bb3-9961-8c83c6c676b3:hover{background-color:#000!important;color:#fff!important;border-color:#000!important}
.mg-card a.preset--module--divi-button--64380e53-6080-4ecf-b209-9d73793a8223:hover{background-color:transparent!important;color:#fff!important;border-color:#fff!important}

/* ---- Price tables: equal height, button at the bottom, first column highlighted, card-level link ---- */
.et_pb_pricing_tables{align-items:stretch!important}
.et_pb_pricing_tables .et_pb_pricing_table{display:flex!important;flex-direction:column;margin-top:0!important;top:0!important;position:relative;cursor:pointer;transition:border-color .2s ease}
.et_pb_pricing_tables .et_pb_pricing_table .et_pb_pricing_content{flex:1 1 auto}
.et_pb_pricing_tables .et_pb_pricing_table .et_pb_button_wrapper{margin-top:auto;padding-bottom:30px}
.et_pb_pricing_tables .et_pb_pricing_table:hover{border-color:#ff6501!important}
.et_pb_pricing_tables .et_pb_featured_table{border-color:#ff6501!important;background-color:#242424!important}
.et_pb_pricing_tables .et_pb_pricing_table a.et_pb_pricing_table_button::before{content:""!important;position:absolute;inset:0;z-index:1;display:block!important}
.et_pb_pricing_tables .et_pb_pricing_table a.et_pb_pricing_table_button,.et_pb_pricing_tables .et_pb_pricing_table a.et_pb_pricing_table_button:hover{background:#fff!important;color:#000!important;border:2px solid #fff!important;padding:14px 32px!important;letter-spacing:.06em!important;font-weight:800!important;text-align:center}
.et_pb_pricing_tables .et_pb_featured_table a.et_pb_pricing_table_button,.et_pb_pricing_tables .et_pb_featured_table a.et_pb_pricing_table_button:hover{background:#ff6501!important;border-color:#ff6501!important;color:#000!important}
.et_pb_pricing_tables .et_pb_pricing_table a.et_pb_pricing_table_button::after{display:none!important}
.et_pb_pricing_tables .et_pb_featured_table .et_pb_sum{color:#ff6501}

/* ---- Native Divi accordions = same look as the Divi Pixel FAQ ---- */
body .et_pb_toggle.et_pb_module{border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;padding:0!important;margin-bottom:0!important;overflow:hidden;transition:background-color .2s ease,border-color .2s ease}
/* consecutive accordions sit 12px apart like the FAQ entries (the column already adds its module gap) */
body .et_pb_toggle.et_pb_module+.et_pb_toggle.et_pb_module{margin-top:calc(12px - var(--module-gutter, 30px))!important}
body .et_pb_toggle.et_pb_toggle_close{background-color:#242424!important}
body .et_pb_toggle.et_pb_toggle_close:hover{background-color:#2c2c2c!important}
body .et_pb_toggle.et_pb_toggle_open{background-color:#2c2c2c!important;border-color:#ff6501!important}
body .et_pb_toggle .et_pb_toggle_title{font-family:var(--et_global_body_font),sans-serif!important;font-size:17px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:0!important;line-height:1.45!important;color:#fff!important;padding:22px 60px 22px 26px!important;margin:0!important;position:relative}
body .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title{color:#ff6501!important;padding-bottom:8px!important}
body .et_pb_toggle .et_pb_toggle_title::before{font-family:ETmodules!important;content:";"!important;font-size:16px!important;line-height:16px!important;color:#ccc!important;position:absolute!important;right:24px!important;left:auto!important;top:26px!important;margin:0!important;transform:none!important;display:block!important;font-weight:400!important}
body .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before{content:":"!important}
body .et_pb_toggle .et_pb_toggle_content{padding:0 26px 24px 26px!important;font-size:16px;line-height:1.75;color:rgba(255,255,255,.8)}
@media (max-width:767px){body .et_pb_toggle .et_pb_toggle_title{font-size:16px!important}}
/* the Divi Pixel FAQ itself: same 12px rhythm and padding open or closed */
.dipi-faq-entry{margin-bottom:12px!important}
.dipi-faq-entry .dipi-faq-title{padding:22px 60px 22px 26px!important}
.dipi-faq-entry.open .dipi-faq-title{padding-bottom:8px!important}
.et_pb_module .dipi-faq-entry .dipi-faq-content{padding:0 26px 24px 26px}
.dipi-faq-entry .dipi-faq-title>i{right:24px!important;top:26px!important}

/* Footer cards */
.mg-footer-card a{text-decoration:none!important;color:#fff!important;transition:color .2s ease}
.mg-footer-card a:hover,.mg-footer-card a:focus-visible{color:#ff6501!important}
/* tablet: Snarveier runs across the full width (newsletter card hidden 2026-11-11) – links in 3 columns so the card isn't empty on the right */
@media (min-width:768px) and (max-width:980px){.mg-footer-links ul{columns:3;column-gap:24px}.mg-footer-links li{break-inside:avoid}}
.mg-form--compact .wpforms-field-gdpr-checkbox>.wpforms-field-label{display:none!important}
/* the stretched link must not be its own positioning context */
.mg-card a.mg-stretch,.mg-card .mg-stretch a.et_pb_button,.mg-card .mg-stretch-blurb .et_pb_module_header a,.et_pb_pricing_tables .et_pb_pricing_table a.et_pb_pricing_table_button,.et_pb_pricing_tables .et_pb_pricing_table .et_pb_button_wrapper{position:static!important}
a.et_pb_button{text-align:center}
/* Divi hides button pseudo-elements with "body #page-container .et_pb_section …::before{display:none!important}" — match that weight */
body #page-container .et_pb_section .mg-card a.mg-stretch::before,body #page-container .et_pb_section .mg-card .mg-stretch-blurb .et_pb_module_header a::before,body #page-container .et_pb_section .et_pb_pricing_table a.et_pb_pricing_table_button::before{content:''!important;display:block!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;height:auto!important;margin:0!important;transform:none!important;z-index:1!important;font-size:0!important;opacity:0!important}
body #page-container .et_pb_section .mg-card a.mg-stretch,body #page-container .et_pb_section .et_pb_pricing_table a.et_pb_pricing_table_button{position:static!important}

/* ---- Round 3 (2026-10-14) ---- */
body{background-color:#1a1a1a}
/* buttons inside clickable cards keep their resting look on hover (Divi's own hover rules carry an ID, so these must too) */
body #page-container .et_pb_section .mg-card a.preset--module--divi-button--a8ecbf15-7931-43d5-9415-72f47c056a79:hover{background-color:#ff6501!important;color:#000!important;border-color:#ff6501!important}
body #page-container .et_pb_section .mg-card a.preset--module--divi-button--18c0e4ca-95b4-4bb3-9961-8c83c6c676b3:hover{background-color:#000!important;color:#fff!important;border-color:#000!important}
body #page-container .et_pb_section .mg-card a.preset--module--divi-button--64380e53-6080-4ecf-b209-9d73793a8223:hover{background-color:transparent!important;color:#fff!important;border-color:#fff!important}
/* the orange card reacts with the darker orange (hover state only) */
.mg-card.mg-card--orange:hover,.mg-card.mg-card--orange:has(a:focus-visible){background-color:#e05600!important;border-color:#e05600!important}
/* orange band as one big link */
.mg-band{position:relative;cursor:pointer;transition:background-color .2s ease}
.mg-band .mg-band-link{color:inherit!important;text-decoration:none!important}
.mg-band .mg-band-link::after{content:"";position:absolute;inset:0;z-index:1}
.mg-band .et_pb_row,.mg-band .et_pb_column,.mg-band .et_pb_module,.mg-band .et_pb_heading_container,.mg-band .et_pb_module_header{position:static!important}
body #page-container .et_pb_section.mg-band:hover,body #page-container .et_pb_section.mg-band:has(a:focus-visible){background-color:#e05600!important}
/* member quotes: the member's own photo inside each slide */
.mg-quote-photo{width:96px!important;height:96px!important;border-radius:50%;object-fit:cover;display:block;margin:0 auto 22px!important}
.et_pb_slide .mg-quote-name{margin-top:14px}
/* image blurbs (photo on top) */
.mg-img-blurb .et_pb_main_blurb_image,.mg-img-blurb .et_pb_image_wrap{width:100%!important;max-width:100%!important;display:block}
.mg-img-blurb .et_pb_main_blurb_image img{width:100%!important;aspect-ratio:16/11;object-fit:cover;border-radius:20px}
.mg-img-blurb .et_pb_main_blurb_image{margin-bottom:18px!important}
.mg-cta-box .et_pb_button,.mg-cta-box .et_pb_promo_button{white-space:nowrap}
/* member quotes: everything centred in the text column (the quote icon keeps its place on the left) */
.mg-quotes .et_pb_heading .et_pb_module_header{text-align:center}
.mg-quotes .et-pb-controllers{display:flex!important;justify-content:center!important;left:0!important;right:0!important;width:100%!important;text-align:center}

/* ---- Mobile menu: hamburger and close X share one look (44×44, three/two 26×2 white bars) and one spot ---- */
/* header between 981 and 1199 px: the full menu didn't fit, so items broke onto two lines (2026-11-11).
   Menu text never wraps; logo, gaps and the CTA's side padding tighten a little in this range only. */
.mg-hdr-nav a,.mg-hdr-right a{white-space:nowrap}
@media (min-width:981px) and (max-width:1199px){.mg-hdr-bar{column-gap:18px!important}.mg-hdr-logo{width:130px!important;max-width:130px!important;flex-shrink:0}.mg-hdr-nav{column-gap:clamp(12px,calc(3.6vw - 20px),26px)!important}.mg-hdr-right{column-gap:16px!important}.mg-hdr-right a.et_pb_button,.mg-hdr-right a.et_pb_button:hover{padding-left:24px!important;padding-right:24px!important}}
/* header height per breakpoint, used to centre the close X on the same line as the hamburger and the logo */
:root{--mg-hh:88px}
@media (max-width:980px){:root{--mg-hh:76px}}
@media (max-width:767px){:root{--mg-hh:68px}}
a.mg-burger{position:relative!important;width:44px!important;height:44px!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer}
a.mg-burger .et_pb_link_inner,a.mg-burger .et_pb_link_text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
a.mg-burger::before{content:"";position:absolute;left:9px;right:9px;top:21px;height:2px;border-radius:2px;background:#fff;box-shadow:0 -8px 0 #fff,0 8px 0 #fff;transition:background-color .2s ease,box-shadow .2s ease}
a.mg-burger:hover::before,a.mg-burger:focus-visible::before{background:#ff6501;box-shadow:0 -8px 0 #ff6501,0 8px 0 #ff6501}
a.mg-burger:focus{outline:none}
a.mg-burger:focus-visible{outline:2px solid #ff6501;outline-offset:2px;border-radius:8px}
#dipi_popup-1519 .dipi_popup-close{position:fixed!important;top:calc((var(--mg-hh) - 44px) / 2)!important;right:2vw!important;left:auto!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:0!important;line-height:0!important;color:transparent!important;cursor:pointer;z-index:10}
#dipi_popup-1519 .dipi_popup-close span{display:none!important}
#dipi_popup-1519 .dipi_popup-close::before,#dipi_popup-1519 .dipi_popup-close::after{content:"";position:absolute;left:9px;right:9px;top:21px;height:2px;border-radius:2px;background:#fff;transition:background-color .2s ease}
#dipi_popup-1519 .dipi_popup-close::before{transform:rotate(45deg)}
#dipi_popup-1519 .dipi_popup-close::after{transform:rotate(-45deg)}
#dipi_popup-1519 .dipi_popup-close:hover::before,#dipi_popup-1519 .dipi_popup-close:hover::after,#dipi_popup-1519 .dipi_popup-close:focus-visible::before,#dipi_popup-1519 .dipi_popup-close:focus-visible::after{background:#ff6501}
#dipi_popup-1519 .dipi_popup-close:focus{outline:none}
#dipi_popup-1519 .dipi_popup-close:focus-visible{outline:2px solid #ff6501;outline-offset:2px;border-radius:8px!important}

/* ---- «Gratis prøvetime» box on phones: centred on the orange slogan line, like on desktop and tablet ---- */
@media (max-width:767px){
  .mg-cta-box{position:absolute!important;top:50%!important;bottom:auto!important;left:6vw!important;right:6vw!important;transform:translateY(-50%)!important;width:auto!important;max-width:none!important;margin:0!important;z-index:3}
}

/* Complianz cookie banner + blocked-content placeholder. Colours are set in the banner settings (hex only);
   here only Max Gym type and the button behaviour: fill/outline swap on hover, box never changes size. */
.cmplz-cookiebanner .cmplz-title{font-family:'Bebas Neue',sans-serif!important;font-size:28px!important;font-weight:400!important;letter-spacing:.02em;line-height:1.1!important;color:#fff!important}
.cmplz-cookiebanner .cmplz-btn{font-size:14px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.06em;border-width:2px!important;border-style:solid!important;transition:background-color .2s,color .2s,border-color .2s}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover,.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover{background-color:transparent!important;color:#FF6501!important;border-color:#FF6501!important}
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover{background-color:#fff!important;color:#1A1A1A!important;border-color:#fff!important}
.cmplz-cookiebanner .cmplz-btn:focus-visible,.cmplz-blocked-content-notice:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cmplz-cookiebanner .cmplz-category .cmplz-category-title{color:#fff!important}
.cmplz-cookiebanner .cmplz-category{background-color:#2C2C2C!important}
body .cmplz-blocked-content-notice{background:#FF6501!important;color:#1A1A1A!important;border:2px solid #FF6501!important;border-radius:100px!important;padding:12px 24px!important;font-family:'Nunito',sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;max-width:min(420px,86%)!important;transition:background-color .2s,color .2s}
body .cmplz-blocked-content-notice:hover{background:transparent!important;color:#FF6501!important}
/* Complianz document (/cookieerklaering/): collapsibles look like the site's accordions; consent section clears the sticky header */
#cmplz-manage-consent-container{scroll-margin-top:130px}
body #cmplz-cookies-overview details.cmplz-dropdown,body .cmplz-manage-consent-container .cmplz-categories .cmplz-category{background-color:#242424!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;overflow:hidden;margin-bottom:12px!important}
body #cmplz-cookies-overview details.cmplz-dropdown[open]{background-color:#2c2c2c!important;border-color:#ff6501!important}
body #cmplz-cookies-overview details.cmplz-dropdown summary,body #cmplz-cookies-overview .cmplz-service-header,body .cmplz-manage-consent-container .cmplz-category .cmplz-category-header{background-color:transparent!important;color:#fff!important}
body #cmplz-cookies-overview details.cmplz-dropdown summary:hover{background-color:#2c2c2c!important}
body .cmplz-manage-consent-container .cmplz-category .cmplz-category-title,body #cmplz-cookies-overview .cmplz-service-header h3{color:#fff!important}
body .cmplz-manage-consent-container .cmplz-always-active{color:#ff6501!important}
body .cmplz-manage-consent-container .cmplz-icon svg,body #cmplz-cookies-overview summary svg{fill:#fff!important}