/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 24 November 2023 09:20:30
*/


@font-face {
  font-family: "Griffith Sans Display";
  font-weight: 100 900;
  src: url("/__data/assets/file/0036/1664694/griffith-sans-display.woff2") format("woff2"), url("/__data/assets/file/0036/1664694/griffith-sans-display.woff2") format("woff2");
}
@font-face {
  font-family: "Griffith Sans Text";
  font-weight: 100 900;
  src: url("/__data/assets/file/0034/1664692/griffith-sans-text.woff2") format("woff2"), url("/__data/assets/file/0034/1664692/griffith-sans-text.woff2") format("woff2");
}
@font-face {
  font-family: "Griffith Sans Text";
  font-weight: 100 900;
  font-style: italic;
  src: url("/__data/assets/file/0035/1664693/griffith-sans-text-italic.woff2") format("woff2"), url("/__data/assets/file/0035/1664693/griffith-sans-text-italic.woff2") format("woff2");
}
@font-face {
  font-family: "Griffith Serif Display";
  font-weight: 275 900;
  src: url("/__data/assets/file/0023/1687010/griffith-serif-display.woff2") format("woff2"), url("/__data/assets/file/0023/1687010/griffith-serif-display.woff2") format("woff2");
}
@font-face {
  font-family: "Griffith Serif Text";
  font-weight: 275 900;
  font-style: italic;
  src: url("/__data/assets/file/0041/1689665/griffith-serif-text-italic.woff2") format("woff2"), url("/__data/assets/file/0041/1689665/griffith-serif-text-italic.woff2") format("woff2");
}
:root {
  --primary: var(--red-medium);
  --feature: var(--red-medium);
  --color-feature: var(--red-medium);
  --secondary: var(--black-medium);
  --tertiary: var(--white-medium);
  --black-medium: hsla(0, 0%, 0%, 1.0);
  --black-60: hsla(0, 0%, 40%, 1.0);
  --grey-medium: hsla(240, 8%, 33%, 1.0);
  --white-medium: hsla(0, 0%, 100%, 1.0);
  --red-medium: hsla(355, 79%, 51%, 1.0);
  --barbie: hsla(330, 100%, 50%, 1.0);
}
:root {
  accent-color: var(--primary);
}
::selection {
  color: var(--white-medium);
  background-color: var(--barbie);
}
a {
  color: var(--secondary);
  text-decoration-color: var(--primary);
}
a:visited {
  color: var(--secondary);
}
a:hover, a:focus, a:active {
  color: var(--primary);
  text-decoration-color: var(--primary);
}
main .tool-tip .tool-tip-text a {
  color: var(--tertiary);
  text-decoration: none;
  font-family: "Griffith Sans Text";
  font-weight: 500;
}
main .tool-tip .tool-tip-text a:hover {
  text-decoration: underline;
}
main {
  color: var(--secondary);
}
main a {
  border-bottom: 0;
  text-decoration: underline;
  color: var(--secondary);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
main a:hover {
  color: var(--primary);
}
main div.feature a, main .cssbg a, main .secondary a {
  color: var(--tertiary);
}
main .feature a, main .secondary a {
  border-bottom-width: 0;
}
main .card.gap-0 {
  margin: 0;
}
main fieldset.feature a, main fieldset.secondary a {
  color: var(--tertiary);
}
main fieldset.primary a, main fieldset.tertiary a {
  color: var(--secondary);
}
main ul.feature li a {
  color: inherit;
}
main .slab.feature p:not(.btn) a, main .slab.cssbg p:not(.btn) a, main .slab.secondary p:not(.btn) a, main .slab .card.feature p:not(.btn) a, main .slab .card.cssbg p:not(.btn) a, main .slab .card.secondary p:not(.btn) a {
  border-bottom: 0;
}
main .slab .card.primary p:not(.btn) li a {
  color: var(--secondary);
}
main .slab .card.primary p:not(.btn) li a:hover {
  color: var(--primary);
}
main .slab.secondary {
  background-color: var(--secondary);
}
main .slab.secondary .btn a:hover {
  background-color: var(--secondary);
  border-color: var(--tertiary);
  color: var(--tertiary);
}
main .secondary a:focus, main .secondary a:hover {
  color: var(--primary);
  border-color: var(--primary);
}
main .slab.secondary .card.tertiary p:not(.btn) > a {
  color: var(--secondary);
}
main .slab.secondary .tertiary p:not(.btn) > a:hover {
  color: var(--primary);
}
main .slab.secondary.cssbg, main .slab .inner .card.secondary.cssbg, main .slab.cssbg .inner .card.tertiary.cssbg p.btn.secondary a {
  color: var(--tertiary);
}
main .slab.cssbg label a, main .slab.secondary label a {
  color: var(--tertiary);
}
main .slab.cssbg p:not(.btn) a, main .slab.secondary p:not(.btn) a {
  color: var(--tertiary);
}
main .slab.cssbg .inner .card.tertiary p:not(.btn) a {
  border-bottom: 0;
  text-decoration: underline;
  color: var(--secondary);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
main .slab.cssbg .inner .card.tertiary p:not(.btn) a:hover, main .slab.cssbg .inner .card.tertiary p:not(.btn) a :focus {
  color: var(--primary);
}
main .slab.cssbg:not(.secondary) .card.tertiary p.btn.secondary a {
  color: var(--secondary);
}
body.asset-256535 #find_my_pathway_1629291 h3.feature {
  color: var(--tertiary);
}
main .slab.trim-bottom .inner > *:last-child {
  margin-bottom: revert;
}
main .slab.cssbg label a:hover, main .slab.secondary label a:hover {
  color: var(--primary);
}
main .slab.cssbg p:not(.btn) a:hover, main .slab.secondary p:not(.btn) a:hover {
  color: var(--primary);
}
main .slab.feature label a, main .slab.cssbg label a, main .slab.secondary label a, main .slab .card.feature label a, main .slab .card.cssbg label a, main .slab .card.secondary label a {
  border-bottom: 0;
}
main .slab a:hover > .card.primary, .slab a:focus > .card.primary {
  background-color: var(--primary);
  color: var(--tertiary);
}
main .slab a:hover > .card.primary, .slab a:focus > .card.primary h3 {
  color: var(--tertiary);
}
main .slab.cssbg, .card.cssbg, div.cssbg a {
  color: var(--secondary);
}
main .slab div.cssbg a:hover {
  color: var(--primary);
}
main .slab.cssbg .card.tertiary p.btn a {
  background-color: var(--tertiary);
}
main .slab.cssbg .card.tertiary p.btn a:hover, main .slab.cssbg .card.tertiary p.btn a:focus {
  background-color: var(--tertiary);
  color: var(--feature);
}
main .slab.primary {
  color: var(--secondary);
}
main .slab.secondary .card.tertiary {
  background-color: var(--tertiary);
}
main .slab .card.primary {
  color: var(--secondary);
}
main .slab .card.tertiary {
  color: var(--secondary);
}
main .slab .card.tertiary p:not(.btn) > a {
  border-bottom: 0;
}
main .slab .card.tertiary p.btn.primary a:hover {
  color: var(--primary);
}
main .slab .card.tertiary p.btn.secondary a:hover {
  color: var(--secondary);
}
main abbr, main p.feature abbr {
  border-bottom: 0 !important;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
  text-decoration-style: dotted;
}
main .secondary abbr {
  border-bottom: 0;
}
main ul.feature a {
  text-decoration: none;
}
main ul.feature abbr {
  border-bottom: 0;
}
main ul.feature li a:focus, main ul.feature li a:hover {
  color: var(--primary);
}
main fieldset ul li a {
  border-bottom: 0;
}
main .slab.videobg .inner .flex .banner h2 {
  color: var(--tertiary);
  margin-bottom: 0;
}
p, li, dd, label, div, section, .card.puff p, .slab .inner {
  font: 360 15px/19px "Griffith Sans Text", sans-serif;
  letter-spacing: inherit;
}
p b, p strong, li b, li strong, dd b, dd strong, label b, label strong, div b, div strong, section b, section strong, .card.puff p b, .card.puff p strong, .slab .inner b, .slab .inner strong {
  font-weight: 700;
}
main .slab p.feature {
  font: 360 15px/19px "Griffith Sans Text", sans-serif;
  letter-spacing: inherit;
}
main .slab p.feature b, main .slab p.feature strong {
  font-weight: 700;
}
main .slab .card.secondary p:not(.btn) a, main .slab .card.tertiary p.btn a:hover, main .slab .card.secondary ul li a {
  color: var(--tertiary);
}
nav.tabs:not(.local) > ul > li > a {
  text-decoration: none;
}
main input[type=radio], main input[type=checkbox] {
  margin: 0.3em;
}
dt, .tagline, main p.intro {
  font: 600 15px/19px "Griffith Sans Text", sans-serif;
}
dt b, dt strong, .tagline b, .tagline strong, main p.intro b, main p.intro strong {
  font-weight: 700;
}
p.btn, button, main .slab .flex.tiles > .card > a:first-child span {
  font: 400 15px/19px "Griffith Sans Text", sans-serif;
}
main .slab .flex.tiles > .card > a:first-child span {
  max-width: calc(100% - 20px);
}
main .slab .inner a.flex {
  text-decoration: none;
}
main .slab .inner a.flex:hover .card h3 {
  color: var(--primary);
}
main .slab .inner a.flex:hover .card.primary h3 {
  color: var(--tertiary);
}
main .slab .inner .stem-study-options a.flex:hover .card h3 {
  color: var(--tertiary);
}
main .slab.secondary .tertiary p:not(.btn) > a, main .slab.secondary .primary p:not(.btn) > a, main .slab.secondary .tertiary li > a, main .slab.secondary .primary li > a, main .slab.feature .tertiary p:not(.btn) > a, main .slab.feature .primary p:not(.btn) > a, main .slab.feature .tertiary li > a, main .slab.feature .primary li > a {
  color: var(--secondary);
  border-bottom: none;
}
main .slab.cssbg .inner .card.tertiary p.btn.feature a {
  color: var(--tertiary);
  background-color: var(--feature);
  text-decoration: none;
}
main .slab.cssbg .inner .card.tertiary p.btn.feature a:hover {
  background-color: var(--secondary);
  color: var(--tertiary);
  border-color: var(--secondary);
}
main p.intro {
  font-size: 24px;
  line-height: 30px;
}
main p.feature {
  font-size: 17px;
  line-height: 20px;
}
main p.feature:not(.btn) a:focus, main p.feature:not(.btn) a:hover, main p.feature:not(.btn) a {
  border-bottom: 0;
}
main .slab p.play a {
  background-color: var(--primary);
}
main .slab p.play a:hover {
  background-color: var(--primary);
}
main .slab .flex.tiles > .card > a:first-child {
  text-decoration: none;
}
main .slab .flex.tiles > .card > a:first-child span {
  background-color: var(--primary);
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  text-align: left;
}
main table th {
  font: 360 14px/17px "Griffith Sans Text", sans-serif;
  background-color: var(--secondary);
}
main table td {
  font: 360 14px/17px "Griffith Sans Text", sans-serif;
  padding: 5px 10px;
}
main table td a:hover {
  color: var(--primary);
}
main table.primary td {
  color: var(--secondary);
}
main table.feature, main table.feature td {
  background-color: var(--primary);
}
.floating-action-btn a:visited {
  color: var(--tertiary);
}
.slab.feature, .card.feature {
  background-color: var(--primary);
  color: var(--tertiary);
  border-color: var(--tertiary);
}
main input[type=submit].feature, main p.btn.feature a {
  background-color: var(--primary);
  color: var(--tertiary);
  border-color: var(--primary);
}
main .feature input[type=submit].feature, .btn.red-bg, main .feature p.btn.feature a {
  background-color: var(--color-feature);
  border-color: var(--color-tertiary);
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}
main input[type=submit].feature:focus, main input[type=submit].feature:hover, main p.btn.feature a:focus, main p.btn.feature a:hover {
  color: var(--tertiary);
}
main input[type=submit].tertiary, main p.btn.tertiary a {
  background-color: var(--tertiary);
  border-color: var(--primary);
  color: var(--primary);
}
main input[type=submit].tertiary:focus, main input[type=submit].tertiary:hover, main p.btn.tertiary a:focus, main p.btn.tertiary a:hover {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--tertiary);
}
main input[type=submit].secondary, main p.btn.secondary a {
  background-color: var(--secondary);
  color: var(--tertiary);
}
main input[type=submit].secondary:focus, main input[type=submit].secondary:hover, main p.btn.secondary a:focus, main p.btn.secondary a:hover {
  background-color: var(--tertiary);
  border-color: var(--secondary);
  color: var(--secondary);
}
main p.btn.primary a:focus, main p.btn.primary a:hover {
  background-color: var(--teriary);
  border-color: var(--primary);
  color: var(--primary);
}
main .secondary input[type=submit].secondary:focus, main .secondary input[type=submit].secondary:hover, main .feature input[type=submit].secondary:focus, main .feature input[type=submit].secondary:hover, main .secondary p.btn.secondary a:focus, main .secondary p.btn.secondary a:hover, main .feature p.btn.secondary a:focus, main .feature p.btn.secondary a:hover {
  background-color: var(--tertiary);
  color: var(--secondary);
  border-color: var(--secondary);
}
main input[type=submit]:focus, main input[type=submit]:hover, main p.btn a:focus, main p.btn a:hover {
  cursor: pointer;
  background-color: var(--secondary);
}
main .slab p.qualification {
  font: 400 13px/18px "Griffith Serif Display", serif;
  letter-spacing: 0.08em;
}
main .slab p.name {
  font-family: "Griffith Serif Text", serif;
  font-weight: 500;
}
main .slab p.date, main .slab td.date, .pathway-tool p {
  font-family: "Griffith Sans Text", sans-serif;
}
main .slab .inner .audience a .card h3 {
  font: 400 17px/20px "Griffith Sans Display", sans-serif;
  letter-spacing: inherit;
}
main .slab .inner p.small {
  font-size: 11.5px;
  line-height: 1.5;
}
main .slab a.news-tile:not(.news-tile--no-results):hover {
  border-color: var(--primary);
}
main .slab.secondary .card.primary h2 {
  color: var(--secondary);
}
main div.slab div.b-degrees p.outcomes, p.structure, p.accreditation {
  font-family: "Griffith Sans Text";
  font-weight: 200;
  line-height: 1.5;
}
main .slab p.position {
  font-family: "Griffith Sans Display";
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 1.25;
}
main .slab p.stinger {
  font-size: 28px;
  line-height: 1.2;
  font-family: "Griffith Serif Display", serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  margin-bottom: 0.5em;
  color: rgba(51, 51, 51, 0.8);
}
main .slab p.degree, main .slab td.degree {
  font-size: 15px;
  line-height: 1.25;
  font-family: "Griffith Serif Display";
  font-weight: 400;
  letter-spacing: 0.05em;
}
main blockquote, main q {
  color: var(--secondary);
  padding: 0 0.25em;
  font-family: "Griffith Serif Display";
  font-weight: 400;
  letter-spacing: 0.025em;
  font-size: 17px;
  line-height: 1.75;
}
main blockquote > p:first-child {
  font-family: "Griffith Serif Text";
  font-size: 16px;
  font-style: italic;
  color: var(--secondary);
  line-height: 1.35;
}
main q:before, main q:after, main blockquote > p:first-child:after, main blockquote > p:first-child:before {
  color: var(--primary);
  font-size: 14px;
}
main .primary blockquote, main .primary blockquote p:first-child, main .primary q {
  color: var(--secondary);
}
main .secondary blockquote, main .secondary blockquote p:first-child, main .secondary q {
  color: var(--tertiary);
}
main .feature blockquote, main .feature blockquote p:first-child, main .feature q {
  color: var(--tertiary);
}
main blockquote.feature p {
  font-size: 22px;
  margin-bottom: 0.5em;
  letter-spacing: 0;
}
main blockquote.feature p.name {
  font-size: 22px;
}
main blockquote.feature p.position {
  font-size: 18px;
}
main blockquote.feature p.name + p.position {
  margin-top: 0;
}
main .blockfix blockquote > p:first-child {
  font-family: "Griffith Sans Text", sans-serif;
  font-weight: 360;
  font-style: normal;
  letter-spacing: 0;
  margin-bottom: 1em;
  font-size: 15px;
  line-height: 19px;
}
main .blockfix blockquote > p:first-child:after, main .blockfix blockquote > p:first-child:before {
  display: none;
}
main .slab .inner h2.light {
  font: 900 45px/45px "Griffith Sans Display", sans-serif;
  font-style: italic;
}
main .slab .inner h2.faq {
  font-family: "Griffith Sans Display", sans-serif;
}
main .slab .inner .accordion-group.accordion div.title {
  letter-spacing: -0.035em;
  position: relative;
  border-top: 1px solid rgba(71, 71, 71, 0.3);
  font-size: 13px;
  font-style: italic;
  font-family: "Griffith Sans Text";
  font-weight: 600;
  padding: 10px 25px 10px 15px;
}
main .slab .inner .accordion > div.title {
  font-family: "Griffith Serif Text";
}
main .slab td > a:only-child {
  color: var(--primary);
  border-bottom: 0;
  font-size: 14px;
  line-height: 1.25;
  font-family: "Griffith Sans Text";
  font-weight: 400;
  letter-spacing: 0.05em;
}
main .slab .inner .banner p.tree__prompt, main .slab .inner .banner select.tree__level, main .slab .inner .search label.inset, main .slab .inner p.scholarship a {
  font-family: "Griffith Sans Text";
}
@media (max-width: 767px) {
  main table {
    overflow-x: auto;
    display: block;
    padding-bottom: 0;
  }
  main tr {
    display: table-row;
    width: fit-content;
  }
  main th, main td {
    display: table-cell;
  }
  main .card.breakout img:first-of-type {
    opacity: 0.1;
  }
}
main .slab .card.play.cssbg > a.popup-youtube p.title {
  font: 600 16px/20px "Griffith Serif Text", serif;
}
nav.tabs:not(.local) > ul > li {
  font-family: "Griffith Sans Text";
}
nav.tabs:not(.local) > ul > li > a.active {
  border-color: var(--primary);
}
main .slab nav.local > ul li a {
  text-decoration: none;
}
main .slab nav.local > ul li.current > a {
  border-left: 2px solid var(--primary);
  color: var(--primary);
}
main ol {
  margin-bottom: 15px;
}
main ol li {
  padding-left: 25px;
}
main ul {
  margin-bottom: 15px;
}
main ul li {
  padding-left: 1.5em;
}
main ul li:before {
  font-size: 0.25em;
  margin-left: -3.5em;
  margin-right: 2.5em;
}
main .slab.feature p.btn.feature a:hover, main .card.feature p.btn.feature a:hover {
  color: var(--tertiary);
}
main ul.feature li:after {
  color: var(--primary);
}
main .slab.h-menu ul li a {
  text-decoration: none;
}
main .slab.h-menu.secondary ul li a, main .slab.h-menu.feature ul li a {
  color: var(--tertiary);
}
main .slab.h-menu .dropdown-content a:hover {
  color: var(--primary);
}
main .slab.h-menu.secondary ul.dropdown-content li a:hover, main .slab.h-menu.feature ul.dropdown-content li a:hover {
  color: var(--tertiary);
}
main .slab.h-menu .dropdown > a::after {
  color: var(--primary);
}
main .slab .inner p.icon-text {
  font-family: "Griffith Sans Display";
}
figure {
  width: fit-content;
  padding: 0px;
  margin: 0px;
  margin-block-start: 1rem;
  margin-block-end: 1rem;
}
figure img {
  height: fit-content;
  margin: 0;
  display: grid;
  place-content: center;
  object-fit: cover;
}
figcaption {
  background-color: var(--black-60);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  word-wrap: break-word;
  width: 100%;
  color: var(--tertiary);
  font-family: "Griffith Serif Text";
  font-size: 1rem;
  padding: 5px 10px;
  text-align: center;
}
main div.rn_SearchButton input {
  border-color: var(--primary);
  color: var(--primary);
}
main div.rn_SearchButton input:hover {
  background-color: var(--primary) !important;
  border-color: var(--primary);
  color: var(--tertiary) !important;
}
main div.rn_Navigation a {
  background-color: var(--tertiary);
  border: 1px solid var(--primary);
  color: var(--primary);
}
main div.rn_Navigation a:hover {
  background-color: var(--primary) !important;
  border-color: var(--primary);
  color: var(--tertiary) !important;
}
main .filter-options .multiselect .multiselect__content-wrapper .multiselect__option--highlight {
  background: var(--primary);
}
main .filter-options .multiselect .multiselect__tags .multiselect__tag {
  background: var(--primary);
}
main .slab .inner .flex.stem-study-options > div > .card h3 {
  margin-top: 2.1em !important;
  margin-bottom: 0em !important;
  line-height: 1.1;
  font-size: 19px;
  transition: 400ms;
}
main .slab .inner .flex.col-5.stem-study-options > div > .card h3 {
  margin-top: 1.6em !important;
  margin-bottom: 0em !important;
  font-size: 20px;
  line-height: 1.1;
  transition: 400ms;
}
main .slab .inner .flex.stem-study-options > div:hover > .card h3 {
  margin-top: 0 !important;
  margin-bottom: 0;
  cursor: default;
}
.slab .flex.apply-options > div > .card h3 {
  margin-top: 186px !important;
  margin-bottom: 0em;
  margin-left: -20px !important;
  margin-right: -20px !important;
  background: var(--secondary);
}
main .slab .inner .flex.stem-study-options > div:hover > .card h3 {
  margin-top: 0 !important;
  margin-bottom: 0;
  cursor: default;
}
main .slab .inner .flex.stem-study-options > div > .card h3 {
  margin-top: 2.1em !important;
  margin-bottom: 0em !important;
  line-height: 1.1;
  transition: 400ms;
}
main .slab .inner .card.tertiary .card.secondary h2, main .slab .inner .card.tertiary .card.secondary h2.feature, main .slab .inner .card.tertiary .card.secondary ul li a {
  color: var(--tertiary);
}
body.asset-398273 .open-day-filter .filter-button-container .filter_box_study_area span, body.asset-398273 .open-day-filter .filter-button-container .filter_box_study_level span, body.asset-398273 .open-day-filter .filter-button-container .filter_box_campus span {
  color: var(--secondary);
  font-family: "Griffith Sans Text";
  font-weight: 600;
}
body.asset-398273 .view-type {
  margin-top: 15px;
}
body.asset-398273 .filter-options {
  margin-top: 15px;
}
body.asset-398273 .filter-options-d {
  margin-top: 5px;
}
body.asset-398273 .open-day-filter .filtered-by {
  font-family: "Griffith Sans Display";
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
body.asset-398273 .open-day-filter .clear-all {
  cursor: pointer;
  margin-bottom: 15px;
}
body.asset-398273 .open-day-filter .filter-button-container .filter_box_study_area span.checkbox_indicator_tick, body.asset-398273 .open-day-filter .filter-button-container .filter_box_study_level span.checkbox_indicator_tick, body.asset-398273 .open-day-filter .filter-button-container .filter_box_campus span.checkbox_indicator_tick {
  background-color: var(--primary);
  padding-top: 1px;
}
body.asset-398273 main .slab .inner h4.feature {
  color: var(--primary);
}
body.asset-398273 li input[type="checkbox"]:checked + label span.checkbox:before {
  background-color: var(--primary);
}
body.asset-398273 .itinerary__container .itinerary .itinerary__head {
  background-color: var(--primary);
  color: var(--tertiary);
}
body.asset-398273 .itinerary__container .itinerary .itinerary__head h3 {
  color: var(--tertiary);
  margin: 0 !important;
}
body.asset-398273 .itinerary__container .itinerary .itinerary__head a {
  color: var(--tertiary);
}
body.asset-398273 #planner button.details:hover {
  border-bottom: 1px solid var(--primary);
  color: var(--primary);
}
body.asset-398273 .itinerary__container .itinerary .itinerary__items__container .itinerary__items div .remove:after {
  color: var(--primary);
}
body.asset-398273 .itinerary__container .itinerary .itinerary__items__container .itinerary__items div {
  margin-bottom: 5px;
}
body.asset-398273 .itinerary__container .itinerary .itinerary__items__container {
  height: -webkit-fill-available;
  background-color: var(--tertiary);
  border: none;
  overflow: scroll;
}
body.asset-398273 .itinerary__container .itinerary .itinerary__items__container .itinerary__items div.clash .card {
  border: 1.5px solid var(--primary);
}
body.asset-398273 .itinerary__container .itinerary .itinerary__items__container .itinerary__items div h4 {
  background-color: var(--secondary);
  color: var(--tertiary);
  padding: 5px 10px;
  margin-bottom: 5px !important;
  margin-top: 20px !important;
}
body.asset-398273 li label span.checkbox:hover:before {
  background-color: var(--primary);
}
body.asset-398273 #planner p.location {
  padding-left: 23px;
  margin-bottom: 5px;
  font-weight: 500;
  position: relative;
  color: var(--secondary);
}
body.asset-398273 .study-areas ul li input[type="checkbox"]:checked + label span.checkbox:after, body.asset-398273 .study-level ul li input[type="checkbox"]:checked + label span.checkbox:after {
  padding-top: 10px;
  color: var(--primary);
}
body.asset-398273 .study-areas ul li input[type="checkbox"]:checked + label, body.asset-398273 .study-level ul li input[type="checkbox"]:checked + label {
  background-color: var(--primary);
  color: var(--tertiary);
  border-color: var(--primary);
}
body.asset-398273 span.checkbox, body.asset-398273 #planner ul li {
  font-weight: 500;
  color: var(--secondary);
}
body.asset-398273 .view-type ul li a.active {
  color: var(--tertiary);
  padding: 5px 15px;
  background-color: var(--secondary);
}
body.asset-398273 a.refine, body.asset-398273 a.itinerary {
  font-size: 16px;
  font-weight: 500;
}
body.asset-398273 a.refine:before, body.asset-398273 a.itinerary:before {
  font-weight: 500;
}
body.asset-398273 main a {
  text-decoration: none;
}
body.asset-398273 main table.puff th {
  padding: 10px 20px;
  font-weight: 600;
  letter-spacing: 0.6px;
  font-size: 15px;
}
body.asset-256535 .nav-steps ul li {
  padding-left: 0px;
  margin-bottom: 5px;
}
body.asset-256535 .nav-steps ul li a {
  text-decoration: none;
}
body.asset-256535 .nav-steps a.show.active {
  font-weight: 600;
  color: #000;
  border-color: var(--primary) !important;
}
body.asset-256535 .nav-steps ul li a span {
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  margin-right: 5px;
}
body.asset-256535 .nav-steps .view h2 span {
  color: var(--primary);
  font-weight: 800;
  margin-right: 10px;
  font-size: 36px;
}
body.asset-256535 .nav-steps ul li:before {
  display: none;
}
body.asset-256535 .tool-tip .tool-tip-text a {
  color: var(--tertiary);
}
@keyframes reveal-right {
  from {
    clip-path: inset(0 100% -20px 0);
  }
  to {
    clip-path: inset(0 0 -20px 0);
  }
}

