/ children.
Give each one a clean card and force label/value onto separate lines. */
.elementor-page .contact-detail-cards{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
margin-top:28px!important;
}
.elementor-page .contact-detail-cards > .elementor-element{
min-width:0!important;
min-height:118px!important;
padding:20px 21px!important;
margin:0!important;
background:rgba(255,255,255,.065)!important;
border:1px solid rgba(255,255,255,.11)!important;
color:#fff!important;
box-shadow:none!important;
--width:100%!important;
width:100%!important;
}
.elementor-page .contact-detail-cards > .e-con{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-start!important;
gap:0!important;
}
.elementor-page .contact-detail-cards > .elementor-widget-text-editor .elementor-widget-container,
.elementor-page .contact-detail-cards > .elementor-widget-text-editor .elementor-widget-container > a{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
width:100%!important;
gap:0!important;
}
.elementor-page .contact-detail-cards small{
display:block!important;
width:100%!important;
margin:0 0 10px!important;
color:var(--orange)!important;
font-size:11px!important;
line-height:1.1!important;
font-weight:900!important;
letter-spacing:.07em!important;
text-transform:uppercase!important;
}
.elementor-page .contact-detail-cards strong{
display:block!important;
width:100%!important;
margin:0!important;
color:#fff!important;
font-size:15px!important;
line-height:1.55!important;
font-weight:750!important;
overflow-wrap:anywhere!important;
}
.elementor-page .contact-detail-cards a:hover{color:#fff!important}
/* Elementor Pro Form: the fields wrapper is the actual layout element. */
.elementor-page .form-shell{
padding:42px 42px 40px!important;
border:1px solid #e3dbd3!important;
border-top:4px solid var(--orange)!important;
box-shadow:0 18px 48px rgba(28,23,20,.075)!important;
background:#fff!important;
}
.elementor-page .form-shell h2{
font-size:clamp(36px,3.1vw,46px)!important;
line-height:1.06!important;
margin:7px 0 8px!important;
}
.elementor-page .skh-elementor-form .elementor-form{
display:block!important;
margin-top:20px!important;
}
.elementor-page .skh-elementor-form .elementor-form-fields-wrapper{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:15px 14px!important;
width:100%!important;
}
.elementor-page .skh-elementor-form .elementor-field-group{
width:100%!important;
max-width:none!important;
min-width:0!important;
margin:0!important;
padding:0!important;
}
.elementor-page .skh-elementor-form .elementor-field-group.elementor-col-100,
.elementor-page .skh-elementor-form .elementor-field-type-textarea,
.elementor-page .skh-elementor-form .elementor-field-type-acceptance,
.elementor-page .skh-elementor-form .elementor-field-type-submit,
.elementor-page .skh-elementor-form .elementor-field-type-honeypot{
grid-column:1/-1!important;
}
.elementor-page .skh-elementor-form .elementor-field-group.elementor-col-50{
grid-column:auto!important;
}
.elementor-page .skh-elementor-form .elementor-field-label{
margin:0 0 7px!important;
color:#504a45!important;
font-size:11px!important;
line-height:1.2!important;
font-weight:850!important;
letter-spacing:.06em!important;
}
.elementor-page .skh-elementor-form input.elementor-field,
.elementor-page .skh-elementor-form textarea.elementor-field,
.elementor-page .skh-elementor-form select.elementor-field{
min-height:54px!important;
padding:14px 15px!important;
border:1px solid #d9d0c8!important;
border-radius:2px!important;
background:#fbfaf8!important;
color:#342f2b!important;
box-shadow:none!important;
transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.elementor-page .skh-elementor-form textarea.elementor-field{
min-height:156px!important;
line-height:1.55!important;
}
.elementor-page .skh-elementor-form input.elementor-field:focus,
.elementor-page .skh-elementor-form textarea.elementor-field:focus,
.elementor-page .skh-elementor-form select.elementor-field:focus{
outline:0!important;
border-color:#1e1d1a!important;
background:#fff!important;
box-shadow:0 0 0 3px rgba(240,220,0,.22)!important;
}
.elementor-page .skh-elementor-form .elementor-field-type-acceptance .elementor-field-option{
gap:10px!important;
font-size:12.5px!important;
line-height:1.45!important;
}
.elementor-page .skh-elementor-form .elementor-field-type-submit{
display:flex!important;
justify-content:flex-start!important;
margin-top:2px!important;
}
.elementor-page .skh-elementor-form .elementor-field-type-submit .elementor-button{
width:auto!important;
min-width:0!important;
min-height:48px!important;
padding:14px 20px!important;
background:var(--orange)!important;
color:#1e1d1a!important;
border:0!important;
border-radius:2px!important;
box-shadow:none!important;
}
/* Map: keep the map full width, but the address overlay compact instead of
inheriting Elementor's 100% container width. */
.elementor-page .skh-contact-map-section{
padding-top:70px!important;
background:#f3eee8!important;
}
.elementor-page .skh-contact-map-head{
padding-bottom:28px!important;
}
.elementor-page .skh-contact-map-frame{
height:500px!important;
min-height:0!important;
position:relative!important;
overflow:hidden!important;
}
.elementor-page .skh-contact-map-frame > .skh-google-map,
.elementor-page .skh-contact-map-frame > .elementor-widget-google_maps{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
--width:100%!important;
margin:0!important;
}
.elementor-page .skh-contact-map-frame .elementor-widget-google_maps .elementor-widget-container,
.elementor-page .skh-contact-map-frame .elementor-custom-embed,
.elementor-page .skh-contact-map-frame iframe{
width:100%!important;
height:100%!important;
}
.elementor-page .skh-contact-map-card{
position:absolute!important;
left:max(24px,calc((100% - var(--max))/2))!important;
right:auto!important;
bottom:28px!important;
z-index:5!important;
width:auto!important;
--width:auto!important;
max-width:min(430px,calc(100% - 48px))!important;
min-width:330px!important;
min-height:0!important;
height:auto!important;
padding:17px 19px!important;
margin:0!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
flex-wrap:nowrap!important;
gap:15px!important;
background:rgba(23,21,19,.94)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.08)!important;
box-shadow:0 18px 48px rgba(18,15,13,.22)!important;
backdrop-filter:blur(8px)!important;
}
.elementor-page .skh-contact-map-card > .elementor-element{
width:auto!important;
--width:auto!important;
flex:0 0 auto!important;
margin:0!important;
}
.elementor-page .skh-contact-map-card > .e-con{
min-width:0!important;
flex:1 1 auto!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:0!important;
}
.elementor-page .skh-contact-map-card .skh-map-pin{
width:42px!important;
height:42px!important;
flex:0 0 42px!important;
margin:0!important;
border-radius:50%!important;
}
.elementor-page .skh-contact-map-card small{
display:block!important;
margin:0 0 5px!important;
color:var(--orange)!important;
}
.elementor-page .skh-contact-map-card strong{
display:block!important;
font-size:15px!important;
line-height:1.4!important;
}
/* Homepage bottom CTA: Elementor can add a 100% width via generated post CSS.
Beat it explicitly and keep the yellow button centered + compact. */
body.home.elementor-page .cta-section > .wrap{
align-items:center!important;
}
body.home.elementor-page .cta-section .elementor-widget-button.btn,
body.home.elementor-page .cta-section .wrap > .elementor-widget-button.btn{
display:inline-flex!important;
width:auto!important;
--width:auto!important;
max-width:max-content!important;
flex:0 0 auto!important;
align-self:center!important;
margin-left:auto!important;
margin-right:auto!important;
padding:0!important;
background:transparent!important;
}
body.home.elementor-page .cta-section .elementor-widget-button.btn .elementor-button-wrapper{
display:inline-flex!important;
width:auto!important;
max-width:max-content!important;
}
body.home.elementor-page .cta-section .elementor-widget-button.btn .elementor-button{
display:inline-flex!important;
width:auto!important;
min-width:0!important;
max-width:max-content!important;
padding:15px 23px!important;
justify-content:center!important;
white-space:nowrap!important;
}
@media(max-width:1050px){
.elementor-page .contact-layout{
grid-template-columns:1fr!important;
max-width:820px!important;
gap:22px!important;
}
.elementor-page .skh-contact-map-frame{height:450px!important}
}
@media(max-width:720px){
.elementor-page .contact-info-block{padding:30px 23px!important}
.elementor-page .form-shell{padding:30px 22px 28px!important}
.elementor-page .contact-detail-cards{grid-template-columns:1fr!important;gap:8px!important}
.elementor-page .contact-detail-cards > .elementor-element{min-height:0!important;padding:17px 18px!important}
.elementor-page .skh-elementor-form .elementor-form-fields-wrapper{grid-template-columns:1fr!important;gap:13px!important}
.elementor-page .skh-elementor-form .elementor-field-group.elementor-col-50{grid-column:1/-1!important}
.elementor-page .skh-contact-map-section{padding-top:54px!important}
.elementor-page .skh-contact-map-head{padding-bottom:24px!important}
.elementor-page .skh-contact-map-frame{height:390px!important}
.elementor-page .skh-contact-map-card{
left:15px!important;
right:15px!important;
bottom:15px!important;
width:auto!important;
--width:auto!important;
max-width:none!important;
min-width:0!important;
padding:14px 15px!important;
gap:12px!important;
}
body.home.elementor-page .cta-section .elementor-widget-button.btn .elementor-button{
padding:14px 20px!important;
}
}
/* ==========================================================
v1.0.14 — compact Elementor footer navigation + true center
alignment for the dark homepage "Gratis befaring" CTA.
========================================================== */
/* Footer links: the converted Theme Builder footer contains
elements
inside Text Editor widgets. Convert those blocks into a real compact
vertical link stack so
+ block anchors cannot double the spacing. */
.site-footer .footer-grid .elementor-widget-text-editor p{
margin:0!important;
}
.site-footer .footer-grid > .e-con:nth-child(2) .elementor-widget-text-editor p,
.site-footer .footer-grid > .e-con:nth-child(3) .elementor-widget-text-editor p{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:11px!important;
line-height:1.35!important;
}
.site-footer .footer-grid > .e-con:nth-child(2) .elementor-widget-text-editor p br,
.site-footer .footer-grid > .e-con:nth-child(3) .elementor-widget-text-editor p br{
display:none!important;
}
.site-footer .footer-grid > .e-con:nth-child(2) .elementor-widget-text-editor a,
.site-footer .footer-grid > .e-con:nth-child(3) .elementor-widget-text-editor a{
display:block!important;
margin:0!important;
padding:0!important;
line-height:1.35!important;
}
.site-footer .footer-grid h4,
.site-footer .footer-grid .elementor-heading-title{
margin-bottom:15px!important;
}
/* Contact footer stays readable but slightly tighter vertically. */
.site-footer .footer-grid > .e-con:nth-child(4) .elementor-widget-text-editor p{
margin:0 0 14px!important;
line-height:1.5!important;
}
.site-footer .footer-grid > .e-con:nth-child(4) .elementor-widget-text-editor p:last-child{
margin-bottom:0!important;
}
.site-footer .footer-grid > .e-con:nth-child(4) .elementor-widget-text-editor a{
margin:3px 0 0!important;
line-height:1.45!important;
}
/* Dark homepage availability block: Elementor's container defaults stretch
the button widget across the row. Center the actual widget, wrapper and
anchor instead of relying only on text-align. */
body.home.elementor-page .dark-band .phone-box{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
body.home.elementor-page .dark-band .phone-box > .elementor-widget-button,
body.home.elementor-page .dark-band .phone-box > .elementor-widget-button.btn{
width:auto!important;
--width:auto!important;
max-width:max-content!important;
flex:0 0 auto!important;
align-self:center!important;
margin-left:auto!important;
margin-right:auto!important;
padding:0!important;
background:transparent!important;
}
body.home.elementor-page .dark-band .phone-box > .elementor-widget-button .elementor-button-wrapper{
display:flex!important;
justify-content:center!important;
width:auto!important;
max-width:max-content!important;
margin:0 auto!important;
}
body.home.elementor-page .dark-band .phone-box > .elementor-widget-button .elementor-button{
display:inline-flex!important;
width:auto!important;
min-width:0!important;
max-width:max-content!important;
justify-content:center!important;
white-space:nowrap!important;
}
@media(max-width:720px){
.site-footer .footer-grid > .e-con:nth-child(2) .elementor-widget-text-editor p,
.site-footer .footer-grid > .e-con:nth-child(3) .elementor-widget-text-editor p{
gap:9px!important;
}
}
/* ==========================================================
v1.0.15 — Flislegger bento interaction hardening.
Elementor can retain the Container Link value in the editor
without producing a dependable clickable layer on every build.
Keep the approved design and make the cards clearly interactive.
========================================================== */
.elementor-page .tile-bento-card{
cursor:pointer!important;
}
.elementor-page .tile-bento-card .tile-bento-copy,
.elementor-page .tile-bento-card .tile-bento-link,
.elementor-page .tile-bento-card .tile-bento-link *{
pointer-events:auto!important;
}
.elementor-page .tile-bento-card .tile-bento-link{
position:relative!important;
z-index:20!important;
}
.elementor-page .tile-bento-card:focus-visible{
outline:3px solid var(--skh-yellow,#f0dc00)!important;
outline-offset:4px!important;
}
/* ==========================================================
v1.0.16 — Header CTA hierarchy.
Keep "Gratis befaring" yellow; make only "Kontakt oss"
black with the approved logo-yellow text on all breakpoints.
========================================================== */
.elementor-widget-button.header-contact .elementor-button,
.header-contact{
background:#1e1d1a!important;
color:var(--orange)!important;
border-color:#1e1d1a!important;
}
.elementor-widget-button.header-contact .elementor-button .elementor-button-text,
.elementor-widget-button.header-contact .elementor-button .elementor-button-icon,
.elementor-widget-button.header-contact .elementor-button svg,
.header-contact *{
color:var(--orange)!important;
fill:currentColor!important;
}
.elementor-widget-button.header-contact .elementor-button:hover,
.header-contact:hover{
background:#1e1d1a!important;
color:var(--orange)!important;
border-color:#1e1d1a!important;
}
/* ==========================================================
v1.0.17 — Header contact hover contrast + tighter home hero title.
Keep the contact CTA dark on hover so yellow text never sits
on a yellow background. Tighten the two-line guarantee headline.
========================================================== */
body .skh-elementor-header .header-contact.elementor-widget-button,
body .skh-elementor-header .header-contact.elementor-widget-button:hover,
body .site-header .header-contact.elementor-widget-button,
body .site-header .header-contact.elementor-widget-button:hover{
background:transparent!important;
}
body .skh-elementor-header .header-contact.elementor-widget-button .elementor-button,
body .site-header .header-contact.elementor-widget-button .elementor-button{
background:#1e1d1a!important;
color:var(--orange)!important;
border-color:#1e1d1a!important;
}
body .skh-elementor-header .header-contact.elementor-widget-button:hover .elementor-button,
body .skh-elementor-header .header-contact.elementor-widget-button .elementor-button:hover,
body .skh-elementor-header .header-contact.elementor-widget-button .elementor-button:focus,
body .site-header .header-contact.elementor-widget-button:hover .elementor-button,
body .site-header .header-contact.elementor-widget-button .elementor-button:hover,
body .site-header .header-contact.elementor-widget-button .elementor-button:focus{
background:#25221f!important;
color:var(--orange)!important;
border-color:#25221f!important;
box-shadow:0 7px 18px rgba(0,0,0,.14)!important;
}
body .skh-elementor-header .header-contact.elementor-widget-button:hover .elementor-button-text,
body .skh-elementor-header .header-contact.elementor-widget-button .elementor-button:hover .elementor-button-text,
body .skh-elementor-header .header-contact.elementor-widget-button .elementor-button:focus .elementor-button-text,
body .site-header .header-contact.elementor-widget-button:hover .elementor-button-text,
body .site-header .header-contact.elementor-widget-button .elementor-button:hover .elementor-button-text,
body .site-header .header-contact.elementor-widget-button .elementor-button:focus .elementor-button-text{
color:var(--orange)!important;
}
body.home .hero .hero-copy h1,
body.home.elementor-page .hero .hero-copy h1{
line-height:.94!important;
}
@media(max-width:720px){
body.home .hero .hero-copy h1,
body.home.elementor-page .hero .hero-copy h1{
line-height:.96!important;
}
}
/* ==========================================================
v1.0.24 — remove stray Elementor default blue typography.
----------------------------------------------------------
Elementor's default kit can still inject #6EC1E4-style global colours into
individual Heading/Text widgets on the public site. Make those widgets
inherit the approved section colour instead. Dark/yellow contexts are
explicitly restored below, so this does not flatten the intentional palette.
========================================================== */
body[class*="elementor-kit-"]{
--e-global-color-primary:#1e1d1a!important;
--e-global-color-secondary:#1e1d1a!important;
--e-global-color-text:#1e1d1a!important;
--e-global-color-accent:var(--orange)!important;
}
body.elementor-page .elementor-widget-heading,
body.elementor-page .elementor-widget-heading .elementor-widget-container,
body.elementor-page .elementor-widget-heading .elementor-heading-title,
body.elementor-page .elementor-widget-text-editor,
body.elementor-page .elementor-widget-text-editor .elementor-widget-container,
body.single-post .elementor-widget-heading,
body.single-post .elementor-widget-heading .elementor-widget-container,
body.single-post .elementor-widget-heading .elementor-heading-title,
body.single-post .elementor-widget-text-editor,
body.single-post .elementor-widget-text-editor .elementor-widget-container{
color:inherit!important;
}
body.elementor-page .elementor-widget-text-editor p,
body.elementor-page .elementor-widget-text-editor li,
body.elementor-page .elementor-widget-text-editor span:not(.elementor-button-text),
body.single-post .elementor-widget-text-editor p,
body.single-post .elementor-widget-text-editor li,
body.single-post .elementor-widget-text-editor span:not(.elementor-button-text){
color:inherit;
}
/* Approved dark type on light surfaces. */
body.elementor-page .section:not(.dark-band):not(.process-showcase),
body.elementor-page .soft-section,
body.elementor-page .about,
body.elementor-page .content-split,
body.elementor-page .prose,
body.elementor-page .info-card,
body.elementor-page .article-card,
body.elementor-page .article-masthead,
body.elementor-page .article-content,
body.elementor-page .article-aside,
body.elementor-page .contact-panel,
body.elementor-page .contact-info-block,
body.elementor-page .cta-section{
color:var(--ink)!important;
}
/* Intentional brand-colour contexts always win after the reset above. */
body.elementor-page .eyebrow,
body.elementor-page .eyebrow .elementor-widget-container,
body.elementor-page .eyebrow .elementor-heading-title,
body.elementor-page .eyebrow .elementor-widget-text-editor,
body.elementor-page .tile-bento-kicker,
body.elementor-page .tile-choice-kicker{
color:var(--orange)!important;
}
body.elementor-page .hero,
body.elementor-page .page-hero,
body.elementor-page .article-hero,
body.elementor-page .dark-band,
body.elementor-page .process-showcase,
body.elementor-page .site-footer,
body.elementor-page .mosaic-note,
body.elementor-page .tile-bento-card,
body.elementor-page .tile-choice-card{
color:#fff!important;
}
body.elementor-page .hero .elementor-heading-title,
body.elementor-page .page-hero .elementor-heading-title,
body.elementor-page .article-hero .elementor-heading-title,
body.elementor-page .dark-band .elementor-heading-title,
body.elementor-page .process-showcase .elementor-heading-title,
body.elementor-page .site-footer .elementor-heading-title,
body.elementor-page .mosaic-note .elementor-heading-title,
body.elementor-page .tile-bento-card .elementor-heading-title,
body.elementor-page .tile-choice-card .elementor-heading-title{
color:#fff!important;
}
/* Eyebrows inside dark sections remain yellow. */
body.elementor-page .hero .eyebrow,
body.elementor-page .page-hero .eyebrow,
body.elementor-page .dark-band .eyebrow,
body.elementor-page .process-showcase .eyebrow,
body.elementor-page .site-footer .eyebrow{
color:var(--orange)!important;
}
/* ==========================================================
v1.0.26 — complete mobile layout hardening.
----------------------------------------------------------
Mobile must be a deliberate layout, not a squeezed desktop header.
These rules are intentionally last in the cascade so old theme-era
responsive declarations cannot re-expand CTAs, collapse the logo or
constrain Elementor's dropdown menu to the 42px nav widget width.
========================================================== */
/* Header width is also a container-query source. This makes Elementor's
responsive preview behave correctly even when its outer editor viewport
is wider than the visible mobile canvas. */
.skh-elementor-header{
container-type:inline-size;
container-name:skhHeader;
}
/* Public mobile/tablet header. */
@media(max-width:1050px){
html,body{overflow-x:clip!important}
.topbar{display:none!important}
.skh-elementor-header{
--skh-mobile-header-h:64px;
background:#fff!important;
border-bottom:1px solid rgba(30,29,26,.10)!important;
}
.skh-elementor-header .header-inner{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
height:var(--skh-mobile-header-h)!important;
min-height:var(--skh-mobile-header-h)!important;
padding:0 14px!important;
margin:0!important;
gap:8px!important;
}
/* Mobile logo must always be present and may never be squeezed to zero. */
.skh-elementor-header .skh-elementor-logo,
.skh-elementor-header .logo.skh-elementor-logo{
order:1!important;
display:block!important;
visibility:visible!important;
opacity:1!important;
width:136px!important;
min-width:136px!important;
max-width:136px!important;
flex:0 0 136px!important;
margin:0!important;
overflow:visible!important;
}
.skh-elementor-header .skh-elementor-logo>.elementor-widget-container{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
width:100%!important;
min-width:0!important;
overflow:visible!important;
}
.skh-elementor-header .skh-elementor-logo a{
display:flex!important;
align-items:center!important;
width:100%!important;
max-width:100%!important;
}
.skh-elementor-header .skh-elementor-logo img{
display:block!important;
visibility:visible!important;
opacity:1!important;
width:136px!important;
max-width:136px!important;
height:auto!important;
max-height:44px!important;
object-fit:contain!important;
object-position:left center!important;
}
/* Only the compact Contact button remains in the mobile header. */
.skh-elementor-header .skh-header-buttons{
order:2!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-end!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
flex:0 0 auto!important;
margin:0 0 0 auto!important;
gap:0!important;
}
body .skh-elementor-header .skh-header-buttons>.header-cta,
body .skh-elementor-header .header-actions>.header-cta,
body .skh-elementor-header .elementor-widget-button.header-cta{
display:none!important;
visibility:hidden!important;
width:0!important;
min-width:0!important;
max-width:0!important;
height:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
flex:0 0 0!important;
}
.skh-elementor-header .skh-header-buttons>.header-contact{
display:block!important;
visibility:visible!important;
width:auto!important;
min-width:0!important;
flex:0 0 auto!important;
margin:0!important;
}
body .skh-elementor-header .header-contact.elementor-widget-button .elementor-button{
min-height:36px!important;
height:36px!important;
width:auto!important;
padding:8px 10px!important;
border-radius:2px!important;
font-size:9.5px!important;
line-height:1!important;
letter-spacing:.045em!important;
white-space:nowrap!important;
box-shadow:none!important;
}
/* Hamburger gets its own fixed slot; the widget itself must not become the
positioning context for the dropdown. */
.skh-elementor-header .skh-elementor-nav{
order:3!important;
display:block!important;
position:static!important;
width:42px!important;
min-width:42px!important;
max-width:42px!important;
flex:0 0 42px!important;
margin:0!important;
padding:0!important;
}
.skh-elementor-header .skh-elementor-nav>.elementor-widget-container{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:42px!important;
height:42px!important;
position:static!important;
overflow:visible!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--main{display:none!important}
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:42px!important;
min-width:42px!important;
height:42px!important;
min-height:42px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:#1e1d1a!important;
font-size:24px!important;
line-height:1!important;
z-index:100002!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle svg{
width:24px!important;
height:24px!important;
fill:currentColor!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle.elementor-active{
color:#1e1d1a!important;
background:#f7f4f0!important;
}
/* Full-width, usable mobile navigation instead of a narrow 42px strip. */
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown{
position:fixed!important;
top:var(--skh-mobile-menu-top,var(--skh-mobile-header-h))!important;
left:0!important;
right:0!important;
bottom:auto!important;
width:100vw!important;
min-width:100vw!important;
max-width:100vw!important;
max-height:calc(100dvh - var(--skh-mobile-menu-top,var(--skh-mobile-header-h)))!important;
overflow-x:hidden!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
margin:0!important;
padding:10px 18px 28px!important;
background:#fff!important;
border:0!important;
border-top:1px solid rgba(30,29,26,.10)!important;
box-shadow:0 22px 50px rgba(30,29,26,.16)!important;
z-index:100001!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown>.elementor-nav-menu,
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown ul.elementor-nav-menu{
display:block!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown li{
display:block!important;
position:relative!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
border-bottom:1px solid #eee9e4!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown>ul>li:last-child{border-bottom:0!important}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-item{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
width:100%!important;
min-height:49px!important;
padding:13px 4px!important;
color:#1e1d1a!important;
background:transparent!important;
font-size:15px!important;
line-height:1.25!important;
font-weight:800!important;
white-space:normal!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-item .sub-arrow{
display:flex!important;
align-items:center!important;
justify-content:center!important;
margin-left:auto!important;
padding-left:14px!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown .sub-menu{
position:static!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
padding:0 0 9px 14px!important;
border:0!important;
box-shadow:none!important;
background:#faf8f5!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-sub-item{
min-height:42px!important;
padding:10px 12px!important;
font-size:13px!important;
line-height:1.35!important;
font-weight:700!important;
color:#3b3632!important;
border:0!important;
}
body.skh-mobile-nav-open{overflow:hidden!important}
/* Scrolled state must not shrink the mobile logo/header into a different
geometry. Keeping one stable mobile header also prevents menu jumping. */
.site-header.is-scrolled .skh-elementor-header .header-inner,
.skh-elementor-header.site-header.is-scrolled .header-inner{
height:var(--skh-mobile-header-h)!important;
min-height:var(--skh-mobile-header-h)!important;
gap:8px!important;
}
.site-header.is-scrolled .skh-elementor-logo,
.skh-elementor-header.site-header.is-scrolled .skh-elementor-logo{
width:136px!important;
min-width:136px!important;
max-width:136px!important;
flex-basis:136px!important;
}
.site-header.is-scrolled .skh-elementor-logo img,
.skh-elementor-header.site-header.is-scrolled .skh-elementor-logo img{
width:136px!important;
max-width:136px!important;
max-height:44px!important;
}
}
/* Elementor responsive canvas can be a narrow container inside a wider editor
viewport. Container queries repeat the critical header geometry there. */
@container skhHeader (max-width:1050px){
.header-inner{
display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;
width:100%!important;max-width:none!important;min-width:0!important;height:64px!important;min-height:64px!important;
padding:0 14px!important;margin:0!important;gap:8px!important;
}
.skh-elementor-logo{
order:1!important;display:block!important;visibility:visible!important;opacity:1!important;
width:136px!important;min-width:136px!important;max-width:136px!important;flex:0 0 136px!important;margin:0!important;
}
.skh-elementor-logo img{display:block!important;width:136px!important;max-width:136px!important;height:auto!important;max-height:44px!important;object-fit:contain!important}
.skh-header-buttons{order:2!important;display:flex!important;width:auto!important;flex:0 0 auto!important;margin-left:auto!important;gap:0!important}
.skh-header-buttons>.header-cta{display:none!important;width:0!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;flex:0 0 0!important}
.skh-header-buttons>.header-contact{display:block!important;width:auto!important;flex:0 0 auto!important}
.header-contact.elementor-widget-button .elementor-button{height:36px!important;min-height:36px!important;padding:8px 10px!important;font-size:9.5px!important;white-space:nowrap!important}
.skh-elementor-nav{order:3!important;display:block!important;position:static!important;width:42px!important;min-width:42px!important;max-width:42px!important;flex:0 0 42px!important;margin:0!important}
.skh-elementor-nav>.elementor-widget-container{position:static!important;width:42px!important;height:42px!important;overflow:visible!important}
.skh-elementor-nav .elementor-nav-menu--main{display:none!important}
.skh-elementor-nav .elementor-menu-toggle{display:flex!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;background:transparent!important;color:#1e1d1a!important}
.skh-elementor-nav .elementor-nav-menu--dropdown{
position:fixed!important;left:0!important;right:0!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;
margin:0!important;padding:10px 18px 28px!important;background:#fff!important;z-index:100001!important;
}
}
/* JS also adds this class from the header's REAL rendered width. It is a final
fallback for browser/device preview tools that do not expose a normal mobile
viewport to media queries. */
.skh-elementor-header.skh-mobile-layout .header-inner{
display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;
width:100%!important;max-width:none!important;min-width:0!important;height:64px!important;min-height:64px!important;
padding:0 14px!important;margin:0!important;gap:8px!important;
}
.skh-elementor-header.skh-mobile-layout .skh-elementor-logo{
order:1!important;display:block!important;visibility:visible!important;opacity:1!important;
width:136px!important;min-width:136px!important;max-width:136px!important;flex:0 0 136px!important;margin:0!important;
}
.skh-elementor-header.skh-mobile-layout .skh-elementor-logo img{display:block!important;width:136px!important;max-width:136px!important;height:auto!important;max-height:44px!important;object-fit:contain!important}
.skh-elementor-header.skh-mobile-layout .skh-header-buttons{order:2!important;display:flex!important;width:auto!important;flex:0 0 auto!important;margin-left:auto!important;gap:0!important}
body .skh-elementor-header.skh-mobile-layout .skh-header-buttons>.header-cta{display:none!important;width:0!important;height:0!important;min-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;flex:0 0 0!important}
.skh-elementor-header.skh-mobile-layout .skh-header-buttons>.header-contact{display:block!important;width:auto!important;flex:0 0 auto!important}
.skh-elementor-header.skh-mobile-layout .header-contact.elementor-widget-button .elementor-button{height:36px!important;min-height:36px!important;padding:8px 10px!important;font-size:9.5px!important;white-space:nowrap!important}
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav{order:3!important;display:block!important;position:static!important;width:42px!important;min-width:42px!important;max-width:42px!important;flex:0 0 42px!important;margin:0!important}
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav>.elementor-widget-container{position:static!important;width:42px!important;height:42px!important;overflow:visible!important}
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--main{display:none!important}
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-menu-toggle{display:flex!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;background:transparent!important;color:#1e1d1a!important}
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown{
position:fixed!important;top:var(--skh-mobile-menu-top,64px)!important;left:0!important;right:0!important;
width:100vw!important;min-width:100vw!important;max-width:100vw!important;max-height:calc(100dvh - var(--skh-mobile-menu-top,64px))!important;
overflow-x:hidden!important;overflow-y:auto!important;margin:0!important;padding:10px 18px 28px!important;background:#fff!important;
border:0!important;border-top:1px solid rgba(30,29,26,.10)!important;box-shadow:0 22px 50px rgba(30,29,26,.16)!important;z-index:100001!important;
}
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown>.elementor-nav-menu,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown ul.elementor-nav-menu{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important}
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown li{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;border-bottom:1px solid #eee9e4!important}
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-item{display:flex!important;align-items:center!important;width:100%!important;min-height:49px!important;padding:13px 4px!important;color:#1e1d1a!important;background:transparent!important;font-size:15px!important;line-height:1.25!important;font-weight:800!important;white-space:normal!important}
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-item .sub-arrow{margin-left:auto!important;padding-left:14px!important}
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown .sub-menu{position:static!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0 0 9px 14px!important;border:0!important;box-shadow:none!important;background:#faf8f5!important}
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-sub-item{min-height:42px!important;padding:10px 12px!important;font-size:13px!important;line-height:1.35!important;font-weight:700!important;color:#3b3632!important;border:0!important}
/* Phone-specific page rhythm. */
@media(max-width:720px){
:root{--skh-mobile-gutter:16px}
.wrap,
.elementor-page .e-con.wrap{
width:calc(100% - (var(--skh-mobile-gutter) * 2))!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
}
.section{padding-top:54px!important;padding-bottom:54px!important}
.compact-section{padding-top:48px!important;padding-bottom:48px!important}
.dark-band{padding-top:54px!important;padding-bottom:56px!important}
.cta-section{padding-top:54px!important;padding-bottom:54px!important}
.section-head{margin-bottom:30px!important}
.section-head h2,.section-head .elementor-heading-title{font-size:clamp(30px,8.5vw,38px)!important;line-height:1.06!important}
.section-head p{font-size:14.5px!important;line-height:1.6!important}
/* Hero: tighter vertical rhythm and compact, non-stretched actions. */
.hero,.hero-inner{min-height:560px!important}
.hero-copy{padding:52px 0 58px!important}
.hero h1,.hero .elementor-heading-title{font-size:clamp(37px,11.2vw,46px)!important;line-height:.96!important;margin:10px 0 17px!important}
.hero p{font-size:15px!important;line-height:1.62!important}
.hero-actions{
display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;
width:auto!important;max-width:100%!important;gap:10px!important;margin-top:24px!important;
}
.hero-actions>.elementor-widget-button,
.hero-actions .btn,
.hero-actions .elementor-button-wrapper,
.hero-actions .elementor-button{
width:auto!important;min-width:0!important;max-width:100%!important;align-self:flex-start!important;
}
.hero-actions .elementor-button,.hero-actions .btn{min-height:46px!important;padding:13px 18px!important;font-size:11px!important}
/* Inner-page heroes should not consume most of the first screen. */
.page-hero,.page-hero .wrap{min-height:365px!important}
.page-hero-small,.page-hero-small .wrap{min-height:335px!important}
.page-hero .hero-text{padding:48px 0!important}
.page-hero h1,.page-hero .elementor-heading-title{font-size:clamp(34px,9.8vw,42px)!important;line-height:1!important;margin:8px 0 13px!important}
.page-hero p{font-size:15px!important;line-height:1.6!important;margin-bottom:18px!important}
/* Consistent one-column content and sensible gaps. */
.about-grid,.home .about-grid,.content-split,.contact-grid,.contact-layout,.article-body-layout,
.cards-2,.cards-3,.process-grid,.article-grid,.dynamic-post-grid,.feature-row{
grid-template-columns:minmax(0,1fr)!important;
gap:22px!important;
}
.content-split{gap:26px!important}
.content-split .media img{aspect-ratio:4/3!important;max-height:none!important}
.content-split h2,.about h2{font-size:clamp(30px,8.7vw,38px)!important;line-height:1.06!important}
.info-card,.process-card{padding:24px 20px!important}
/* Homepage service cards. */
.services-grid,.services-grid-six,.services-section .services-wrap .services-grid-six{
grid-template-columns:minmax(0,1fr)!important;
gap:22px!important;
}
.services-grid-six .service-image{aspect-ratio:16/11!important}
.services-grid-six .card-copy{margin:-14px 12px 0!important;padding:20px 19px 20px!important}
.services-grid-six .service-card h3{font-size:21px!important;line-height:1.12!important}
/* About / certifications. */
.home .section.about{padding:52px 0 56px!important}
.home .about-grid>div:first-child{padding:24px 19px 23px!important}
.home .checks{gap:9px!important;margin-top:20px!important;padding-top:18px!important}
.home .checks li{padding:10px 11px!important;font-size:12.5px!important}
.home .mosaic{grid-template-rows:165px 138px!important;gap:8px!important}
/* Bento cards stay cinematic without becoming screen-height blocks. */
.tile-bento-section{padding:54px 0 58px!important}
.tile-bento-section .tile-choice-head{margin-bottom:24px!important;padding-left:12px!important}
.tile-bento-grid{gap:12px!important}
.tile-bento-grid>.tile-bento-card:nth-child(n){min-height:270px!important}
.tile-bento-grid>.tile-bento-card:nth-child(1){min-height:320px!important}
.tile-bento-feature .tile-bento-copy,.tile-bento-card .tile-bento-copy{left:18px!important;right:18px!important;bottom:18px!important}
.tile-bento-feature h3,.tile-bento-card h3{font-size:26px!important;line-height:1.04!important}
/* Contact and free-inspection pages. */
.contact-layout{gap:18px!important}
.contact-info-block,.form-shell{padding:24px 18px!important}
.contact-info-block h2,.form-shell h2{font-size:30px!important;line-height:1.08!important}
.contact-detail-cards{grid-template-columns:1fr!important;gap:8px!important;margin-top:24px!important}
.contact-detail-cards>a,.contact-detail-cards>div{padding:15px 16px!important}
.skh-elementor-form .elementor-form-fields-wrapper{grid-template-columns:1fr!important;gap:12px!important}
.skh-elementor-form .elementor-field-group{grid-column:1/-1!important;width:100%!important}
.skh-contact-map-section{padding-top:48px!important}
.skh-contact-map-frame{height:340px!important}
.skh-contact-map-card{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;min-width:0!important;padding:13px 14px!important}
/* Single articles. */
.article-masthead{padding:38px 0 22px!important}
.article-masthead .elementor-widget-theme-post-title .elementor-heading-title,
.article-masthead h1{font-size:clamp(33px,9.8vw,43px)!important;line-height:1.01!important;letter-spacing:-.035em!important}
.article-featured,.article-featured-wrap .elementor-widget-theme-post-featured-image{width:calc(100% - 30px)!important}
.article-body-layout{padding-top:30px!important;padding-bottom:48px!important;gap:24px!important}
.article-content{font-size:16px!important;line-height:1.68!important;overflow-wrap:normal!important}
.article-content h2{font-size:25px!important;margin:30px 0 10px!important}
.article-content h3{font-size:20px!important;margin:24px 0 8px!important}
.aside-card{padding:23px 19px!important}
.single-article + .soft-section{padding-top:50px!important;padding-bottom:52px!important}
/* Reviews / availability / CTA buttons should be compact, never forced to
an accidental full viewport width. */
.skh-mittanbud-home{padding:52px 0!important}
.feature-row{gap:24px!important;margin:30px auto 38px!important}
.phone-box a.phone{font-size:clamp(26px,7.5vw,32px)!important}
.cta-section h2{font-size:clamp(30px,8.6vw,38px)!important}
.cta-section .elementor-widget-button,
.dark-band .phone-box>.elementor-widget-button{
width:auto!important;max-width:100%!important;align-self:center!important;
}
.cta-section .elementor-button,
.dark-band .phone-box>.elementor-widget-button .elementor-button{
width:auto!important;min-width:0!important;max-width:100%!important;padding:13px 18px!important;
}
/* Footer. */
.site-footer{padding:48px 0 20px!important}
.footer-grid{grid-template-columns:1fr!important;gap:28px!important}
.footer-grid h4,.site-footer .footer-grid .elementor-heading-title{font-size:18px!important;margin-bottom:12px!important}
.footer-grid p,.footer-grid a{font-size:13.5px!important;line-height:1.5!important}
.footer-bottom{margin-top:30px!important;padding-top:16px!important;gap:7px!important;font-size:12px!important}
}
@media(max-width:380px){
.skh-elementor-header .header-inner{padding-left:11px!important;padding-right:11px!important;gap:6px!important}
.skh-elementor-header .skh-elementor-logo,
.skh-elementor-header.skh-mobile-layout .skh-elementor-logo{width:118px!important;min-width:118px!important;max-width:118px!important;flex-basis:118px!important}
.skh-elementor-header .skh-elementor-logo img,
.skh-elementor-header.skh-mobile-layout .skh-elementor-logo img{width:118px!important;max-width:118px!important;max-height:40px!important}
body .skh-elementor-header .header-contact.elementor-widget-button .elementor-button{height:34px!important;min-height:34px!important;padding:7px 8px!important;font-size:8.5px!important}
.skh-elementor-header .skh-elementor-nav,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav{width:40px!important;min-width:40px!important;max-width:40px!important;flex-basis:40px!important}
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle{width:40px!important;height:40px!important}
.wrap,.elementor-page .e-con.wrap{width:calc(100% - 24px)!important}
.hero h1,.hero .elementor-heading-title{font-size:36px!important}
}
/* ==========================================================
v1.0.27 — tighter real-phone layout pass.
Based on screenshots from a ~390px Android viewport: reduce excess
whitespace, make mobile navigation denser, keep content genuinely full
width, stop the About visual/checks from peeking off-canvas, and make the
process cards compact/readable (their H3s were inheriting white text).
========================================================== */
@media(max-width:720px){
:root{--skh-mobile-gutter:12px!important}
html,body{max-width:100%!important;overflow-x:clip!important}
/* Header: same hierarchy, less chrome. */
.skh-elementor-header{--skh-mobile-header-h:58px!important}
.skh-elementor-header .header-inner,
.skh-elementor-header.skh-mobile-layout .header-inner{
height:58px!important;min-height:58px!important;
padding:0 10px!important;gap:6px!important;
}
.skh-elementor-header .skh-elementor-logo,
.skh-elementor-header.skh-mobile-layout .skh-elementor-logo,
.site-header.is-scrolled .skh-elementor-logo,
.skh-elementor-header.site-header.is-scrolled .skh-elementor-logo{
width:126px!important;min-width:126px!important;max-width:126px!important;
flex:0 0 126px!important;flex-basis:126px!important;
}
.skh-elementor-header .skh-elementor-logo img,
.skh-elementor-header.skh-mobile-layout .skh-elementor-logo img,
.site-header.is-scrolled .skh-elementor-logo img,
.skh-elementor-header.site-header.is-scrolled .skh-elementor-logo img{
width:126px!important;max-width:126px!important;max-height:39px!important;
}
body .skh-elementor-header .header-contact.elementor-widget-button .elementor-button,
body .skh-elementor-header.skh-mobile-layout .header-contact.elementor-widget-button .elementor-button{
height:32px!important;min-height:32px!important;padding:7px 9px!important;
font-size:8.6px!important;letter-spacing:.035em!important;
}
.skh-elementor-header .skh-elementor-nav,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav{
width:38px!important;min-width:38px!important;max-width:38px!important;flex:0 0 38px!important;
}
.skh-elementor-header .skh-elementor-nav>.elementor-widget-container,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav>.elementor-widget-container,
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-menu-toggle{
width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle svg,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-menu-toggle svg{
width:22px!important;height:22px!important;
}
/* Mobile menu: almost edge-to-edge. */
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown{
padding:4px 10px 14px!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-item,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-item{
min-height:43px!important;padding:10px 2px!important;font-size:14.5px!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-item .sub-arrow,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-item .sub-arrow{
padding-left:8px!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown .sub-menu,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown .sub-menu{
padding:0 0 6px 8px!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-sub-item,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-sub-item{
min-height:38px!important;padding:8px 9px!important;font-size:12.8px!important;
}
/* Global phone rhythm. */
.wrap,.elementor-page .e-con.wrap{
width:calc(100% - 24px)!important;max-width:none!important;
}
.section{padding-top:44px!important;padding-bottom:44px!important}
.compact-section{padding-top:40px!important;padding-bottom:42px!important}
.dark-band{padding-top:46px!important;padding-bottom:48px!important}
.cta-section{padding-top:44px!important;padding-bottom:44px!important}
.section-head{margin-bottom:22px!important}
.section-head h2,.section-head .elementor-heading-title{
font-size:clamp(29px,8vw,35px)!important;line-height:1.03!important;
margin-top:7px!important;margin-bottom:12px!important;
}
.section-head p{font-size:14px!important;line-height:1.52!important;margin-bottom:0!important}
/* Homepage hero: keep impact, lose the empty lower third. */
.hero,.hero-inner{min-height:500px!important}
.hero-copy{padding:38px 0 42px!important}
.hero h1,.hero .elementor-heading-title{
font-size:clamp(35px,10.4vw,42px)!important;line-height:.94!important;
margin:9px 0 14px!important;
}
.hero p{font-size:14.5px!important;line-height:1.52!important;margin-bottom:0!important}
.hero-actions{gap:8px!important;margin-top:18px!important}
.hero-actions .elementor-button,.hero-actions .btn{
min-height:43px!important;padding:12px 16px!important;font-size:10.5px!important;
}
/* Inner page heroes. */
.page-hero,.page-hero .wrap{min-height:320px!important}
.page-hero-small,.page-hero-small .wrap{min-height:290px!important}
.page-hero .hero-text{padding:36px 0!important}
.page-hero h1,.page-hero .elementor-heading-title{
font-size:clamp(31px,9vw,38px)!important;line-height:.99!important;margin:7px 0 11px!important;
}
.page-hero p{font-size:14px!important;line-height:1.5!important;margin-bottom:15px!important}
/* Services: fill the phone width and bring the first card closer to intro. */
.home .services-section{padding-top:42px!important;padding-bottom:48px!important}
.home .services-section .section-head{margin-bottom:20px!important}
.services-wrap,
.services-grid,
.services-grid-six,
.services-section .services-wrap .services-grid-six,
.services-grid-six .service-card,
.services-grid-six .service-card-link{
width:100%!important;max-width:none!important;min-width:0!important;--width:100%!important;
}
.services-grid,.services-grid-six,.services-section .services-wrap .services-grid-six{
grid-template-columns:minmax(0,1fr)!important;gap:18px!important;
}
.services-grid-six .service-image{aspect-ratio:16/10.5!important}
.home .services-grid-six .service-card .card-copy,
.services-grid-six .card-copy{
margin:-12px 12px 0!important;padding:17px 18px 18px!important;min-height:0!important;
}
.services-grid-six .service-card h3,
.services-grid-six .service-card .elementor-heading-title{
font-size:20px!important;line-height:1.08!important;margin-bottom:6px!important;
}
.services-grid-six .service-card p{font-size:13.5px!important;line-height:1.45!important;margin-bottom:12px!important}
/* About: force true vertical flow. This prevents the second column/checks
from appearing as clipped tabs along the right edge. */
.home .section.about{padding:42px 0 46px!important;overflow:hidden!important}
.home .about-grid{
display:block!important;width:100%!important;max-width:100%!important;
grid-template-columns:none!important;overflow:visible!important;
}
.home .about-grid>*{
position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;
margin-left:0!important;margin-right:0!important;transform:none!important;left:auto!important;right:auto!important;
}
.home .about-grid>div:first-child{
padding:20px 16px 21px!important;overflow:hidden!important;
}
.home .section.about .about-grid>div:first-child>.elementor-widget-heading{
margin:3px 0 13px!important;
}
.home .section.about .about-grid>div:first-child>.elementor-widget-heading .elementor-heading-title,
.home .section.about .about-grid>div:first-child>h2,
.home .section.about .about-grid>div:first-child h2.elementor-heading-title{
font-size:clamp(30px,8.5vw,35px)!important;line-height:.99!important;
}
.home .about-grid>div:first-child .elementor-widget-text-editor p,
.home .about-grid>div:first-child>p{
font-size:14px!important;line-height:1.55!important;margin-bottom:12px!important;
}
.home .elementor-widget-text-editor.checks,
.home .elementor-widget-text-editor.checks>.elementor-widget-container,
.home .elementor-widget-text-editor.checks ul.checks,
.home ul.checks{
position:static!important;left:auto!important;right:auto!important;transform:none!important;
width:100%!important;max-width:100%!important;min-width:0!important;
}
.home .elementor-widget-text-editor.checks ul.checks,
.home ul.checks{
display:grid!important;grid-template-columns:1fr!important;gap:7px!important;
margin:16px 0 0!important;padding:14px 0 0!important;
}
.home .elementor-widget-text-editor.checks ul.checks li,
.home ul.checks li{
position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;
min-height:0!important;margin:0!important;padding:9px 10px!important;font-size:12.3px!important;
transform:none!important;
}
.home .mosaic{
display:grid!important;grid-template-columns:minmax(0,1fr)!important;
grid-template-rows:165px 105px 215px!important;gap:7px!important;
width:100%!important;max-width:100%!important;margin-top:18px!important;overflow:hidden!important;
}
.home .mosaic img:first-child{grid-column:1!important;grid-row:1!important}
.home .mosaic-note{grid-column:1!important;grid-row:2!important;padding:14px!important}
.home .mosaic .tall{grid-column:1!important;grid-row:3!important}
.home .mosaic:before{right:7px!important;top:7px!important;padding:7px 8px!important;font-size:14px!important}
/* Process cards: compact and fix the white-on-white H3 inherited from the
dark process section. */
.process-showcase{padding:44px 0 48px!important}
.process-showcase .section-head{margin-bottom:22px!important}
.process-showcase .process-grid{
display:block!important;width:100%!important;max-width:100%!important;
}
.process-showcase .process-card{
display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;
width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
padding:18px 16px 17px!important;margin:0 0 12px!important;
}
.process-showcase .process-card:last-child{margin-bottom:0!important}
.process-showcase .process-card>.elementor-widget{width:100%!important;max-width:100%!important;margin:0!important}
.process-showcase .process-card>.elementor-widget:first-child{width:auto!important;align-self:flex-start!important}
.process-showcase .process-card span{
width:44px!important;height:44px!important;margin:0 0 16px!important;
font-size:11.5px!important;box-shadow:0 0 0 6px #1e1d1a,0 0 0 7px rgba(240,220,0,.32)!important;
}
body.elementor-page .process-showcase .process-card h3,
body.elementor-page .process-showcase .process-card .elementor-heading-title,
.process-showcase .process-card h3,
.process-showcase .process-card .elementor-heading-title{
color:#1e1d1a!important;font-size:19px!important;line-height:1.12!important;
margin:0 0 6px!important;
}
.process-showcase .process-card p,
.process-showcase .process-card .elementor-widget-text-editor p{
color:#645c56!important;font-size:14px!important;line-height:1.52!important;margin:0!important;
}
/* Generic stacked content. */
.about-grid,.content-split,.contact-grid,.contact-layout,.article-body-layout,
.cards-2,.cards-3,.article-grid,.dynamic-post-grid,.feature-row{
gap:18px!important;
}
.content-split{gap:20px!important}
.info-card{padding:20px 16px!important}
.tile-bento-section{padding:44px 0 48px!important}
.tile-bento-section .tile-choice-head{margin-bottom:18px!important;padding-left:8px!important}
.tile-bento-grid{gap:9px!important}
.tile-bento-grid>.tile-bento-card:nth-child(n){min-height:245px!important}
.tile-bento-grid>.tile-bento-card:nth-child(1){min-height:285px!important}
.skh-mittanbud-home{padding:44px 0!important}
.feature-row{gap:18px!important;margin:24px auto 28px!important}
.site-footer{padding:40px 0 18px!important}
.footer-grid{gap:22px!important}
.footer-bottom{margin-top:24px!important;padding-top:14px!important}
}
@media(max-width:380px){
.skh-elementor-header .header-inner,
.skh-elementor-header.skh-mobile-layout .header-inner{padding-left:8px!important;padding-right:8px!important;gap:4px!important}
.skh-elementor-header .skh-elementor-logo,
.skh-elementor-header.skh-mobile-layout .skh-elementor-logo{width:112px!important;min-width:112px!important;max-width:112px!important;flex-basis:112px!important}
.skh-elementor-header .skh-elementor-logo img,
.skh-elementor-header.skh-mobile-layout .skh-elementor-logo img{width:112px!important;max-width:112px!important;max-height:37px!important}
body .skh-elementor-header .header-contact.elementor-widget-button .elementor-button{padding:6px 7px!important;font-size:8px!important}
.wrap,.elementor-page .e-con.wrap{width:calc(100% - 20px)!important}
}
/* ==========================================================
v1.0.28 — final mobile header + homepage service-card fit.
Remove the double mobile gutter caused by header-inner also being .wrap,
make the three header controls fit as one intentional row, let homepage
service cards use the phone width, and mathematically center the cream
copy panel with identical left/right insets.
========================================================== */
@media(max-width:720px){
/* Header: header-inner is also a .wrap, so neutralise the generic wrap
width here. This removes the extra ~12px outer gutter + inner padding. */
.skh-elementor-header .header-inner,
.skh-elementor-header.skh-mobile-layout .header-inner,
.site-header.is-scrolled .skh-elementor-header .header-inner,
.skh-elementor-header.site-header.is-scrolled .header-inner{
width:100%!important;
max-width:none!important;
min-width:0!important;
height:54px!important;
min-height:54px!important;
margin:0!important;
padding:0 5px!important;
gap:4px!important;
}
/* Give the visual logo a little more presence while keeping its flex slot
predictable. The remaining controls stay compact. */
.skh-elementor-header .skh-elementor-logo,
.skh-elementor-header.skh-mobile-layout .skh-elementor-logo,
.site-header.is-scrolled .skh-elementor-logo,
.skh-elementor-header.site-header.is-scrolled .skh-elementor-logo{
width:136px!important;
min-width:136px!important;
max-width:136px!important;
flex:0 0 136px!important;
flex-basis:136px!important;
margin:0!important;
}
.skh-elementor-header .skh-elementor-logo>.elementor-widget-container,
.skh-elementor-header.skh-mobile-layout .skh-elementor-logo>.elementor-widget-container{
width:100%!important;
margin:0!important;
padding:0!important;
}
.skh-elementor-header .skh-elementor-logo img,
.skh-elementor-header.skh-mobile-layout .skh-elementor-logo img,
.site-header.is-scrolled .skh-elementor-logo img,
.skh-elementor-header.site-header.is-scrolled .skh-elementor-logo img{
width:136px!important;
max-width:136px!important;
max-height:38px!important;
margin:0!important;
object-fit:contain!important;
object-position:left center!important;
}
.skh-elementor-header .skh-header-buttons,
.skh-elementor-header.skh-mobile-layout .skh-header-buttons{
margin-left:auto!important;
margin-right:0!important;
padding:0!important;
gap:0!important;
width:auto!important;
min-width:0!important;
flex:0 0 auto!important;
}
body .skh-elementor-header .header-contact.elementor-widget-button .elementor-button,
body .skh-elementor-header.skh-mobile-layout .header-contact.elementor-widget-button .elementor-button{
min-height:31px!important;
height:31px!important;
padding:6px 8px!important;
font-size:8.3px!important;
line-height:1!important;
letter-spacing:.025em!important;
border-radius:2px!important;
}
.skh-elementor-header .skh-elementor-nav,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav{
width:34px!important;
min-width:34px!important;
max-width:34px!important;
flex:0 0 34px!important;
margin:0!important;
}
.skh-elementor-header .skh-elementor-nav>.elementor-widget-container,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav>.elementor-widget-container,
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-menu-toggle{
width:34px!important;
min-width:34px!important;
height:34px!important;
min-height:34px!important;
margin:0!important;
padding:0!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle svg,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-menu-toggle svg{
width:21px!important;
height:21px!important;
}
/* Mobile navigation itself should feel edge-to-edge, but keep a tiny touch
gutter so text never hugs the glass. */
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown{
padding:3px 6px 12px!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-item,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-item{
min-height:41px!important;
padding:9px 6px!important;
font-size:14px!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown .sub-menu,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown .sub-menu{
padding:0 0 5px 7px!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-sub-item,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-nav-menu--dropdown .elementor-sub-item{
min-height:36px!important;
padding:7px 8px!important;
font-size:12.5px!important;
}
/* Homepage services: break out of any old boxed Elementor/container width.
Use an 8px phone gutter rather than the generic page gutter. */
body.home .services-section{
padding-top:34px!important;
padding-bottom:38px!important;
}
body.home .services-section .services-wrap{
width:100vw!important;
max-width:none!important;
min-width:0!important;
margin-left:calc(50% - 50vw)!important;
margin-right:calc(50% - 50vw)!important;
padding-left:8px!important;
padding-right:8px!important;
box-sizing:border-box!important;
}
body.home .services-section .section-head{
width:calc(100% - 12px)!important;
max-width:680px!important;
margin-left:auto!important;
margin-right:auto!important;
margin-bottom:12px!important;
}
body.home .services-section .services-grid-six,
body.home .services-section .services-grid,
body.home .services-section .service-card,
body.home .services-section .service-card-link{
width:100%!important;
max-width:none!important;
min-width:0!important;
margin-left:0!important;
margin-right:0!important;
padding-left:0!important;
padding-right:0!important;
--width:100%!important;
}
body.home .services-section .services-grid-six,
body.home .services-section .services-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
row-gap:12px!important;
column-gap:0!important;
margin-top:0!important;
}
/* Remove the grey frame/inner gaps around each service image regardless of
Elementor widget/container defaults. */
body.home .services-grid-six .service-image,
body.home .services-grid-six .service-image>.elementor-widget-image,
body.home .services-grid-six .service-image>.elementor-widget-image>.elementor-widget-container{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
body.home .services-grid-six .service-image{
aspect-ratio:16/10.2!important;
overflow:hidden!important;
background:#eee!important;
}
body.home .services-grid-six .service-image img{
display:block!important;
width:100%!important;
max-width:none!important;
height:100%!important;
margin:0!important;
padding:0!important;
object-fit:cover!important;
}
/* Equal inset on BOTH sides of the cream panel. Older v1.0.12 fixed width
plus later explicit margins caused the visible asymmetry. */
body.home .services-grid-six .service-card .card-copy,
body.home .services-grid-six .card-copy{
width:calc(100% - 20px)!important;
max-width:calc(100% - 20px)!important;
min-width:0!important;
margin:-10px auto 0!important;
padding:15px 16px 16px!important;
box-sizing:border-box!important;
}
body.home .services-grid-six .service-card h3,
body.home .services-grid-six .service-card .elementor-heading-title{
font-size:19px!important;
line-height:1.08!important;
margin:0 0 5px!important;
}
body.home .services-grid-six .service-card p{
font-size:13px!important;
line-height:1.4!important;
margin:0 0 9px!important;
}
body.home .services-grid-six .elementor-widget-text-editor.service-link,
body.home .services-grid-six .service-link{
margin-top:0!important;
margin-bottom:0!important;
}
}
@media(max-width:380px){
.skh-elementor-header .header-inner,
.skh-elementor-header.skh-mobile-layout .header-inner{
padding-left:3px!important;
padding-right:3px!important;
gap:3px!important;
}
.skh-elementor-header .skh-elementor-logo,
.skh-elementor-header.skh-mobile-layout .skh-elementor-logo{
width:126px!important;min-width:126px!important;max-width:126px!important;flex-basis:126px!important;
}
.skh-elementor-header .skh-elementor-logo img,
.skh-elementor-header.skh-mobile-layout .skh-elementor-logo img{
width:126px!important;max-width:126px!important;max-height:36px!important;
}
body .skh-elementor-header .header-contact.elementor-widget-button .elementor-button{
padding-left:7px!important;padding-right:7px!important;font-size:7.9px!important;
}
body.home .services-section .services-wrap{padding-left:6px!important;padding-right:6px!important}
}
/* ==========================================================
v1.0.29 — mobile hamburger visual sizing.
Match the hamburger control height to the compact Contact button while
letting the icon itself fill the control more confidently.
========================================================== */
@media(max-width:720px){
.skh-elementor-header .skh-elementor-nav,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav{
width:31px!important;
min-width:31px!important;
max-width:31px!important;
flex:0 0 31px!important;
}
.skh-elementor-header .skh-elementor-nav>.elementor-widget-container,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav>.elementor-widget-container,
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-menu-toggle{
width:31px!important;
min-width:31px!important;
max-width:31px!important;
height:31px!important;
min-height:31px!important;
max-height:31px!important;
padding:0!important;
margin:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
line-height:1!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle svg,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-menu-toggle svg,
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle__icon--open,
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle__icon--close{
width:28px!important;
height:28px!important;
max-width:28px!important;
max-height:28px!important;
margin:0!important;
}
}
/* ==========================================================
v1.0.30 — mobile header micro-spacing.
Add breathing room between Contact and hamburger and nudge the
burger/close glyph 2px upward without moving the dropdown anchor.
========================================================== */
@media(max-width:720px){
.skh-elementor-header .skh-elementor-nav,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav{
margin-left:8px!important;
}
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle svg,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav .elementor-menu-toggle svg,
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle__icon--open,
.skh-elementor-header .skh-elementor-nav .elementor-menu-toggle__icon--close{
transform:translateY(-2px)!important;
}
}
@media(max-width:380px){
.skh-elementor-header .skh-elementor-nav,
.skh-elementor-header.skh-mobile-layout .skh-elementor-nav{
margin-left:6px!important;
}
}
/* ==========================================================
v1.0.33 — Flislegger bento rhythm + Contact alignment polish.
----------------------------------------------------------
1) Keep bento description and LES MER visually connected.
2) Restore intentional white typography inside the dark contact panel.
3) Make the entire "Finn oss" map intro a single left-aligned stack.
========================================================== */
/* Flislegger: Elementor container gaps / widget spacing could stretch the
overlay copy and leave an oversized void before LES MER. Treat the copy as
one compact editorial stack on every breakpoint. */
body.elementor-page .tile-bento-card .tile-bento-copy,
body.elementor-page .tile-bento-feature .tile-bento-copy{
display:flex!important;
flex-direction:column!important;
justify-content:flex-end!important;
align-items:flex-start!important;
gap:0!important;
row-gap:0!important;
}
body.elementor-page .tile-bento-card .tile-bento-copy > .elementor-element,
body.elementor-page .tile-bento-feature .tile-bento-copy > .elementor-element{
flex:0 0 auto!important;
margin-top:0!important;
margin-bottom:0!important;
}
body.elementor-page .tile-bento-card .tile-bento-copy > .elementor-widget-heading,
body.elementor-page .tile-bento-feature .tile-bento-copy > .elementor-widget-heading{
margin-bottom:5px!important;
}
body.elementor-page .tile-bento-card .tile-bento-copy > .elementor-widget-text-editor:not(.tile-bento-kicker):not(.tile-bento-link),
body.elementor-page .tile-bento-feature .tile-bento-copy > .elementor-widget-text-editor:not(.tile-bento-kicker):not(.tile-bento-link){
margin:0!important;
}
body.elementor-page .tile-bento-card .tile-bento-copy > .elementor-widget-text-editor:not(.tile-bento-kicker):not(.tile-bento-link) p,
body.elementor-page .tile-bento-feature .tile-bento-copy > .elementor-widget-text-editor:not(.tile-bento-kicker):not(.tile-bento-link) p{
margin:0!important;
}
body.elementor-page .tile-bento-card .tile-bento-link,
body.elementor-page .tile-bento-feature .tile-bento-link{
margin-top:6px!important;
padding-top:7px!important;
}
/* Contact: v1.0.24 intentionally reset Elementor's global blue colours, but
the dark contact panel must remain an explicit white-on-dark context. */
body.elementor-page .contact-info-block{
color:#fff!important;
text-align:left!important;
}
body.elementor-page .contact-info-block .elementor-widget-heading,
body.elementor-page .contact-info-block .elementor-widget-heading .elementor-widget-container,
body.elementor-page .contact-info-block .elementor-widget-heading .elementor-heading-title,
body.elementor-page .contact-info-block h2{
color:#fff!important;
text-align:left!important;
}
body.elementor-page .contact-info-block > .elementor-widget-text-editor,
body.elementor-page .contact-info-block > .elementor-widget-text-editor .elementor-widget-container,
body.elementor-page .contact-info-block > .elementor-widget-text-editor p{
color:#ded6d0!important;
text-align:left!important;
}
body.elementor-page .contact-info-block > .elementor-widget-text-editor{
margin:0!important;
}
body.elementor-page .contact-info-block > .elementor-widget-text-editor p{
margin:0!important;
line-height:1.65!important;
}
body.elementor-page .contact-info-block .text-link{
display:inline!important;
width:auto!important;
min-width:0!important;
margin:0!important;
padding:0!important;
color:var(--orange)!important;
font:inherit!important;
font-weight:800!important;
line-height:inherit!important;
text-align:inherit!important;
text-decoration:none!important;
}
body.elementor-page .contact-info-block .text-link:hover{
color:var(--orange-dark)!important;
text-decoration:underline!important;
text-underline-offset:3px!important;
}
body.elementor-page .contact-info-block .contact-detail-cards{
margin-top:26px!important;
}
/* Contact map intro: title, paragraph and directions CTA now share one clean
left edge instead of being distributed across the full row. */
body.elementor-page .skh-contact-map-head{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-start!important;
gap:18px!important;
text-align:left!important;
}
body.elementor-page .skh-contact-map-title-wrap{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-start!important;
align-self:flex-start!important;
width:100%!important;
max-width:760px!important;
margin:0!important;
text-align:left!important;
}
body.elementor-page .skh-contact-map-title-wrap > .elementor-element,
body.elementor-page .skh-contact-map-title-wrap .elementor-widget-container,
body.elementor-page .skh-contact-map-title-wrap h2,
body.elementor-page .skh-contact-map-title-wrap p,
body.elementor-page .skh-contact-map-title-wrap .eyebrow{
text-align:left!important;
align-self:flex-start!important;
}
body.elementor-page .skh-contact-map-title-wrap h2{
margin-left:0!important;
margin-right:0!important;
}
body.elementor-page .skh-contact-map-title-wrap p{
margin-left:0!important;
margin-right:0!important;
}
body.elementor-page .skh-map-directions{
align-self:flex-start!important;
justify-self:start!important;
width:auto!important;
--width:auto!important;
max-width:max-content!important;
margin:0!important;
}
body.elementor-page .skh-map-directions .elementor-button-wrapper,
body.elementor-page .skh-map-directions .elementor-button{
width:auto!important;
max-width:max-content!important;
}
@media(max-width:720px){
body.elementor-page .tile-bento-card .tile-bento-link,
body.elementor-page .tile-bento-feature .tile-bento-link{
margin-top:5px!important;
padding-top:6px!important;
}
body.elementor-page .contact-info-block .contact-detail-cards{
margin-top:20px!important;
}
body.elementor-page .skh-contact-map-head{
gap:14px!important;
padding-bottom:20px!important;
}
body.elementor-page .skh-contact-map-title-wrap h2{
margin-top:6px!important;
margin-bottom:10px!important;
}
}