/*
Theme Name: Kiropraktikken Holte Strandsten
Description: Designforslag efter klinikkens designmanual. Rolige dropdownmenuer, blågrønne nuancer og diskrete sandfarvede detaljer.
Version: 1.3.11
Author: Kiropraktikken Holte
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: kiropraktikken-holte
*/
body.admin-bar #header { top:32px; }
@media(max-width:782px){body.admin-bar #header{top:46px;}}

/* Treatment pages: let the header reserve its actual height at every viewport. */
body:is(#collection-62487c34d6802c6d628803e6,#collection-6690d0ea6876b13910a57dd1,#collection-62487c5ccfb4dd7278c4004a,#collection-62487c68cca36f2140616c75,#collection-62487da20fdd8b20ce2aafb8,#collection-62487daafde58d0c91eecf67,#collection-615ed3210036507da33e8a40,#collection-6248796931dcbd5a172a26d7,#collection-62487db17dbc8d157401f503,#collection-62487db8d0fa344114f0b4bb) #header {
  position: relative !important;
  top: 0 !important;
}
body:is(#collection-62487c34d6802c6d628803e6,#collection-6690d0ea6876b13910a57dd1,#collection-62487c5ccfb4dd7278c4004a,#collection-62487c68cca36f2140616c75,#collection-62487da20fdd8b20ce2aafb8,#collection-62487daafde58d0c91eecf67,#collection-615ed3210036507da33e8a40,#collection-6248796931dcbd5a172a26d7,#collection-62487db17dbc8d157401f503,#collection-62487db8d0fa344114f0b4bb) #page > .page-regions > .region:first-child > .page-section:first-child {
  padding-top: 24px !important;
}

/* Restore intrinsic image dimensions on the imported laser page. */
body#collection-619ce010079c800a6507c5f7 #page h1 {
  text-align: left !important;
}
body#collection-619ce010079c800a6507c5f7 #page .image-block .sqs-block-content,
body#collection-619ce010079c800a6507c5f7 #page .fluid-image-component-root,
body#collection-619ce010079c800a6507c5f7 #page .fluid-image-animation-wrapper,
body#collection-619ce010079c800a6507c5f7 #page .fluid-image-container,
body#collection-619ce010079c800a6507c5f7 #page .js-content-mode-element-wrapper,
body#collection-619ce010079c800a6507c5f7 #page .js-content-mode-element {
  width: 100% !important;
  height: auto !important;
}
body#collection-619ce010079c800a6507c5f7 #page .image-block img {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Exercise library: native WordPress blocks, with the clinic typography. */
body.kh-exercises-page #header{position:relative!important;top:0!important}
.kh-exercises{background:#f7f8fa;color:#262b35;padding:64px 24px 88px}
.kh-exercises-inner{max-width:1120px;margin:0 auto}
.kh-exercises-intro{max-width:720px;margin-bottom:44px}
.kh-exercises h1{font-size:clamp(36px,5vw,60px);line-height:1.12;margin:12px 0 22px}
.kh-exercises p{line-height:1.7}
.kh-exercises-eyebrow{font-size:14px;letter-spacing:.09em;color:hsl(var(--accent-hsl));margin:0}
.kh-exercises-note{font-size:15px;color:#535d6c;border-left:3px solid hsl(var(--accent-hsl));padding-left:16px;margin-top:24px}
.kh-exercise-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.kh-exercise-grid>.kh-exercise-card{margin:0!important;min-width:0;background:#fff;padding:24px;border:1px solid #e3e7ed;border-radius:16px;box-sizing:border-box}
.kh-exercise-card h2{font-size:27px;line-height:1.25;margin:24px 0 12px}
.kh-exercise-card p{font-size:16px;margin:0}
.kh-exercise-card .wp-block-video{margin:0}
.kh-exercise-card video{display:block;width:100%;max-height:540px;object-fit:contain;background:#eef0f4;border-radius:9px}
@media(max-width:767px){.kh-exercises{padding:36px 18px 56px}.kh-exercise-grid{grid-template-columns:1fr;gap:24px}.kh-exercise-grid>.kh-exercise-card{padding:18px}.kh-exercises-intro{margin-bottom:30px}}

.kh-video-player{position:relative}
.kh-video-player video{aspect-ratio:9/16;max-height:540px}
.kh-video-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:0;border-radius:9px;background:rgba(0,0,0,.12);color:white;cursor:pointer;font:inherit;text-shadow:0 1px 4px #000}
.kh-video-start span:first-child{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#263a59;font-size:26px;text-shadow:none}
.kh-video-start:focus-visible{outline:3px solid #263a59;outline-offset:4px}
.kh-video-start[hidden]{display:none}