/* Book Now button in Seedlet menu */
.primary-navigation .menu-item:last-child a,
.main-navigation .menu-item:last-child a,
#site-navigation .menu-item:last-child a,
nav .menu-item:last-child a[href*="cliniko"] {
background: #000 !important;
color: #fff !important;
padding: 10px 18px !important;
border-radius: 4px !important;
display: inline-block;
text-decoration: none;
}/* Hover */
.primary-navigation .menu-item:last-child a:hover,
.main-navigation .menu-item:last-child a:hover,
#site-navigation .menu-item:last-child a:hover,
nav .menu-item:last-child a[href*="cliniko"]:hover {
background: #222 !important;
color: #fff !important;
}
.site-header,
#masthead,
header#masthead {
position: sticky;
top: 0;
z-index: 9999;
background: #fff;
}
/* Force compact header */
.site-header,
#masthead {
padding: 5px 0 !important;
min-height: auto !important;
}/* Shrink menu links */
.main-navigation ul li a {
padding: 6px 10px !important;
font-size: 14px;
}/* Slightly reduce site title size */
.site-title {
font-size: 36px !important;
}
.site-branding {
margin-bottom: 0 !important;
}.main-navigation {
margin-top: -5px !important;
}
.site-branding {
margin-bottom: 0 !important;
}.main-navigation {
margin-top: -5px !important;
}
.site-header {
padding-top: 8px !important;
padding-bottom: 6px !important;
}
/* REMOVE space under title/tagline */
.site-branding,
.site-branding * {
margin-bottom: 0 !important;
}/* Remove space above menu */
.main-navigation,
.primary-navigation {
margin-top: 0 !important;
padding-top: 0 !important;
}/* Pull menu UP closer to title */
.main-navigation {
margin-top: -10px !important;
}/* Tighten header container */
.site-header,
#masthead {
padding-top: 1px !important;
padding-bottom: -10px !important;
}
/* Force ultra-tight spacing */
.site-branding {
margin-bottom: -10px !important;
}.main-navigation {
margin-top: -15px !important;
}
/* Slightly reduce logo size */
.custom-logo {
max-width: 90px;
height: auto;
}
/* Show Book Now outside hamburger on mobile */
@media (max-width: 768px) {
.main-navigation a[href*="cliniko.com"] {
position: absolute;
right: 60px; /* space for menu icon */
top: 15px;
z-index: 9999;
display: inline-block !important;
padding: 8px 12px;
font-size: 12px;
}.site-header {
position: relative;
}
}
/* Hide on desktop */
.mobile-book-now-fixed {
display: none;
}/* Show on mobile only */
@media (max-width: 768px) {
.mobile-book-now-fixed {
display: block !important;
position: fixed;
top: 14px;
right: 60px; /* leaves room for hamburger */
z-index: 99999;
background: #000;
color: #fff !important;
text-decoration: none;
padding: 9px 12px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
}
}
left: 15px;
right: auto;
/* Mobile Book Now button */
@media (max-width: 768px) {
.mobile-book-now-fixed {
display: block !important;
position: fixed;
top: 14px;
left: 15px;   /* 👈 move to LEFT */
right: auto;  /* 👈 cancel right positioning */
z-index: 99999;
background: #000;
color: #fff !important;
text-decoration: none;
padding: 9px 12px;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
}
}
@media (max-width: 768px) {.mobile-book-now-fixed {
position: fixed !important;
top: 35px !important;
left: 15px !important;   /* FORCE LEFT */
right: auto !important;  /* REMOVE RIGHT */
transform: none !important;z-index: 99999 !important;
background: #E3D5D5;
color: #000000!important;
text-decoration: none;padding: 9px 12px;
border-radius: 4px;
font-size: 20px;
font-weight: 600;
white-space: nowrap;
}}
/* Top contact bar (above header) */
.top-contact-bar {
width: 100%;
background: #f7f7f7;
text-align: center;
font-size: 13px;
padding: 6px 10px;
color: #000;
z-index: 9999;
}/* Links */
.top-contact-bar a {
color: #000;
text-decoration: none;
font-weight: 500;
}/* Remove space gap under bar */
.site-header {
margin-top: 0 !important;
}/* Mobile optimisation */
@media (max-width: 768px) {
.top-contact-bar {
font-size: 14px;
padding: 5px;
}
}
/* Make header image/block behave consistently on mobile */
@media (max-width: 768px) {header,
.site-header,
.wp-block-template-part,
.wp-block-cover,
.wp-block-image {
display: block !important;
visibility: visible !important;
}/* Keep cover/header image visible on mobile */
header .wp-block-cover,
.site-header .wp-block-cover,
.wp-block-cover:first-of-type {
min-height: 280px !important;
height: auto !important;
background-size: cover !important;
background-position: center center !important;
}/* Make actual image scale properly */
header img,
.site-header img,
.wp-block-image img {
display: block !important;
width: 100% !important;
height: auto !important;
object-fit: cover !important;
object-position: center center !important;
}/* Stop columns/rows reversing or stacking strangely */
header .wp-block-group,
header .wp-block-columns,
header .is-layout-flex {
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
}
@media (max-width: 768px) {.wp-block-cover,
.wp-block-cover__image-background,
.wp-block-cover img {
object-position: top center !important;
background-position: top center !important;
}.wp-block-cover {
min-height: 420px !important;
}
}
@media (max-width: 768px) {.wp-block-cover,
.wp-block-cover__image-background,
.wp-block-cover img {
object-fit: contain !important;
object-position: top center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: top center !important;
}.wp-block-cover {
min-height: 420px !important;
}
}
/* Fix header image cropping on MOBILE ONLY */
@media screen and (max-width: 768px) {header .wp-block-cover,
.site-header .wp-block-cover,
.wp-block-cover:first-of-type {
min-height: 520px !important;
height: auto !important;
}header .wp-block-cover__image-background,
.site-header .wp-block-cover__image-background,
.wp-block-cover:first-of-type .wp-block-cover__image-background {
object-fit: contain !important;
object-position: top center !important;
width: 100% !important;
height: 100% !important;
}header .wp-block-cover {
background-size: contain !important;
background-position: top center !important;
background-repeat: no-repeat !important;
}
}
@media screen and (max-width: 768px) {.wp-block-cover,
.wp-block-cover-image,
.site-header,
header {
background-size: contain !important;
background-position: top center !important;
background-repeat: no-repeat !important;
}.wp-block-cover img,
.wp-block-image img,
header img {
object-fit: contain !important;
object-position: top center !important;
width: 100% !important;
height: auto !important;
}
}
/* Fix header image cropping on DESKTOP ONLY */
@media screen and (min-width: 769px) {.wp-block-cover,
.wp-block-cover-image,
.site-header,
header {
background-position: top center !important;
background-size: cover !important;
}.wp-block-cover img,
.wp-block-image img,
header img {
object-position: top center !important;
}
}
/* Show full header image on desktop */
@media screen and (min-width: 769px) {.wp-block-cover,
.wp-block-cover-image {
min-height: 800px !important;
background-size: contain !important;
background-position: top center !important;
background-repeat: no-repeat !important;
}.wp-block-cover img,
.wp-block-image img {
object-fit: contain !important;
object-position: top center !important;
}
}
/* DESKTOP: stop header image cutting from the top */
@media screen and (min-width: 769px) {.wp-block-cover:first-of-type {
min-height: 750px !important;
height: auto !important;
overflow: visible !important;
align-items: flex-start !important;
}.wp-block-cover:first-of-type img,
.wp-block-cover:first-of-type .wp-block-cover__image-background {
object-fit: contain !important;
object-position: top center !important;
width: 100% !important;
height: auto !important;
max-height: none !important;
}.wp-block-cover:first-of-type {
background-size: contain !important;
background-position: top center !important;
background-repeat: no-repeat !important;
}
}
/* MOBILE: centre logo without overlapping site title/header */
@media screen and (max-width: 768px) {.site-branding,
.wp-block-site-logo {
position: relative !important;
left: auto !important;
right: auto !important;
transform: none !important;
text-align: center !important;
margin: 0 auto !important;
display: block !important;
z-index: 10 !important;
}.custom-logo-link,
.wp-block-site-logo a {
display: inline-block !important;
margin: 0 auto !important;
}.custom-logo,
.wp-block-site-logo img {
display: block !important;
margin: 0 auto !important;
}.site-title,
.wp-block-site-title {
text-align: center !important;
margin-top: 10px !important;
position: relative !important;
z-index: 10 !important;
}.site-header,
header {
position: relative !important;
padding-top: 20px !important;
padding-bottom: 10px !important;
}
}
@media screen and (max-width: 768px) {
.wp-block-cover:first-of-type {
margin-top: 30px !important;
}
}
/* MOBILE: move logo slightly lower */
@media screen and (max-width: 768px) {.site-branding,
.wp-block-site-logo {
margin-top: 15px !important; /* 👈 increase to 20px if needed */
}}
/* Sticky ONLY the site navigation/header area, not the image hero block */
.site-header {
position: sticky !important;
top: 0 !important;
z-index: 99998 !important;
background: #ffffff !important;
}/* Keep the header image/cover normal */
.wp-block-cover,
.wp-block-cover:first-of-type {
position: relative !important;
z-index: 1 !important;
display: block !important;
visibility: visible !important;
}
.top-contact-bar {
position: sticky !important;
top: 0 !important;
z-index: 99999 !important;
}.site-header {
top: 28px !important;
}
/* =========================
MOBILE HERO IMAGE FIX
========================= */@media screen and (max-width: 768px) {/* Remove container padding causing side gaps */
body,
.site,
.site-content,
.content-area,
.site-main,
.entry-content {
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}/* Force the FIRST header image block to FULL WIDTH */
.entry-content > .wp-block-cover:first-child,
.wp-block-cover:first-of-type {
position: relative !important;
width: 100vw !important;
max-width: 100vw !important;margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;height: 750px !important;
min-height: 750px !important;padding: 0 !important;
overflow: hidden !important;
}/* Make image fill entire block */
.wp-block-cover:first-of-type img,
.wp-block-cover:first-of-type .wp-block-cover__image-background {
width: 100% !important;
max-width: none !important;
height: 100% !important;object-fit: cover !important;
background-size: cover !important;
object-position: top center !important; /* KEEP TOP VISIBLE */
}}
/* MOBILE/TABLET HEADER + HERO FIX */
@media screen and (max-width: 1024px) {/* Make hero/header image full width */
.wp-block-cover:first-of-type {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
height: 520px !important;
min-height: 520px !important;
padding: 0 !important;
overflow: hidden !important;
}.wp-block-cover:first-of-type img,
.wp-block-cover:first-of-type .wp-block-cover__image-background {
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: center center !important;
}/* Remove side padding from page */
.entry-content,
.site-main,
.content-area,
.site-content {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: 100% !important;
}/* Make top contact bar fit mobile */
.top-contact-bar {
font-size: 13px !important;
padding: 6px 5px !important;
text-align: center !important;
}/* Mobile Book Now button */
.mobile-book-now-fixed {
position: fixed !important;
top: 50px !important;
left: 20px !important;
right: auto !important;
background: #E3D5D5 !important;
color: #000000 !important;
font-size: 18px !important;
padding: 10px 16px !important;
z-index: 99999 !important;
}
}
/* FORCE FIRST HERO / HEADER IMAGE BLOCK FULL WIDTH ON MOBILE */
@media screen and (max-width: 1024px) {/* Force the whole hero/header block to full screen width */
.entry-content > .wp-block-group:first-of-type,
.entry-content > .wp-block-cover:first-of-type,
.wp-block-cover:first-of-type {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: hidden !important;
}/* Make the inner cover/image fill the whole block */
.entry-content > .wp-block-group:first-of-type .wp-block-cover,
.wp-block-cover:first-of-type {
width: 100vw !important;
max-width: 100vw !important;
height: 520px !important;
min-height: 520px !important;
margin: 0 !important;
padding: 0 !important;
}/* Make actual image fill full width */
.entry-content > .wp-block-group:first-of-type img,
.wp-block-cover:first-of-type img,
.wp-block-cover:first-of-type .wp-block-cover__image-background {
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: center center !important;
}}
@media (max-width: 1024px) {
.elementor-section {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media screen and (max-width: 1024px) {
.elementor-widget-heading,
.elementor-widget-text-editor {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}.elementor-section .elementor-widget-heading,
.elementor-section .elementor-widget-text-editor {
z-index: 999 !important;
}
}
/* Header site title */
.site-title {
font-size: 24px !important;
}/* Navigation menu */
.main-navigation a,
.elementor-nav-menu a {
font-size: 14px !important;
}/* Top contact bar */
.top-contact-bar {
font-size: 12px !important;
}
/* FIX HEADER GAP + FIRST IMAGE SECTION *//* Reduce space inside header */
.site-header {
padding-top: 5px !important;
padding-bottom: 10px !important;
margin-bottom: 0 !important;
}/* Reduce logo spacing */
.site-branding,
.custom-logo-link {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}/* Reduce site title spacing */
.site-title,
.site-description {
margin-top: 0 !important;
margin-bottom: 4px !important;
padding: 0 !important;
}/* Reduce menu gap */
.main-navigation {
margin-top: 5px !important;
margin-bottom: 0 !important;
}/* Remove gap between header and first section */
.site-content,
.content-area,
.site-main,
.entry-content {
margin-top: 0 !important;
padding-top: 0 !important;
}/* First image section closer to header */
.entry-content > *:first-child,
.elementor-top-section:first-of-type {
margin-top: 0 !important;
padding-top: 0 !important;
}/* Make first image wider */
.entry-content img:first-of-type {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
display: block !important;
}/* Mobile header tightening */
@media screen and (max-width: 767px) {
.site-header {
padding-top: 5px !important;
padding-bottom: 5px !important;
}.site-title {
font-size: 30px !important;
line-height: 1.1 !important;
}.site-description {
font-size: 13px !important;
}.main-navigation {
margin-top: 5px !important;
}
}
/* Remove side gaps completely */
.elementor-section,
.elementor-container {
max-width: 100% !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}/* Force hero to edge of screen */
.elementor-top-section:first-of-type {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
/* Increase menu font size */
.elementor-nav-menu a {
font-size: 22px !important;
}
/* Increase Seedlet / WordPress header menu font size */
.site-header .main-navigation a,
.main-navigation a,
.primary-menu a,
.menu a,
nav a {
font-size: 18px !important;
font-weight: 500 !important;
}
/* Top contact bar font size */
.top-contact-bar {
font-size: 14px !important;
}