/**
 * UAT Melbourne Plus custom catalogue CSS  
 * // for https://melbourneplus.sydney.catalog.canvaslms.com
 *
 * @format
 */

/* 20260327 blundell - Added additional filtering buttons class with breakpoint.  */

:root {
	--uom-blue: #000f46;
	--uom-dark-blue: #000b34;
	--uom-kookaburra-light: rgb(70, 200, 240);
	--uom-kookaburra-dark-100: rgb(0, 60, 85);
	--people-leadership-colour: #46c8f0;
	--community-engagement-colour: #ffd629;
	--sustainability-advocacy-colour: #9fb825;
	--innovation-colour: #ff616d;
	--global-citizenship-colour: #eb7bbe;
}

/* canvas fix - hopefully temporary */
.row {
	width: 100% !important;
	margin-left: 0;
	margin-right: 0;
}

#search-form.callout-region {
	background-color: var(--uom-blue);
	width: 100%;
}

.container .container {
	width: 100%;
}

/* END of canvas fix - hopefully temporary */

html {
	font-weight: 500;
}

body {
	font-size: 1em;
	line-height: 1.5;
	font-family:
		Source Sans Pro,
		Gill Sans,
		Trebuchet MS,
		Arial,
		sans-serif;
}

h3 {
	font-size: 1.3rem;
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
}

.header-branding h1 a {
	height: auto;
}

.header-branding h1 a img {
	height: 80px;
}

/* custom homepage notice  */
.uom-notice {
	color: #292b2c;
	margin: 0 auto;
	padding: 3em 1em 0;
	font-size: 16px;
}

.uom-notice *:first-child {
	margin-top: 0;
	color: var(--uom-blue);
	line-height: 1.1;
	font-family:
		"Noto Serif",
		Georgia,
		Times New Roman,
		serif;
	font-weight: 700;
	font-size: 2.8rem;
	margin-bottom: 2rem;
}

.uom-notice h3 {
	font-family:
		Source Sans Pro,
		Gill Sans,
		Trebuchet MS,
		Arial,
		sans-serif;
}

.uom-notice p {
	margin-bottom: 1.5rem;
	font-family:
		Source Sans Pro,
		Gill Sans,
		Trebuchet MS,
		Arial,
		sans-serif;
	font-size: 1.1em;
}

.uom-notice *:nth-child(2),
.uom-notice *:nth-child(4) {
	font-size: 1.52088rem;
	line-height: 1.3;
	letter-spacing: normal;
	font-weight: 600;
}

.uom-notice *:last-child {
	margin-bottom: 0;
}

.row.capabilities-listing-row {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}

.capabilities-listing-row div:last-child {
	/* border-top: 1px solid #ddd; */
	margin-top: 20px;
}

.capabilities-listing-row div h3 {
	font-weight: 600;
}

.capabilities-listing-row div h4 {
	border-top: 3px solid #ccc;
	padding: 10px 0 0 0;
	font-size: 1.1em;
	font-weight: 600;
	line-height: 47px;
}

.capabilities-listing-row div:nth-child(2) h4 {
	border-top-color: var(--people-leadership-colour);
}

.capabilities-listing-row div:nth-child(3) h4 {
	border-top-color: var(--community-engagement-colour);
}

.capabilities-listing-row div:nth-child(4) h4 {
	border-top-color: var(--global-citizenship-colour);
}

.capabilities-listing-row div:nth-child(5) h4 {
	border-top-color: var(--sustainability-advocacy-colour);
}

.capabilities-listing-row div:nth-child(6) h4 {
	border-top-color: var(--innovation-colour);
}

.capabilities-listing-row div h4 a {
	color: inherit;
}

.capabilities-listing-row div h4 img {
	height: 46px;
	float: right;
}

.capabilities-listing-row div p a {
	font-weight: 600;
	color: var(--uom-blue);
}

.homeHeroImg {
	max-width: 260px;
	position: relative;
	display: block;
	width: 100%;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 992px) {
	.homeHeroImg {
		max-width: 260px;
		width: 95%;
		margin-top: 50px;
		margin-left: auto;
		margin-right: 0;
	}
}

/* custom  product tile */
#main.product-results {
	background: #fff;
}

/* 20250408 corrected headers */
/* 'Listings' and 'Browse Listings' headers */
#main.product-results .container h1.css-jlxuto-view-heading,
#main.product-results .container h2.css-1x7wuul-view-heading {
	font-family: inherit;
	font-size: 1.3rem;
}

.product-tile .product-heading .product-title {
	font-weight: 600;
}

.product-tile .product-heading h3.product-title {
	font-size: 1.5rem;
}

.product-tile .product-description {
	font-size: 16px;
	color: #4a4a4a;
}

@media (min-width: 768px) {
	.product-tile .product-description {
		height: 175px;
	}
}

