.elementor-kit-5{--e-global-color-primary:#0070AF;--e-global-color-secondary:#061022;--e-global-color-text:#031022;--e-global-color-accent:#DFE7F3;--e-global-color-48f4312:#FFFFFF;--e-global-color-1e5049f:#83C161;--e-global-color-08b338f:#FF9933;--e-global-color-411c3e4:#231F20;--e-global-typography-primary-font-family:"DIN-Medium";--e-global-typography-primary-font-size:clamp(35px, 3.3854vw, 65px);font-weight:var( --e-global-typography-text-font-weight );--e-global-typography-primary-line-height:1.0769em;--e-global-typography-primary-letter-spacing:-0.03em;--e-global-typography-secondary-font-family:"DIN-Medium";--e-global-typography-secondary-font-size:clamp(24px, 2.3438vw, 45px);--e-global-typography-secondary-line-height:1.3333em;--e-global-typography-secondary-letter-spacing:-0.03em;--e-global-typography-text-font-family:"Helvetica Neue";--e-global-typography-text-font-size:clamp(18px, 1.3021vw, 25px);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Helvetica Neue";--e-global-typography-accent-font-size:clamp(18px, 1.0417vw, 20px);--e-global-typography-accent-font-weight:400;--e-global-typography-3ce0624-font-family:"DIN-Medium";--e-global-typography-3ce0624-font-size:clamp(58.63px, 5.7292vw, 110px);--e-global-typography-3ce0624-line-height:0.9091em;--e-global-typography-3ce0624-letter-spacing:-0.03em;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-48f4312 );border-style:none;border-radius:30px 30px 30px 30px;padding:0.975em 1.6em 0.975em 1.6em;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );border-style:none;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-primary );}.elementor-kit-5 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-5 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-5 h3{color:var( --e-global-color-text );font-family:"DIN-Medium", Sans-serif;letter-spacing:-0.03em;}.elementor-kit-5 h4{color:var( --e-global-color-text );font-family:"DIN-Medium", Sans-serif;font-size:18px;letter-spacing:-0.03em;}.elementor-kit-5 h5{color:var( --e-global-color-text );font-family:"DIN-Medium", Sans-serif;font-size:1.3em;letter-spacing:-0.03em;}.elementor-kit-5 h6{color:var( --e-global-color-text );font-family:"DIN-Medium", Sans-serif;font-size:1.2em;letter-spacing:-0.03em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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(max-width:1024px){.elementor-kit-5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-5 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-5 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-accent-font-size );padding:0.667em 1em 0.667em 1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//***
* class: .sticky-header
*/
header.sticky-header {
	--header-height: 100px;
	--shrink-header-to: 0.6;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	background-color: rgba(244, 245, 248, 1);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}

/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
	background-color: rgba(244, 245, 248, .8);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
header.sticky-header > .elementor-container {
	min-height: var(--header-height);
	transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
	header.sticky-header {
		--header-height: 70px;
	}
}

/***
* class: .logo
*/
header.sticky-header .logo img {
	transition: transform var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
	transform: scale(.8);
}

/***
* UC mobile pass (session 9k, 30 Sep 2026). Phones only (max 767px); desktop + tablet untouched. No mobile XD: builder's calls.
* 1. Page sections: 25px side padding (was 65 = the 1920 value), same as header/footer. Only top-level sections of pages, posts, store pages + archive (not cards).
* 2. Heroes: the navy hero box = the container holding an H1 column + a photo column (found automatically, no class needed; works on every page, store + post template and future clones). Photo goes under the text, full width. Session 11: photo 216 tall (Home 259, session 11 block), text padding 30/25, and the orange curve kept (BTM 1 Oct: "curved orange line on the mobile version too, with the curve on the top of the image"): the desktop curve (photo widget = orange circle clip, img = circle 30px smaller; at 1920 radius 548.5 over a 539 span, 21 in) turned to the top edge, same proportions of the photo width (cqw = the photo column, a CSS container): radius 101.8cqw, top of arc 3.9cqw, orange band 4.18cqw (session 11g, Tayla: 25% thinner on phones; was 5.57cqw = the desktop proportion).
*/
@media (max-width: 767px) {
	:is([data-elementor-type="wp-page"], [data-elementor-type="archive"], [data-elementor-type="single-post"]) > .e-con.e-parent {
		--padding-left: 25px !important;
		--padding-right: 25px !important;
	}
	.e-con:has(> .e-con h1):has(> .e-con > .elementor-widget-image) { --flex-direction: column !important; flex-direction: column !important; --min-height: 0px !important; min-height: 0 !important; }
	.e-con:has(> .e-con h1):has(> .e-con > .elementor-widget-image) > .e-con { --width: 100% !important; width: 100% !important; }
	.e-con:has(> .e-con h1):has(> .e-con > .elementor-widget-image) > .e-con:has(h1) { --padding-top: 30px !important; --padding-right: 25px !important; --padding-bottom: 30px !important; --padding-left: 25px !important; }
	.e-con:has(> .e-con h1):has(> .e-con > .elementor-widget-image) > .e-con:has(> .elementor-widget-image) { height: 216px !important; min-height: 216px !important; border-radius: 0 !important; }
	.e-con:has(> .e-con h1):has(> .e-con > .elementor-widget-image) > .e-con:has(> .elementor-widget-image) .elementor-widget-image { background-color: var(--e-global-color-08b338f) !important; clip-path: circle(101.8cqw at 50% 105.7cqw) !important; }
	.e-con:has(> .e-con h1):has(> .e-con > .elementor-widget-image) > .e-con:has(> .elementor-widget-image) .elementor-widget-image img { clip-path: circle(97.62cqw at 50% 105.7cqw) !important; }
	/* 3. Buttons keep their 285-wide look but are never wider than their space (small phones) */
	.elementor-widget-button .elementor-button, .elementor-form .elementor-button { max-width: 100%; }
}

/***
* UC mobile review (session 9p, Tayla: buttons squished/unaligned on phones).
* 4. Tablet + phone: every main button keeps the desktop 285-wide look (min-width 14.25em was desktop-only on sub-pages, so buttons shrank to their text and differed page to page). Not loop cards (Read More) or forms.
* 5. Tablet + phone: Stores filter pills spread (space-between) = Paddington (session 11; was centred). Phones: maps flush with the text edge. (Carousel arrows were hidden here in 9p; session 11 shows them inside the navy box = Paddington.)
*/
@media (max-width: 1024px) {
	:is([data-elementor-type="wp-page"], [data-elementor-type="archive"], [data-elementor-type="single-post"]) .elementor-widget-button:not(.e-loop-item *) .elementor-button { min-width: 14.25em; }
	.e-filter { --e-filter-justify-content: space-between; justify-content: space-between !important; }
}
@media (max-width: 767px) {
	.elementor-widget-google_maps > .elementor-widget-container { margin-left: 0 !important; margin-right: 0 !important; }
}

/***
* UC mobile = Paddington (session 11, 1 Oct 2026). Belinda 30 Sep: "For the mobile design, please use the design of Paddington Central mobile view."
* Measured on Paddington's live site at 390 + 800 (build log session 11). UC keeps its Design Notes styling (colours, fonts, button look); Paddington gives layout, spacing, sizes, what's shown.
* Phones: hero section 20 side padding, box flush under the header, H1 45px, Home hero photo 259 (sub pages 216 + orange curve on top, 9k block); store logo shown 100 wide, bottom-left over the photo; Home retailers arrows inside the navy box, one logo per view; What's On Read More + form Submit/Sign Up full width; footer text 18, icons 28, Morgan & Griffin logo 182, content inset 30.
* Tablet: page sections 24 side padding; store logo shown 150 wide, left edge on the text/photo seam (= Paddington), vertically centred. (UC desktop centres it on the seam; at tablet that covered long store names, e.g. "Brumby's Bakery".)
*/
@media (max-width: 767px) {
	:is([data-elementor-type="wp-page"], [data-elementor-type="archive"], [data-elementor-type="single-post"]) > .e-con.e-parent:has(> .e-con-inner > .e-con > .e-con h1):has(> .e-con-inner > .e-con > .e-con > .elementor-widget-image), :is([data-elementor-type="wp-page"], [data-elementor-type="archive"], [data-elementor-type="single-post"]) > .e-con.e-parent:has(> .e-con > .e-con h1):has(> .e-con > .e-con > .elementor-widget-image) { --padding-left: 20px !important; --padding-right: 20px !important; --padding-top: 0px !important; }
	:is([data-elementor-type="wp-page"], [data-elementor-type="archive"], [data-elementor-type="single-post"]) > .e-con.e-parent:has(> .e-con-inner > .e-con > .e-con h1):has(> .e-con-inner > .e-con > .e-con > .elementor-widget-image) > .e-con-inner { padding-top: 0 !important; }
	.e-con:has(> .e-con h1):has(> .e-con > .elementor-widget-image) h1.elementor-heading-title { font-size: 45px !important; }
	[data-elementor-id="8"] .e-con:has(> .e-con h1):has(> .e-con > .elementor-widget-image) > .e-con:has(> .elementor-widget-image) { height: 259px !important; min-height: 259px !important; }
	.elementor-element-fc5db57.elementor-hidden-mobile { display: block !important; top: auto !important; right: auto !important; bottom: 36px !important; left: 25px !important; transform: none !important; width: 100px !important; max-width: 100px !important; --container-widget-width: 100px !important; }
	.elementor-element-af6ff61 .swiper { margin-left: 45px !important; margin-right: 30px !important; } /* 45 / 30, not 37 / 37: the carousel adds its 15px slide gap on the right, so this centres the logo in the navy box */
	.elementor-element-af6ff61 .elementor-swiper-button-prev { left: 4px !important; }
	.elementor-element-af6ff61 .elementor-swiper-button-next { right: 4px !important; }
	.elementor-2841 .elementor-widget-button { width: 100% !important; max-width: 100% !important; }
	.elementor-2841 .elementor-widget-button .elementor-button { width: 100% !important; }
	.elementor-form .elementor-field-type-submit, .elementor-form .e-form__buttons { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
	.elementor-form .elementor-field-type-submit .elementor-button, .elementor-form .e-form__buttons .elementor-button { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
	.elementor-element-d8a6cef .elementor-item, .elementor-element-253f69f .elementor-item, .elementor-element-d66a15d .elementor-icon-list-text, .elementor-element-7353331 .elementor-heading-title { font-size: 18px !important; }
	/* session 11g: © + Terms/Privacy 14px = Paddington (its text spans are 14px; 11a wrongly read the 18px list item) */
	.elementor-element-eb19b30, .elementor-element-eb19b30 p, .elementor-element-3870cef .elementor-icon-list-text { font-size: 14px !important; }
	/* session 11g: every phone button 42 tall = Paddington hero/form buttons (main buttons via Site Settings > Buttons > Padding mobile 0.667em; forms + What's On cards had their own padding) */
	.elementor-form .elementor-button, .elementor-2841 .elementor-button { padding-top: 0.667em !important; padding-bottom: 0.667em !important; min-height: 0 !important; }
	.elementor-element-5fec6ae .elementor-social-icon, .elementor-element-de93b48 .elementor-social-icon { --icon-size: 28px !important; font-size: 28px !important; width: 28px !important; height: 28px !important; }
	.elementor-element-5fec6ae .elementor-social-icon svg, .elementor-element-de93b48 .elementor-social-icon svg { width: 28px !important; height: 28px !important; }
	.elementor-element-48163b6 { width: 182px !important; max-width: 182px !important; --container-widget-width: 182px !important; }
	.elementor-element-48163b6 img { width: 182px !important; max-width: 100% !important; height: auto !important; }
	.elementor-element-d9fd5c3 > .e-con { --padding-left: 15px !important; --padding-right: 15px !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	:is([data-elementor-type="wp-page"], [data-elementor-type="archive"], [data-elementor-type="single-post"]) > .e-con.e-parent { --padding-left: 24px !important; --padding-right: 24px !important; }
	.elementor-element-fc5db57.elementor-hidden-tablet { display: block !important; width: 150px !important; max-width: 150px !important; --container-widget-width: 150px !important; left: 50% !important; right: auto !important; top: 50% !important; bottom: auto !important; transform: translateY(-50%) !important; }
}

/***
* Store page contact pill (template 112, container 739e833) on phones, session 11h (Tayla: "the green pill needs to be resized and fixed").
* Desktop (XD) = one row: phone left, icons right. On phones the icon group (fbdb6c8) was 100% wide, so it dropped to a 2nd line inside a 66-tall pill (cramped, icons 20px).
* Now one row like desktop: padding 14/20, gaps 8, phone number never wraps, globe 22 / Facebook + Instagram 28 (desktop 38:49 ratio). Fits all 15 stores with a pill at 360 (tightest: Woolworths, number 152 + 3 icons). Below 360 it may wrap.
*/
@media (max-width: 767px) {
	.elementor-element-739e833 { --flex-wrap: nowrap !important; flex-wrap: nowrap !important; align-items: center !important; --min-height: 0px !important; min-height: 0 !important; height: auto !important; --padding-top: 14px !important; --padding-bottom: 14px !important; --padding-left: 20px !important; --padding-right: 20px !important; padding: 14px 20px !important; border-radius: 999px !important; gap: 8px !important; }
	.elementor-element-666b07a .elementor-icon-box-title { white-space: nowrap; }
	.elementor-element-fbdb6c8 { --width: auto !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important; align-items: center !important; gap: 8px !important; }
	.elementor-element-73f29a7 .elementor-icon { font-size: 22px !important; } .elementor-element-73f29a7 .elementor-icon svg { width: 22px !important; height: 22px !important; }
	.elementor-element-e2757bc .elementor-icon, .elementor-element-3d2124a .elementor-icon { font-size: 28px !important; } .elementor-element-e2757bc .elementor-icon svg, .elementor-element-3d2124a .elementor-icon svg { width: 28px !important; height: 28px !important; }
}
@media (max-width: 359px) { .elementor-element-739e833 { --flex-wrap: wrap !important; flex-wrap: wrap !important; border-radius: 33px !important; } }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DIN-Medium';
	font-display: auto;
	src: url('https://urangancentral.com.au/wp-content/uploads/2026/09/DIN-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://urangancentral.com.au/wp-content/uploads/2026/09/HelveticaNeue-Roman.woff2') format('woff2');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://urangancentral.com.au/wp-content/uploads/2026/09/HelveticaNeue-Medium.woff2') format('woff2');
}
/* End Custom Fonts CSS */