/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 24 November 2023 09:20:30
*/


header .desktop-nav nav.global h3 {
  font: 700 17px/30px "Griffith Sans Display", sans-serif;
}
header .desktop-nav nav.global > div > h3 a {
  border-bottom-width: 5px;
}
header .desktop-nav nav.global > div:hover > h3 a {
  border-bottom-color: var(--secondary);
  border-bottom-width: 5px;
}
header .inner > ul.portals {
  margin: 10px 0;
}
header .inner > ul.portals li form input[type=text], header .inner > ul.portals > li > a {
  font: 360 13px/30px "Griffith Sans Text", sans-serif;
  text-transform: inherit;
  letter-spacing: inherit;
  padding: 0 10px;
}
header .inner > ul.portals li form input[type=text] {
  background-color: var(--tertiary);
  border: 1px solid var(--secondary);
}
header .inner > ul.portals li.contact-us > div ul li a {
  line-height: 16px;
  font-size: 14px;
}
header .inner > ul.portals li.contact-us > div ul li a span.number {
  display: block;
  font-size: 17px;
  line-height: 20px;
}
header .inner > ul.portals li.contact-us > div ul li.future span.number {
  color: var(--primary);
}
header .logo p a, main .slab.videobg .bannerlogo.bannerlogo-black, main .slab.cssbg .bannerlogo.bannerlogo-black {
  background-image: url(/__data/assets/file/0029/1860941/griffith-logo-red.svg);
  background-size: contain;
}
header .logo {
  width: fit-content;
}
header .logo p a {
  width: 189px;
}
main .slab.videobg .bannerlogo.bannerlogo-white, main .slab.cssbg .bannerlogo.bannerlogo-white {
  background-image: url(/__data/assets/file/0033/1860945/griffith-logo-white.svg);
  background-size: contain;
}
header .mobile-nav ul {
  margin: 0;
  margin-top: 10px;
}
header .mobile-nav ul li:nth-child(1) {
  margin-left: 10px;
}
header .mobile-nav ul li a, header .mobile-menu.overlay ul.close li a, .search.overlay ul.close li a {
  display: inline-block;
}
header .mobile-nav ul li a {
  line-height: 1;
}
header .mobile-nav ul li a:before {
  font-weight: 400;
}
header .secondary-nav.secondary-nav--scroll.secondary-nav-fixed {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  transition: transform ease-out 400ms;
}
header .secondary-nav.secondary-nav-fixed.secondary-nav-fade-in .nav-b .secondary-nav__list li {
  opacity: 1;
  -webkit-transition: opacity 1.3s ease 200ms;
  -moz-transition: opacity 1.3s ease 200ms;
  -o-transition: opacity 1.3s ease 200ms;
  transition: opacity 1.3s ease 200ms;
}
.search.overlay form input[type=text] {
  font: 360 20px/30px "Griffith Sans Text", sans-serif;
  padding: 10px 60px 10px 10px;
}
.search.overlay form button {
  line-height: 0;
  background-color: var(--primary);
  border-color: var(--primary);
}
.search.overlay form button span:before {
  padding: 5px 15px 5px 15px;
  line-height: 40px;
}
header .overlay ul.close li a:before {
  line-height: 50px;
}
.search.overlay form {
  margin: 0 auto 20px auto;
}
.search.overlay h2, .search.overlay p.listing {
  font: 650 30px/40px "Griffith Sans Display", sans-serif;
  text-transform: inherit;
}
.search.overlay ol.flex.col-2 li {
  font: 360 16px/20px "Griffith Sans Text", sans-serif;
  text-transform: inherit;
  letter-spacing: inherit;
  padding: 0 0 5px 0;
}
.slab.pageinfo-dp p.breadcrumb {
  font-size: 13px;
  margin: 0;
}
.slab.pageinfo-dp p.breadcrumb a {
  text-decoration: none;
}
.slab.pageinfo p.breadcrumb, .slab.pageinfo-dp p.breadcrumb {
  color: var(--grey-medium);
  font-weight: 400;
}
.slab.pageinfo p.breadcrumb a:first-of-type, .slab.pageinfo-dp p.breadcrumb a:first-of-type {
  color: var(--black-medium);
  font-weight: 500;
}
.slab.pageinfo p.breadcrumb a, .slab.pageinfo-dp p.breadcrumb a {
  color: var(--black-60);
}
.slab.pageinfo p.breadcrumb a:focus, .slab.pageinfo p.breadcrumb a:hover, .slab.pageinfo-dp p.breadcrumb a:focus, .slab.pageinfo-dp p.breadcrumb a:hover {
  color: var(--black-medium);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  border-bottom: 0;
  text-underline-offset: 2px;
}
header .inner > ul.portals li a:hover, header .desktop-nav nav.global > div:hover > h3 a {
  color: var(--primary);
}
main textarea, main input, main select {
  font: 400 16px/19px "Griffith Sans Text", sans-serif;
}
main fieldset legend {
  font: 700 17px/21px "Griffith Sans Text", sans-serif;
}
footer .slab .inner h3 {
  font: 700 17px/30px "Griffith Sans Display", sans-serif;
  margin: 0;
}
footer .slab .inner ul li {
  font: 360 12px/15px "Griffith Sans Text", sans-serif;
  text-transform: inherit;
  letter-spacing: inherit;
  padding: 0 0 5px 0;
}
footer h3 a {
  font-weight: 360;
}

