:root {
	/*
	Copy variables from the base.css file into this :root section to override the values.
	E.g. --branding--title-text-colour: purple;
	*/

	/* keep content width to the standard */
	--branding--max-content-width-full: var(--branding--max-content-width);
	--branding--max-content-width-large: var(--branding--max-content-width);

	/* nzme theme colours */
	--branding--dark-primary-colour: 		hsl(195, 99%, 44%);
	--branding--medium-primary-colour: 		hsl(195, 99%, 58%);
	--branding--light-primary-colour: 		hsl(195, 99%, 80%);
	--branding--very-light-primary-colour:  hsl(195, 99%, 94%);
	--branding--highlight-colour:           hsl(195, 99%, 58%);
	--branding--light-highlight-colour:     hsl(195, 99%, 80%);

	--branding--app-background-blend-colour: rgb(234 234 234);

	--branding--title-text-colour: var(--branding--dark-primary-colour);
	--branding--section-heading-text-colour: var(--branding--dark-primary-colour);
	--branding--sub-heading-text-colour: var(--branding--medium-primary-colour);

	--branding--stepper-done-background-colour: #3ba7c9;

	/* toolbar */
	--branding--toolbar--background: black;
	--branding--toolbar-button-text-colour: white;
	--branding--toolbar--height: 80px;

	/* home page images */
	--branding--home--action-card-image-height: 100px;
	--branding--home--action-card-image-width: 100px;
	--branding--home--create-ad-image-url: url('./branding/home-create-ad.png');
	--branding--home--account-image-url: url('./branding/home-account.png');
}

/*
Other branding rules should be inserted below.
Refer to user manual for configuration details.
*/

.branding--toolbar--home-logo {
	display: none !important;
}

.branding--title-card h1 {
	font-weight: 700;
}

.branding--home--action-card,
.branding--action-card {
	border-top: 5px solid var(--branding--highlight-colour);
}

/* categories */

.branding--select-category-card--label {
	background-color: white;
}

.branding--select-category-card--image {
	height: 150px;
}

.branding--select-category-card--image--1 {
	background-image: url("./placement-categories/flowers.jpg");
}

.branding--select-category-card--image--7 {
	background-image: url("./placement-categories/car.jpg");
}

.branding--select-category-card--image--9 {
	background-image: url("./placement-categories/items.jpg");
}

.branding--select-category-card--image--10 {
	background-image: url("./placement-categories/electronics.jpg");
}

/* placements/classifications */

.branding--select-placement-card--image {
	width: 32px;
	height: 32px;
}

.branding--select-placement-card--BIRTHS {
	border-left: solid 7px var(--branding--item-tint-colour-6);
}

.branding--select-placement-card--image--BIRTHS {
	background-image: url("./placements/baby.png");
}

.branding--select-placement-card--BIRTHDAYGR {
	border-left: solid 7px var(--branding--item-tint-colour-2);
}

.branding--select-placement-card--image--BIRTHDAYGR {
	background-image: url("./placements/cake.png");
}

.branding--select-placement-card--ENGAGEMENT {
	border-left: solid 7px var(--branding--item-tint-colour-5);
}

.branding--select-placement-card--image--ENGAGEMENT {
	background-image: url("./placements/diamond-ring.png");
}

.branding--select-placement-card--ANNIVERSAR {
	border-left: solid 7px var(--branding--item-tint-colour-2);
}

.branding--select-placement-card--image--ANNIVERSAR {
	background-image: url("./placements/champagne.png");
}

.branding--select-placement-card--ACKNOWLEDG {
	border-left: solid 7px var(--branding--item-tint-colour-3);
}

.branding--select-placement-card--image--ACKNOWLEDG {
	background-image: url("./placements/gift-box.png");
}

.branding--select-placement-card--INMEMORIAM {
	border-left: solid 7px var(--branding--item-tint-colour-3);
}

.branding--select-placement-card--image--INMEMORIAM {
	background-image: url("./placements/candle.png");
}