.product-results .product-tile {
	border: 2px solid #e6e6e6;
}

.product-results .product-tile:hover {
	box-shadow: inset 0px 0px 0px var(--uom-blue);
	border: 2px solid #1a1a1a;
}

/* setting the height for the top image on tiles */

.product-tile .image-wrapper {
	max-height: 90px;

	@media (min-width: 768px) {
		max-height: 80px;
	}

	@media (min-width: 992px) {
		max-height: 60px;
	}
}

.product-link .product-footer .learn-more {
	color: var(--uom-blue);
	font-size: 16px;
}

.product-link:hover .product-footer .learn-more {
	color: #1a1a1a;
}

.product-tile .product-footer .learn-more:before {
	display: none;
}

/* 20240114 blundell - hiding the footer of the product tile */
.product-tile .product-account-image-wrapper {
	display: none;
	margin: 0;
	max-width: 100%;
	height: 60px;
	background-size: contain;
	background-color: var(--uom-blue);
}

.product-tile .product-footer .product-dates {
	height: 25px;
	vertical-align: middle;
	float: left;
	font-size: 16px;
	font-weight: normal;
	margin-top: 6px;
}

.product-results .product-tile:hover .product-footer .learn-more {
	text-decoration: underline;
}

footer#app-footer {
	background: #edf2f5;
}

footer#app-footer ul {
	white-space: initial;
}

.logo-customized a {
	pointer-events: none;
}

#search-form .search-categories ul.pull-right {
	right: -100px !important;
}

@media screen {
	#uom-header {
		font-family:
			"Source Sans Pro", "Gill Sans", "Trebuchet MS", "Arial", sans-serif;
		font-size: 1.75rem;
		font-weight: 600;
		line-height: 4rem;
		text-shadow: none;
		white-space: normal;
	}

	.header-nav .nav {
		margin: 0;
	}

	.header-nav li a {
		padding-top: 0;
	}
}

.search-text {
	font-weight: 500;
	background-color: var(--uom-blue);
	color: #fff;
	margin: 0 auto;
	padding: 10px 25px 1px 20px;
	font-size: 1em;
}

/* custom search form buttons */
.search-form .uom-custom-filter-options {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}

.search-form .uom-custom-filter-options span button:first-child {
	margin-left: 0;
}
@media screen and (max-width: 991px) {
	.search-form .uom-custom-filter-options span:nth-child(2n + 1) button {
		margin-left: 0;
	}
}

/* COMMON SUB-CAT ELEMENTS */
/* sub-cat header */
@media screen and (max-width: 991px) {
	#product-page header .hero-region {
		text-align: left;
	}

	#product-page .hero-head.h1 {
		font-size: 2.35rem !important;
	}
}

#product-page #description a.btn.btn-info.apply {
	margin: 1.3rem 0 0;
	padding: 1.2rem 2.5rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 1.05rem;
}

#product-page #description a.btn.btn-info.apply:hover {
	text-decoration: underline;
}

#product-page #description div.box-wrap {
	padding: 1.5rem 2em 2em 2em;
	margin: 2.5rem 0;
}

#product-page #description div.box-wrap.blue {
	background-color: #012a58;
	color: #fff;
}

#product-page #description div.box-wrap.blue a {
	color: #fff;
	font-weight: 600;
}

#product-page #description div.box-wrap.grey {
	background: #edf2f5;
}

#product-page #description div.box-wrap h2 {
	font-family:
		"Noto Serif",
		Georgia,
		Times New Roman,
		serif;
	margin: 1rem 0;
	font-size: 1.71rem;
	letter-spacing: -0.05rem;
}

#product-page #description div.box-wrap table {
	margin-top: 1.4rem;
}

#product-page #description div.box-wrap table ul {
	padding-left: 1.4em;
}

/*#product-page #description div.box-wrap img {
      height: 150px;
  }*/
/* ********** AK - remove blue book icon in listings *********/
.ProductIcon__LargeCircle--course {
	display: none;
}

/* ******* AK - hiding the text: "self-paced" and "start date ..." in each card listings *******/
.product-footer {
	display: none;
}

/* ******* AK - hiding refine button *******/
#search-refine-button--refine {
	display: none;
}

/* ******* AK - hiding shopping cart *******/
#cart {
	display: none;
}

/* 20251211 blundell - currently open button */
.currently-open-button {
	margin-left: 10px;
	background-color: transparent;
	color: #fff;
	border: none;
}
.search-refine-button[aria-expanded="false"]:hover .search-refine-button__text,
.currently-open-button:hover:not([aria-active="true"]) {
	color: var(--uom-kookaburra-light);
}
.currently-open-button.active {
	background-color: var(--uom-kookaburra-light);
	color: var(--uom-blue);
	border: 1px solid var(--uom-blue);
}