/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 24 November 2023 09:20:30
*/


h1, h2, h3, h4, h5, h6 {
  text-transform: inherit;
  letter-spacing: inherit;
}
h1 {
  font: 700 45px/45px "Griffith Sans Display", sans-serif;
}
h2 {
  font: 700 45px/45px "Griffith Sans Display", sans-serif;
}
h3 {
  font: 700 36px/40px "Griffith Sans Display", sans-serif;
}
h4 {
  font: 600 36px/40px "Griffith Serif Display", serif;
}
h5 {
  font: 900 25px/28px "Griffith Sans Display", sans-serif;
}
h6 {
  font: 275 19px/22px "Griffith Sans Display", sans-serif;
}
main .slab .inner h1, .slab.pageinfo .inner h1 {
  font: 700 45px/45px "Griffith Sans Display", sans-serif;
  text-transform: inherit;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
  color: var(--secondary);
  text-shadow: none;
}
main .slab .inner h2, main .slab .inner h2.faq.faq, main .slab .inner h2.feature {
  font: 700 30px/1 "Griffith Sans Display", sans-serif;
  text-transform: inherit;
  letter-spacing: 0.5px;
  margin: 5px 0 20px 0;
  color: var(--secondary);
  text-shadow: none;
}
main .slab .inner .flex > .gu3 > h2.feature, main .slab .inner .flex > .gu4 > h2.feature {
  font: 700 30px/35px "Griffith Sans Display", sans-serif;
  margin-top: 0 !important;
}
main .slab.trim-top .inner h2, main .slab.trim-top .inner h2.faq.faq, main .slab.trim-top .inner h2.feature {
  margin-top: 0;
}
main .slab.cssbg .inner h2, main .slab.cssbg .inner h3 {
  color: var(--tertiary);
}
main .slab.cssbg .inner .card.primary h2, main .slab.cssbg .inner .card.primary h3 {
  color: var(--secondary);
}
main .slab .inner h3, main .slab .inner h3.feature {
  font: 650 25px/1 "Griffith Sans Display", sans-serif;
  text-transform: inherit;
  margin: 5px 0 18px 0 !important;
  color: var(--secondary);
}
main .slab .inner .card > h3, main .slab .inner .card > h3.feature {
  font: 650 22px/25px "Griffith Sans Display", sans-serif;
  margin-top: 0 !important;
}
main .slab.feature .inner h2, main .slab.feature .inner h3, main .slab.feature .inner h2.feature, main .slab.feature .inner h3.feature, main .slab.cssbg .inner h2, main .slab.cssbg .inner h3, main .slab.cssbg .inner h2.feature, main .slab.cssbg .inner h3.feature, main .slab.secondary .inner h2, main .slab.secondary .inner h3, main .slab.secondary .inner h2.feature, main .slab.secondary .inner h3.feature, main .inner .card.secondary h3.feature {
  color: var(--tertiary);
}
main .inner .card.secondary h5.feature {
  color: var(--tertiary);
}
main .slab .inner .card.tertiary h2, main .slab .inner .card.tertiary h2.feature {
  color: var(--secondary);
}
main .slab.secondary .inner .card.primary h3 {
  color: var(--secondary);
}
main .slab.secondary .inner .card.primary h3, main .slab.secondary .inner .card.primary h2.feature, main .slab.secondary .inner .card.tertiary h3, main .slab.secondary .inner .card.tertiary h2.feature, main .slab.feature .inner .card.primary h3, main .slab.feature .inner .card.primary h2.feature, main .slab.feature .inner .card.tertiary h3, main .slab.feature .inner .card.tertiary h2.feature {
  color: var(--secondary);
}
main .slab .inner .card.tertiary > a {
  text-decoration: none;
}
main .slab .inner h3.light {
  font: 600 19px/21px "Griffith Serif text", serif;
}
main .slab .inner h2.light {
  font: 700 40px/40px "Griffith Sans Display", sans-serif;
}
main .slab a#forge-link:hover div.card {
  background-color: var(--primary);
  color: var(--tertiary);
  border-color: var(--tertiary);
}
main .slab.secondary .inner a.flex:hover > .card.primary h3, main .slab.secondary .inner a.flex:focus > .card.primary h3 {
  color: var(--tertiary);
}
main .slab .inner h4, main .slab .inner h4.feature {
  font: 600 22px/1 "Griffith Sans Display", sans-serif;
  text-transform: inherit;
  margin: 5px 0 16px 0 !important;
  letter-spacing: inherit;
}
main .slab .inner h4.light {
  font-family: "Griffith Serif Text";
}
main .slab.secondary .inner .tertiary h4.feature, main .slab.feature .inner .tertiary h4.feature {
  color: var(--primary);
}
main .slab .inner h5, .slab .inner h5, main .slab .inner h5 strong, main .slab .inner h5.feature {
  font: 580 20px/1 "Griffith Sans Display", sans-serif;
  margin: 5px 0 12px 0 !important;
  color: var(--secondary);
}
main .slab .inner h6, main .slab .inner h6.feature {
  font: 580 18px/1 "Griffith Sans Display", sans-serif;
  margin: 5px 0 12px 0 !important;
  color: var(--secondary);
}
main .slab.cssbg .inner h1, main .slab.cssbg .inner h2, main .slab.cssbg .inner h3, main .slab.cssbg .inner h4, main .slab.cssbg .inner h5, main .slab.cssbg .inner h6 {
  color: var(--tertiary);
}
main .slab.cssbg .inner .tertiary h1, main .slab.cssbg .inner .tertiary h2, main .slab.cssbg .inner .tertiary h3, main .slab.cssbg .inner .tertiary h4, main .slab.cssbg .inner .tertiary h5, main .slab.cssbg .inner .tertiary h6 {
  color: var(--secondary);
}
main .slab.cssbg .inner .tertiary h4 {
  color: var(--primary);
}
main .slab .inner .news-tile h3 {
  font-size: 22px;
}
@media (max-width: 767px) {
  main .slab .inner .news-tile h3 {
    font-size: 20px;
  }
}
main .slab.faq .inner h2.light {
  font: 700 30px/32px "Griffith Serif Display", serif;
}
main .slab.faq .inner h3 {
  font: 600 23px/25px "Griffith Sans Serif Display", sans-serif;
  padding: 10px 0px 5px 20px;
  margin-bottom: 0 !important;
}
main .slab.faq .inner h3 span {
  font: 600 15px/19px "Griffith Sans Display", sans-serif;
}
main .slab.faq .inner h3 span:after {
  font-size: 15px;
  color: var(--primary);
}
main .slab.faq .inner h3:hover span, .slab.faq .inner h3:focus span {
  color: var(--primary);
}
main .slab.faq .inner h4 {
  font: 550 18px/22px "Griffith Sans text", sans-serif;
  border-top: 1px solid var(--primary);
  margin: 10px 0px 3px 5px !important;
}
main .slab.faq .inner h4:after {
  color: var(--secondary);
}
main .slab.faq .inner h4:hover {
  background-color: transparent;
}
main .slab.faq .inner h4 + div > div {
  border-left: 5px solid var(--primary);
  padding-left: 20px;
}
main .slab.faq .inner hr {
  border: 0;
  border-top: 1px solid var(--primary);
  margin: 0;
}
@media (max-width: 767px) {
  main .slab.faq .inner h3 {
    padding: 0 0 10px 15px;
  }
  main .slab.faq .inner h4 {
    padding: 12px 25px 12px 15px;
  }
  main .slab.faq .inner h4 + div > div {
    padding-left: 10px;
  }
}
h1.accent:after, main .slab.slab .inner h1:after, main .slab.slab .inner h2:after, main .slab .inner h1.a-center:after, h2.accent:after, h2.light.accent:after, main .slab .inner h2.a-center:after, main .slab .inner h2.faq.faq:after, h3.accent:after, h3.light.accent:after, h4.accent:after, h5.accent:after, h6.accent:after, p.position.accent:after, p.intro.accent:after, p.feature.accent:after {
  display: none;
}
main .kb-article-header .kb-article-title h1, main .kb-article-header .kb-article-title h2, main .kb-article-header .kb-article-title h3, main .kb-article-header .kb-article-title h4, main .kb-article-header .kb-article-title h5, main .kb-article-header .kb-article-title h6 {
  font-family: "Griffith Sans Display", sans-serif;
  font-weight: 700;
}
main .kb-article-wrapper .KBarticleContainer h1, main .kb-article-wrapper .KBarticleContainer h2, main .kb-article-wrapper .KBarticleContainer h3, main .kb-article-wrapper .KBarticleContainer h4, main .kb-article-wrapper .KBarticleContainer h5, main .kb-article-wrapper .KBarticleContainer h6 {
  font-family: "Griffith Sans Display", sans-serif;
  font-weight: 700;
}
main .kb-search-page h1, main .kb-search-page h2, main .kb-search-page h3, main .kb-search-page h4, main .kb-search-page h5, main .kb-search-page h6 {
  font-family: "Griffith Sans Display", sans-serif;
  font-weight: 700;
}
main .canvasSupportHome .canvasSupportCard h3 {
  font-family: "Griffith Sans Display", sans-serif;
}
main .canvasSupportHome .canvasSupportCard a {
  color: var(--secondary);
}
main .canvasSupportHome .canvasSupportCard a:hover {
  color: var(--primary);
}
main .canvasSupportHome .canvasSupportCard .cardArticles > ul > li > a:hover {
  border-bottom: none;
}
main .tabLinks:hover {
  background-color: var(--primary);
  border-color: var(--primary);
}
main .tabLinksActive {
  background-color: var(--primary);
  border-color: var(--primary);
}
main .kb-article-header {
  background: var(--primary);
}
main .kb-search-page h3 {
  font-size: 18px;
}
main .kb-search-page a {
  text-decoration: none;
}
main .kb-search-page .kb-filter-link-active {
  background: var(--primary);
}
main .kb-search-content .searchResultLst:hover {
  background-color: var(--primary);
}
main #searchPageTitle h1 {
  font-family: "Griffith Sans Display", sans-serif;
  font-weight: 700;
}
main .kb-search-page .left-sidebar, main .kb-search-page .left-sidebar .siteNavHolder h3, main .kb-search-page .left-sidebar .accordion, main .kb-search-page .left-sidebar li, main .kb-search-page .right-sidebar, main .kb-article-wrapper .left-sidebar .accordion, main .kb-article-wrapper .left-sidebar li, main .kb-article-wrapper .right-sidebar .onThisPage, main .kb-article-wrapper #moreSupport .kbSupportTitle, main .kb-article-wrapper .KBarticleContainer a:link {
  font-family: "Griffith Sans Text", sans-serif;
  color: var(--secondary);
}
main .kb-article-wrapper a.supportBtn {
  color: var(--tertiary);
  background-color: var(--primary) !important;
  border-color: vr(--primary);
}
main .kb-article-wrapper a.supportBtn:hover {
  color: var(--primary);
  background-color: var(--tertiary) !important;
  border-color: var(--primary);
}
main .kb-article-wrapper .KBarticleContainer a {
  color: var(--secondary);
  border-bottom: 1px solid var(--secondary);
}
main .kb-article-wrapper .KBarticleContainer a:hover {
  color: var(--primary);
  border-bottom: 1px solid var(--primary);
}
main .KBarticleContainer li::before, .KBarticleContainer li::marker {
  color: var(--primary) !important;
}
main .kb-feedback-wrapper .kb-feedbackBtn > button {
  color: var(--tertiary);
  background: var(--secondary);
}
main .kb-feedback-wrapper .kb-feedbackBtn > button:hover {
  color: var(--secondary);
  background: var(--tertiary);
}

/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 24 November 2023 09:20:30
*/