.branding--select-placement-card--DEATHS {
	border-left: solid 7px var(--branding--item-tint-colour-1);
}

.branding--select-placement-card--image--DEATHS {
	background-image: url("./placements/church.png");
}

.branding--select-placement-card--CARSFORSAL {
	border-left: solid 7px var(--branding--item-tint-colour-1);
}

.branding--select-placement-card--image--CARSFORSAL {
	background-image: url("./placements/car.png");
}

.branding--select-placement-card--CARAVANMOT {
	border-left: solid 7px var(--branding--item-tint-colour-3);
}

.branding--select-placement-card--image--CARAVANMOT {
	background-image: url("./placements/caravan.png");
}

.branding--select-placement-card--BOATSMARIN {
	border-left: solid 7px var(--branding--item-tint-colour-2);
}

.branding--select-placement-card--image--BOATSMARIN {
	background-image: url("./placements/propeller.png");
}

.branding--select-placement-card--MOTORCYCLE {
	border-left: solid 7px rgb(135, 226, 214);
}

.branding--select-placement-card--image--MOTORCYCLE {
	background-image: url("./placements/motorbike.png");
}

.branding--select-placement-card--MOTORPARTS {
	border-left: solid 7px var(--branding--item-tint-colour-5);
}

.branding--select-placement-card--image--MOTORPARTS {
	background-image: url("./placements/engine.png");
}

.branding--select-placement-card--VANSUTES {
	border-left: solid 7px var(--branding--item-tint-colour-4);
}

.branding--select-placement-card--image--VANSUTES {
	background-image: url("./placements/pick-up-car.png");
}

.branding--select-placement-card--CLOTHING {
	border-left: solid 7px var(--branding--item-tint-colour-4);
}

.branding--select-placement-card--image--CLOTHING {
	background-image: url("./placements/baby-clothes.png");
}

.branding--select-placement-card--BOOKS {
	border-left: solid 7px var(--branding--item-tint-colour-5);
}

.branding--select-placement-card--image--BOOKS {
	background-image: url("./placements/books.png");
}

.branding--select-placement-card--MUSICALINS {
	border-left: solid 7px var(--branding--item-tint-colour-3);
}

.branding--select-placement-card--image--MUSICALINS {
	background-image: url("./placements/guitar.png");
}

.branding--select-placement-card--BABYASSORT {
	border-left: solid 7px var(--branding--item-tint-colour-6);
}

.branding--select-placement-card--image--BABYASSORT {
	background-image: url("./placements/baby.png");
}

.branding--select-placement-card--ELECTRICAL {
	border-left: solid 7px var(--branding--item-tint-colour-5);
}

.branding--select-placement-card--image--ELECTRICAL {
	background-image: url("./placements/electricity.png");
}

.branding--select-placement-card--BOATING {
	border-left: solid 7px var(--branding--item-tint-colour-2);
}

.branding--select-placement-card--image--BOATING {
	background-image: url("./placements/propeller.png");
}

.branding--select-placement-card--HOUSEGARDE {
	border-left: solid 7px var(--branding--item-tint-colour-1);
}

.branding--select-placement-card--image--HOUSEGARDE {
	background-image: url("./placements/house.png");
}

.branding--select-placement-card--WTDBUYEXCH {
	border-left: solid 7px var(--branding--item-tint-colour-1);
}

.branding--select-placement-card--image--WTDBUYEXCH {
	background-image: url("./placements/shopping-bag.png");
}

.branding--select-placement-card--CRAFTSHOBB {
	border-left: solid 7px var(--branding--item-tint-colour-4);
}

.branding--select-placement-card--image--CRAFTSHOBB {
	background-image: url("./placements/glue.png");
}

/* publications */

.branding--select-package-card--image {
	height: 90px;
    background-size: min(100%, 500px) !important;
}

.branding--select-package-card--label {
	display: none;
}

.branding--select-package-card--image--BOP {
	background-image: url("./packages/BOP.png");
}

.branding--select-package-card--image--NZH {
	background-image: url("./packages/NZH.png");
}

