.elementor-kit-6{--e-global-color-primary:#043673;--e-global-color-secondary:#DD971A;--e-global-color-text:#043673;--e-global-color-accent:#DD971A;--e-global-color-7340224:#FFFFFF;--e-global-color-a05b7ea:#FFFFFF00;--e-global-color-79a8c01:#E6E6E6;--e-global-color-c516a1b:#E6E7E8;--e-global-color-1e33b83:#DD971A80;--e-global-typography-primary-font-family:"Merriweather";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Merriweather";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Merriweather";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:600;--e-global-typography-05dfdad-font-family:"Merriweather";--e-global-typography-05dfdad-font-size:clamp(2.25rem, 5vw, 3.75rem);--e-global-typography-05dfdad-font-weight:700;--e-global-typography-838ad04-font-family:"Merriweather";--e-global-typography-838ad04-font-size:clamp(1.75rem, 3.5vw, 2.75rem);--e-global-typography-838ad04-font-weight:700;--e-global-typography-e2f0fb4-font-family:"Merriweather";--e-global-typography-e2f0fb4-font-size:clamp(1.375rem, 2.5vw, 2rem);--e-global-typography-e2f0fb4-font-weight:600;--e-global-typography-e2f0fb4-line-height:clamp(1.375rem, 2.5vw, 2rem);--e-global-typography-89d19e4-font-family:"Merriweather";--e-global-typography-89d19e4-font-size:clamp(1.125rem, 1.8vw, 1.5rem);--e-global-typography-89d19e4-font-weight:600;--e-global-typography-89d19e4-line-height:clamp(1.375rem, 2.5vw, 2rem);--e-global-typography-6438660-font-family:"Merriweather";--e-global-typography-6438660-font-size:clamp(1rem, 1.4vw, 1.25rem);--e-global-typography-6438660-font-weight:600;--e-global-typography-fda16a2-font-family:"Roboto";--e-global-typography-fda16a2-font-size:0.875rem;--e-global-typography-fda16a2-font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(min-width:2400px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}:root { --colour-ca-blue:#043673; --colour-white:#ffffff; --colour-grey:#dfe2e0; --colour-ca-orange:#DD971A; --colour-sky:#99cace; --space-1:clamp(6px, 1.5vw, 8px); --space-2:clamp(12px, 3vw, 16px); --space-3:clamp(16px, 4vw, 24px); --space-4:clamp(22px, 5vw, 32px); --space-6:clamp(40px, 9vw, 64px); --space-8:128px; --e-gv-a00dbf8:clamp(3rem, calc(2.56rem + 1.1vw), 3.75rem); --font-size-h1:clamp(2.25rem, 5vw, 3.75rem); --font-size-h2:clamp(1.75rem, 3.5vw, 2.75rem); --font-size-h3:clamp(1.375rem, 2.5vw, 2rem); --font-size-h4:clamp(1.125rem, 1.8vw, 1.5rem); --font-size-h5:clamp(1rem, 1.4vw, 1.25rem); --font-size-body:1rem; --font-size-sm:0.875rem; --rad-sm:6px; --rad-md:12px; --rad-lg:20px; --rad-pill:999px; --width-desktop:1200px; --width-wide:1400px; --width-laptop:85%; --width-mobile:90%; --font-size-button:16px; --font-primary:Merriweather; --space-5:clamp(32px, 7vw, 48px); --space-7:clamp(56px, 13vw, 96px); --nav-height-offset:120px; --colour-border:#dfe2e0; --font-secondary:Roboto; --e-gv-c077226:#cce5e7; --colour-yarra:#f89728; --colour-yarra-tint:#fcd5a9; --colour-monbulk:#ffd200; --colour-mobulk-tint:#ffed99; --colour-jack-hort:#76c9af; --colour-jack-hort-tint:#c8e9df; --colour-outdoor-pools:#74cee2; --colour-outdoor-pools-tint:#c7ebf3; --colour-text-muted:#4a5a64; --colour-text-subtle:#7a8890; --colour-ca-blue-hover:#053E84; --colour-ca-orange-hover:#D08E18; --colour-neutral-50:#f6f8f8; --colour-teal-100:#d3eef0; --colour-teal-50:#ecf8f9; --colour-navy-50:#eef4f8; --colour-navy-100:#dae6ef; --colour-ca-light-grey:#EDEFF0; --ca-colour-body-text:#444444; --colour-ca-blue-90-white:#e6ebf1; }
/* Start custom CSS */:root {
    /* Shadows */
    --shadow-xs: 0 1px 2px  rgba(0, 41, 69, .06);
    --shadow-sm: 0 2px 6px  rgba(0, 41, 69, .07);
    --shadow-md: 0 6px 18px rgba(0, 41, 69, .09);
    --shadow-lg: 0 14px 36px rgba(0, 41, 69, .12);
    --shadow-xl: 0 28px 64px rgba(0, 41, 69, .16);
    
    /* Colours */
    --colour-ca-blue: #043673;
    --colour-ca-blue-hover: #053E84;
    --colour-ca-orange: #DD971A;
    --colour-ca-orange-hover: #D08E18;
    
    /* Links */
    --text-link:               var(--colour-ca-blue);
    --text-link-hover:         #032a5a);
    --text-link-on-dark:       var(--colour-ca-orange);
    --text-link-hover-on-dark: var(--colour-ca-orange-hover);
}

.shadow-md { box-shadow: var(--shadow-md); }
.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-lg { box-shadow: var(--shadow-lg); }


.error404,
.single-post,
.single-events, 
.page-id-3544 {
    .main-nav-header:not(.elementor-sticky--active) {
        background-color: var(--colour-ca-blue);
    }
}

/* ==========================================================================
   4. Links
   ========================================================================== */

a:not(header):not(.button-base):not(.image-card) {
    color: var(--text-link);
    text-decoration: none;
}

a:not(header):not(.button-base):not(.image-card):hover {
    color: var(--text-link-hover);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.bg-navy a:not(header):not(.button-base):not(.image-card) {
    color: var(--text-link-on-dark) !important;
    text-decoration: none !important;
}

.bg-navy a:not(header):not(.button-base):not(.image-card):hover {
    color: var(--text-link-hover-on-dark) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

.menu-item a { text-decoration: none !important; }

.nav-icon-list:hover a {
    color: var(--text-link-hover-on-dark) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px;
}

/*IMAGE CARD HOVER */

.image-card img{
    transition: transform 0.4s ease;
}
.image-card:hover img{
    transform: scale(1.05);
}

.image-card:hover .elementor-button-content-wrapper {
    gap: 10px !important;
}

.image-card .elementor-button-content-wrapper {
    transition: 0.2s ease;
}

.arrow-btn {
    border: solid;
    border-width: 0px 0px 3px 0px;
    border-color: transparent;
    margin-bottom: -3px !important;
}


.image-card:hover .arrow-btn {
    border: solid;
    border-width: 0px 0px 3px 0px;
    border-color: var(--colour-ca-orange) !important;
    gap: 10px !important;
}

.arrow-button {
    border: solid;
    border-width: 0px 0px 3px 0px;
    border-color: transparent;
    margin-bottom: -3px !important;
    transition: gap 0.4s ease, border-color 0.4s ease;
    align-self: start !important;
    justify-self: start !important;
    width: 98px;
}


.image-card:hover .arrow-button {
    border: solid;
    border-width: 0px 0px 3px 0px;
    border-color: var(--colour-ca-orange) !important;
    gap: 10px !important;
    width: 100px;
}


/* ==========================================================================
   8. External-Link Icons
   --------------------------------------------------------------------------
   Appended to external links only (not internal, image, or button links).
   Internal host: activeyarraranges.com.au
   ========================================================================== */

/* Shared base for the ::after icon */
a[href^="http"]:not([href*="caulfieldaquatics.com.au"]):not(.e-image-link-base):not(.button-base):not(.exclude-icon a):not(.exclude-icon):not(.elementor-widget-theme-site-logo a)::after,
.bg-navy a[href^="http"]:not([href*="caulfieldaquatics.com.au"]):not(.button-base):not(.e-image-link-base):not(.exclude-icon a):not(.exclude-icon):not(.elementor-widget-theme-site-logo a)::after,
a[href^="http"].button-base:not([href*="caulfieldaquatics.com.au"]):not(.e-image-link-base):not(.exclude-icon a):not(.exclude-icon):not(.elementor-widget-theme-site-logo a)::after {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* --- Inline text links: "open in new window" glyph --- */

/* On light backgrounds (teal stroke) */
a[href^="http"]:not([href*="caulfieldaquatics.com.au"]):not(.e-image-link-base):not(.button-base):not(.exclude-icon a):not(.exclude-icon):not(.elementor-widget-theme-site-logo a)::after {
    width: 0.7em;
    height: 0.7em;
    margin-left: 0.25em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23043673' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");
}

/* On navy backgrounds (sky stroke) */
.bg-navy a[href^="http"]:not([href*="caulfieldaquatics.com.au"]):not(.button-base):not(.e-image-link-base):not(.exclude-icon a):not(.exclude-icon):not(.elementor-widget-theme-site-logo a)::after {
    width: 0.7em;
    height: 0.7em;
    margin-right: 0.25em;
    margin-left: 0.25;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DD971A' stroke-width='2.5'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");
}/* End custom CSS */