main .slab .inner .banner h1, main .slab .inner .banner.feature h1, main .slab .inner .banner h2, main .slab .inner .banner.feature h2 {
  font: 700 45px/50px "Griffith Sans Display", sans-serif;
  text-transform: inherit;
  letter-spacing: 0.5px;
  text-shadow: inherit;
}
@media (max-width: 767px) {
  main .slab .inner .banner h1, main .slab .inner .banner.feature h1, main .slab .inner .banner h2, main .slab .inner .banner.feature h2 {
    font: 650 25px/30px "Griffith Sans Display", sans-serif;
    letter-spacing: inherit;
  }
}
main .slab .inner .banner h1:after {
  display: none;
}
main .slab .inner .banner h1, main .slab .inner .banner h2 {
  padding: 10px 20px;
  background-color: var(--feature);
}
main .slab .inner .banner:not(.feature) {
  width: inherit;
  padding: 0;
  margin: 0 0 40px 0;
}
main .slab .inner .banner:not(.feature) h1 {
  padding: 5px 10px;
  margin: 0;
  background-color: var(--feature);
  color: var(--tertiary);
  text-shadow: inherit;
}
main .slab .inner .banner:not(.feature) p {
  font: 300 25px/30px "Griffith Serif Display", sans-serif;
  font-style: italic;
  letter-spacing: 0;
  padding: 5px 10px;
  margin: 0;
  display: table;
  background-color: var(--secondary);
}
main .slab .flex.tiles > .card > a:first-child span, main .slab .inner .banner.feature h1, main .slab .inner .banner.feature h2, main .slab .inner .banner:not(.feature) h1, main .slab .inner .banner:not(.feature) p {
  animation-name: reveal-right;
  animation-duration: 900ms;
  animation-delay: 300ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
main .slab .inner .banner.feature {
  padding: 0;
  position: inherit;
  width: auto;
  margin-right: auto;
  margin-top: auto;
}
main .slab .inner .banner.feature:before {
  height: 20px;
  top: inherit;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--feature);
  mix-blend-mode: inherit;
}
main .slab .inner .banner.feature h1, main .slab .inner .banner.feature h2 {
  padding: 10px 20px;
  color: var(--tertiary);
  background-color: var(--feature);
  margin: 0;
  display: inline-block;
  text-align: left;
  position: absolute;
  bottom: 0;
  width: auto;
}
main .slab.apply-banner .inner .flex.a-middle {
  align-content: flex-end;
}
main .slab .inner .banner.feature p.btn {
  font-family: "Griffith Sans Text", sans-serif;
}
main .slab .inner .banner.feature p:not(.btn) {
  display: none;
}
main .slab .inner .banner.study h1 {
  text-shadow: inherit;
  max-width: 32ch;
}
main .slab .inner .banner.study .flex .gu10 p {
  font-family: "Griffith Sans Text";
  display: none;
}
main .slab .inner .banner.study p:not(.btn) {
  display: none;
}
@media (max-width: 767px) {
  main .slab .inner .banner:not(.feature) p {
    font-size: 20px;
  }
}

/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 24 November 2023 09:20:30
*/