.branding--select-package-card--image--HBT {
	background-image: url("./packages/HBT.png");
}

.branding--select-package-card--image--NAD {
	background-image: url("./packages/NAD.png");
}

.branding--select-package-card--image--RDP {
	background-image: url("./packages/RDP.png");
}

.branding--select-package-card--image--WGY {
	background-image: url("./packages/WGY.png");
}

/* Styles */

.branding--select-style-card--image {
	width: 150px;
	height: 200px;
}

.branding--select-style-card--image--15 {
	background-image: url("./styles/15.png");
}

.branding--select-style-card--image--16 {
	background-image: url("./styles/16.png");
}

.branding--select-style-card--image--17 {
	background-image: url("./styles/17.png");
}

.branding--select-style-card--image--18 {
	background-image: url("./styles/18.png");
}

.branding--select-style-card--image--19 {
	background-image: url("./styles/19.png");
}

.branding--select-style-card--image--20 {
	background-image: url("./styles/20.png");
}

.branding--select-style-card--image--21 {
	background-image: url("./styles/21.png");
}

.branding--select-style-card--image--25 {
	background-image: url("./styles/25.png");
}

.branding--select-style-card--image--26 {
	background-image: url("./styles/26.png");
}

.branding--select-style-card--image--27 {
	background-image: url("./styles/27.png");
}

.branding--select-style-card--image--28 {
	background-image: url("./styles/28.png");
}

.branding--select-style-card--image--29 {
	background-image: url("./styles/29.png");
}

.branding--select-style-card--image--30 {
	background-image: url("./styles/30.png");
}

.branding--select-style-card--image--31 {
	background-image: url("./styles/31.png");
}

.branding--select-style-card--image--32 {
	background-image: url("./styles/32.png");
}

.branding--select-style-card--image--33 {
	background-image: url("./styles/33.png");
}

.branding--select-style-card--image--34 {
	background-image: url("./styles/34.png");
}

.branding--select-style-card--image--35 {
	background-image: url("./styles/35.png");
}

.branding--select-style-card--image--36 {
	background-image: url("./styles/36.png");
}

.branding--select-style-card--image--37 {
	background-image: url("./styles/37.png");
}

.branding--select-style-card--image--39 {
	background-image: url("./styles/39.png");
}

.branding--select-style-card--image--43 {
	background-image: url("./styles/43.png");
}

.branding--select-style-card--image--45 {
	background-image: url("./styles/45.png");
}

.branding--select-style-card--image--51 {
	background-image: url("./styles/51.png");
}

.branding--select-style-card--image--52 {
	background-image: url("./styles/52.png");
}

.branding--select-style-card--image--53 {
	background-image: url("./styles/53.png");
}

.branding--select-style-card--image--55 {
	background-image: url("./styles/55.png");
}

.branding--select-style-card--image--57 {
	background-image: url("./styles/57.png");
}

.branding--select-style-card--image--58 {
	background-image: url("./styles/58.png");
}

.branding--select-style-card--image--59 {
	background-image: url("./styles/59.png");
}

/* Popup Info Panel */
.branding--product-info-popup {
	color: black;
	width: 500px;
}
.branding--product-info-popup--header {
	font-size: 1.5rem;
	font-weight: bold;
	margin-top: 12px;
}
.branding--product-info-popup--body {
	color: black;
}
.branding--product-info-popup--body {
	margin-top: 10px;
}
.branding--product-info-popup--body tr td:first-child {
	white-space: nowrap;
	vertical-align: top;
	padding-right: 20px;
}
.branding--product-info-popup--footer {
	color: black;
}

/* Logo */
body::before {
	content: '';
	width: 173px;
	aspect-ratio: 377 / 183;
	background-image: url("./nzme_logo_on_dark.png");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 23px;
	left: calc(var(--page-margin) / 2 - 5px);
}

/* Small screens */
@media (width <= 920px) {
	:root {
		/* make toolbar thinner */
		--branding--toolbar--height: 40px;
	}
	/* hide logo */
	body::before {
		display: none;
	}
}