main .product a i {
  cursor: pointer;
  color: var(--secondary);
}
main .product a i:hover {
  color: var(--primary);
}
main .slab .personalisation .tooltip ul li a {
  text-decoration: none;
}
main .slab .personalisation .tooltip a.tooltip-close {
  text-decoration: none;
}
main .slab .personalisation .tooltip .tool-tip-text p, main .slab .personalisation .tooltip .tool-tip-text ul li {
  font-size: 13px;
  line-height: 15px;
}
main .slab.vos .personalisation .tooltip ul li a:focus, main .slab.vos .personalisation .tooltip ul li a:hover, main .slab .personalisation .tooltip ul li a:focus, main .slab .personalisation .tooltip ul li a:hover {
  background-color: var(--primary);
}
main .slab.vos .personalisation .tooltip h2, main .slab.vos .personalisation .tooltip p.question, .slab .personalisation .tooltip h2, main .slab .personalisation .tooltip p.question {
  color: var(--primary);
}
main .slab.study-half-promo p.name {
  font-family: "Griffith Serif Text", serif;
  font-weight: 400;
}
main .slab .flex.stem-study-options > a, main .slab .flex.stem-study-options > a > .card, main .slab .flex.stem-study-options > a > .card h3, main .slab .flex.stem-study-options > a > .card p {
  text-decoration: none;
}
main .slab[data-asset-id="65705"] a {
  text-decoration: none;
  color: var(--secondary);
}
main .slab .banner.feature.study > .flex {
  width: 100vw;
}
main .slab .banner.feature.study .cta a, main .slab.apply-banner .popout-cta a {
  background-color: var(--tertiary);
  color: var(--primary);
  margin-bottom: 5px;
  text-transform: inherit;
}
main .slab .banner.feature.study .cta a:hover, main .slab.apply-banner .popout-cta a:hover, main .slab .banner.feature.study .cta a:focus, main .slab.apply-banner .popout-cta a:focus {
  background-color: var(--primary);
  color: var(--tertiary);
  border-color: var(--primary);
}
main ul.study-areas li a {
  text-decoration: none;
}
main ul.study-areas li a:focus, main ul.study-areas li a:hover {
  color: var(--primary);
}
main .study-study-areas .slab .card > a {
  text-decoration: none;
}
main .study-study-areas .slab .card > a:hover h3, main .study-study-areas .slab .card > a:focus h3 {
  color: var(--primary);
}
main .slab.degrees-listing-app .filter-options .multiselect .multiselect__content-wrapper .multiselect__option--highlight {
  background-color: var(--primary);
}
main .moduleApp div.filter-group ul li label {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;
}
.Twilio .css-cpjnaa {
  background-color: var(--secondary);
  bottom: 15px;
  right: 15px;
  padding: 10px;
  box-shadow: rgba(255, 255, 255, 0.04) -7px -10px 18px 0px;
}
.Twilio .css-cpjnaa .css-wb64st {
  margin-right: 0;
}
.tealium-cookie-popup a {
  color: #fff;
  text-decoration-color: var(--tertiary);
}
a#forge-link {
  text-decoration: none;
}
a#forge-link:hover h3 {
  color: var(--tertiary);
}
div#major-options a {
  text-decoration: none;
}
main div[data-discipline="0153"] a#forge-link {
  text-decoration: none;
}
main div[data-discipline="0153"] a#forge-link:hover {
  text-decoration: none;
}
main .degree-search div[data-component="Degree Autocomplete Search"] form input.button--cross, main .degree-search div[data-component="Degree Autocomplete Search"] form input.button--search[type=submit] {
  background-color: var(--primary) !important;
}
main .degree-search div[data-component="Degree Autocomplete Search"] form .search-form__text {
  border: 2px solid var(--primary) !important;
}
main .degree-search div[data-component="Degree Autocomplete Search"] h3.study-area-header a, main .degree-search div[data-component="Degree Autocomplete Search"] a.gu-home-modal-search__results__list__item__link {
  text-decoration: none;
  color: var(--tertiary);
}
div[data-component="Degree Autocomplete Search"] form input.button--search.searching[type=submit], .search-page .search-icon.searching {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0021/1863201/searching-spin-1.svg);
}
main .slab.cssbg.apply-steps .inner .card.trim > h3 {
  background-color: transparent;
  color: var(--grey-medium);
  min-height: 70px;
  text-transform: unset;
  vertical-align: middle;
  text-align: left;
}
main .slab.cssbg.apply-steps .inner .card.trim {
  padding: 20px;
  margin: 0;
  border-bottom: 2px solid var(--color-primary);
}
main .slab.cssbg.apply-steps .inner .col-3 {
  background-color: var(--tertiary);
  padding: 0px 30px;
  justify-content: space-between;
}
main .slab.cssbg.apply-steps .inner h2 {
  background-color: var(--primary);
  padding: 30px 20px;
  line-height: 0px;
  margin: 0;
  width: fit-content;
}
main .slab .inner .suggestions {
  background-color: var(--tertiary);
  color: var(--secondary);
}
main .slab .inner .suggestions li a {
  color: var(--secondary);
}
main .slab .inner .suggestions li a:hover, .suggestions li a:focus {
  cursor: pointer;
  color: var(--feature);
}
main .slab .inner .suggestions li a:hover .searchInfo, .suggestions li a:focus .searchInfo {
  text-decoration: none;
  text-underline-position: under;
}
.courses-to-degrees-map .flex .header p.code, .results-wrapper .search-results .flex .header p.code {
  font-family: "Griffith Sans Text";
}
.courses-to-degrees-map .flex .header, .results-wrapper .search-results .flex .header {
  border-bottom: 2px solid var(--primary);
}
.red-underline {
  border-bottom: 4px solid var(--primary);
}
@media (max-width: 767px) {
  main .results-wrapper .search-results .mobile-front-search-filters .facetlist {
    flex-direction: column;
  }
}
.search-page .search-icon {
  background-color: var(--primary) !important;
}
.search-filters.gu3.card.a-left.tertiary h2.red-underline {
  font-size: 26px;
}
main .app-wrapper.search-page .degree-course-select select {
  background-image: url(https://www.griffith.edu.au/study/degree-finder-application/configuration/accreditation-assets/Chevron-down.svg);
}
.courses-to-degrees-map .flex .header p.course a, .courses-to-degrees-map .flex .header p.degree a, .results-wrapper .search-results .flex .header p.course a, .results-wrapper .search-results .flex .header p.degree a {
  border-bottom: 0;
  font-family: "Griffith Sans Text";
  text-decoration: none;
}
.course-page table tbody td, .degree-page table tbody td, .course-page table th, .degree-page table th {
  font-family: "Griffith Sans Text";
  padding: 1em;
  letter-spacing: 0;
}
.course-page table th, .degree-page table th {
  font-weight: 600;
  font-size: 15px;
}
.results-wrapper .search-results .mobile-front-search-filters .facetlist {
  margin: 0;
  margin-top: 7px;
  padding-left: 0;
  display: flex;
  list-style: none;
}
.results-wrapper .search-results .mobile-front-search-filters .facetlist li {
  font-family: "Griffith Sans Text";
  display: -ms-flexbox;
  display: flex;
  margin: 0px 5px 0px 0px;
  -ms-flex-align: center;
  align-items: center;
}
.results-wrapper .search-results .mobile-front-search-filters .facetlist li label {
  width: 100%;
  margin-block-end: 0.2em;
  margin-block-start: 0.2em;
  padding: 0;
  margin-left: 0.4rem;
}
.courses-to-degrees-map .flex .card.result:focus-within, .courses-to-degrees-map .flex .card.result:hover, .results-wrapper .search-results .flex .card.result:focus-within, .results-wrapper .search-results .flex .card.result:hover {
  border: 1px solid var(--primary);
  transition: all 0.3s ease-in;
}
.results-wrapper .search-results .flex.degree-info .description p {
  font-size: 14px;
}
@media (max-width: 768px) {
  .courses-to-degrees-map .flex .card.result .degree-image, .results-wrapper .search-results .flex .card.result .degree-image {
    max-height: 150px;
  }
  .degree-page table tbody tr td, .course-page table tbody tr td {
    width: 100%;
  }
  .degree-page table tbody tr td.td-course-list-title, .course-page table tbody tr td.td-course-list-title {
    min-width: 60vw;
  }
}
main .slab .inner .degree-cards .ribbon .save-degree, main .slab .inner .degree-cards-related .ribbon .save-degree, .results-wrapper .search-results .flex.degree-info .ribbon .save-degree {
  bottom: -1px;
}
main .slab .inner .degree-cards .header p.degree-prefix, main .slab .inner .degree-cards-related .header p.degree, main .slab .inner .degree-cards-related .header p.course, main .slab .inner .degree-cards .header p.degree, main .slab .inner .degree-cards .header p.course, main .slab .inner .degree-cards-related p.degree a, main .slab .inner .degree-cards p.degree a, .courses-to-degrees-map .flex.degree-info p.degree, .results-wrapper .search-results .flex.degree-info p.degree, .results-wrapper .search-results .flex.degree-info p.degree a, .courses-to-degrees-map .flex .header p.degree-prefix, .results-wrapper .search-results .flex .header p.degree-prefix {
  font-family: "Griffith Sans Text";
  text-decoration: none;
  letter-spacing: 0px;
}
main .slab .inner .degree-card-wrapper p.cost .tooltip ul li a, .tooltip ul li a {
  text-decoration: none;
}
main .slab .inner .degree-card-wrapper p.cost .tooltip a.tooltip-close, .tooltip a.tooltip-close {
  text-decoration: none;
}
main .slab .inner .degree-card-wrapper p.cost .tooltip .tool-tip-text p, main .slab .inner .degree-card-wrapper p.cost .tooltip .tool-tip-text ul li, .tool-tip-text ul li, .tooltip .tool-tip-text p {
  font-size: 13px;
  line-height: 15px;
}
main .slab .inner .degree-cards-related .card.result:hover, main .slab .inner .degree-cards-related .card.result:focus-within, main .slab .inner .degree-cards .card.result:hover, main .slab .inner .degree-cards .card.result:focus-within {
  border: 1px solid var(--primary);
  transition: all 200ms ease-in;
}
main .slab .inner .degree-cards-related .header p.degree-prefix {
  font-family: "Griffith Sans Display";
  padding: 0;
}
main a.tool-tip {
  color: var(--tertiary);
}
.tool-tip .tool-tip-text {
  font-family: "Griffith Sans Text";
}
main .degree-page #career-outcomes strong, main section.comparison-bar p.btn a, main section.comparison-bar div.product p.degree, main section.comparison-bar div.product .prefix, main section.comparison-bar div.product > p.code {
  font-family: "Griffith Sans Text";
}
main .toggle-tab a, main section.comparison-bar div.product p.degree a {
  text-decoration: none;
}
@media (min-width: 1024px) {
  main .slab .inner .degree-cards .header, main .slab .inner .degree-cards-related .header, .courses-to-degrees-map .flex.degree-info .header, .results-wrapper .search-results .flex.degree-info .header {
    min-height: 11em;
    padding: 0px 10px 10px 10px;
  }
  main .slab .inner .degree-cards .header p.degree-prefix, main .slab .inner .degree-cards-related .header p.degree, main .slab .inner .degree-cards-related .header p.course, main .slab .inner .degree-cards .header p.degree, main .slab .inner .degree-cards .header p.course, main .slab .inner .degree-cards-related p.degree a, main .slab .inner .degree-cards p.degree a, .courses-to-degrees-map .flex.degree-info p.degree, .results-wrapper .search-results .flex.degree-info p.degree, .results-wrapper .search-results .flex.degree-info p.degree a, .courses-to-degrees-map .flex .header p.degree-prefix, .results-wrapper .search-results .flex .header p.degree-prefix {
    padding: 0;
  }
}
@media (max-width: 769px) {
  main .slab .inner .degree-cards .header, main .slab .inner .degree-cards-related .header {
    min-height: 9.3em;
    padding: 0px 10px 10px 10px;
  }
}
main .slab.tertiary .inner h3, main .card.tertiary .inner h3.feature {
  color: var(--secondary);
}
main .slab .inner .accordion > button {
  font-family: "Griffith Sans Text";
  background-color: var(--secondary);
}
.app-wrapper .xtabs .xtab, .app-wrapper .course-page table th, .app-wrapper .degree-page table th, .app-wrapper .course-page table tbody td, .app-wrapper .degree-page table tbody td, .app-wrapper .course-page table tbody td a, .app-wrapper .degree-page table tbody td a, .facts-panel small.fee {
  font-family: "Griffith Sans Text";
}
main .degree-page .slab .inner .banner.study p:not(.btn) {
  display: block;
}
main .degree-page .banner.study.feature .banner-title p, main .course-page .banner.study.feature .banner-title p {
  display: block;
  font-size: 34px;
  font-weight: 600;
  font-family: "Griffith Sans Display";
}
.search-filters .facetlist li label {
  width: 100%;
  margin-block-start: 0.3em;
  margin-block-end: 0.3em;
  padding: 0px;
  margin-left: 0.6rem;
}
main .degree-page .banner.study.feature .banner-title p:last-child {
  line-height: 26px;
  font-family: "Griffith Sans Display";
  font-weight: 600;
  letter-spacing: 0.01em;
}
.responsive-table .thead .table-heading {
  color: var(--tertiary);
}
main .degree-page .banner.study.feature .banner-title p:first-child {
  font-family: "Griffith Sans Text";
}
main .course-page .in-page-nav .nav-items, main .degree-page .in-page-nav .nav-items {
  font-family: "Griffith Sans Text";
  color: var(--secondary);
}
main .course-page .in-page-nav .nav-items.in-view, main .degree-page .in-page-nav .nav-items.in-view {
  border-bottom: 2px solid var(--primary);
}
main .course-page .facts-panel .info-group .info-group-title, main .degree-page .facts-panel .info-group .info-group-title {
  position: relative;
  font-size: 17px;
  text-transform: uppercase;
  font-family: "Griffith Sans Text";
  padding-bottom: 3px;
}
main .course-page .facts-panel .requirements-badges .badge, main .degree-page .facts-panel .requirements-badges .badge {
  font-family: "Griffith Serif Text";
}
main .course-page .facts-panel .requirements-badges .badge span, main .degree-page .facts-panel .requirements-badges .badge span {
  color: var(--primary);
  font-family: "Griffith Sans Text";
}
main .course-page .facts-panel .info-group dl dd, main .degree-page .facts-panel .info-group dl dd {
  padding-left: 33px;
  margin-bottom: 5px;
}
main .course-page .floating-action-btn a, main .degree-page .floating-action-btn a {
  background-color: var(--primary);
  font-weight: 700;
  text-decoration: none;
  font-family: "Griffith Sans Text";
}
main .course-page .responsive-table .thead {
  background-color: var(--secondary);
}
main .course-page .responsive-table .thead .table-heading {
  color: var(--teritary);
}
main section.slab .courses-degrees-map .mapping-container .type-selector button {
  background-color: #fff;
  font-family: "Griffith Sans Text";
}
main section.slab .courses-degrees-map .mapping-container .type-selector button.selected {
  border-bottom: 2px solid var(--primary);
}
.slab ul.keydates-tags > li {
  max-height: 26px;
}
main #welcome.slab .inner h1 span, main #welcome.slab .inner h1, main #welcome.slab .inner h2 span, main #welcome.slab .inner h2, main #the-position.slab .inner h1 span, main #the-position.slab .inner h1, main #the-position.slab .inner h2 span, main #the-position.slab .inner h2, main #the-position.slab .inner h4, main #our-university.slab .inner h1 span, main #our-university.slab .inner h1, main #our-university.slab .inner h2 span, main #our-university.slab .inner h2, main #research-scholarship.slab .inner h1 span, main #research-scholarship.slab .inner h1, main #research-scholarship.slab .inner h2 span, main #research-scholarship.slab .inner h2, main #research-scholarship.slab .inner h4 {
  font-family: "Griffith Serif Text";
}
header .slab.black .inner .logo a.ir {
  margin-bottom: 10px;
  height: 60px;
  width: 200px;
  background-image: url(/__data/assets/file/0042/1766868/grififth-logo-white.svg);
  background-position: center;
}
header div.black ul a.selected, header div.black ul a:hover {
  background-color: #c01625;
  color: var(--tertiary);
}
header div.black {
  background-color: var(--primary);
  color: var(--tertiary);
}
main #welcome.slab .inner h1 span {
  font-weight: 400;
}
main #our-university.slab .inner h3, main #intro.slab .inner h3, main #the-position.slab .inner h3, main #research-scholarship.slab .inner h3 {
  font-family: "Griffith Sans Display";
  font-size: 27px;
}
body.asset-327154 .factor {
  color: var(--primary);
  font-size: 2.2em;
  line-height: 1;
  text-align: center;
  font-weight: 700;
}
body.asset-327154 .result {
  color: var(--primary);
  font-size: 2.8em;
  text-align: center;
  font-weight: 700;
  line-height: 1;
}
body.asset-327154 .operator p {
  font-size: 28px;
  font-weight: 600;
}
body.asset-327154 main .slab .inner h3.feature {
  font-family: "Griffith Serif Text";
}
body.asset-1605170 main .slab .inner {
  font-family: "Griffith Sans Text";
}
body.asset-1605170 .pathway-tool p {
  font-family: "Griffith Sans Text";
}
body.asset-1605170 .pathway-tool .current-question-heading {
  color: var(--primary);
  font-size: 14px;
  font-family: "Griffith Sans Display";
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 14px 0;
}
body.asset-1605170 .pathway-tool .option.card.tertiary p.option-title {
  font-weight: 600;
  letter-spacing: 0.35px;
  margin: 0;
  color: var(--primary);
}
body.asset-1605170 .pathway-tool .option.card.tertiary:hover {
  cursor: pointer;
  transition: 0.25s;
  border: solid 1px var(--primary);
}
body.asset-1605170 .pathway-tool .option.card.tertiary:hover .desktop-option {
  background-color: var(--primary);
  position: absolute;
  bottom: 0;
  padding: 8px;
  text-align: center;
}
body.asset-1605170 .pathway-tool .current-question-heading:after {
  content: "";
  width: 25px;
  height: 2px;
  background-color: var(--primary);
  display: block;
  margin: 0 auto;
  position: relative;
  right: 3px;
  margin-top: 12px;
}
body.asset-1605170 .pathway-tool .results-heading p:after {
  content: "";
  width: 25px;
  height: 2px;
  background-color: var(--primary);
  display: block;
  margin: 0 auto;
  position: relative;
  right: 3px;
  margin-top: 12px;
}
body.asset-1605170 .pathway-tool .option.card.tertiary p:not(.option-title) {
  font-weight: 500;
  margin: 0;
  color: var(--tertiary);
  line-height: 1.1;
  font-size: 11px;
}
body.asset-1605170 .pathway-tool .option.card.tertiary:hover .desktop-option-description p {
  color: var(--secondary);
  padding-top: 14px;
}
body.asset-1605170 .pathway-tool .breadcrumbs .breadcrumb-arrow:after {
  content: "/";
  font-weight: 900;
  margin-left: 6px;
  font-size: 14px;
  color: var(--primary);
  position: relative;
  bottom: 2px;
}
body.asset-1605170 .pathway-tool .results-heading p {
  color: var(--primary);
}
body.asset-1605170 .pathway-tool .restart-text, body.asset-1605170 .pathway-tool .back-text {
  color: var(--primary);
  font-weight: 700;
  margin: 0;
  font-family: "Griffith Sans Display" !important;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
}
body.asset-1605170 .pathway-tool .personalised-message span {
  color: var(--primary);
}
body.asset-1605170 .pathway-tool .personalised-message span:hover {
  border: 1px solid var(--primary);
  transition: all 0.5s;
}
body.asset-1605170 .pathway-tool .pathway-about .learn-more-pathway {
  background-color: var(--primary);
}
body.asset-1605170 .available-pathways a.pathway {
  display: block;
  border-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  color: var(--primary);
  text-decoration: none;
}
body.asset-1605170 .pathway-tool .pathway-container:hover {
  border: 1.5px solid var(--primary);
}
body.asset-478257 .slab.pageinfo .inner h1 {
  margin: 0.4em 0 0 0;
  font: 700 45px/45px "Griffith Sans Display", sans-serif;
}
body.asset-478257 .activities .indicator {
  margin: 6px 20px 6px 6px;
  padding: 7.3px 0;
}
body.asset-478257 p.btn.feature button {
  cursor: pointer;
  background-color: var(--primary);
  border: 1px solid var(--primary);
}
body.asset-478257 p.btn.feature button:hover {
  background-color: #c02424;
  border-color: #c02424;
}
body.asset-58784 main .slab .inner h1.make-it-header {
  display: block !important;
  color: white;
  text-shadow: none;
  font-size: 120px !important;
  font-family: "Griffith Sans Display" !important;
  margin-bottom: 35px !important;
}
body.asset-58784 main .slab .inner p.make-it-subheader {
  color: var(--tertiary);
  font-weight: 500;
}
body.asset-58784 main .slab .inner .flex .modal-expand .card h3 {
  font-size: 16px !important;
  margin-bottom: 5px !important;
  line-height: 1.2;
}
body.asset-58784 main .slab .inner p#modalName {
  letter-spacing: 0;
  color: var(--secondary);
  text-transform: uppercase;
  font-family: "Griffith Sans Display";
  font-weight: 600;
  margin: 0;
  font-size: 26px;
  padding-bottom: 20px;
}
body.asset-58784 main div.expansion {
  border-top: 4px solid var(--primary) !important;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 101;
  background-color: #f2f2f2;
  color: black;
  border-color: #474747;
  padding: 0px 0 30px 0;
}
body.asset-58784 main p#modalDegree {
  letter-spacing: 0.025em;
  color: var(--secondary);
  text-transform: uppercase;
  font-family: "Griffith Sans Display";
  font-weight: 500;
  margin: 0;
}
body.asset-58784 main div.expansion {
  border-top: 4px solid var(--primary) !important;
}
body.asset-58784 main .slab .inner .flex > a.popup-accordion.popup-youtube:hover a h3 {
  color: var(--barbie);
}
.card.area {
  padding: 0px;
  display: grid;
  grid-template-areas: "title" "description";
  text-align: left;
  aspect-ratio: 0.7142857143;
  grid-template-rows: 1fr 1fr;
  position: relative;
  background: var(--secondary);
  border-radius: 1px;
  z-index: 1;
}
@media (max-width: 767px) {
  .card.area {
    grid-template-rows: 0.5fr 1fr;
    aspect-ratio: 0;
  }
}
.card.area picture {
  margin: 0px;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  object-fit: cover;
  transform-style: flat;
}
.card.area picture::before {
  transition: all 300ms ease-in;
  content: "";
  backdrop-filter: blur(2px);
  background: rgba(0, 0, 0, 0.55);
  position: absolute;
  clip-path: inset(-80px 0px 0px 0px);
  box-shadow: 0px -24px 21px 8px rgba(0, 0, 0, 0.55);
  border-radius: 1px;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 72%;
  z-index: -1;
}
@media (max-width: 767px) {
  .card.area picture::before {
    height: 60%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .card.area picture::before {
    height: 60%;
  }
}
.card.area picture img {
  position: absolute;
  inset: 0 0 0 0;
  object-view-box: inset(0);
  transition: all 300ms ease-in;
  margin: 0px;
  width: 100%;
  height: inherit;
  border-radius: 1px;
  object-fit: cover;
  z-index: -3;
}
.card.area p.title {
  grid-area: title;
  display: grid;
  place-content: end start;
  padding: 20px;
  padding-bottom: 0;
  margin: 0px;
  font-weight: 700;
  font-family: "Griffith Sans Display", sans-serif;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.35);
  color: var(--white-medium);
}
@media (max-width: 767px) {
  .card.area p.title {
    padding-bottom: 0;
    font-size: 24px;
  }
}
.card.area p.description {
  grid-area: description;
  color: var(--white-medium);
  padding: 20px;
  height: 240px;
  margin-bottom: 0px;
  line-height: 19px;
  text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.35);
}
@media (max-width: 767px) {
  .card.area p.description {
    font-size: 16px;
    line-height: 1.5rem;
  }
}
.card.area .link {
  grid-row: 1 / -1;
  grid-column: 1 / -1;
  margin: 0;
  display: block;
  border-radius: 1px;
  border: 0px solid var(--primary);
  width: 100%;
  height: 100%;
  box-shadow: -4.1px -6.9px 8.3px -3.19px rgba(0, 0, 0, 0.05), -2.5px -3.2px 15.1px 2.6px rgba(0, 0, 0, 0.05), -6.8px -9px 9.7px -4px rgba(0, 0, 0, 0.05), -10.1px -16.4px 16px -5.6px rgba(0, 0, 0, 0.05);
  transition: all 300ms ease-in;
  z-index: 4;
}
.card.area .link::after {
  opacity: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(205deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 70%);
  transition: all 300ms ease-in;
}
.card.area .ribbon {
  grid-area: title;
  grid-column: -1;
  position: absolute;
  top: -2px;
  right: 10px;
  width: 30px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 5;
}
.card.area .ribbon a.save > i {
  transition: all 300ms ease-in;
  background: -webkit-gradient(linear, left top, left bottom, from(#dc57b4), to(#ffa7e5));
  box-shadow: -4.1px -6.9px 8.3px -3.19px rgba(0, 0, 0, 0.05), -2.5px -3.2px 15.1px 2.6px rgba(0, 0, 0, 0.05), -6.8px -9px 9.7px -4px rgba(0, 0, 0, 0.05), -10.1px -16.4px 16px -5.6px rgba(0, 0, 0, 0.05);
  display: block;
  -webkit-mask-size: 20px;
  width: 30px;
  height: 25px;
  margin-top: 12px;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='like' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256,483.5c-7.3,0-14.3-2.6-19.8-7.4C215.5,458,195.6,441,178,426l-0.1-0.1C126.3,382,81.8,344,50.8,306.6 C16.1,264.8,0,225.2,0,181.9C0,139.8,14.4,101,40.6,72.6C67.1,43.8,103.5,28,143,28c29.6,0,56.6,9.3,80.4,27.8 c12,9.3,22.9,20.7,32.5,34c9.6-13.3,20.5-24.7,32.5-34C312.4,37.3,339.4,28,369,28c39.5,0,75.9,15.8,102.4,44.6 C497.6,101,512,139.8,512,181.9c0,43.3-16.1,82.9-50.8,124.7c-31,37.4-75.5,75.4-127.1,119.3c-17.6,15-37.6,32-58.3,50.2 C270.3,480.9,263.3,483.5,256,483.5z M147,68c-30,0-57.5,11.8-77.5,33.1C49.2,122.8,38,152.8,38,185.6c0,34.6,13.1,65.5,42.3,100.3 c28.3,33.6,70.4,68.9,119.1,109.8l0.1,0.1c17,14.3,36.3,30.5,56.4,47.8c20.2-17.3,39.6-33.6,56.6-47.9 c48.7-40.9,90.8-76.2,119.1-109.8c29.3-34.8,42.3-65.7,42.3-100.3c0-32.8-11.2-62.8-31.5-84.5C422.5,79.8,394.9,68,365,68 c-22,0-42.1,6.9-59.9,20.4c-15.9,12.1-26.9,27.3-33.4,38c-3.3,5.5-9.2,8.8-15.7,8.8s-12.4-3.3-15.7-8.8c-6.5-10.7-17.5-25.9-33.4-38 C189.1,74.9,169,68,147,68z'/%3E%3C/svg%3E");
}
.card.area .ribbon a.save > i:hover {
  box-shadow: -0.3px -0.7px 2.5px -0.09px rgba(0, 0, 0, 0.05), -1.9px -4px 5px -0.4px rgba(0, 0, 0, 0.05), -3.6px -7.8px 9.7px -0.8px rgba(0, 0, 0, 0.05), -6.3px -13.6px 16.9px -1.2px rgba(0, 0, 0, 0.05), -10.7px -23.1px 28.6px -1.7px rgba(0, 0, 0, 0.05), -17.5px -37.9px 47px -2.1px rgba(0, 0, 0, 0.05), -27.6px -59.7px 74px -2.5px rgba(0, 0, 0, 0.05);
  transition: all 300ms ease-out;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg id='like' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256,483.5c-7.3,0-14.3-2.6-19.8-7.4C215.5,458,195.6,441,178,426l-0.1-0.1C126.3,382,81.8,344,50.8,306.6 C16.1,264.8,0,225.2,0,181.9C0,139.8,14.4,101,40.6,72.6C67.1,43.8,103.5,28,143,28c29.6,0,56.6,9.3,80.4,27.8 c12,9.3,22.9,20.7,32.5,34c9.6-13.3,20.5-24.7,32.5-34C312.4,37.3,339.4,28,369,28c39.5,0,75.9,15.8,102.4,44.6 C497.6,101,512,139.8,512,181.9c0,43.3-16.1,82.9-50.8,124.7c-31,37.4-75.5,75.4-127.1,119.3c-17.6,15-37.6,32-58.3,50.2 C270.3,480.9,263.3,483.5,256,483.5z'/%3E%3C/svg%3E");
}
.card.area:hover .link {
  border-left: 4px solid var(--primary);
  box-shadow: -0.3px -0.7px 2.5px -0.09px rgba(0, 0, 0, 0.05), -1.9px -4px 5px -0.4px rgba(0, 0, 0, 0.05), -3.6px -7.8px 9.7px -0.8px rgba(0, 0, 0, 0.05), -6.3px -13.6px 16.9px -1.2px rgba(0, 0, 0, 0.05), -10.7px -23.1px 28.6px -1.7px rgba(0, 0, 0, 0.05), -17.5px -37.9px 47px -2.1px rgba(0, 0, 0, 0.05), -27.6px -59.7px 74px -2.5px rgba(0, 0, 0, 0.05);
  transition: all 300ms ease-out;
}
.card.area:hover .link::after {
  opacity: 1;
  transition: all 300ms ease-out;
}
.card.area:hover picture img {
  object-view-box: inset(3px 3px 3px 3px);
  transition: all 300ms ease-out;
}
body.asset-1699645 .accordion-group > div.title {
  font-family: "Griffith Serif Text" !important;
}
body.asset-67002 main .slab a.news-tile .news-tile-details h3 {
  margin-bottom: 8px !important;
}
body.asset-67002 main .slab a.news-tile .news-tile-details p.news-tile-details-date {
  font-weight: 500;
}
body.asset-67002 main .slab a.news-tile .news-tile-details p.location {
  margin-bottom: 8px;
  font-weight: 500;
}

/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 24 November 2023 09:20:30
*/


header .secondary-nav.secondary-nav--scroll .nav-b .logo.logo-nav-b, header .mobile-menu__header .logo {
  display: grid;
  align-items: center;
}
header .secondary-nav.secondary-nav--scroll .nav-b .logo.logo-nav-b p a, header .mobile-menu__header .logo p a {
  background-image: url("/__data/assets/file/0042/1766868/grififth-logo-white.svg");
  width: 160px;
  height: 35px;
  margin-top: 0;
}
main .degree-search p.btn.box.fill.tertiary a {
  padding: 12px 20px;
}
main .degree-search p.btn.box.fill.tertiary a span {
  text-transform: capitalize;
  color: var(--secondary);
  font-weight: 600;
}
main .degree-search p.btn.box.fill.tertiary a:hover span {
  color: var(--tertiary);
}
main li.study-areas__item:before {
  margin-left: unset;
  margin-right: unset;
}
main .slab .inner .gu-home-autocomplete-search-results-wrapper {
  text-align: left;
}
main .slab .inner .gu-home-autocomplete-search-results {
  background-color: #eeeeee;
  color: var(--secondary);
  padding: 0px 20px;
  overflow-y: scroll;
  max-height: 500px;
}
main .slab .inner .gu-home-modal-search__results__list {
  list-style: none;
  margin: 0 0 15px;
  margin-bottom: 0px;
  border-bottom: none;
}
main .slab .inner .gu-home-modal-search__results__list h3.study-area-header {
  display: block;
  background-color: var(--secondary);
  padding: 10px 20px;
  font-size: 20px !important;
  width: calc(100% + 60px);
  margin-left: -20px !important;
  margin-bottom: 20px !important;
  margin-top: 0px !important;
}
main .slab .inner .gu-home-modal-search__results__list h3.study-area-header :first-child {
  margin-top: 0;
}
main .slab .inner .gu-home-modal-search__results__list li.gu-home-modal-search__results__list__item {
  padding: 0;
  margin: 0px;
  font-size: 1rem;
}
main .slab .inner .gu-home-modal-search__results__list li.gu-home-modal-search__results__list__item .gu-home-modal-search__results__list__item__link__item-name, main .slab .inner .gu-home-modal-search__results__list li.gu-home-modal-search__results__list__item .gu-home-modal-search__results__list__item__link__item-extras {
  color: var(--black-60);
  margin-bottom: 10px;
}
main .slab .inner .gu-home-modal-search__results__list li.gu-home-modal-search__results__list__item:last-child .gu-home-modal-search__results__list__item__link__item-extras {
  border-bottom: none;
}
main .slab .inner .gu-home-modal-search__results__list li.gu-home-modal-search__results__list__item .gu-home-modal-search__results__list__item__link__item-extras {
  font-size: 14px;
  line-height: 1;
  font-weight: 300;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--secondary);
}
main .slab .inner ul.gu-home-modal-search__results__list:last-child h3.study-area-header {
  background-color: transparent;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px;
  text-align: right;
}
main .slab .inner ul.gu-home-modal-search__results__list:last-child h3.study-area-header a {
  color: var(--secondary);
  font-size: 17px;
}
main .slab .inner .griffith-news-features {
  position: relative;
}
@media (max-height:640px) and (max-height:936px) \d \a main .slab .card.content p.degree, \d \a main .slab .card.content p.name {
  display: none;
}
main .slab .inner .card.content {
  position: absolute;
  bottom: 180px;
  justify-content: flex-start;
  text-align: left;
  padding-bottom: 0px;
  margin-left: -20px;
}
main a.btn:hover {
  color: var(--primary);
}
main .slab .inner .card.content h2.title:before, main .slab .inner .card.content h2.title:after {
  display: none;
}
main .slab .inner h3.news-features__content-title, main .slab .inner a.card-key-points-link h3 {
  font: 700 18px/22px "Griffith Sans Display", sans-serif;
  text-transform: inherit;
  margin: 0px 0 15px 0 !important;
  color: var(--secondary);
}
main .slab.primary .card.card-key-points .card-key-points-link h3:hover, main .slab.primary .card.card-key-points .card-key-points-link h3:focus {
  color: var(--primary);
}
main .slab .inner .card.content div.bio {
  padding-left: 0;
  align-items: baseline;
  justify-content: flex-start;
}
main .slab .inner .card.content .bio p.name {
  font-size: 30px;
  color: var(--tertiary);
  font-family: "Griffith Sans Display";
  text-shadow: 10px 10px 26px rgba(0, 0, 0, 0.8);
  line-height: 1;
  text-transform: capitalize;
  margin-bottom: 15px;
  font-weight: 700;
}
main .slab .inner .card.content .bio p.degree {
  color: var(--tertiary);
  padding-bottom: 0;
  font-family: "Griffith Sans Display";
  text-shadow: 10px 10px 26px rgba(0, 0, 0, 0.8);
  font-weight: 400;
  line-height: 1;
  font-size: 27px;
  margin-bottom: 15px;
  margin-left: 20px;
}
main .slab .inner .card.content .bio p.description {
  text-decoration: none;
  color: var(--tertiary);
  font-size: 17px;
  text-align: left;
}
main .slab .inner .card.content .bio p.description a {
  border-bottom: none;
  text-decoration: none;
  color: var(--tertiary);
}
main .inset-overlay .main-menu {
  justify-content: flex-start;
  margin-top: 30px;
}
@media (max-width: 767px) {
  main .inset-overlay {
    margin-top: 220px;
  }
  main .inset-overlay .main-menu {
    margin-top: 0px;
    margin-bottom: -65px;
  }
}
main .main-menu ul li a {
  font-size: 16px;
  display: flex;
  text-align: center;
  font-weight: 600;
  padding: 10px;
  text-transform: capitalize;
  background-color: var(--tertiary);
  outline: 1px solid var(--black-60);
  transition: all 300ms ease-out;
  color: var(--secondary);
}
@media (max-width: 767px) {
  main .main-menu ul li a {
    outline: none;
  }
  main .main-menu ul li a:not(:first-child) {
    padding: 0px;
  }
}
main .main-menu ul li a:hover {
  color: var(--tertiary);
  outline: 1px solid var(--tertiary);
  background-color: var(--secondary);
}
main ul.study-areas li a:focus, main ul.study-areas li a:hover {
  color: var(--primary);
  border-bottom-color: var(--primary);
}
main form#degree-search-container__search-form input.degree-search-container__search-form__button-search {
  background-color: var(--primary) !important;
}
main form#degree-search-container__search-form input.degree-search-container__search-form__text {
  border-color: var(--primary) !important;
}
main .degree-search-container__dropdown .search-studyareas .search-studyareas--list_item .card {
  color: var(--primary);
  border: 1px solid var(--primary);
}
main h3.study-area-header a {
  text-decoration: none;
}
main h3.study-area-header a {
  color: var(--tertiary);
}
.gu-home-modal-search__results__list__item__link__item-name, .gu-home-modal-search__results__list__item__link__item-extras {
  color: var(--tertiary);
}
.gu-home-modal-search__results__list__item__link__item-name a, .gu-home-modal-search__results__list__item__link__item-extras a {
  color: var(--tertiary);
  text-decoration: none;
}
main .gu-home-modal-search__results__list__item a {
  text-decoration: none;
}
.gu-home-modal-search__results__list__item__link__item-name {
  margin-bottom: 5px;
}
main .slab .inner .card.remarkable-stories {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
main .slab .inner .card.remarkable-stories .top-border--red {
  padding: 20px;
  position: relative;
  bottom: -20px;
  left: -20px;
  width: calc(100% + 40px);
  background: var(--secondary);
}
main .slab .inner .card.remarkable-stories h2 {
  font-family: "Griffith Serif Display";
  line-height: 1.2;
  font-weight: 900;
  width: 15ch;
}
main .slab .inner .card.remarkable-stories .top-border--red p small {
  font-size: 0.8em;
  color: var(--tertiary);
}
main .slab .inner .card.remarkable-stories a.btn, main .slab .inner .card.remarkable-stories a.btn:after {
  font-size: 18px;
  font-weight: 500;
  color: var(--tertiary);
  text-decoration: none;
  border-bottom: none;
}
main .slab .inner .card.modal-video {
  display: flex;
  background-color: var(--secondary);
}
main .slab .inner div.study-area__item--all {
  margin-top: -45px;
  margin-bottom: 10px;
}
main a.btn:after {
  color: var(--secondary);
}
main .slab .news-features .news-features__image {
  border: none;
}
main .slab .news-features__content {
  height: 70%;
}
.homepage-2018__slick-homepage-griffith-news-features .slick-list .slick-slide .homepage-2018__slick-slider-news-features-item .news-features__content {
  background: #fff;
  opacity: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 20px;
  min-height: 0px;
  max-width: 320px;
  box-shadow: -1px 5px 15px rgba(51, 51, 51, 0.05);
}
.homepage-2018__slick-homepage-griffith-news-features .slick-list .slick-slide .homepage-2018__slick-slider-news-features-item .news-features__image-wrapper {
  background: #fff;
  opacity: 1;
  height: 100%;
  width: 100%;
  justify-content: flex-end;
  align-items: flex-end;
  justify-items: flex-end;
  position: absolute;
  z-index: -1;
  max-height: 380px;
}
.homepage-2018__slick-arrows-homepage-griffith-news-features {
  bottom: 0px;
  right: 0px;
  position: absolute;
}
main .slab .inner .card.modal-video > a.popup-youtube p.title {
  height: 30%;
  font-family: "Griffith Serif Text";
  background: var(--secondary);
  color: var(--tertiary);
  padding: 5px 10px !important;
  bottom: 0px !important;
}
main .slab .inner .card.modal-video > a.popup-youtube p.title:hover, main .slab .inner .card.modal-video > a.popup-youtube p.title:focus {
  color: var(--primary);
}
.modal-video-bg-yes .m-modal-video > a.popup-youtube .m-modal-title {
  width: 100%;
  height: auto;
  display: grid;
  place-content: center;
}
main .slab .inner .card.modal-video > a.popup-youtube p.title {
  grid-row: 1;
  grid-column: 1;
  width: 100%;
  font-family: "Griffith Serif Text";
  color: var(--tertiary);
  padding: 5px 10px !important;
}
main p.all-degrees.btn.box.fill a:hover span {
  text-decoration: none;
}
main .slab .inner .card.modal-video > a.popup-youtube {
  text-decoration: none;
}
.homepage-2018__slick-homepage-griffith-news-features .slick-list .slick-slide .homepage-2018__slick-slider-news-features-item .news-features__content a, main p.all-degrees.btn.box.fill, main p.all-degrees.btn.box.fill a:hover, li.study-areas__item a, div.study-area__item--all a.btn, main .slab.primary .inner .card.card-key-points .card-key-points-link, .btn-events, .btn-news, .homepage-2018__slick-homepage-why-griffith .homepage-2018__slick-homepage-why-griffith-item .homepage-2018__slick-slide-content .homepage-2018__slick-slide-content-details a.wrapper, .homepage-2018__slick-homepage-why-griffith .slick-dots.homepage-2018__slick-dots-homepage-why-griffith .homepage-2018__slick-dot-homepage-why-griffith {
  text-decoration: none;
}
.homepage-2018__slick-homepage-why-griffith .homepage-2018__slick-homepage-why-griffith-item .homepage-2018__slick-slide-content .homepage-2018__slick-slide-content-details {
  background-color: var(--tertiary);
  font-family: "Griffith Sans Text";
}
.homepage-2018__slick-homepage-why-griffith .slick-dots.homepage-2018__slick-dots-homepage-why-griffith .homepage-2018__slick-dot-homepage-why-griffith a {
  text-decoration: none;
  font-family: "Griffith Sans Text";
}
.homepage-2018__slick-homepage-why-griffith-title {
  color: var(--tertiary);
  font-family: "Griffith Sans Display";
}
.homepage-2018__slick-homepage-why-griffith .slick-dots.homepage-2018__slick-dots-homepage-why-griffith::-webkit-scrollbar {
  display: none;
}
.homepage-2018__slick-homepage-why-griffith .slick-dots.homepage-2018__slick-dots-homepage-why-griffith {
  padding: 150px 0;
}
.homepage-2018__slick-homepage-why-griffith .homepage-2018__slick-homepage-why-griffith-item {
  min-height: 66.667vh;
}
.homepage-2018__slick-homepage-why-griffith.slick-initialized {
  margin-top: -120px;
}
@media (max-width: 767px) {
  main .main-menu ul li.flex {
    margin-block-start: 0px;
  }
  main .main-menu ul li.flex:nth-child(4) {
    display: none;
  }
  main .main-menu ul li.flex:first-of-type {
    width: 100%;
  }
  main .main-menu ul li.flex:first-of-type a {
    background-color: var(--primary);
    color: var(--tertiary);
    font-size: 18px;
    font-weight: 800;
    border: none;
    outline: none;
  }
  main .main-menu ul li.flex:first-of-type a:hover, main .main-menu ul li.flex:first-of-type a:focus {
    opacity: 0.8;
  }
  main .slab .inner .card.content {
    bottom: 300px;
    margin: 0;
  }
  main .slab .inner .card.content div.bio {
    padding-left: 0;
  }
  main .slab .inner .card h2.title {
    width: 15ch !important;
    font-size: 34px !important;
  }
  main .inset-overlay .main-menu, main .inset-overlay .degree-search {
    justify-content: center;
  }
  main .slab .news-features__content {
    height: 100%;
  }
  .homepage-2018__slick-homepage-griffith-news-features .slick-full-height {
    height: 100%;
    margin-top: -10px;
    padding-bottom: 10px;
    min-height: 340px;
  }
  .homepage-2018__slick-homepage-griffith-news-features .slick-list .slick-slide .homepage-2018__slick-slider-news-features-item .news-features__content {
    border: none;
    bottom: -4px;
    min-height: 184px;
    max-width: 100%;
    padding: 10px 20px 10px 20px;
    margin-bottom: 0px;
  }
  .homepage-2018__slick-arrows-homepage-griffith-news-features {
    bottom: 20px;
  }
  main .slab .inner div.study-area__item--all {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  main .slab .inner .card.card-key-points {
    padding: 80px 20px 40px;
    width: 100vw;
    margin-left: -20px;
  }
  main .slab .inner .card.modal-video > a.popup-youtube p.title {
    height: 20%;
  }
  .homepage-2018__slick-homepage-why-griffith.slick-initialized {
    margin-top: -140px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  main .slab .inner .card.content {
    bottom: 290px;
    margin: 0;
  }
  main .slab .inner .card.content div.bio {
    padding-left: 0;
  }
  main .slab .inner .card h2.title {
    width: 17ch !important;
    font-size: 48px !important;
  }
  main .inset-overlay .main-menu, main .inset-overlay .degree-search {
    justify-content: space-between;
  }
  main .inset-overlay .main-menu, main .inset-overlay {
    padding-bottom: 0;
  }
  main p.all-degrees.btn.box.fill a span {
    font-size: 13px;
  }
  main .slab.trim-top, main .card.trim-top {
    padding-top: 1px;
  }
  main .slab .news-features__content {
    height: 100%;
  }
  .homepage-2018__slick-homepage-griffith-news-features .slick-full-height {
    height: 100%;
    margin-top: -5px;
    min-height: 398px;
  }
  .homepage-2018__slick-homepage-griffith-news-features .slick-list .slick-slide .homepage-2018__slick-slider-news-features-item .news-features__content {
    height: auto;
    border: none;
    bottom: -10px !important;
    min-height: 170px;
    max-width: 463px !important;
    padding: 15px 20px 0px 20px;
    margin-bottom: 0px;
  }
  .homepage-2018__slick-arrows-homepage-griffith-news-features {
    bottom: 5px;
  }
  main .slab .inner div.study-area__item--all {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  main .slab .inner .card.card-key-points {
    margin-top: 40px !important;
  }
  main .slab .inner .card.modal-video > a.popup-youtube p.title {
    height: 50%;
  }
  .card.trim.secondary.cssbg.modal-video.v-7-5.m-modal-video {
    background-color: var(--secondary);
    border: none;
  }
  .card.trim.secondary.cssbg.modal-video.v-7-5.m-modal-video a {
    text-decoration: none;
  }
}
@media (max-width: 767px) {
  main .slab.event-feature.cssbg {
    background-size: contain;
    background-position: 0% 0%;
  }
}
@media (max-width: 767px) {
  main .slab.event-feature.cssbg.inner.a-right {
    justify-content: flex-start;
  }
}
main .slab .inner .event-feature-card {
  align-items: flex-start;
  text-align: left;
  background-color: var(--secondary);
  padding: 40px;
  box-shadow: -4.1px -6.9px 8.3px -3.19px rgba(0, 0, 0, 0.05), -2.5px -3.2px 15.1px 2.6px rgba(0, 0, 0, 0.05), -6.8px -9px 9.7px -4px rgba(0, 0, 0, 0.05), -10.1px -16.4px 16px -5.6px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  main .slab .inner .event-feature-card {
    padding: 20px;
    margin-top: 35% !important;
  }
}
main .slab .inner .event-feature-card .event-feature__current-event-container h2 {
  font-size: 26px;
  margin: 0px;
}
@media (max-width: 767px) {
  main .slab .inner .event-feature-card .event-feature__current-event-container h2 {
    font-size: 24px;
  }
}
main .slab .inner .event-feature-card .event-feature__current-event-container h3 {
  align-items: flex-start;
  text-align: left;
  font-size: 21px;
  margin: 0px !important;
  margin-top: 20px !important;
  margin-bottom: 0px !important;
  width: 100%;
}
@media (max-width: 767px) {
  main .slab .inner .event-feature-card .event-feature__current-event-container h3 {
    font-size: 18px;
  }
}
main .slab .inner .event-feature-card .event-feature__current-event-container .event-feature__details {
  margin: 0;
}
main .slab .inner .event-feature-card p.event-feature__btn {
  height: fit-content;
  margin: 0;
  line-height: 1;
}
main .slab .inner .event-feature-card p.event-feature__btn a {
  text-transform: inherit;
  margin: 0;
}
main .slab .event .event__event-date {
  font-family: "Griffith Sans Text";
  background-color: var(--primary);
  border: 1px solid var(--primary);
}
main .homepage-2018__cookie-popup .cookie-popup-content p a {
  border-bottom: 0;
  color: var(--tertiary);
}
main .homepage-2018__cookie-popup .cookie-popup-content p a:focus, main .homepage-2018__cookie-popup .cookie-popup-content p a:hover {
  border-bottom: 0;
}
#emergency a.btn {
  text-decoration: none;
}
.degree-search-container__dropdown .search-studyareas.card {
  height: unset;
}
@media (max-width: 1024px) {
  .body-wrapper main button.banner-controls {
    top: 120px;
    right: 10px;
    margin-top: 0px;
  }
}

/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 24 November 2023 09:20:30
*/


.asset-98035 main .slab .banner p.tree__prompt {
  background-color: var(--tertiary);
  color: var(--secondary);
  animation: none;
  height: auto;
  margin: 2px 3px 0 0;
  padding: 0 20px;
  line-height: 70px;
  font-weight: 500;
  font-family: "Griffith Sans Text";
  font-style: normal;
}
.asset-98035 main .slab .inner .banner:not(.feature) h1 {
  display: block;
}
.asset-98035 main .tree__quick-links li a {
  color: var(--secondary);
}
main .slab.cssbg.inset-bottom--extra-large .inner h1, main .slab.inset-bottom--extra-large .inner h1 {
  font-family: "Griffith Sans Display", sans-serif;
  text-shadow: none;
  font-style: normal;
  font-weight: 700;
  letter-spacing: inherit;
}
main .slab #countdown p.countdown--value, main .slab #countdown p.countdown--unit {
  font-family: "Griffith Sans Text", sans-serif;
  text-shadow: none;
}
main .slab div.card.event-information .event p strong {
  font-weight: 600;
  font-size: 15px;
}
main .slab.strategic-plan .inner .flex div.banner h1 {
  font-size: 50px !important;
  font-weight: 700 !important;
}
main .slab.strategic-plan .inner .flex div.banner h1 .copernicus {
  font-family: "Griffith Serif Display", sans-serif !important;
  font-weight: 400 !important;
  padding-right: 5px;
}
main .slab.strategic-plan .inner .flex div.banner h2 {
  margin-top: 0;
  display: block;
}
main .slab .inner h2.red, main .slab .inner h3.red {
  color: var(--primary);
}
main .slab .inner .slim-banner h1 {
  color: var(--primary);
}
main .slab.copernicus .inner h3.name {
  color: var(--primary);
}
.asset-827949 main .slab .inner .card.tertiary table th h2 {
  color: var(--tertiary);
}
main a[title="chat"] {
  text-decoration: none;
}
main a[title="chat"] .chat-circle {
  text-decoration: none;
}
@media (max-width: 767px) {
  main a[title="chat"] .chat-circle {
    font-size: 10px;
    line-height: 1.1;
  }
}

/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 24 November 2023 09:20:30
*/


@charset "UTF-8";
@media (max-width: 767px) {
  .slab .inner .m-visible ul.footer-main-links {
    flex-direction: row;
    display: flex;
    justify-content: space-evenly;
    gap: 5px;
  }
  .slab .inner .m-visible ul.footer-main-links li {
    width: fit-content;
  }
}
@media (max-width: 767px) {
  .slick-slide .slab.cssbg, .slick-slide .card.cssbg, .slick-slide div.cssbg {
    background-repeat: no-repeat;
    background-size: 248%;
    background-position: 50% 10%;
  }
  main .inset-overlay .main-menu {
    margin-bottom: -85px;
  }
}
main .slab .inner .card.modal-video.with-cta {
  display: grid;
  grid-template-rows: 1.9fr 0.8fr 0.4fr;
  grid-template-columns: 1fr;
  background-color: unset;
  box-shadow: unset;
  overflow: unset;
}
@media (max-width: 767px) {
  main .slab .inner .card.modal-video.with-cta {
    grid-template-rows: 1.7fr 0.6fr 0.4fr;
  }
}
main .slab .inner .card.modal-video.with-cta > a.popup-youtube {
  grid-row: 1/1;
  grid-column: 1/2;
}
main .slab .inner .card.modal-video a.popup-youtube:hover::before {
  color: var(--tertiary);
  border-color: var(--tertiary);
  background-color: var(--tertiary);
}
main .slab .inner .card.modal-video a.popup-youtube:hover::after {
  color: var(--secondary);
}
main .slab .inner .card.modal-video a.popup-youtube:hover img {
  object-view-box: inset(3px 5px);
  transition: all 300ms ease;
}
main .slab .inner .card.modal-video.with-cta a.popup-youtube img {
  height: 100%;
  width: 100%;
  object-view-box: inset(0px 0px);
  margin: 0;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5);
  transition: all 300ms ease;
}
main .slab .inner .card.modal-video.with-cta p.title {
  grid-row: 2/3;
  grid-column: 1/2;
  background-color: var(--tertiary);
  color: var(--secondary);
  margin: 0;
  text-align: left;
  text-wrap: balance;
  font-family: "Griffith Sans Text";
  font-size: 17.5px;
  line-height: 1;
  font-weight: 700;
  max-height: 77px;
  margin-left: 10px;
  margin-right: 20px;
  padding: 10px 15px 10px 20px;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
main .slab .inner .card.modal-video.with-cta p.cta-link {
  grid-row: 2/4;
  grid-column: 1/2;
  justify-self: end;
  align-self: baseline;
  margin: 0;
  margin-top: -1px;
  margin-right: 6px;
  width: auto;
  height: 100%;
  padding: 0;
}
main .slab .inner .card.modal-video.with-cta p.cta-link a {
  margin: 0;
  padding-top: 88px;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
}
main .slab .inner .card.modal-video.with-cta p.cta-link a::after {
  content: "";
  font-size: 1.4em;
  vertical-align: middle;
  font-weight: 100;
}
main .slab .inner .card.modal-video.with-cta p.cta-link a:hover {
  background-color: var(--secondary);
  color: var(--tertiary);
  border-color: transparent;
  opacity: 0.7;
}
.contact-information {
  padding-top: 15px;
}
.contact-information a {
  text-decoration: none;
}
div.contact-us-sticky ul div.flex.col-3 {
  margin-top: 10px !important;
  background-color: rgba(102, 102, 102, 0.07);
}
.contact-us-sticky .open-times {
  display: flex;
  justify-content: space-between;
}
.contact-us-sticky .open-times p {
  font-weight: 500;
  font-size: 13px;
  margin: 0;
}
.contact-us-sticky p.gu3.btn:hover {
  left: -2px;
}
.contact-us-sticky p.gu3.btn:hover a {
  padding-bottom: 20px;
}
.contact-us-sticky p.btn a span {
  font-weight: 700;
  white-space: nowrap;
}
.contact-us-sticky p.btn a {
  border-radius: 0px;
  -webkit-border-radius: 0px;
}
div.contact-us-sticky p.btn a:after {
  display: none;
}
div.contact-us-sticky ul li.numbers dl {
  margin: 0;
  max-width: 85%;
}
div.contact-us-sticky ul li.numbers dl dt {
  font-size: 14px;
  color: #2b2b2b;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.4px;
}
div.contact-us-sticky ul li.numbers dl dd {
  font-size: 18px;
  margin-left: 0;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 6px;
  letter-spacing: -0.8px;
}
div.contact-us-sticky ul li::before {
  font-family: "FontAwesome";
  font-size: 25px;
  margin-left: 0px;
  text-align: center;
  width: 25px;
  color: var(--primary);
  font-weight: 900;
  line-height: 1.7;
}
div.contact-us-sticky ul li.numbers::before {
  content: "";
  font-weight: 400;
  margin-right: 15px !important;
}
div.contact-us-sticky ul li.face-to-face::before {
  content: "";
  margin-right: 15px !important;
}
div.contact-us-sticky ul li.online a, div.contact-us-sticky ul li.find-us a, div.contact-us-sticky ul li.phonebook a {
  font-weight: 500;
  font-size: 14px;
}
div.contact-us-sticky ul li.find-us a, div.contact-us-sticky ul li.phonebook a {
  padding-left: 0;
}
div.contact-us-sticky ul li.online::before {
  content: "";
  margin-right: 15px !important;
}
div.contact-us-sticky ul li.phonebook::before {
  content: "";
  margin-right: 15px !important;
}
div.contact-us-sticky ul li.find-us::before {
  content: "";
  margin-right: 15px !important;
}
div.contact-us-sticky ul div.flex.col-3 li {
  flex-wrap: nowrap;
}
div.contact-us-sticky .open-times p span.current-day-time {
  color: #118833;
}
div.contact-us-sticky {
  position: fixed;
  right: -30%;
  top: 20%;
  width: 30%;
  z-index: 100;
  box-shadow: 5px 5px 15px rgba(51, 51, 51, 0.1);
  background-color: white;
  transition: all 0.3s ease;
  padding: 20px;
}
div.contact-us-sticky.active {
  right: 0;
}
div.contact-us-sticky.active p.gu3.btn.feature {
  left: 10px;
  transform: translate(0px, -100%);
  rotate: 0deg;
  transition: all 0.3s ease;
}
div.contact-us-sticky.active p.gu3.btn.feature a {
  background-color: #e51f30;
  padding: 5px 10px !important;
  border-radius: 0px;
  -webkit-border-radius: 0px;
}
div.contact-us-sticky p.gu3.btn {
  position: absolute;
  top: 7%;
  left: 10px;
  height: 40px;
  width: 105px;
  transform: translateY(-200%);
  rotate: -90deg;
  margin-bottom: 0px !important;
  transition: all 0.3s ease;
}
@media (max-width: 70em) {
  div.contact-us-sticky {
    position: fixed;
    right: -85%;
    top: 26%;
    width: 85%;
    z-index: 100;
    background-color: white;
    transition: all 0.3s ease;
    padding: 20px;
  }
  div.contact-us-sticky p.gu3.btn {
    height: 36px;
  }
  div.contact-us-sticky.active {
    right: 0;
  }
  .contact-us-sticky p.gu3.btn:hover {
    left: 10px;
  }
  div.contact-us-sticky .btn a {
    padding: 5px 10px;
    line-height: 1;
  }
  .body-wrapper main button.banner-controls {
    top: 120px;
    right: 10px;
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .body-wrapper main button.banner-controls {
    top: 80px;
    right: 10px;
    margin-top: 0px;
  }
}
.scroll-to-top-container {
  animation: fade-out-scrolling-button 700ms;
  display: none;
}
@media only screen and (max-width: 767px) {
  .scroll-to-top-container.show-button {
    display: flex;
    animation: fade-in-scrolling-button 700ms;
    transition: all 900ms ease-in;
  }
  .scroll-to-top-container {
    left: 0px;
    position: fixed;
    bottom: 32px;
    padding: 10px 10px 10px 15px;
    z-index: 50;
    background-color: var(--secondary);
    justify-content: center;
    align-items: center;
    box-shadow: -0.3px -0.7px 0.7px -0.1px rgba(0, 0, 0, 0.05), -1.4px -1.7px 7.7px -0.8px rgba(0, 0, 0, 0.05), -8.8px -0.5px 4.1px -7.5px rgba(0, 0, 0, 0.05), -4px -8px 14px -1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: all 0.25s;
  }
  .scroll-to-top-container:hover {
    background-color: var(--primary);
  }
  .scroll-to-top-container p.scroll-to-top-icon {
    font-size: 20px;
    padding: 3px;
    color: white;
    margin: 0;
  }
  .scroll-to-top-container p.scroll-to-top-icon:after {
    font-family: "FontAwesome";
    font-weight: 600;
    content: "";
  }
}
@keyframes fade-in-scrolling-button {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out-scrolling-button {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
main .slab .inner .why-griffith-container {
  display: grid;
  grid-template-columns: 0.5fr 1.5fr;
  position: relative;
  padding-top: 60px;
}
@media (max-width: 767px) {
  main .slab .inner .why-griffith-container {
    grid-template-rows: 0.5fr 1.5fr;
    grid-template-columns: 1fr;
    margin-left: -20px;
    width: 100vw;
    padding-top: 50px;
    margin-bottom: -10px;
  }
}
main .slab .inner .why-griffith-container::before {
  content: "";
  width: 100%;
  height: calc(100% - 30px);
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: -1;
  background-color: var(--primary);
  box-shadow: -4.1px -6.9px 8.3px -3.19px rgba(0, 0, 0, 0.05), -2.5px -3.2px 15.1px 2.6px rgba(0, 0, 0, 0.05), -6.8px -9px 9.7px -4px rgba(0, 0, 0, 0.05), -10.1px -16.4px 16px -5.6px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  main .slab .inner .why-griffith-container::before {
    height: calc(100% + 20px);
  }
}
main .slab .inner .why-griffith-container h2 {
  font-size: 42px;
  grid-column: 1;
  text-wrap: balance;
  font-weight: 900;
  color: var(--tertiary);
  margin: 0 !important;
  line-height: 1;
  padding: 0px 40px 20px;
  font-family: "Griffith Sans Display";
  font-style: italic;
}
@media (max-width: 767px) {
  main .slab .inner .why-griffith-container h2 {
    grid-row: 1;
    grid-column: 1;
    place-self: end start;
    margin-bottom: 20px;
  }
}
main .slab .inner .why-griffith-container .m-overflow-scroll {
  grid-column: 2;
  justify-self: end;
  display: flex;
  height: calc(100% + 20px);
  width: 100%;
  overflow-x: auto;
}
@media (max-width: 767px) {
  main .slab .inner .why-griffith-container .m-overflow-scroll {
    grid-row: 2;
    grid-column: 1;
    padding: 0px 40px;
    scroll-padding: 0px 40px;
    max-width: unset;
    box-shadow: unset;
  }
}
main .slab .inner .why-griffith-container .m-overflow-scroll .tile {
  min-width: 200px;
  height: 210px;
  overflow: hidden;
  padding: 50px 20px 0px;
  background-color: var(--tertiary);
  display: grid;
  grid-template-rows: 1.5fr 0.5fr;
  position: relative;
  box-shadow: -4.1px -6.9px 8.3px -3.19px rgba(0, 0, 0, 0.05), -2.5px -3.2px 15.1px 2.6px rgba(0, 0, 0, 0.05), -6.8px -9px 9.7px -4px rgba(0, 0, 0, 0.05), -10.1px -16.4px 16px -5.6px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  main .slab .inner .why-griffith-container .m-overflow-scroll .tile {
    min-width: 250px;
    height: 200px;
  }
}
main .slab .inner .why-griffith-container .m-overflow-scroll .tile::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--tertiary);
  position: absolute;
  z-index: -1;
}
main .slab .inner .why-griffith-container .m-overflow-scroll .tile h4 {
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 15px;
  line-height: 1;
  display: block;
  padding: 10px 15px;
  color: var(--tertiary);
  background-color: var(--secondary);
  font-family: "Griffith Sans Display";
  font-weight: 800;
  box-shadow: -0.3px -0.7px 0.7px -0.1px rgba(0, 0, 0, 0.05), -1.4px -1.7px 7.7px -0.8px rgba(0, 0, 0, 0.05), -8.8px -0.5px 4.1px -7.5px rgba(0, 0, 0, 0.05), -4px -8px 14px -1px rgba(0, 0, 0, 0.05);
}
main .slab .inner .why-griffith-container .m-overflow-scroll .tile p:not(.btn) {
  font-size: 20px;
  margin: 0;
  height: fit-content;
  line-height: 1;
  text-wrap: balance;
  font-family: "Griffith Sans Text";
  max-width: 17ch;
  font-weight: 600;
  font-style: italic;
}
main .slab .inner .why-griffith-container .m-overflow-scroll .tile p.btn {
  border-top: 1px solid var(--black-60);
  grid-row: 2/3;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: 0;
}
main .slab .inner .why-griffith-container .m-overflow-scroll .tile p.btn a {
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  border-radius: 0px;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  text-align: left;
  border-color: transparent;
}
main .slab .inner .why-griffith-container .m-overflow-scroll .tile p.btn a:hover, main .slab .inner .why-griffith-container .m-overflow-scroll .tile p.btn a:focus {
  opacity: 0.8;
  transition: all 300ms ease;
}
.scroll-snap {
  display: flex;
  width: 100%;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px 5px;
}
.scroll-snap > div {
  scroll-snap-align: start;
}
.scroll-snap::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 12px;
}
.scroll-snap::-webkit-scrollbar-thumb {
  border-radius: 1px;
  width: 5px;
  max-width: 5px;
  background-color: #ddd;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
}
.scroll-snap .modal-video-bg-no {
  min-width: 270px;
  margin-right: 10px;
  display: block;
}
@media (max-width: 767px) {
  .scroll-snap .modal-video-bg-no {
    min-width: 315px;
  }
}
main .slab.inset-overlay {
  margin-top: 180px;
  padding-bottom: 20px;
}
main .slick-slider-banner .slick-list .slick-track {
  height: 90vh;
}
.study-areas {
  column-gap: 10px;
}
main .slab .inner .flex.degree-search {
  padding-bottom: 20px;
  margin-bottom: 0px;
}
main .slab .inner .flex.degree-search .degree-search-container {
  width: 100%;
}
main .slab .inner .flex.degree-search p.btn.all-degrees {
  display: none;
}
main .slab .inner form#degree-search-container__search-form {
  box-shadow: none;
}
main form#degree-search-container__search-form input.degree-search-container__search-form__text {
  border-color: var(--secondary) !important;
}
main form#degree-search-container__search-form input.degree-search-container__search-form__button-search.searching {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0021/1863201/searching-spin-1.svg);
}
main .slab .inner .card-key-points {
  padding: 40px;
  background-color: var(--tertiary);
}
main li.study-areas__item:before {
  display: none;
}
li.study-areas__item a:before {
  top: unset;
}
li.study-areas__item a {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  position: relative;
  min-height: 75px;
  font-size: 17px;
  font-weight: 500;
  padding: 0px 0px 0px 50px;
  border-bottom: 1px solid #d2d2d2;
}
li.study-areas__item a abbr {
  padding: 0px 5px;
}
.gu-home-modal-search__results__list .study-area-header a.add-pointer {
  padding-right: 20px;
}
.degree-search-container__dropdown .search-studyareas.card {
  overflow-y: scroll;
}
li.study-areas__item {
  display: flex;
  filter: grayscale(1);
  margin-left: 0;
  padding-left: 0;
}
main .slab .inner .card-key-points ul.study-areas.dom-ksp h5 {
  margin: 0 !important;
  width: 100%;
  padding-top: 30px;
}
.study-areas__browse-degrees {
  list-style: none;
}
main .slab .inner .card-key-points ul li.study-areas__item--all a:before {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0023/502673/mobile-phone-touch.svg);
  width: 30px;
  height: 30px;
  background-size: 115%;
}
.study-areas__item--professional a:before {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0025/1161295/professional-development.svg);
  background-size: 120%;
}
.study-areas__item--double a:before {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0023/1161293/double-degrees.svg);
  background-size: 120%;
}
.study-areas__item--webinars a:before {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0015/503016/video-play-2.svg);
  background-size: 120%;
}
.study-areas__item--subsidised a:before {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0027/502956/stopwatch.svg);
  background-size: 120%;
}
.study-areas__item--person a:before {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0030/502779/person-graduate.svg);
  background-size: 120%;
}
main .slab .inner .card.content {
  position: absolute;
  bottom: -1px;
  justify-content: flex-start;
  background-color: var(--secondary);
  width: 650px;
  text-align: left;
  overflow: visible;
  padding: 30px 30px 60px;
  margin-left: 0px;
}
@media (max-width: 767px) {
  main .slab .inner .card.content {
    bottom: 125px;
    padding: 20px 18px 70px;
    left: 0px;
    width: 100vw;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  main .slab .inner .card.content {
    bottom: 70px;
  }
}
main .slab .inner .card.content h2.title {
  font-family: "Griffith Serif Display", serif;
  font-size: 44px;
  letter-spacing: -1px;
  width: 19ch;
  text-wrap: balance;
  line-height: 1;
  color: var(--tertiary);
  margin: 0;
  text-align: left;
  margin-bottom: 15px;
  padding-bottom: 0;
  text-shadow: none;
}
@media (max-width: 767px) {
  main .slab .inner .card.content h2.title {
    font-size: 30px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  main .slab .inner .card.content h2.title {
    font-size: 37px !important;
  }
}
main .slab .inner .card.content .bio p.name {
  font-size: 26px;
  color: var(--tertiary);
  font-family: "Griffith Sans Display";
  text-shadow: none;
  line-height: 1;
  width: auto;
  text-transform: capitalize;
  margin-bottom: 15px;
  font-weight: 700;
}
@media (max-width: 767px) {
  main .slab .inner .card.content .bio p.name {
    font-size: 22px;
  }
}
main .slab .inner .card.content .bio p.degree {
  color: var(--tertiary);
  padding-bottom: 0;
  font-family: "Griffith Sans Display";
  text-shadow: none;
  font-weight: 400;
  line-height: 1;
  font-size: 22px;
  margin-bottom: 15px;
  margin-left: 20px;
}
@media (max-width: 767px) {
  main .slab .inner .card.content .bio p.degree {
    font-size: 20px;
  }
}
main .slab .inner .card.content .bio p.description {
  text-decoration: none;
  text-shadow: none;
  width: auto;
  position: absolute;
  left: 0;
  top: -31px;
  padding: 6px 10px;
  font-weight: 700;
  letter-spacing: 0px;
  background-color: var(--grey-medium);
  color: var(--tertiary);
  font-size: 13px;
  text-align: left;
}
main .slab .inner .card.content .bio p.description a {
  color: var(--tertiary);
}
main .slab .inner .card.content .bio p.description a:hover, main .slab .inner .card.content .bio p.description a:focus {
  opacity: 0.8;
}
main .slab .inner .card.content .bio p.description a:visited {
  color: var(--tertiary);
  opacity: 1;
}
main .slab .inner .card.content .bio p.description a:after {
  display: none;
}
main .slab.videobg .bannerlogo.bannerlogo-white, main .slab.cssbg .bannerlogo.bannerlogo-white {
  display: none;
}
main .slab.inset-overlay {
  margin-top: 300px;
  padding-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  main .slab.inset-overlay {
    margin-top: 210px;
  }
}
@media (max-width: 767px) {
  .slab.secondary-nav .inner.nav-a {
    display: none;
  }
}
main #emergency {
  padding-top: 130px;
}
@media (max-width: 767px) {
  main #emergency {
    padding-top: 90px;
  }
}
header .mobile-menu__content {
  backdrop-filter: blur(20px);
}
header .mobile-menu__content .mobile-menu__portal ul li a {
  text-align: center;
  font-weight: 300;
  text-shadow: none;
}
header .mobile-menu__content .mobile-menu__portal ul li a:visited {
  color: #eee;
}
@media (min-width: 512px) and (max-width: 767px) {
  main .slab.inset-overlay {
    margin-top: 190px;
  }
  main .slab .inner .card.card-key-points {
    padding: 40px 20px 40px;
    width: unset;
    margin-left: unset;
  }
  main .slab .inner .card.content {
    padding: 20px 18px 70px;
    width: 80vw;
    left: unset;
  }
}
header .mobile-menu .mobile-menu__location-toggle .mobile-menu__location-toggle__title {
  font-size: 15px;
  font-family: "Griffith Sans Text";
  margin: 30px 0 0 0;
}
main .slick-slide .slab.cssbg.v-gu11.m-v-gu12.white:after {
  display: none;
}
.slab.trans.trim.secondary-nav.m-hide:not(.secondary-nav-fixed) {
  margin-top: 69px !important;
}
.slab.trans.trim.secondary-nav.m-hide:not(.secondary-nav-fixed) .search.click-dd {
  display: none !important;
}
.banner-controls.play, .banner-controls.pause {
  top: 120px;
}
header .secondary-nav.secondary-nav--scroll.secondary-nav-fixed, header .secondary-nav.secondary-nav--scroll, header .mobile-menu__header {
  background-color: var(--tertiary);
}
.nav-b .secondary-nav__list, header .secondary-nav .search.active > a {
  color: var(--secondary);
}
header .secondary-nav.secondary-nav--scroll .nav-b .logo.logo-nav-b p a, header .mobile-menu__header .logo p a {
  filter: invert(1);
}
header .mobile-menu__header .mobile-menu__button-container .mobile-menu__button a, header .mobile-menu__header .mobile-menu__button-container .mobile-menu__search-button a {
  color: var(--secondary);
}

/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 24 November 2023 09:20:30
*/