/*
  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: 10 February 2025 14:59:40
*/


/*html {scroll-behavior: smooth;}*/

body * {box-sizing: border-box;}

:root {
--color-primary: hsla(198, 100%, 20%, 0.07);
--color-secondary: hsla(198, 0%, 20%, 0.9);
--color-tertiary: hsla(0, 68%, 100%, 1);
--color-feature: hsla(0, 68%, 45%, 1);
}

h1 {font-size: 34px;}

::selection { background-color: hsla(0, 72%, 49%, 0.3);}
.slab.feature ::selection,
.card.feature ::selection {background-color: hsla(0, 72%, 29%, 0.5);}

.slab.pageinfo {padding: 0;}
.slab.pageinfo a {color: inherit; text-decoration: none;}
.slab.pageinfo p.breadcrumb {font-size: 13px; font-weight: 300; color: hsla(0, 0%, 28%, 1); margin: 0;}
.slab.pageinfo p.breadcrumb a {color: hsla(0, 68%, 45%, 1);}
.slab.pageinfo p.breadcrumb a:focus,
.slab.pageinfo p.breadcrumb a:hover {border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}
.slab.pageinfo .inner h1 {margin: 0.4em 0 0 0;}

body nav.local {display:none;}
main .slab nav.tabs.local {display:block;}
main .slab nav.local {overflow: hidden;}
main .slab nav.local > ul {}
main .slab nav.local > ul li {padding: 0;}
main .slab nav.local > ul li:before  {display: none;}
main .slab nav.local > ul li a {border-bottom: 0;color: inherit;border-left: 2px solid hsla(198, 100%, 20%,0.07); display: block;padding: 0.2em 0 0.2em 0.5em;line-height: 1.25;}
main .slab .secondary nav.local > ul li a {border-left-color: hsla(198, 0%, 20%, 0.9);}
main .slab .feature nav.local > ul li a {border-left-color: hsla(0, 68%, 100%, 0.3);}

main .slab nav.local > ul li a:focus,
main .slab nav.local > ul li a:hover {border-left: 2px solid hsla(0, 68%, 45%, 1);}
main .slab .feature nav.local > ul li a:focus,
main .slab .feature nav.local > ul li a:hover {border-left-color: hsla(0, 68%, 100%, 1);}

main .slab nav.local > ul li.site {font-family: "Jotia W00", sans-serif;font-size: 18px; font-weight: 400;color: hsla(0, 68%, 45%, 1);margin-bottom: 0.25em;letter-spacing: 0.01em;}
main .slab .secondary nav.local > ul li.site,
main .slab .feature nav.local > ul li.site {color: hsla(0, 100%, 100%, 1);} 
main .slab nav.local > ul li.site > a {border-left: 0;padding: 0;}

main .slab nav.local > ul li.parent > a {border-left: 2px solid hsla(0, 72%, 49%, 0.3);font-weight: 500;color: hsla(0, 0%, 7%, 1);}
main .slab .secondary nav.local > ul li.parent > a {color: hsla(0, 100%, 100%, 1); border-left: 2px solid hsla(0, 72%, 49%, 0.5);}
main .slab .feature nav.local > ul li.parent > a {color: hsla(0, 100%, 100%, 1); border-left-color: hsla(0, 68%, 100%, 0.6);}
main .slab nav.local > ul li.parent > a:focus,
main .slab nav.local > ul li.parent > a:hover {border-left: 2px solid hsla(0, 68%, 45%, 1);color: hsla(0, 68%, 45%, 1);}
main .slab .secondary nav.local > ul li.parent > a:focus,
main .slab .secondary nav.local > ul li.parent > a:hover {color: hsla(0, 100%, 100%, 1);}
main .slab .feature nav.local > ul li.parent > a:focus,
main .slab .feature nav.local > ul li.parent > a:hover {color: hsla(0, 100%, 100%, 1);border-left-color: hsla(0, 68%, 100%, 1);}

main .slab nav.local > ul li.current > a {font-weight: 500;border-left: 2px solid hsla(0, 68%, 45%, 1);color: hsla(0, 0%, 0%, 1);}
main .slab .secondary nav.local > ul li.current > a,
main .slab .feature nav.local > ul li.current > a {color: hsla(0, 100%, 100%, 1);}
main .slab .feature nav.local > ul li.current > a {border-left-color: hsla(0, 68%, 100%, 1);}


main .slab nav.local > ul ul {margin: 0.25em 0 0.25em 1.25em;}

main {color: hsla(0, 0%, 28%, 1);}

main > .slab:first-child {margin-top: 20px;}
main > .slab:first-child:not(.primary):not(.secondary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg):not(.iframebg) {padding-top: 0;}

main .slab.cssbg.parallax {background-attachment: fixed;}
main .slab.cssbg.parallax .inner {}
main .slab.cssbg.parallax .inner > *:nth-child(1){}

main .slab.cssbg {position: relative; z-index: 0;}


.slab.cssbg .secondary,
.card.cssbg .secondary, 
div.cssbg .secondary {color: hsla(0, 0%, 100%, 1);}

.slab.cssbg .secondary .primary,
.slab.cssbg .secondary .tertiary,
.card.cssbg .secondary .primary,
.card.cssbg .secondary .tertiary,
div.cssbg .secondary .primary,
div.cssbg .secondary .tertiary {color: hsla(0, 0%, 0%, 1);}


.videobg.trans,
.cssbg.trans {
    position:relative;
    z-index: 0;}
.videobg.trans:after,
.cssbg.trans:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity : 0.8;
    z-index: -1;
}
.primary.videobg.trans:after,
.primary.cssbg.trans:after {background-color: hsla(198, 20%, 86%, 1);}
.secondary.videobg.trans:after,
.secondary.cssbg.trans:after {background-color: hsla(198, 0%, 0%, 0.65);}
.tertiary.videobg.trans:after,
.tertiary.cssbg.trans:after {background-color: hsla(198, 0%, 100%, 1);}
.feature.videobg.trans:after,
.feature.cssbg.trans:after {background-color: hsla(0, 68%, 45%, 1);}

.pattern.videobg.trans:after,
.pattern.cssbg.trans:after {background-image: url(https://www.griffith.edu.au/__data/assets/file/0033/109698/pattern-overlay.svg?v=0.1.3);background-repeat: repeat;background-size: 2px;opacity: 0.5;}

.pattern.box.videobg.trans:after,
.pattern.box.cssbg.trans:after {background-image: url(https://www.griffith.edu.au/__data/assets/file/0031/109696/pattern-box-overlay.svg?v=0.1.3);background-size: 3px;}

.pattern.gradient.videobg.trans:after,
.pattern.gradient.cssbg.trans:after {background-image: url(https://www.griffith.edu.au/__data/assets/file/0030/109695/pattern-gradient-overlay.svg?v=0.1.3);background-size: contain;background-repeat: repeat-x;opacity: 1;mix-blend-mode: multiply;}

.secondary.trans.gradient:after {mix-blend-mode: multiply;}
.secondary.trans.gradient.g-left:after {
    background-image: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0.9)), to(hsl(0, 0%, 0%)));
    background-image: -webkit-linear-gradient(right, hsla(0, 0%, 100%, 0.9), hsl(0, 0%, 0%));
    background-image: -o-linear-gradient(right, hsla(0, 0%, 100%, 0.9), hsl(0, 0%, 0%));
    background-image: linear-gradient(to left, hsla(0, 0%, 100%, 0.9), hsl(0, 0%, 0%));
}
.secondary.trans.gradient.g-right:after {
    background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0.9)), to(hsl(0, 0%, 0%)));
    background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0.9), hsl(0, 0%, 0%));
    background-image: -o-linear-gradient(left, hsla(0, 0%, 100%, 0.9), hsl(0, 0%, 0%));
    background-image: linear-gradient(to right, hsla(0, 0%, 100%, 0.9), hsl(0, 0%, 0%));
}
.secondary.trans.gradient.g-top:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0.9)), to(hsl(0, 0%, 0%)));
    background-image: -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, 0.9), hsl(0, 0%, 0%));
    background-image: -o-linear-gradient(bottom, hsla(0, 0%, 100%, 0.9), hsl(0, 0%, 0%));
    background-image: linear-gradient(to top, hsla(0, 0%, 100%, 0.9), hsl(0, 0%, 0%));
}
.secondary.trans.gradient.g-bottom:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.9)), to(hsl(0, 0%, 0%)));
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.9), hsl(0, 0%, 0%));
    background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.9), hsl(0, 0%, 0%));
    background-image: linear-gradient(to bottom, hsla(0, 0%, 100%, 0.9), hsl(0, 0%, 0%));
}

main .slab.cssbg.cssbg-left,
main .card.cssbg.cssbg-left {background-position-x: 0%;}
main .slab.cssbg.cssbg-center,
main .card.cssbg.cssbg-center {background-position-x: 50%;}
main .slab.cssbg.cssbg-right,
main .card.cssbg.cssbg-right {background-position-x: 100%;}
main .slab.cssbg.cssbg-top,
main .card.cssbg.cssbg-top {background-position-y: 0%;}
main .slab.cssbg.cssbg-middle,
main .card.cssbg.cssbg-middle {background-position-y: 50%;}
main .slab.cssbg.cssbg-bottom,
main .card.cssbg.cssbg-bottom {background-position-y: 100%;}
main .slab.cssbg.cssbg-noscale,
main .card.cssbg.cssbg-noscale {background-size: 100%;}

main .slab.cssbg.cssbg-x-0,
main .card.cssbg.cssbg-x-0 {background-position-x: 0%;}
main .slab.cssbg.cssbg-x-10,
main .card.cssbg.cssbg-x-10 {background-position-x: 10%;}
main .slab.cssbg.cssbg-x-20,
main .card.cssbg.cssbg-x-20 {background-position-x: 20%;}
main .slab.cssbg.cssbg-x-25,
main .card.cssbg.cssbg-x-25 {background-position-x: 25%;}
main .slab.cssbg.cssbg-x-30,
main .card.cssbg.cssbg-x-30 {background-position-x: 30%;}
main .slab.cssbg.cssbg-x-40,
main .card.cssbg.cssbg-x-40 {background-position-x: 40%;}
main .slab.cssbg.cssbg-x-60,
main .card.cssbg.cssbg-x-60 {background-position-x: 60%;}
main .slab.cssbg.cssbg-x-70,
main .card.cssbg.cssbg-x-70 {background-position-x: 70%;}
main .slab.cssbg.cssbg-x-75,
main .card.cssbg.cssbg-x-75 {background-position-x: 75%;}
main .slab.cssbg.cssbg-x-80,
main .card.cssbg.cssbg-x-80 {background-position-x: 80%;}
main .slab.cssbg.cssbg-x-90,
main .card.cssbg.cssbg-x-90 {background-position-x: 90%;}
main .slab.cssbg.cssbg-x-100,
main .card.cssbg.cssbg-x-100 {background-position-x: 100%;}

main .slab.cssbg.cssbg-y-0,
main .card.cssbg.cssbg-y-0 {background-position-y: 0%;}
main .slab.cssbg.cssbg-y-10,
main .card.cssbg.cssbg-y-10 {background-position-y: 10%;}
main .slab.cssbg.cssbg-y-20,
main .card.cssbg.cssbg-y-20 {background-position-y: 20%;}
main .slab.cssbg.cssbg-y-25,
main .card.cssbg.cssbg-y-25 {background-position-y: 25%;}
main .slab.cssbg.cssbg-y-30,
main .card.cssbg.cssbg-y-30 {background-position-y: 30%;}
main .slab.cssbg.cssbg-y-40,
main .card.cssbg.cssbg-y-40 {background-position-y: 40%;}
main .slab.cssbg.cssbg-y-60,
main .card.cssbg.cssbg-y-60 {background-position-y: 60%;}
main .slab.cssbg.cssbg-y-70,
main .card.cssbg.cssbg-y-70 {background-position-y: 70%;}
main .slab.cssbg.cssbg-y-75,
main .card.cssbg.cssbg-y-75 {background-position-y: 75%;}
main .slab.cssbg.cssbg-y-80,
main .card.cssbg.cssbg-y-80 {background-position-y: 80%;}
main .slab.cssbg.cssbg-y-90,
main .card.cssbg.cssbg-y-90 {background-position-y: 90%;}
main .slab.cssbg.cssbg-y-100,
main .card.cssbg.cssbg-y-100 {background-position-y: 100%;}

main .slab.videobg.videobg-top video {top: 5%;}
main .slab.videobg.videobg-y-10 video {top: 10%;}
main .slab.videobg.videobg-y-20 video {top: 20%;}
main .slab.videobg.videobg-y-25 video {top: 25%;}
main .slab.videobg.videobg-y-30 video {top: 30%;}
main .slab.videobg.videobg-y-40 video {top: 40%;}
main .slab.videobg.videobg-middle video {top: 50%;}
main .slab.videobg.videobg-y-60 video {top: 60%;}
main .slab.videobg.videobg-y-70 video {top: 70%;}
main .slab.videobg.videobg-y-75 video {top: 75%;}
main .slab.videobg.videobg-y-80 video {top: 80%;}
main .slab.videobg.videobg-y-90 video {top: 90%;}
main .slab.videobg.videobg-bottom video {top: 95%;}

main .slab.iframebg,
main .slab .card.iframebg,
main .slab.videobg,
main .slab .card.videobg {position: relative;overflow:hidden;background-color: inherit;}

main .slab.iframebg iframe,
main .slab .card.iframebg iframe,
main .slab.videobg video,
main .slab .card.videobg video {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    margin-bottom: 0;
}

main .slab.videobg.videobg--playing:after {
    content: "\f28b";
}
  
main .slab.videobg:hover:after {
    opacity: 0.8;
    cursor:pointer;
}

main .slab.videobg:after {
    content: "\f144";
    position: absolute;
    top: 30px;
    right: 35px;
    opacity: 0.7;
    padding: 0px;
    border: none;
    outline: none;
    background: none;
    transition: opacity 150ms ease-in;
    font-family: "FontAwesome";
    font-size: 40px;
    color: #fff;
    line-height: 1em;
    font-weight: 100;
}

main .slab.iframebg.interactive  > .inner > iframe,
main .slab .card.iframebg.interactive iframe {z-index: 0;}

main .slab.iframebg.interactive :not(iframe),
main .slab .card.iframebg.interactive :not(iframe) {z-index: 2;}

main .slab.videobg video::-webkit-media-controls-start-playback-button {display: none !important;}
main .slab .card.videobg video::-webkit-media-controls-start-playback-button {display: none !important;}

main br {display: none;}
main br.override {display: inherit;}

main a {
    color: inherit;
    text-decoration: none;
}

main .slab.overflow-visible, main .card.overflow-visible, main .tab.overflow-visible {
    overflow: visible;
}

main .slab p.play a:before {
    font-family: "FontAwesome";
    content: "\f04b";
    color: hsla(0, 68%, 100%, 1);
    display: inline-block;
    speak: none;
    text-align: center;
    font-size: 30px;
    text-indent: 4px;
    width: 60px;
    line-height: 60px;
    font-weight: 100; /*900*/
}
main .slab p.play a {
    cursor: pointer;
    width: 60px;
    height: 60px;
    border: 0;
    border-radius: 50%;
    background-color: hsla(0, 68%, 45%, 1);
    position: relative;
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    -webkit-transition: background-color 0.5s ease-in;
    -moz-transition: background-color 0.5s ease-in;
    -ms-transition: background-color 0.5s ease-in;
    transition: background-color 0.5s ease-in;
}
main .slab p.play a:after {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    transition: 0.5s ease;
}
main .slab p.play a:hover {
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -ms-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
    background-color: hsla(0, 68%, 45%, 1);
}
main .slab .card.play a:hover:before {
    border: 2px solid hsla(0, 0%, 100%, 1);
}
main .slab p.play a:hover:after {
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    transition: 0.5s ease;
    border-color: hsla(0, 68%, 45%, 1);
}
main .slab .feature p.play a {
    background-color: hsla(0, 68%, 39%, 1);
}
main .slab .feature p.play a:hover {
    background-color: hsla(0, 68%, 35%, 1);
}
main .slab .feature p.play a:hover:after {
    border-color: hsla(0, 68%, 35%, 1);
}

main .slab .card.trim.play a {width: 100%;margin-bottom: 0;}

main .slab .card.play {display: flex;}

main .slab .card.play a {
    border:0;
    position: relative;
    flex: 1;
    color: inherit;
    display: inline-block;
    margin-bottom: 0;
    -webkit-transition: background-color 0.5s ease-in;
    -moz-transition: background-color 0.5s ease-in;
    -ms-transition: background-color 0.5s ease-in;
    transition: background-color 0.5s ease-in;
}
main .slab .card.v-7-5.play a,
main .slab .card.v-5-3.play a,
main .slab .card.v-5-4.play a,
main .slab .card.v-1-1.play a,
main .slab .card.v-10-16.play a,
main .slab .card.v-13-16.play a,
main .slab .card.v-16-9.play a {position: absolute;}
main .slab .card.play a:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 2px solid hsla(0, 0%, 100%, 0); /*0*/
    border-radius: 50%;
    font-size: 0;
    background-color: hsla(0, 0%, 0%, 0.36);
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -32px; /*30*/
    margin-left: -32px; /*30*/
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}
main .slab .card.play a:after {
    content: "\f04b";
    font-family: "FontAwesome";
    font-size: 30px;
    font-weight: 100;
    display: inline-block;
    speak: none;
    text-align: center;
    text-indent: 4px;
    width: 60px;
    line-height: 60px;
    color: hsla(0, 68%, 100%, 1);
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    transition: 0.5s ease;
}
main .slab .card.play.small a:before {
    width: 30px;
    height: 30px;
    margin-top: -17px; /*15*/
    margin-left: -16px;/*15*/
    border: 1px solid #fff;/*NEW*/
}
main .slab .card.play.small a:after {
    font-size: 15px;
    text-indent: 2px;
    width: 30px;
    line-height: 30px;
    margin-top: -15px;
    margin-left: -15px;
}

main .slab .flex > a.play {
    border:0;
    position: relative;
    color: inherit;
    display: inline-block;
    margin-bottom: 0;
    -webkit-transition: background-color 0.5s ease-in;
    -moz-transition: background-color 0.5s ease-in;
    -ms-transition: background-color 0.5s ease-in;
    transition: background-color 0.5s ease-in;
}
main .slab .flex > a.play:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 0;
    border-radius: 50%;
    font-size: 0;
    background-color: hsla(0, 68%, 45%, 1);
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}
main .slab .flex > a.play:after {
    content: "\f04b";
    font-family: "FontAwesome";
    font-size: 30px;
    display: inline-block;
    speak: none;
    text-align: center;
    text-indent: 4px;
    width: 60px;
    line-height: 60px;
    color: hsla(0, 68%, 100%, 1);
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    transition: 0.5s ease;
}
main .slab .flex > a.play:focus:before
main .slab .flex > a.play:hover:before {
    background-color: hsla(0, 68%, 35%, 1);
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -ms-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.2);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.2);
}
main .slab .flex > a.play:active:before {
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}


main .slab .card.play.now-playing > a:first-child {
    background-color: hsla(198, 0%, 20%, 0.5);
}

main .slab .card.trim.play.now-playing a:focus,
main .slab .card.trim.play.now-playing a:hover {
    background-color: hsla(198, 0%, 20%, 0.5);
}

main .slab .card.play.now-playing > a:before {display: none;}
main .slab .card.play.now-playing > a:after {
    content: "Now playing";
    font-family: "Foundry Sterling W01";
    font-size: 14px;
    width: 80px;
    margin-left: -40px;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    transition: 0s;
}

main .slab .card.play.feature a:before {
    background-color: hsla(0, 68%, 39%, 1);
}

main .slab .card.play.feature a:focus:before,
main .slab .card.play.feature a:hover:before {
    background-color: hsla(0, 68%, 35%, 1);
}
main .slab .card.play a:focus:before
main .slab .card.play a:hover:before {
    border: 2px solid hsla(0, 0%, 100%, 1);
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -ms-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.2);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.2);
}
main .slab .card.trim.play a:focus,
main .slab .card.trim.play a:hover {
    background-color: hsla(0, 68%, 0%, 0.1);
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -ms-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}
main .slab .card.play a:active:before {
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}
main .slab .card.play.cssbg {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
main .slab .card.play.cssbg > a.popup-youtube {
    background-color: rgba(51, 51, 51, 0.3);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
main .slab .card.play.cssbg > a.popup-youtube p.title {
    position: absolute;
    bottom: 10px;
    margin: 0 auto;
    width: 100%;
    padding: 0 10px;
    font-style: italic;
    font-family: "copernicus W01";
    text-shadow: 2px 2px 4px #000;
    font-size: 16px;
    font-weight: 600;
    right: unset;
    left: unset;
    color: #fff;
    background-color: transparent;
}
main .slab .card.play.cssbg > a.popup-youtube p.title br {display:block;}

main .slab .card.cssbg:hover > a.popup-youtube {
    background: none;
}

.slab ul.tags {
    padding-right: 13px;
    padding-left: 7em;
    position: relative;
}
.slab ul.tags.trim {
    margin: 0;
    margin-left: 15px;
}
.slab ul.tags.a-right {
    padding-left: 0;
}

.slab ul.tags > li {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.01em;
    padding: 0;
    margin: 0 1.25em 0.5em 0;
}
.slab ul.tags.trim > li {
    margin-bottom: 0;
}
.slab ul.tags > li.study-tags {margin: 0.25em 1.25em 0.25em 0;}
/*.slab ul.tags > li:first-child {margin-left: 0;}*/
.slab ul.tags > li:before {display: none;}
.slab ul.tags > li > a {
    display: inline-block;
    background-color: hsla(198, 100%, 20%, 0.07);
    border: 0;
    line-height: 2;
    border-radius: 2px 0 0 2px;
    color: hsla(0, 0%, 28%, 1);
    padding: 0;
    position: relative;
    text-decoration: none;
    transition: all 500ms;
}

.slab ul.tags > li > a:before {
    display: inline-block;
    content: "";
    background-color: hsla(198, 100%, 100%, 0.9);
    border-radius: 1em;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
    height: 0.5em;
    width: 0.5em;
    margin: 0 0.25em 0.25em 0.5em;
    transition: all 500ms;
    vertical-align: middle;
}
.slab ul.tags > li > a:after {
    position: absolute;
    content: "";
    background: transparent;
    border-bottom: 1em solid transparent;
    border-left: 1em solid hsla(198, 100%, 20%, 0.07);
    border-top: 1em solid transparent;
    right: -1em;
    top: 0;
    transition: all 500ms;
}
.slab ul.tags > li > a:hover {background-color: hsla(198, 0%, 20%, 0.9); color: hsla(0, 100%, 100%, 1);transition: all 500ms;}
main > .slab ul.tags > li > a:hover:after, main .slab ul.tags > li > a:hover:after {border-left-color: hsla(198, 0%, 20%, 0.9);transition: all 500ms;}

.slab ul.tags > li > a > i {}
.slab ul.tags > li > a > i:before {
    content: "\f00d";
    font-family: "FontAwesome";
    font-size: 0.9em;
    font-style: normal;
    color: hsla(198, 100%, 20%, 0.25);
    padding-left: 0.25em;
    transition: all 500ms;
}
.slab ul.tags > li > a:hover > i:before {
    color: hsla(0, 100%, 100%, 1);
    transition: all 500ms;
}

.secondary ul.tags > li > a {
    background-color: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
}
.secondary ul.tags > li > a:after {border-left-color: hsla(198, 0%, 20%, 0.9);}

.secondary ul.tags > li > a > i:before {color: hsla(206, 26%, 95%, 1);}


main p {margin-top: 0;}

.card.puff p {font-size: 15px;line-height: 1.75;}

main .slab p.qualification {font-family: "Copernicus W01"; font-weight: 400; text-transform: uppercase; letter-spacing: 0.05em; font-size: 12px; line-height: 1; margin-bottom: 0.5em;}

main .slab p.name {font-family: "Copernicus W01"; font-size: 20px;font-weight: 400;margin-bottom: 0.5em;letter-spacing: 0em;line-height: 1;}
main .slab p.name.feature {font-size: 30px;letter-spacing: 0em;font-weight: 500;}

main .slab p.date,
main .slab td.date {margin-bottom: 0;font-weight: 300;letter-spacing: 0.05em;font-family: "Foundry Sterling W01";}

main .slab p.position {font-family: "Foundry Sterling W01";font-size: 16px;font-weight: 500;line-height: 1.25;}
main .slab p.name + p.position {margin-top: -0.25em;}
main .slab p.name.feature + p.position {margin-top: -0.5em;}
main .slab p.position + p.department {margin-top: -0.5em;}

main .slab p.degree,
main .slab td.degree {font-size: 14px;line-height: 1.25;font-family: "Copernicus W01"; font-weight: 400;letter-spacing: 0.05em;}
main .slab p.degree a,
main .slab td.degree a {color: hsla(0, 68%, 45%, 1);border-bottom: 0;}

main .slab .event-date {font-family: "Jotia W00", sans-serif;letter-spacing: 0.025em;line-height: 1;font-weight: 500;}
main .slab .event-date .event-month {font-family: "Copernicus W01";letter-spacing: 0.01em;font-weight: 600;}

main .slab p.department {line-height: 1.25;}

main .slab p.postal {font-size: 16px;white-space: pre-line;letter-spacing: 0.04em;}
main .slab dd.postal {white-space: pre-line;}
main .slab p.postal br, main .slab dd.postal br {display:inline;}

main .slab p.stinger {font-size: 32px;line-height: 1.4;font-family: "Copernicus W01";font-weight: 400;letter-spacing: 0.01em;margin-bottom: 0.5em;color: hsla(198, 0%, 20%, 0.8);}
main .slab p.stinger strong {font-weight: 600;}

main .slab td > a:only-child {
    color: hsla(0, 68%, 45%, 1);
    border-bottom: 0;
    font-size: 14px;
    line-height: 1.25;
    font-family: "Copernicus W01";
    font-weight: 400;
    letter-spacing: 0.05em;
}

main mark {background-color: hsla(0, 72%, 49%, 0.3);}
main .slab.feature mark,
main .card.feature mark {background-color: hsla(0, 72%, 29%, 0.5);}

main blockquote,
main q {color: hsla(0, 0%, 28%, 0.7);padding: 0 0.25em;font-family: "Copernicus W01";font-weight: 400;letter-spacing: 0.025em;font-size: 13px;line-height: 1.75;}

main blockquote {margin: 20px;padding: 0;}

main .pre br {display: inherit;}

main .feature blockquote,
main .feature q, 
main .secondary blockquote,
main .secondary q {color: inherit;}

main .primary blockquote,
main .primary q {color: hsla(0, 0%, 28%, 0.9);}

main blockquote > p:first-child {font-family: "Copernicus W01";font-weight: 400;letter-spacing: 0.025em;margin-bottom: 0.5em;font-size: 14px;line-height: 1.75;}

main q:before,
main blockquote > p:first-child:before {
    font-family: "FontAwesome";
    content: "\f10d";
    color: hsla(0, 68%, 45%, 1);
    margin-right: 0.4em;
    font-size: 0.95em;
    vertical-align: top;
    line-height: 1;
    font-weight: 900;
}

main q:after,
main blockquote > p:first-child:after {
    font-family: "FontAwesome";
    content: "\f10e";
    font-weight: 900;
    color: hsla(0, 68%, 45%, 1);
    font-size: 0.95em;
    margin-left: 0.4em;
    vertical-align: top;
    line-height: 1;
}

main q:before,
main q:after {font-size: 0.5em;}

main .feature q:before,
main .feature q:after,
main .secondary q:before,
main .secondary q:after,
main .feature blockquote > p:first-child:before,
main .feature blockquote > p:first-child:after,
main .secondary blockquote > p:first-child:before,
main .secondary blockquote > p:first-child:after {color: inherit;}

main blockquote cite {}
main blockquote p.name {}
main blockquote p.position {font-style: normal;}

main blockquote.feature {margin: 40px;}
main blockquote.feature p {font-size: 26px;margin-bottom: 0.5em;letter-spacing: 0;}
main blockquote.feature p.name {font-size: 26px;}
main blockquote.feature p.position {font-size: 20px;}
main blockquote.feature p.name + p.position {margin-top: -0.75em;}

main .video-info p.title {line-height: 1;font-weight: 400;font-size: 24px;}

main p.btn {margin-bottom: 0.5em;}
main p.btn.trim {margin-bottom: 0;line-height: 1;}

main input[type=submit].block {width: 100%;}

main p.btn.block a {display: block;text-align: center;}

main input[type=submit].block:last-child,
main p.btn.block > a:last-child {margin-bottom: 0;}

main p.btn.trim > a {margin-bottom: 0;}

main p.btn.inline {display: inline-block;}

main input[type=file]::-ms-browse {color: inherit}

main input[type=file]::-webkit-file-upload-button {
    color: inherit;
    -webkit-appearance: none;
    background-color: transparent;
    font-family: inherit;
    border: 1px solid;
    border-color: inherit;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none;
    padding: 3px 10px;
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.01em;
    box-sizing: border-box;
    line-height: 1.5;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

main input[type=file]::-webkit-file-upload-button:focus,
main input[type=file]::-webkit-file-upload-button:hover {
    cursor: pointer;
    background-color: hsla(198, 0%, 20%, 0.9);
    border-color: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    outline: none;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

main input[type=file]::-webkit-file-upload-button:active {
    background-color: hsla(198, 0%, 15%, 1);
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

main .secondary input[type=file]::-webkit-file-upload-button {
    background-color: hsla(198, 0%, 15%, 0.9);
    border-color: hsla(198, 0%, 15%, 0.9);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main .secondary input[type=file]::-webkit-file-upload-button:focus,
main .secondary input[type=file]::-webkit-file-upload-button:hover {
    background-color: hsla(198, 0%, 10%, 1);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(198, 0%, 10%, 1);
}

main .secondary input[type=file]::-webkit-file-upload-button:active {
    background-color: hsla(198, 0%, 5%, 1);
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

main .tertiary input[type=file]::-webkit-file-upload-button {
    background-color: hsla(206, 26%, 90%, 1);
    border-color: hsla(198, 0%, 15%, 0.9);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}
main .tertiary input[type=file]::-webkit-file-upload-button:focus,
main .tertiary input[type=file]::-webkit-file-upload-button:hover {
    background-color: hsla(198, 0%, 20%, 0.9);
    border-color: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
}

main .tertiary input[type=file]::-webkit-file-upload-button:active {
    background-color: hsla(198, 0%, 15%, 0.9);
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}


main .feature input[type=file]::-webkit-file-upload-button {
    background-color: hsla(0, 68%, 30%, 1);
    border-color: hsla(0, 68%, 30%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}
main .feature input[type=file]::-webkit-file-upload-button:focus,
main .feature input[type=file]::-webkit-file-upload-button:hover {
    background-color: hsla(0, 68%, 25%, 1);
    border-color: hsla(0, 68%, 25%, 1);
    color: hsla(0, 100%, 100%, 1);
}

main .feature input[type=file]::-webkit-file-upload-button:active {
    background-color: hsla(0, 68%, 20%, 1);
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

main input[type=submit],
main p.btn a {
    -webkit-appearance: none;
    -webkit-font-smoothing: subpixel-antialiased;
    color: inherit;
    background-color: transparent;
    text-decoration: none;
    padding: 7px 10px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 0 0.5em 0;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.01em;
    box-sizing: border-box;
    border: 1px solid;
    border-color: inherit;
    line-height: 1.5;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    overflow: hidden;
}

main input[type=submit]:focus,
main input[type=submit]:hover,
main p.btn a:focus,
main p.btn a:hover {
    cursor: pointer;
    background-color: hsla(198, 0%, 20%, 0.9);
    border-color: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    outline: none;
    color: hsla(0, 100%, 100%, 1);
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

main input[type=submit]:active,
main p.btn a:active {
    background-color: hsla(198, 0%, 15%, 1);
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

main input[type=submit]:before,
main p.btn a:before {
    font-family: "FontAwesome";
    margin-right: 5px;
    font-size: 0.95em;
    vertical-align: baseline;
    line-height: 1;
    font-weight: 100;
}

main input[type=submit]:after,
main p.btn a:after {
    font-family: "FontAwesome";
    font-weight: 100;
    content: "\f054";
    font-size: 0.95em;
    margin-left: 5px;
    vertical-align: baseline;
    line-height: 1;
}

main p.btn.location a:after,
main p.btn.edit a:after,
main p.btn.contribute a:after,
main p.btn.login a:after,
main p.btn.logout a:after,
main p.btn.video a:after,
main p.btn.pdf a:after,
main p.btn.tel a:after,
main p.btn.tick a:after,
main p.btn.email a:after,
main p.btn.linkedin a:after,
main p.btn.disabled a:after,
main p.btn.clock a:after,
main p.btn.calendar a:after,
main p.btn.ppt a:after,
main p.btn.video a:after, /* LH Add additional button icons */
main p.btn.zip a:after,
main p.btn.excel a:after,
main p.btn.word a:after,
main p.btn.facebook a:after,
main p.btn.twitter a:after,
main p.btn.instagram a:after,
main p.btn.snapchat a:after,
main p.btn.image a:after,
main p.btn.linkedin a:after,
main p.btn.code a:after,
main p.btn.youtube a:after,
main p.btn.no-icon a:after {display: none;}

main p.btn.video a:before {content: "\f1c8"; font-weight:400;}
main p.btn.zip a:before {content: "\f1c6"; font-weight:400;}
main p.btn.excel a:before {content: "\f1c3"; font-weight:300;}
main p.btn.word a:before {content: "\f1c2"; font-weight:300;}
main p.btn.facebook a:before {content: "\f09a"; font-weight:400;}
main p.btn.twitter a:before {content: "\f099"; font-weight:400;}
main p.btn.instagram a:before {content: "\f16d"; font-weight:400;}
main p.btn.snapchat a:before {content: "\f2ac"; font-weight:400;}
main p.btn.image a:before {content: "\f1c5"; font-weight:300;}
main p.btn.code a:before {content: "\f1c9"; font-weight:300;}
main p.btn.youtube a:before {content: "\f167"; font-weight:400;}
main p.btn.linkedin a:before {content: "\f0e1"; font-weight:400;}

main p.btn.video a:before {content: "\f04b"; font-weight: 100;}
main p.btn.pdf a:before {content: "\f1c1"; font-weight: 100;}
main p.btn.ppt a:before {content: "\f1c4"; font-weight: 100;}
main p.btn.tel a:before {content: "\f095";}
main p.btn.login a:before {content: "\f090";}
main p.btn.logout a:before {content: "\f08b";}
main p.btn.email a:before {content: "\f0e0"; font-weight: 100;}
main p.btn.location a:before {content: "\f041";}
main p.btn.edit a:before {content: "\f040";}
main p.btn.contribute a:before {content: "\f075";}
main p.btn.tick a:before {content: "\f046";}
main p.btn.disabled a:before {content: "\f05e";}
main p.btn.search a:after {content: "\f002"; font-weight: 100;}

main p.btn.clock a:before {content: "\f017";}
main p.btn.calendar a:before {content: "\f073";}

main p.btn.expand a:after {content: "\f078";}
main p.btn.contract a:after {content: "\f077";}

main input[type=submit].primary,
main p.btn.primary a {
    background-color: hsla(198, 100%, 20%,0.07);
    border-color: hsla(0, 0%, 28%, 0.8);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}
main input[type=submit].secondary,
main p.btn.secondary a {
    background-color: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(198, 0%, 20%, 0.9);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}
main input[type=submit].tertiary,
main p.btn.tertiary a {
    background-color: hsla(0, 68%, 100%, 1);
    border-color: hsla(0, 68%, 45%, 1);
    color: hsla(0, 68%, 45%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main input[type=submit].feature,
main p.btn.feature a {
    background-color: hsla(0, 68%, 45%, 1);
    border-color: hsla(0, 68%, 45%, 1);
    color: hsla(0, 100%, 100%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main .secondary input[type=submit].primary,
main .feature input[type=submit].primary,
main .secondary p.btn.primary a,
main .feature p.btn.primary a {
    background-color: hsla(206, 26%, 95%, 1);
    border-color: hsla(206, 26%, 95%, 1);
    color: hsla(0, 0%, 0%, 1);
}
main .feature input[type=submit].tertiary,
main .feature p.btn.tertiary a {
    border-color: hsla(0, 68%, 100%, 1);
}
main .feature input[type=submit].feature,
main .feature p.btn.feature a {
    background-color: hsla(0, 68%, 35%, 1);
    border-color: hsla(0, 68%, 35%, 1);
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}



main input[type=submit].primary:focus,
main input[type=submit].primary:hover,
main p.btn.primary a:focus,
main p.btn.primary a:hover {
    background-color: hsla(0, 68%, 100%, 1);
    border-color: hsla(0, 68%, 45%, 1);
    color: hsla(0, 68%, 45%, 1);
}
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: hsla(198, 0%, 20%, 1);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(198, 0%, 20%, 1);
}
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: hsla(0, 68%, 45%, 1);
    border-color: hsla(0, 68%, 45%, 1);
    color: hsla(0, 68%, 100%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.2);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.2);
}
main input[type=submit].feature:focus,
main input[type=submit].feature:hover,
main p.btn.feature a:focus,
main p.btn.feature a:hover {
    background-color: hsla(0, 68%, 35%, 1);
}

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: hsla(198, 0%, 10%, 1);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(198, 0%, 10%, 1);
}
main .feature input[type=submit].tertiary:focus,
main .feature input[type=submit].tertiary:hover,
main .feature p.btn.tertiary a:focus,
main .feature p.btn.tertiary a:hover {
    border-color: hsla(0, 100%, 100%, 1);
}
main .feature input[type=submit].feature:focus,
main .feature input[type=submit].feature:hover,
main .feature p.btn.feature a:focus,
main .feature p.btn.feature a:hover {
    background-color: hsla(0, 68%, 30%, 1);
    border-color: hsla(0, 68%, 30%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}
main input[type=submit].primary:active,
main input[type=submit].secondary:active,
main input[type=submit].tertiary:active,
main input[type=submit].feature:active,
main p.btn.primary a:active,
main p.btn.secondary a:active,
main p.btn.tertiary a:active,
main p.btn.feature a:active {
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}
main .feature input[type=submit].feature:active,
main .feature p.btn.feature a:active {
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

main input[type=submit].disabled,
main p.btn.disabled a {
    pointer-events: none;
}

main fieldset {padding: 35px 10px 10px 10px; box-sizing: border-box;border: 0;margin:0 0 20px 0;position: relative;}
main fieldset.trim {padding: 25px 0 0 0;margin: 0;}
main fieldset.trim legend {top: 0; left:0;}
main fieldset legend {font-family: "Jotia W00", sans-serif;letter-spacing: 0.01em;padding: 0;position:absolute;top:10px;left:10px;font-size:17px;font-weight:700;color: inherit;}
main fieldset.suppress-legend {padding-top: 10px;}
main fieldset.suppress-legend.trim {padding-top: 0;}
main fieldset.suppress-legend legend {display: none;}

/*@@ NJ - long legend questions (radio buttons or checkboxes) overlap content on new line @@*/
main fieldset.long-legend {padding-top: 10px;}
main fieldset.long-legend.trim {padding-top: 0;}
main fieldset.long-legend > legend {position: static;}

/*@@ NJ - Fix as per above but for squiz generated fields (general publisher created forms) @@*/

main .sq-form-question {margin-bottom: 10px;}
main .sq-form-question-option-list fieldset, main .sq-form-question-tickbox-list fieldset, main .sq-form-question-tickbox-table fieldset {padding: 0px}
main .sq-form-question-option-list fieldset.trim, main .sq-form-question-tickbox-list fieldset.trim, main .sq-form-question-tickbox-table fieldset.trim {padding-top: 0}
main .sq-form-question-option-list fieldset > legend, main .sq-form-question-tickbox-list fieldset > legend, main .sq-form-question-tickbox-table fieldset > legend {position: static; font-family: inherit; font-size: 15px; font-weight: 500;}

main form .sq-form-upload {margin-bottom: 2px;}

main .card.trim fieldset ul {padding: 0;}

main fieldset.primary {background-color: hsla(198, 100%, 20%,0.07); color: hsla(0, 0%, 0%, 1); border-color: hsla(0, 0%, 28%, 1);}
main fieldset.secondary {background-color: hsla(198, 0%, 20%, 0.9); color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}
main fieldset.tertiary {background-color: hsla(198, 100%, 100%,0.9); color: hsla(0, 0%, 0%, 1); border-color: hsla(0, 0%, 28%, 1);}
main fieldset.feature {background-color: hsla(0, 68%, 45%, 1); color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}

main .secondary fieldset.primary {background-color: hsla(206, 26%, 95%, 1);}
main .feature fieldset.primary {background-color: hsla(206, 26%, 95%, 1);}
main .secondary fieldset.tertiary {background-color: hsla(198, 100%, 100%, 1);}
main .feature fieldset.tertiary {background-color: hsla(198, 100%, 100%, 1);}
main .feature fieldset.feature {background-color: hsla(0, 68%, 25%, 0.2);}
/* LH fix red tinge when feature slab secondary fieldset */
main .feature fieldset.secondary {background-color: hsl(0, 0%, 28%);}

/* LH fix primary fieldset ontop of cssbg */
main .cssbg fieldset.primary { background-color: hsl(197, 24%, 95%,0.9); }

main fieldset.sq-form-section {background-color: hsla(198, 100%, 20%,0.07); color: hsla(0, 0%, 0%, 1); border-color: hsla(0, 0%, 28%, 1);}
main .secondary fieldset.sq-form-section {background-color: hsla(206, 26%, 95%, 1);}
main .feature fieldset.sq-form-section {background-color: hsla(206, 26%, 95%, 1);}

/* LH default easy edit fieldsets to primary */
main div.sq-form-unattached {background-color: hsla(198, 100%, 20%,0.07); color: hsla(0, 0%, 0%, 1); border-color: hsla(0, 0%, 28%, 1);}
main .secondary div.sq-form-unattached {background-color: hsla(206, 26%, 95%, 1);}
main .feature div.sq-form-unattached {background-color: hsla(206, 26%, 95%, 1);}

/* LH make unattached questions div look like a fieldset */
main div.sq-form-unattached {
    padding: 10px 10px 1px 10px;
    box-sizing: border-box;
    border: 0;
    margin: 0 0 20px 0;
    position: relative;
}

/* LH Fix a styling */

main fieldset.sq-form-section a, main div.sq-form-unattached a {border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}
main .sq-form-section a:hover, main div.sq-form-unattached a:hover {color: hsla(0, 68%, 45%, 1); border-color: hsla(0, 72%, 49%, 0.3);}

main textarea,
main input,
main select {
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "Foundry Sterling W01";
    font-size: 16px;
    letter-spacing: 0.02em;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.3em 0.3em 0.3em 0.3em;
    background-color: hsla(0, 100%, 100%, 1);
    color: hsla(0, 0%, 0%, 1);
    border: 1px inset hsla(198, 0%, 20%, 0.3);
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}
main fieldset.tertiary.search input[type=text] {
    padding: 20px 3em 20px 7em;
    font-size: 20px;
    border-color: hsla(0, 0%, 28%, 0.1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.1);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.1);
}
main fieldset.tertiary.search label {
    color: hsla(198, 0%, 20%, 0.8);
    font-family: "Jotia W00", sans-serif;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    margin-bottom: -50px;
    margin-left: 40px;
    margin-top: 20px;
}
main fieldset.tertiary.search label:after {
    font-family: "FontAwesome";
    vertical-align: middle;
    font-size: 20px;
    display: inline-block;
    content: "\f002";
    padding: 0;
    line-height: 1.5;
    color: hsla(0, 68%, 45%, 1);
    position: absolute;
    right: 40px;
}


/** NJJ search customisation for new search design */
main .search input.search[type=text] {
    padding: 20px 3em 20px 8em;
    font-size: 20px;
    margin-bottom: 0;
    border-color: hsla(0, 0%, 28%, 0.1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.1);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.1);
}
main .search label.inset {
    color: hsla(198, 0%, 20%, 0.8);
    font-family: "Jotia W00", sans-serif;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    margin-bottom: -50px;
    margin-left: 25px;
    margin-top: 25px;
}
main .search a.search-button {
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: hsla(0, 68%, 45%, 1);
    margin-top: 23px;
    right: 35px;
    position: absolute;
    border-bottom: none;
}
main .search a.search-button::after {content: "\f002";}


/* Mobile */
@media all and (max-width: 767px) {
    
    main .search label.inset { color: rgba(255, 255, 255, 0); }
    main .search a.search-button {right: 25px; }
    main .search input.search[type=text] { padding-left: 1em; padding-right: 2.3em; }

} /* /@Mobile */


main textarea.inline,
main input.inline,
main select.inline{width: auto;}

/* LH fix fieldsets grabbing slab colors and not fieldset colors */
main .secondary textarea,
main .secondary input:not([type=submit]),
main .secondary select {
    background-color: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(198, 0%, 20%, 0.9);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main .secondary textarea::placeholder,
main .secondary input:not([type=submit])::placeholder,
main .secondary select::placeholder,
main .feature textarea::placeholder,
main .feature input:not([type=submit])::placeholder,
main .feature select::placeholder{
    color: hsla(0, 100%, 100%, 0.7);
}

main .tertiary textarea,
main .tertiary input:not([type=submit]),
main .tertiary select {
    background-color: hsla(198, 100%, 20%,0.07);
    color: hsla(0, 0%, 0%, 1);
    border-color: hsla(0, 0%, 28%, 0.8);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main .feature textarea,
main .feature input:not([type=submit]),
main .feature select {
    background-color: hsla(0, 68%, 35%, 1);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(0, 68%, 35%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main .feature textarea.primary,
main .feature input.primary:not([type=submit]),
main .feature select.primary {
    background-color: hsla(0, 100%, 100%, 1);
    color: hsla(0, 0%, 0%, 1);
    border: 1px inset hsla(198, 0%, 20%, 0.3);
    -webkit-box-shadow: none;
    box-shadow: none;
}

main .primary textarea,
main .primary input:not([type=submit]),
main .primary select,
main .sq-form-section textarea,
main .sq-form-section input:not([type=submit]),
main .sq-form-section select,
main .sq-form-unattached textarea,
main .sq-form-unattached input:not([type=submit]),
main .sq-form-unattached select
{
    background-color: hsla(0, 100%, 100%, 1);
    color: hsla(0, 0%, 0%, 1);
    border: 1px inset hsla(198, 0%, 20%, 0.3);
    -webkit-box-shadow: none;
    box-shadow: none;
}

main fieldset.secondary textarea,
main fieldset.secondary input:not([type=submit]),
main fieldset.secondary select {
    background-color: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(198, 0%, 20%, 0.9);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main fieldset.primary textarea::placeholder,
main fieldset.primary input:not([type=submit])::placeholder,
main fieldset.primary select::placeholder,
main fieldset.tertiary textarea::placeholder,
main fieldset.tertiary input:not([type=submit])::placeholder,
main fieldset.tertiary select::placeholder,
main fieldset.sq-form-section textarea::placeholder,
main fieldset.sq-form-section input:not([type=submit])::placeholder,
main fieldset.sq-form-section select::placeholder,
main fieldset.sq-form-unattached textarea::placeholder,
main fieldset.sq-form-unattached input:not([type=submit])::placeholder,
main fieldset.sq-form-unattached select::placeholder
{
    color: rgb(117, 117, 117);
}


main fieldset.secondary textarea::placeholder,
main fieldset.secondary input:not([type=submit])::placeholder,
main fieldset.secondary select::placeholder {
    color: hsla(0, 100%, 100%, 0.7);
}

main fieldset.tertiary textarea,
main fieldset.tertiary input:not([type=submit]),
main fieldset.tertiary select {
    background-color: hsla(198, 100%, 20%,0.07);
    color: hsla(0, 0%, 0%, 1);
    border-color: hsla(0, 0%, 28%, 0.8);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main fieldset.feature textarea,
main fieldset.feature input:not([type=submit]),
main fieldset.feature select {
    background-color: hsla(0, 68%, 35%, 1);
    color: hsla(0, 100%, 100%, 1);
    border-color: hsla(0, 68%, 35%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main fieldset.primary textarea,
main fieldset.primary input:not([type=submit]),
main fieldset.primary select {
    background-color: hsla(0, 100%, 100%, 1);
    color: hsla(0, 0%, 0%, 1);
    border: 1px inset hsla(198, 0%, 20%, 0.3);
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* END LH changes */

main .secondary input[type=range],
main .tertiary input[type=range],
main .feature input[type=range] {-webkit-box-shadow: inherit;box-shadow: inherit;}

main input[type=range] {padding: 0.3em 0 0.3em 0;}

main progress,
main meter {width: 100%;margin-bottom: 20px;-webkit-appearance: none;}


main progress,
main progress::-webkit-progress-bar {
    background-color: hsla(198, 100%, 20%,0.07);
    color: inherit;
    border: inherit;
}

main .secondary progress,
main .secondary progress::-webkit-progress-bar {background-color: hsla(198, 0%, 20%, 0.9);}

main .feature progress,
main .feature progress::-webkit-progress-bar {background-color: hsla(0, 68%, 25%, 0.2);}


main progress::-webkit-progress-value,
main progress::-moz-progress-bar {
    background-color: hsla(0, 68%, 45%, 1);
}

main textarea:last-child,
main input:last-child,
main select:last-child {margin-bottom: 0;}

main textarea:focus,
main input:not([type=range]):focus,
main select:focus {outline: none;box-shadow: hsla(198, 100%, 70%, 0.7) 0.05em 0.05em 0.5em;}

main fieldset ul:last-child {margin: 0;}
main fieldset ul li {padding-left: 0;}
main fieldset ul li:before {display: none;}
main fieldset ul li a {border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}
main fieldset ul li label {display: inline;}

main fieldset span.required, main .sq-form-unattached span.required {font-size: 11px;vertical-align: super;color: hsla(0, 68%, 45%, 1);}

main .secondary span.required,
main .feature span.required {color: inherit;}

main .primary span.required,
main .tertiary span.required {color: hsla(0, 68%, 45%, 1);}

main .primary .secondary span.required,
main .primary .feature span.required,
main .tertiary .secondary span.required,
main .tertiary .feature span.required {color: inherit;}

main label {display: block;font-weight:500;}
main label.inline {display: inline-block;font-weight: 400;}

main input[type=radio],
main input[type=checkbox] {vertical-align: middle;margin: 0;padding: 0;width: auto;}
main input[type=radio],
main input[type=checkbox] {-webkit-box-shadow:inherit !important;box-shadow:inherit !important;}
main input[type=submit]{font-family: inherit;width: auto;}

main iframe,
main embed {max-width: 100%; border: 0;}

main p b,
main p strong {font-weight: 500;}

main p small,
main p small {font-size: 0.8em}


main p big,
main p big {font-size: 1.2em}

main video,
main img {height: auto; margin: 0 0 20px 0;}
main video {width: 100%;}
main video.trim,
main img.trim {margin: 0;}

main img {width: 100%;}

main img.left,
main img.right,
main img.inline,
main img.icon,
main svg.icon {width: auto; max-width: 100%;}

main video.shadow,
main img.shadow {
    -webkit-box-shadow: 3px 3px 10px hsla(198, 0%, 20%, 0.4);
    box-shadow: 3px 3px 10px hsla(198, 0%, 20%, 0.4);
}

main img.gu1 {width:  6.752%;}
main img.gu2 {width: 15.229%;}
main img.gu3 {width: 23.706%;}
main img.gu4 {width: 32.183%;}
main img.gu5 {width: 40.660%;}
main img.gu6 {width: 49.138%;}
main img.gu7 {width: 57.615%;}
main img.gu8 {width: 66.092%;}
main img.gu9 {width: 74.569%;}
main img.gu10 {width: 83.046%;}
main img.gu11 {width: 91.523%;}
main img.gu12 {width: 100%;}

main video.inline,
main div.card.inline,
main img.inline {max-width: 100%; display: inline-block;}
main video.left,
main div.card.left,
main img.left {float: left; max-width: 100%; margin: 0 0.75em 0.75em 0;}
main video.right,
main div.card.right,
main img.right {float: right; max-width: 100%; margin: 0 0 0.75em 0.75em;}

main img.right.trim,
main img.left.trim,
main img.inline.trim,
main video.left.trim,
main video.right.trim,
main video.inline.trim {margin-bottom: 0;}


main .card svg.icon,
main .card img.icon {width: auto; max-width: 50%;}

main .card.breakout {position: relative;overflow: visible;}
main .card.breakout > * {position: inherit; z-index: 2;}
main .card.breakout img:first-of-type {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 107%;
    height: calc(100% + 40px);
    max-height: 490px;
    width: auto;
    z-index: 1;
    margin:0;
    pointer-events: none;
}
main .card.breakout.b-trans img:first-of-type {opacity:0.4;}
main .card.breakout.b-left img:first-of-type {
    left: 0;
    right: inherit;
}

main ul {margin: 0 0 20px 0;padding: 0; list-style-type: none;}
main ul ul,
main ul ol {margin-bottom: 0;}
main ul li {padding-left: 1em; box-sizing: border-box;}
main ul li:before {content: "\f111";font-family: "FontAwesome";margin-left: -2.5em;margin-right: 1.5em;vertical-align: middle;font-size: 0.3em;font-weight:900;}

main ul.feature li {padding: 0;margin-bottom: 10px;font-size: 16px;line-height:1.25;}
main ul.feature li a {border-bottom: inherit;}
main ul.feature li:before {display: none;}
main ul.feature li:after {font-family: "FontAwesome";content: "\f105";font-size: 1.25em;margin-left: 5px;vertical-align: middle;font-weight:100;line-height: 1;color: hsla(0, 68%, 45%, 1);}

main ul.feature.position-left li:after {display: none;}
main ul.feature.position-left li:before {display: inline-block;font-family: "FontAwesome";content: "\f105";font-size: 1.25em;margin-left: 0;margin-right:0.2em;vertical-align: middle;font-weight:100;line-height: 1;color: hsla(0, 68%, 45%, 1);}

main ul.feature li a:focus,
main ul.feature li a:hover {color: hsla(0, 68%, 45%, 1);}

main .feature ul.feature li a:focus,
main .secondary ul.feature li a:focus,
main .feature ul.feature li a:hover,
main .secondary ul.feature li a:hover {color: hsla(0, 100%, 100%, 1);}
main .feature ul.feature li:after,
main .secondary ul.feature li:after {color: hsla(0, 100%, 100%, 1);}

main ul.suppress {padding: 0;}
main ul.suppress li {padding: 0;margin-bottom: 10px;font-size: 16px;line-height:1.25;}
main ul.suppress li:before {display: none;}
main ul.suppress li:after {display: none;}

main ul.checklist {}
main ul.checklist li {padding-left: 1.5em;}
main ul.checklist li a {border-bottom: inherit;}
main ul.checklist li a:focus,
main ul.checklist li a:hover {color: hsla(0, 68%, 45%, 1);}
main ul.checklist li:before {content: "\f0c8";font-weight:300;}
main ul.checklist li.check:before {content: "\f00c";}
main ul.checklist li.uncheck:before {content: "\f00d";}

main .card.trim ul.checklist {}
main ul.checklist li:before {content: "\f0c8";font-weight:300; color: hsla(0, 68%, 45%, 1);font-size: 1em;margin-left: -1.5em;margin-right: 0.5em;transition: all 300ms ease-out;line-height:19px;}

.slab a:hover > .card.primary ul.checklist li:before,
.slab a:focus > .card.primary ul.checklist li:before {color: hsla(198, 100%, 100%, 1);transition: all 300ms ease-in;}

main ol {margin: 0 0 20px 0;padding: 0;}
main ol ul,
main ol ol {margin-bottom: 0;}
main ol li {list-style-position: inside;text-indent: -20px;padding-left: 20px;}
main ol li * {text-indent: 0;}

main dl {margin: 0 0 20px 0;}
main dl dt {font-weight: 500;}
main dl dd {margin-left: 2em;}

main table {width:100%;border-collapse: collapse;margin-bottom: 1em;}
main table.space {margin: 0 0 2em 0;}
main table tr:nth-child(2n+2) {background-color:hsla(198, 100%, 36%,0.08);}
main table th {
    font-family: "Copernicus W01";
    color: hsla(0, 68%, 100%, 1);
    line-height: 1.25;
    font-size: 13px;
    letter-spacing: 0.1em;
    font-weight: 400;
    background-color: hsla(198, 0%, 20%, 0.9);
    padding: 0.5em 0.5em;
    text-align: left;
}
main table td {padding: 0 5px;font-size: 14px;}
main table td.a-right {text-align: right;}
main table td.a-center {text-align: center;}
main table th.a-right {text-align: right;}
main table th.a-center {text-align: center;}
main table.inline {width: auto;}

main table.puff th {padding: 20px;font-size: 13px;}
main table.puff td {padding: 20px;font-size: 15px;}

main table.shadow {
    -webkit-box-shadow: 3px 3px 10px hsla(198, 0%, 20%, 0.2);
    box-shadow: 3px 3px 10px hsla(198, 0%, 20%, 0.2);
}

main .slab.trans {background-color: inherit;}
main .slab.puff {padding: 70px 0 50px 0;}
main .card.puff {padding: 70px;}
main .slab.trim {padding: 0;}
main .slab.trim-top {padding-top: 0;}
main .slab.trim-bottom {padding-bottom: 0; overflow: hidden;}
main .slab .flex.puff {padding: 70px 0;}
main .slab .flex.space {padding: 20px 0 10px 0;}
main .slab .flex.flush.space {padding: 20px;}
main .slab .flex.trim {padding: 0;}
main .slab .flex.trim-top {padding-top: 0;}
main .slab .flex.trim-bottom {padding-bottom: 0;}
main .card.flex.puff {padding: 70px;}
main .card.flex.puff.trim {padding: 0;}
main .card.flex.puff.trim-top {padding-top: 0;}
main .card.flex.puff.trim-bottom {padding-bottom: 0;}
main .card.trim-top {padding-top: 0;}
main .card.trim-bottom {padding-bottom: 0;}
main .slab .flex.trim .card {margin: 0;}
main .slab.inset-top {margin-top: -30px;}
main .slab.inset-bottom {margin-bottom: -30px;}
main .slab.inset-top--large {margin-top: -50px;}
main .slab.inset-bottom--large {margin-bottom: -60px;}
main .card.inset-top {margin-top: -30px;}
main .card.inset-bottom {margin-bottom: -30px;}
main .card.inset-top--large {margin-top: -60px;}
main .card.inset-bottom--large {margin-bottom: -60px;}
main .slab.puff.inset-top {margin-top: -70px;}
main .slab.puff.inset-bottom {margin-bottom: -70px;}
main .card.puff.inset-top {margin-top: -70px;}
main .card.puff.inset-bottom {margin-bottom: -70px;}

/* LH Add shadow class for fieldsets */
main .card.shadow,
main .slab .flex.shadow, 
main fieldset.shadow {
    -webkit-box-shadow: 3px 3px 10px hsla(198, 0%, 20%, 0.2);
    box-shadow: 3px 3px 10px hsla(198, 0%, 20%, 0.2);
}
main .card.secondary.shadow,
main .card.feature.shadow,
main .card.cssbg.shadow,
main fieldset.secondary.shadow,
main fieldset.feature.shadow {
    -webkit-box-shadow: 3px 3px 10px hsla(198, 0%, 20%, 0.4);
    box-shadow: 3px 3px 10px hsla(198, 0%, 20%, 0.4);
}

main .slab .flex.tiles {}
main .slab .flex.tiles > .card {margin: 0.5px}
main .slab .flex.tiles > .card > a:first-child {
    border: 0;
    background-color: hsla(198, 0%, 20%, 0.15);
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
main .slab .flex.tiles > .card > a:first-child:focus,
main .slab .flex.tiles > .card > a:first-child:hover {
    background-color: hsla(198, 0%, 20%, 0);
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
main .slab .flex.tiles > .card > a:first-child span {
    padding: 7px 10px;
    margin: 0 20px 20px 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 1.5;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    font-family: "Copernicus W01";
    letter-spacing: 0.025em;
    background-color: hsla(0, 68%, 45%, 1);
    color: hsla(0, 100%, 100%, 1);
    display: inline-block;
}
main .slab .flex.tiles > .card > a:first-child span:nth-child(2) {
    background: hsla(198, 0%, 20%, 0.9);
    font-weight: 300;
    font-size: 14px;
    padding: 7px 10px;
    font-family: "Foundry Sterling W01";
    margin: -20px 20px 20px 20px;
}

/*H1 reserved for logo and page name only*/
main .slab .inner h1 {display: none;}

/*Heading styles are not to be altered*/
main h2 b,
main h2 i,
main h2 strong,
main h2 em {font-weight: 400;font-style: normal;}
main h3 b,
main h3 i,
main h3 strong,
main h3 em {font-weight: 500;font-style: normal;}
main h4 b,
main h4 i,
main h4 strong,
main h4 em {font-weight: 400;font-style: normal;}
main h5 b,
main h5 i,
main h5 strong,
main h5 em {font-weight: 500;font-style: normal;}
main h6 b,
main h6 i,
main h6 strong,
main h6 em {font-weight: 100;font-style: normal;}

main h2.feature b,
main h2.feature i,
main h2.feature strong,
main h2.feature em {font-weight: 700;font-style: normal;}
main h3.feature b,
main h3.feature i,
main h3.feature strong,
main h3.feature em {font-weight: 500;font-style: normal;}
main h4.feature b,
main h4.feature i,
main h4.feature strong,
main h4.feature em {font-weight: 400;font-style: normal;}
main h5.feature b,
main h5.feature i,
main h5.feature strong,
main h5.feature em {font-weight: 500;font-style: normal;}
main h6.feature b,
main h6.feature i,
main h6.feature strong,
main h6.feature em {font-weight: 400;font-style: normal;}

/*Headings are not links*/
main h2 a, main h3 a, main h4 a, main h5 a, main h6 a {display: none;}

main .slab .inner h1 {}
main .slab .inner h2 {font-size: 26px; font-weight: 400; letter-spacing: 0.04em; margin: 0 0 0.4em 0;line-height: 1.4;}
main .slab .inner h3 {font-size: 17px; margin: 0 0 0.6em 0;line-height: 1.4;}
main .slab .inner h4 {font-size: 16px; font-weight: 400; letter-spacing: 0.1em; margin: 0 0 0.6em 0;line-height: 1.25;}
main .slab .inner h5 {font-size: 15px; margin: 0 0 0.6em 0;}
main .slab .inner h6 {font-size: 14px; font-weight: 100; letter-spacing: 0.04em; margin: 0 0 0.6em 0;}

main .slab .inner h1.puff {padding: 30px 0 0 0;margin-bottom: 0;}
main .slab .inner h1.space {padding: 15px 0 0 0;margin-bottom: 0;}
main .slab .inner h1.trim-top {padding-top: 0;}
main .slab .inner h1.trim-bottom {padding-bottom: 0;}

main .slab .inner h2.puff {padding: 30px 0 0 0;margin-bottom: 0;}
main .slab .inner h2.space {padding: 15px 0 0 0;margin-bottom: 0;}
main .slab .inner h2.trim-top {padding-top: 0;}
main .slab .inner h2.trim-bottom {padding-bottom: 0;}

main .slab .inner h3.puff,main .slab .inner h4.puff,main .slab .inner h5.puff,main .slab .inner h6.puff {padding: 20px 0 0 0;margin-bottom: 0;}
main .slab .inner h3.space,main .slab .inner h4.space,main .slab .inner h5.space,main .slab .inner h6.space {padding: 10px 0 0 0;margin-bottom: 0;}
main .slab .inner h3.trim-top,main .slab .inner h4.trim-top,main .slab .inner h5.trim-top,main .slab .inner h6.trim-top {padding-top: 0;}
main .slab .inner h3.trim-bottom,main .slab .inner h4.trim-bottom ,main .slab .inner h5.trim-bottom,main .slab .inner h6.trim-bottom  {padding-bottom: 0;}

main .slab .inner h1.feature {}
main .slab .inner h2.feature {font-size: 24px;font-weight: 700;letter-spacing: 0.025em; margin: 0 0 0.2em 0; color: hsla(198, 0%, 20%, 0.8);text-transform: uppercase;}
main .slab .inner h2.light {font-size: 35px;font-weight: 400;letter-spacing: -0.5px;font-style: italic;font-family: "Copernicus W01";line-height: 1.2;color: hsla(0, 0%, 0%, 1);text-shadow: 0 0 10px hsla(0, 0%, 100%, 0.5);}
main .slab .inner h3.feature {font-size: 22px; margin: 0 0 0.3em 0;line-height: 1.5;}
main .slab .inner h3.light {font-style: italic; font-family: "Copernicus W01"; font-weight: 700;}
main .slab .inner h4.feature {font-size: 20px;letter-spacing: 0.01em;color: hsla(0, 68%, 45%, 1);line-height: 1.5;}
main .slab .inner h4.light {font-style: italic; font-family: "Copernicus W01"; font-weight: 400;}
main .slab .inner h5.feature {font-size: 18px;line-height: 1.5;}
main .slab .inner h6.feature {font-size: 16px;font-weight: 400;letter-spacing: 0.01em;color: hsla(0, 68%, 45%, 1);line-height: 1.5;}

main .slab .inner .secondary h2.feature,
main .slab .inner .secondary h2.light,
main .slab .inner .feature h2.feature,
main .slab .inner .feature h2.light,
main .slab .inner .secondary p.stinger,
main .slab .inner .feature p.stinger,
main .slab .inner .secondary h4.feature,
main .slab .inner .feature h4.feature,
main .slab .inner .secondary h6.feature,
main .slab .inner .feature h6.feature {color: hsla(0, 100%, 100%, 1);}

main .slab.secondary .inner  h2.light,
main .slab.feature .inner h2.light,
main .slab .inner .secondary h2.light,
main .slab .inner .feature h2.light {text-shadow: 0 0 10px hsla(0, 0%, 0%, 0.5);}

main .slab.secondary .inner h2.feature,
main .slab.feature .inner h2.feature,
main .slab.secondary .inner h2.light,
main .slab.feature .inner h2.light,
main .slab.secondary .inner p.stinger,
main .slab.feature .inner p.stinger,
main .slab.secondary .inner h4.feature,
main .slab.feature .inner h4.feature,
main .slab.secondary .inner h6.feature,
main .slab.feature .inner h6.feature {color: hsla(0, 100%, 100%, 1);}

main .slab.secondary .inner .primary h2.feature,
main .slab.feature .inner .primary h2.feature,
main .slab.secondary .inner .tertiary h2.feature,
main .slab.feature .inner .tertiary h2.feature,
main .slab.secondary .inner .primary p.stinger,
main .slab.feature .inner .primary p.stinger,
main .slab.secondary .inner .tertiary p.stinger,
main .slab.feature .inner .tertiary p.stinger {color: hsla(198, 0%, 20%, 0.8);}

main .slab.secondary .inner .primary h4.feature,
main .slab.feature .inner .primary h4.feature,
main .slab.secondary .inner .primary h6.feature,
main .slab.feature .inner .primary h6.feature,
main .slab.secondary .inner .tertiary h4.feature,
main .slab.feature .inner .tertiary h4.feature,
main .slab.secondary .inner .tertiary h6.feature,
main .slab.feature .inner .tertiary h6.feature {color: hsla(0, 68%, 45%, 1);}

main .slab .inner h2.inline,
main .slab .inner h3.inline,
main .slab .inner h4.inline,
main .slab .inner h5.inline,
main .slab .inner h6.inline  {display: inline-block;}

main .slab .banner h1,
main .slab .banner h2 {
    font-size: 40px;
    color: hsla(0, 100%, 100%, 1);
    background-color: hsla(0, 72%, 49%, 0.8);
    padding: 20px 20px 15px 20px;
    display: inline-block;
    margin: 0;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}
main .slab .banner.card {overflow: visible;}
main .slab .banner.feature {
    overflow: visible;
    margin-bottom: 0;
    background-color: inherit;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
}
main .slab .banner.feature.study {padding: 15px 20px;}
main .slab .banner.feature.study:before {background-color: hsla(0, 0%, 0%, 0.65);}
main .slab .banner.feature.study > .flex {margin: 0 auto 0 auto;}
main .slab .banner.feature.study h1 {font-size: 30px;text-align: left;font-weight: 500;text-align: left;letter-spacing: 0.01em;line-height: 1;}
main .slab .banner.feature.study .flex .gu10 p {
    text-align: left;
    margin: 0;
    display: inherit;
    font-size: 16px;
    font-family: "Foundry Sterling W01";
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1;
}
main .slab .banner.feature.study .cta p {
    margin: 0;
}

main .slab .banner.feature.study .cta a, 
main .slab.apply-banner .popout-cta a {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    padding: 9px 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(192, 36, 36, 1);
    background-color: rgba(255, 255, 255, 0.8);
    border: 0;
    transition: inherit;
    border-radius:0;
}

main .slab .banner.feature.study .cta a:after, 
main .slab.apply-banner .popout-cta a:after {
    content: "";
    display:none;
    
}

main .slab .banner.feature.study .cta a:hover, 
main .slab .banner.feature.study .cta a:active,
main .slab.apply-banner .popout-cta a:hover, 
main .slab.apply-banner .popout-cta a:active {
    background-color: rgba(192, 36, 36, 1);
    color: rgba(255, 255, 255, 1);
}

main .slab.apply-banner .popout-cta p.btn {
    margin: 0;
    top:25px; 
    position:absolute;
    right:25px;
    z-index: 10;
}

main .inset-bottom .slab .banner.feature,
main .slab.inset-bottom .banner.feature {
    padding-bottom: 70px;
}
main .inset-bottom .slab.videobg .banner.feature,
main .slab.inset-bottom.videobg .banner.feature {
    padding-bottom: 90px;
}

main .slab .remarkable-bg {margin-bottom:57px;}
main .slab .remarkable-bg a {padding: 20px;}
main .slab .remarkable-bg q {
    font-family: "Jotia W00", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    line-height: 1;
    font-size: 38px;
    padding: 0;
    }
main .slab .remarkable-bg q:before {margin: 0;}
main .slab .remarkable-bg q:after {margin: 0;}
main .slab .remarkable-bg p.name {
    font-size: 15px;
    margin: 0.25em 0 0 0;
    }
main .slab .remarkable-bg p.position {
    font-size: 15px;
    font-weight: 300;
    margin: 0;
    }

main .slab .remarkable-bg:before,
main .slab .banner.feature:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    background-color: hsla(0, 70%, 40%, 1);
    mix-blend-mode: multiply;
}
main .slab .remarkable-bg.hard-light:before,
main .slab .banner.feature.hard-light:before {
    mix-blend-mode: hard-light;
}
main .slab .banner.feature * {max-width: 1120px;}


main .slab .banner.feature h1,
main .slab .banner.feature h2 {
    background-color: inherit;
    font-family: "Jotia W00", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    padding: 0;
    font-size: 48px;
    line-height: 1;
    display: block;
    margin: 0 auto;
}

main .slab .banner.feature h1.tagline:before, main .slab .banner.feature h2.tagline:before {
    display: block;
    content: "Be remarkable";
    animation: tagline 14000ms infinite;
}

@keyframes tagline{
    2%    {opacity: 1;content: "Be remarkable";}
    30%    {opacity: 1;content: "Be remarkable";}
    33%    {opacity: 0;}
    36%    {opacity: 1;content: "Be courageous";}
    63%    {opacity: 1;content: "Be courageous";}
    66%    {opacity: 0;}
    69%    {opacity: 1;content: "Be experimental";}
    96%    {opacity: 1;content: "Be experimental";}
    99%    {opacity: 0;}
}

main .slab .banner a {border-bottom: 0;}
main .slab .banner a:hover,
main .slab .banner a:focus {color: inherit;}
main .slab .banner p {
    font-size: 20px;
    color: hsla(0, 100%, 100%, 1);
    background-color: hsla(198, 0%, 20%, 0.8);
    padding: 15px 20px 15px 20px;
    display: block;
    font-family: "Copernicus W01";
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0.025em;
    margin: 0;
}
main .slab .banner.feature p {
    background-color: inherit;
    display: inline-block;
    font-family: "Jotia W00", sans-serif;
    font-weight: 100;
    font-size: 15px;
    padding: 0;
    line-height: 1.1;
    font-style: inherit;
    margin: 10px 0 0 0;
}

main .slab .banner.feature a p {border-bottom: 1px solid hsla(0, 68%, 100%, 1);}

main .slab .banner a p:after {
    font-family: "FontAwesome";
    content: "\f105";
    margin-left: 0.25em;
    font-size: 1.1em;
    line-height: 1;
    vertical-align: baseline;
}

main .slab .banner.feature a p:after {content: "";margin: 0;}
main .slab .banner.feature a:hover p,
main .slab .banner.feature a:focus p {background-color: inherit;}

main .slab .banner.feature a:hover h1,
main .slab .banner.feature a:focus h1 {background-color: inherit;}

main .slab .banner a:hover h1,
main .slab .banner a:focus h1 {background-color: hsla(0, 72%, 49%, 1);}
main .slab .banner a:hover p,
main .slab .banner a:focus p {background-color: hsla(198, 0%, 20%, 1);}

main p.feature {font-size: 17px;}
main p.feature:not(.btn) a:focus,
main p.feature:not(.btn) a:hover {color: hsla(0, 68%, 45%, 1);border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}

main p.puff {padding: 20px 0;margin-bottom: 0;}
main p.space {padding: 10px 0;margin-bottom: 0;}
main p.trim-top {padding-top: 0;}
main p.trim-bottom {padding-bottom: 0;}

main p.intro {font-size: 21px;margin: 0 0 0.3em 0;line-height: 1.5;font-family: "Jotia W00";font-weight: 500;letter-spacing: 0.01em;}
main p.intro.light {font-family: "Copernicus W01";font-style: italic;}
main .slab.cssbg p.intro {font-family: "Copernicus W01";font-weight: 400;font-size: 13px;line-height: 1;margin-bottom: 0.5em;}

main a {border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}
main p.feature:not(.btn) a {border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}
main abbr {border-bottom: 2px dotted hsla(0, 72%, 49%, 0.3);cursor: help;display: inline-block;margin-bottom: -2px;line-height: 1;text-decoration: none;}
main dfn {border-bottom: 2px dotted hsla(0, 72%, 49%, 0.3);cursor: help;}

main .secondary a {border-bottom: 2px solid hsla(0, 68%, 100%, 1);}
main .secondary abbr {border-bottom: 2px dotted hsla(0, 68%, 100%, 1);}

main .feature a {border-bottom: 2px solid hsla(0, 68%, 100%, 1);}
main .feature abbr {border-bottom: 2px dotted hsla(0, 68%, 100%, 1);}

main p.feature abbr {border-bottom: 2px dotted hsla(0, 72%, 49%, 0.3);}
main .feature p.feature abbr {border-bottom: 2px dotted hsla(0, 68%, 100%, 1);}

/* LH Fix for feature ul's with abbr tags */
main .feature ul.feature abbr {border-bottom: 2px dotted hsla(0, 68%, 100%, 1);}
main ul.feature abbr {border-bottom: 2px dotted hsla(0, 72%, 49%, 0.3);}

main a:focus,
main a:hover {color: hsla(0, 68%, 45%, 1); outline: none;}

main .secondary a:focus,
main .secondary a:hover {color: hsla(0, 100%, 100%, 1);border-color: hsla(0, 100%, 100%, 1);}

main .feature a:focus,
main .feature a:hover {color: hsla(0, 100%, 100%, 1);border-color: hsla(0, 100%, 100%, 1);}

/*@@ Bug fix to colour intext link hover state where secondary/feature slab but tertiary/primary card @@*/
main .slab.secondary .tertiary p:not(.btn)>a:focus,
main .slab.secondary .primary p:not(.btn)>a:focus,
main .slab.secondary .tertiary p:not(.btn)>a:hover,
main .slab.secondary .primary p:not(.btn)>a:hover,
main .slab.feature .tertiary p:not(.btn)>a:focus,
main .slab.feature .primary p:not(.btn)>a:focus,
main .slab.feature .tertiary p:not(.btn)>a:hover,
main .slab.feature .primary p:not(.btn)>a:hover,
main .slab.secondary .tertiary li>a:focus,
main .slab.secondary .primary li>a:focus,
main .slab.secondary .tertiary li>a:hover,
main .slab.secondary .primary li>a:hover,
main .slab.feature .tertiary li>a:focus,
main .slab.feature .primary li>a:focus,
main .slab.feature .tertiary li>a:hover,
main .slab.feature .primary li>a:hover {
  color: hsla(0, 68%, 45%, 1);
  border-color: hsla(0, 68%, 45%, 1);
}

/*@@ Bug fix to colour intext link state where secondary/feature slab but tertiary/primary card @@*/
main .slab.secondary .tertiary p:not(.btn)>a,
main .slab.secondary .primary p:not(.btn)>a,
main .slab.secondary .tertiary p:not(.btn)>a,
main .slab.secondary .primary p:not(.btn)>a,
main .slab.feature .tertiary p:not(.btn)>a,
main .slab.feature .primary p:not(.btn)>a,
main .slab.feature .tertiary p:not(.btn)>a,
main .slab.feature .primary p:not(.btn)>a,
main .slab.secondary .tertiary li>a,
main .slab.secondary .primary li>a,
main .slab.secondary .tertiary li>a,
main .slab.secondary .primary li>a,
main .slab.feature .tertiary li>a,
main .slab.feature .primary li>a,
main .slab.feature .tertiary li>a,
main .slab.feature .primary li>a {
  border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);
}

main .slab {padding: 40px 0 30px 0; clear: both;
/*scroll-snap-align: start;*/
}
main .slab .inner {max-width: 1160px;padding: 0 20px;}
main .slab.table .inner {max-width: inherit;}
main .slab.full-width .inner {max-width: inherit;padding: 0;}

main .slab .inner .flex {clear:both;}

main .slab .inner > *:first-child {margin-top: 0;}

main .slab.trim-bottom .inner > *:last-child {margin-bottom: 0;}

main > .slab .inner div + h2, main > .slab .inner div + h3, main > .slab .inner div + h4, main > .slab .inner div + h5, main > .slab .inner div + h6 {margin: 0 0 0.5em 0;}

.slab .card {padding: 20px;font-size: 14px;margin: 0 0 20px 0; box-sizing: border-box;overflow: hidden;}
.slab .flex.a-center.flush .card {margin-bottom: 0;}
.slab .flush .card {margin-bottom: 0;}
.slab .card.trans {background-color: inherit;}
.slab .card > .card {margin: 0;}
.slab .card.inline {width: auto; display: inline-block;}
.slab .card.left {float: left; margin: 0 20px 20px 0;}
.slab .card.right {float: right; margin: 0 0 20px 20px;}
.slab .card.a-left {text-align: left;}
.slab .card.a-right {text-align: right;}
.slab .card.a-justify {text-align: justify;}
.slab .flex > a {border-bottom: 0;}
.slab .flex > a > .card {padding-top: 5px;padding-left: 5px;padding-right: 5px;padding-bottom: 10px;}
.slab .flex > a.flush > .card {padding: 20px;}


.slab div.icon {margin-bottom: 10px; text-align: center;}
.slab div.icon:before {
    font-family: "FontAwesome";
    vertical-align: middle;
    color: hsla(206, 6%, 91%, 1);
    line-height: 1;
}
.slab div.icon.trim {margin: 0;}
.slab div.icon.inline {display: inline-block;padding: 0 0.5em; width: auto;}

main .slab h2.a-left, main .slab h3.a-left, main .slab h4.a-left, main .slab h5.a-left, main .slab h6.a-left, main .slab p.a-left {text-align: left;}
main .slab h2.a-right, main .slab h3.a-right, main .slab h4.a-right, main .slab h5.a-right, main .slab h6.a-right, main .slab p.a-right {text-align: right;}
main .slab h2.a-justify, main .slab h3.a-justify, main .slab h4.a-justify, main .slab h5.a-justify, main .slab h6.a-justify, main .slab p.a-justify {text-align: justify;}
main .slab h2.a-center, main .slab h3.a-center, main .slab h4.a-center, main .slab h5.a-center, main .slab h6.a-center, main .slab p.a-center {text-align: center;}

main .slab ul.a-left{text-align: left;}
main .slab ul.a-center{text-align: center;} 
main .slab ul.a-right{text-align: right;} 
main .slab ol.a-left{text-align: left;}
main .slab ol.a-center{text-align: center;} 
main .slab ol.a-right{text-align: right;}
main .slab dl.a-left{text-align: left;}
main .slab dl.a-center{text-align: center;} 
main .slab dl.a-right{text-align: right;}
main .slab li.a-left{text-align: left;}
main .slab li.a-center{text-align: center;} 
main .slab li.a-right{text-align: right;}
main .slab input.a-left{text-align: left;}
main .slab input.a-center{text-align: center;} 
main .slab input.a-right{text-align: right;} 

.slab .card > *:first-child {margin-top:0;}
.slab .card > .cssbg:first-child {margin-bottom: 10px;}
.slab .card > div:first-child > .cssbg:first-child {margin-bottom: 10px;}
.slab .card:not(.trim) > *:last-child {margin-bottom:0;}

.slab .card dl {text-align: left;}
.slab .card dl dd {margin-left: 0;}
/*.slab .card > h3:first-child {margin-top: 0;}*/
.slab .card.secondary h2, .slab .card.secondary h3, .slab .card.secondary h4, .slab .card.secondary h4, .slab .card.secondary h5, .slab .card.secondary h6 {color: hsla(0, 100%, 100%, 1);}
.slab .card.feature h2, .slab .card.feature h3, .slab .card.feature h4, .slab .card.feature h4, .slab .card.feature h5, .slab .card.feature h6 {color: hsla(0, 100%, 100%, 1);}

.v-16-6 {position: relative;}
.v-16-6:after {
    padding-top: 37.5%;
    display: table;
    content: "";
}

.v-16-6 > a:first-child,
.v-16-6 > iframe:first-child,
.v-16-6 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}

.v-16-9 {position: relative;}
.v-16-9:after {
    padding-top: 56.25%;
    display: table;
    content: "";
}

.v-16-9 > a:first-child,
.v-16-9 > iframe:first-child,
.v-16-9 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}

.v-5-3 {position: relative;}
.v-5-3:after {
    padding-top: 60.00%;
    display: table;
    content: "";
}
.v-5-3 > a:first-child,
.v-5-3 > iframe:first-child,
.v-5-3 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}

.v-5-4 {position: relative;}
.v-5-4:after {
    padding-top: 80.00%;
    display: table;
    content: "";
}
.v-5-4 > a:first-child,
.v-5-4 > iframe:first-child,
.v-5-4 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}
.v-7-5 {position: relative;}
.v-7-5:after {
    padding-top: 71.42857%;
    display: table;
    content: "";
}
.v-7-5 > a:first-child,
.v-7-5 > iframe:first-child,
.v-7-5 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}
.v-1-1 {position: relative;}
.v-1-1:after {
    padding-top: 100.00%;
    display: table;
    content: "";
}
.v-1-1 > a:first-child,
.v-1-1 > iframe:first-child,
.v-1-1 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}

.v-13-16 {position: relative;}
.v-13-16:after {
    padding-top: 123.08%;
    display: table;
    content: "";
}
.v-13-16 > a:first-child,
.v-13-16 > iframe:first-child,
.v-13-16 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}

.v-10-16 {position: relative;}
.v-10-16:after {
    padding-top: 160.00%;
    display: table;
    content: "";
}
.v-10-16 > a:first-child,
.v-10-16 > iframe:first-child,
.v-10-16 > div:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
}


main .slab:not(.primary):not(.secondary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg):not(.iframebg) + .slab:not(.puff):not(.primary):not(.secondary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg):not(.iframebg) {padding-top: 0;}
main .slab.secondary:not(.primary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg):not(.iframebg) + .slab.secondary:not(.puff):not(.primary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg):not(.iframebg) {padding-top: 0;}

main .slab.puff:not(.primary):not(.secondary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg):not(.iframebg) + .slab.puff:not(.primary):not(.secondary):not(.tertiary):not(.feature):not(.cssbg):not(.videobg):not(.iframebg) {padding-top: 0;}

.card dl.program dt {margin: 0;line-height: 1;font-size: 15px;}
.card dl.program dd {margin: 0;}
.card.trim {padding: 0;}
.card.trim h2,.card.trim h3, .card.trim h4,.card.trim h5,.card.trim h6 {padding: 0 20px;}
.card .card.trim h2,.card .card.trim h3,.card .card.trim h4,.card .card.trim h5,.card .card.trim h6 {padding: 0 20px;}
.card.trim p {padding: 0 20px;}
.card .card.trim p {padding: 0;}
.card.trim ul, .card.trim ol, .card.trim dl {padding: 0 20px;}
.card.trim blockquote p {padding: 0;}

ul.trim,
ol.trim,
dl.trim,
p.trim {margin-bottom: 0;}

main  .slab > .inner h2.trim,
main  .slab > .inner h3.trim,
main  .slab > .inner h4.trim,
main  .slab > .inner h5.trim,
main  .slab > .inner h6.trim {margin-bottom: 0;}


main .slab.h-menu {display: block;}
main .slab.h-menu:not(.primary) {border-bottom: 1px solid hsla(0, 0%, 20%, 0.15); }
main .slab.h-menu ul { list-style-type:none; margin:0; padding:0;}
main .slab.h-menu ul li {display:inline-block; padding-left: 0;}
main .slab.h-menu ul li:hover {background: hsla(198, 100%, 20%, 0.07);}
main .slab.h-menu ul li:before {display: none;}
main .slab.h-menu.primary ul li:hover {background: hsla(198, 100%, 20%, 0.07);}
main .slab.h-menu.secondary ul li:hover {background: hsla(198, 0%, 20%, 0.9);}
main .slab.h-menu.feature ul li:hover {background: hsla(0, 68%, 25%, 0.2);}
main .slab.h-menu.tertiary ul li:hover {background: #edf2f4; color: #000;}
main .slab.h-menu ul li a {padding: 12px 20px; border-bottom: none; display: block; font-size: 15px;line-height: 1.5;}
main .slab.h-menu ul li a:hover + .hidden,
main .slab.h-menu ul li .hidden:hover {display: block;}
main .slab.h-menu ul li a:focus, 
main .slab.h-menu ul li a:hover {color: inherit;}
main .slab.h-menu ul li ul {display: none;}
main .slab.h-menu ul li ul li {display: block; float: none;transition: max-height 1s;}
main .slab.h-menu ul li ul li a {width: auto; min-width: 100px; padding: 12px 15px;}
main .slab.h-menu input[type=checkbox] {display: none; }
main .slab.h-menu input[type=checkbox]:checked ~ .show-menu:after {content: "\f106";}
main .slab.h-menu input[type=checkbox]:checked ~ #menu {max-height: 1500px; overflow: visible;}
main .slab.h-menu .show-menu {
  text-decoration: none;
  padding: 10px 20px;
  display: none;
  position: relative;
  font-weight: 500;
  min-height: 42px;}
main .slab.h-menu .show-menu:after {
    content: "\f107";
    font-family: "FontAwesome";
    vertical-align: middle;
    font-size: 1.4em;
    display: inline-block;
    position: absolute;
    right: 20px;
    opacity: 1;
    top: 7px;}
main .slab.h-menu .dropdown {position:relative;}
main .slab.h-menu .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f8f8f8;
    min-width: 209px;
    z-index: 3;
    min-width:100%;
}
main .slab.h-menu .dropdown:hover .dropdown-content {display: block;}
main .slab.h-menu.feature .dropdown-content {background-color: hsla(0, 68%, 35%, 1);}
main .slab.h-menu.secondary .dropdown-content {background-color: hsla(198, 0%, 20%, 0.9);}
main .slab.h-menu .dropdown-content a {text-align:left;}
main .slab.h-menu.tertiary .dropdown-content a {color: hsla(0,0%,0%,1);}
main .slab.h-menu .dropdown-content a:hover {background-color: hsla(198, 100%, 20%, 0.07); color: hsla(0, 68%, 45%, 1);}
main .slab.h-menu .dropdown > a::after {
    font-family: "FontAwesome";
    font-size: 10px;
    color: hsla(0, 68%, 45%, 1);
    content: "\f078";
    margin-left: 7px;
    line-height: 1;
}

main .slab.h-menu .dropdown.open {background: hsla(198, 100%, 20%, 0.07);}
main .slab.h-menu.tertiary .dropdown.open > a::after {content: "\f178"; color: #c02424;}
main .slab.h-menu.feature .dropdown > a::after,
main .slab.h-menu.secondary .dropdown > a::after {color: hsla(255, 100%, 100%, 1);}
main .slab.h-menu.tertiary .dropdown:hover > a::after {color: #c02424;}
main .slab.h-menu ul li.open ul li {background-color: #edf2f4;}
main .slab.h-menu.secondary ul li.open ul li {background-color: #333333e6;}
main .slab.h-menu.tertiary ul li.open ul li {background-color: #edf2f4;}
main .slab.h-menu.feature ul li.open ul li {background-color: #7f151599;}
main .slab.h-menu ul li.open ul.dropdown-content {max-height: 1500px; position: relative; display: block;}
main .slab.h-menu ul li.open ul li a {padding: 15px 15px 15px 45px; line-height: 1;}

footer {clear: both;}

main .slab a.news-tile {
    margin-bottom:12px;
    padding: 0;
    border: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

main .slab a.news-tile:not(.news-tile--no-results):hover {
    border-color: #c02424;
}

main .slab a.news-tile:hover {
    color: hsla(0, 0%, 0%, 1);
}

main .slab a.news-tile .news-tile-details {
    margin:10px;
}

main .slab a.news-tile .news-tile-details .news-tile-details-date:before {
    content: "\f133";
    font-family: "FontAwesome";
    color: #c02424;
    margin-right: 7px;
    font-weight: 100;
    font-size: 14px;
}

main .slab a.news-tile .news-tile-image {
    height:100%;
    margin-bottom:0 !important;
}

main .slab .addeventatc {
    position: relative;
    visibility: hidden;
}

main .slab .addeventatc_dropdown {
    margin-top: 15px;
    border-radius: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 99999;
    display: none;
    background-color: hsla(0, 68%, 100%, 1);
    color: hsla(0, 68%, 45%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main .slab .addeventatc_dropdown span {
    display: block;
    padding: 7px;
    background-color: hsla(0, 68%, 100%, 1);
}

main .slab .addeventatc_dropdown span:hover {
    cursor: pointer;
    background-color: hsla(0, 68%, 45%, 1);
    color: hsla(0, 68%, 100%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.2);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.2);
}

main .slab .addeventatc .event {
    border-bottom: 1px solid rgba(150, 150, 150, 0.27);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

main .slab .addeventatc .event:last-child,
main .slab .addeventatc .event:nth-last-child(2) {
    border-bottom: 0px;
}

main .slab .addeventatc > span:not(.addeventatc_icon) {
  display:none;
}

main .slab .addeventatc_dropdown .ateappleical {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0035/876707/icon-apple-t1.svg?v=0.1.1);
  background-repeat: no-repeat;
  background-position: 13px 50%;
  background-size: 14px auto;
  padding-left:40px;
  box-shadow: 1px 1px 3px hsla(0, 0%, 20%, 1);
}

main .slab .addeventatc_dropdown .ateoutlook {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0029/876710/icon-outlook-t1.svg?v=0.1.1);
  background-repeat: no-repeat;
  background-position: 12px 50%;
  background-size: 16px auto;
  padding-left:40px;
  box-shadow: 1px 1px 3px hsla(0, 0%, 20%, 1);
}

main .slab .addeventatc_dropdown .ateoutlookcom {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0029/876710/icon-outlook-t1.svg?v=0.1.1);
  background-repeat: no-repeat;
  background-position: 12px 50%;
  background-size: 16px auto;
  padding-left:40px;
  box-shadow: 1px 1px 3px hsla(0, 0%, 20%, 1);
}

main .slab .addeventatc_dropdown .ategoogle {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0030/876711/icon-google-t1.svg?v=0.1.1);
  background-repeat: no-repeat;
  background-position: 12px 50%;
  background-size: 16px auto;
  padding-left:40px;
  box-shadow: 1px 1px 3px hsla(0, 0%, 20%, 1);
}

main .slab .addeventatc_dropdown .ateyahoo {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0037/876709/icon-yahoo-t1.svg?v=0.1.1);
  background-repeat: no-repeat;
  background-position: 12px 50%;
  background-size: 16px auto;
  padding-left:40px;
  box-shadow: 1px 1px 3px hsla(0, 0%, 20%, 1);
}

main .slab .addeventatc_dropdown .atefacebook {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0031/876712/icon-facebook-t1.svg?v=0.1.1);
  background-repeat: no-repeat;
  background-position: 12px 50%;
  background-size: 16px auto;
  padding-left:40px;
  box-shadow: 1px 1px 3px hsla(0, 0%, 20%, 1);
}

main .slab .addeventatc_dropdown em {
  font-size: 12px !important;
  color: #999 !important;
}

main .slab .addeventatc em.copyx {
    display: none;
}


/* Mobile and Tablet */
@media all and (max-width: 1023px) {

main .card.puff {padding: 20px;}
main .card.flex.puff {padding: 20px;}

main .slab.puff {padding: 40px 0 30px 0;}
main .card.puff {padding: 20px;}
main .slab.puff.inset-bottom {margin-bottom: -30px;}
main .slab.puff.inset-top {margin-top: -30px;}

main .slab.inset-top--large {margin-top: -30px;}
main .slab.inset-bottom--large {margin-bottom: -30px;}

main .slab.trim-top,
main .card.trim-top {padding-top: 0;}
main .slab.trim-bottom,
main .card.trim-bottom {padding-bottom: 0;}

.slab .card {padding: 10px;}
.card.trim,
.slab.trim {padding: 0;}
.card.trim p {padding: 0 10px;}
.card.trim h2, .card.trim h3, .card.trim h4, .card.trim h5, .card.trim h6 {padding: 0 10px;}
.card.trim ul, .card.trim ol, .card.trim dl {padding: 0 10px;}

main .slab.h-menu > .inner {padding: 0;}
main .slab.h-menu .show-menu {display:block;}
main .slab.h-menu ul {
  z-index: 666;
  width: 100%;
  position: absolute;
  background: #252525;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08),0 0px 0px 1px rgba(0, 0, 0, 0.02);
  overflow: hidden;
  -webkit-transition: max-height 150ms ease-out;
  -moz-transition: max-height 150ms ease-out;
  -ms-transition: max-height 150ms ease-out;
  transition: max-height 150ms ease-in-out;
  max-height: 0;
}
main .slab.h-menu ul {background: hsl(0, 0%, 100%);}
main .slab.h-menu.primary ul {background: hsl(197, 26%, 95%);}
main .slab.h-menu.secondary ul {background: hsl(0, 0%, 28%);}
main .slab.h-menu.feature ul {background: hsl(0, 65%, 43%);}
main .slab.h-menu ul li {border-top: 1px solid rgba(0, 0, 0, 0.09);display: block;}
main .slab.h-menu ul li, .slab.h-menu ul li a {width: 100%;}
main .slab.h-menu ul li a {margin: 0 0; padding: 10px 15px; box-sizing: border-box;text-align: left;}
main .slab.h-menu ul li:last-of-type a {border-bottom: none;}
main .slab .dropdown.open > a::after {content: "\f178"; font-size:12px;}



} /* /@Mobile and @Tablet */


/* Mobile */
@media all and (max-width: 767px) {

html {
/*scroll-snap-type: y proximity;*/
/*scroll-padding: 60px;*/
}

main img.gu1:not(.icon) {width: 100%;}
main img.gu2:not(.icon) {width: 100%;}
main img.gu3:not(.icon) {width: 100%;}
main img.gu4:not(.icon) {width: 100%;}
main img.gu5:not(.icon) {width: 100%;}
main img.gu6:not(.icon) {width: 100%;}
main img.gu7:not(.icon) {width: 100%;}
main img.gu8:not(.icon) {width: 100%;}
main img.gu9:not(.icon) {width: 100%;}
main img.gu10:not(.icon) {width: 100%;}
main img.gu11:not(.icon) {width: 100%;}
main img.gu12:not(.icon) {width: 100%;}

main img.m-gu1 {width:  7.417%;}
main img.m-gu2 {width: 15.833%;}
main img.m-gu3 {width: 24.250%;}
main img.m-gu4 {width: 32.667%;}
main img.m-gu5 {width: 41.083%;}
main img.m-gu6 {width: 49.500%;}
main img.m-gu7 {width: 57.917%;}
main img.m-gu8 {width: 66.333%;}
main img.m-gu9 {width: 74.750%;}
main img.m-gu10 {width: 83.167%;}
main img.m-gu11 {width: 91.583%;}
main img.m-gu12 {width: 100%;}

main .slab {overflow: hidden;}

.slab.pageinfo .inner h1 {margin: 0.2em 0;font-size: 28px;}
main .slab .inner h2 {font-size: 22px;}
main .slab .inner h2.light {font-size: 19px;}
main .slab .inner h3 {font-size: 15px;}
main .slab .inner h3.feature {font-size: 22px;}
main .slab .banner h1, main .slab .banner h2 {font-size: 27px;padding: 0.25em;}
main .slab .banner.feature h1, main .slab .banner.feature h2 {font-size: 19px;}
main .slab .banner p {font-size: 17px;padding: 0.25em;}
main .slab .banner.feature p {font-size: 14px;margin: 10px 0 0 0;}
main .slab .banner.feature.study .cta p {margin: 10px 0 0 0;}
main p.qualification {font-size: 13px;}
main .banner img {margin-bottom: 0;}
main iframe,
main embed {max-width: 100%; border: 0;}
main .flex > nav.local {order: 99;}
main nav.local {box-sizing: border-box;width: 100%;}
main nav.tabs > ul > li {display: block;font-size: 20px;margin: 0;line-height: 1.5;}
main nav.tabs > ul > li > a {border-width: 0 0 0 2px;padding: 0 0.5em;}
.slab .card.left {float: none; margin: 0 0 2em 0;}
.slab .card.right {float: none; margin: 0 0 2em 0;}

main input[type=submit], main p.btn a {word-wrap: break-word; overflow-wrap:break-word} 

main .slab .flex.tiles > .card > a:first-child span {margin: 0 10px 10px 10px;font-size: 11px;}
main .slab .flex.tiles > .card > a:first-child span:nth-child(2) {font-size: 13px;margin: -10px 10px 10px 10px;}

main .slab .card.play a:before {width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;}
main .slab .card.play a:after {font-size: 20px;margin-top: -20px;margin-left: -20px;width: 40px;line-height: 40px;}
main .slab .card.play.cssbg > a.popup-youtube p.title {bottom: 5px;font-size: 14px;padding: 0 5px;}

.slab .card.m-trim {padding: 0;}
main fieldset.m-trim {padding: 10px 0 0 0;}

main table.puff th,
main table.puff td {padding: 10px;font-size: 14px;}

main table {overflow-x: auto;display: block;}

main .card.breakout img:first-of-type {opacity: 0.4;right: 0!important; height: calc(100% + 20px);}
main .card.breakout.b-left img:first-of-type {right: inherit!important;left: 0!important;}

main .slab .remarkable-bg {margin-bottom:0;}
main .slab .remarkable-bg a {padding: 20px;}
main .slab .remarkable-bg q {font-size: 26px;}
main .slab .remarkable-bg p.name {font-size: 13px;}
main .slab .remarkable-bg p.position {font-size: 13px;}

main .inset-bottom .slab .banner.feature,
main .slab.inset-bottom .banner.feature {padding-bottom: 40px;}

main .slab .banner.feature {padding: 10px;}
main .slab .banner.feature h1 {font-size: 19px;text-align:center;}
main .slab .banner.feature .flex .gu10 p {font-size: 13px;text-align:center;}

main .slab .banner.feature.study {padding: 10px;}
main .slab .banner.feature.study h1 {font-size: 19px;text-align:center;}
main .slab .banner.feature.study .flex .gu10 p {font-size: 13px;text-align:center;}

main .slab.videobg:not(.apply-banner):after {
    right: 25px;
    top: 25px;
}
main .slab.videobg.apply-banner:after {
    left: 25px;
    top: 25px;
}

} /* /@Mobile */


/* Tablet */
@media all and (min-width: 768px) and (max-width: 1023px) {

main .inset-bottom .slab .banner.feature,
main .slab.inset-bottom .banner.feature {padding-bottom: 50px;}
main .slab .banner.feature {padding: 15px 10px;}
main .slab .banner.feature h1,
main .slab .banner.feature h2 {font-size: 34px;}
main .slab .inner h2.light {font-size: 30px;}
main .slab .remarkable-bg q {font-size: 21px;}
main .slab .remarkable-bg p.name {font-size: 13px;}
main .slab .remarkable-bg p.position{font-size: 13px;}

main .card.breakout.t-b-trans img:first-of-type {opacity:0.4;}

main .slab .card.play.cssbg > a.popup-youtube p.title {bottom: 10px;font-size: 15px;padding: 0 5px;}

.t-v-gu1 {min-height: 8.334vh;}
.t-v-gu2 {min-height: 16.667vh;}
.t-v-gu3 {min-height: 25.000vh;}
.t-v-gu4 {min-height: 33.334vh;}
.t-v-gu5 {min-height: 41.667vh;}
.t-v-gu6 {min-height: 50.000vh;}
.t-v-gu7 {min-height: 58.334vh;}
.t-v-gu8 {min-height: 66.667vh;}
.t-v-gu9 {min-height: 75.000vh;}
.t-v-gu10 {min-height: 83.334vh;}
.t-v-gu11 {min-height: 91.667vh;}
.t-v-gu12 {min-height: 100.000vh;}

} /* /@tablet */


/* IE10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

.v-gu1 {height: 0;}
.v-gu2 {height: 0;}
.v-gu3 {height: 0;}
.v-gu4 {height: 0;}
.v-gu5 {height: 0;}
.v-gu6 {height: 0;}
.v-gu7 {height: 0;}
.v-gu8 {height: 0;}
.v-gu9 {height: 0;}
.v-gu10 {height: 0;}
.v-gu11 {height: 0;}
.v-gu12 {height: 0;}

.flex.center > * {width: 100%;}

} /* /@IE10 */
/*
  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: 10 February 2025 14:59:40
*/


/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype Imaging with any questions regarding Web Fonts:  https://www.fonts.com 
*/
body {
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    font-variant-ligatures: none;
    font-variant-ligatures: no-common-ligatures;
    font-feature-settings: "liga" 0;
}

/* Language overides */

*:lang(ar) { 
    font-family: sans-serif!important;
}
*:lang(jp) { 
    font-family: sans-serif!important;
}
*:lang(vi) { 
    font-family: sans-serif!important;
}
*:lang(zh_CN) { 
    font-family: sans-serif!important;
}
/*
  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: 10 February 2025 14:59:40
*/


/* global CSS file */

.slab .inner {font-family: "Foundry Sterling W01";line-height: 1.5;font-weight: 400;font-size: 15px;}

header .slab {scroll-snap-align: start;}

header .slab .inner,
footer .slab .inner {font-size: inherit;font-variant-ligatures: none;font-variant-ligatures: no-common-ligatures;font-feature-settings: "liga" 0;}

.slab .inner h1,
.slab .inner h2,
.slab .inner h3,
.slab .inner h4,
.slab .inner h5,
.slab .inner h6 {font-family: "Jotia W00";line-height: 1;font-weight: 500;letter-spacing: 0.01em;margin: 0.6em 0 0.4em 0;}

header h1,
footer h1 {font-size: 34px;}
header h2,
footer h2 {font-size: 24px;}
header h3,
footer h3 {font-size: 17px;}

footer h3 a {font-size: 15px;font-weight: 100;margin: 0;}

header a, footer a {color: inherit;text-decoration: none;}
header a:visited, footer a:visited {color: inherit;}
header a:focus,
footer a:focus,
header a:active,
footer a:active  {outline: none;}

header abbr,
footer abbr {cursor: help; border-bottom: 2px dotted hsla(0, 68%, 45%,0.3);text-decoration: none;}

header ul,
footer ul {list-style-type: none; margin: 0; padding: 0;}

header ul li,
footer ul li {}

header ul li:before {content: "\f111";font-family: "FontAwesome";margin-right: 1em;vertical-align: middle;font-size: 5px;}

header .slab .inner .logo p {margin: 0;}

header .desktop-nav nav.global h3 {font-size: 2.25vw;}

header .desktop-nav nav.global .subnav a p:first-of-type {font-family: "Jotia W00";font-weight: 400;letter-spacing: 0.01em;margin: 0;font-size: 2.1vw;padding:0;}
header .desktop-nav nav.global .subnav a p.desc {font-size: 1.7vw;margin: 0 0 0.5em 0;font-weight: 300;padding:0;}
header .desktop-nav nav.global .subnav div.listing p:first-of-type {font-family: "Jotia W00";font-weight: 400;letter-spacing: 0.01em;margin: 5px 0 0 0;font-size: 2.1vw;padding:0;}
header .desktop-nav nav.global .subnav div.listing ul li {font-weight: 300;font-size: 1.9vw;}
header .desktop-nav nav.global .subnav div.listing ul li:before {display: none;}


header .desktop-nav nav.global .subnav div.promo a p.btn {font-weight: 300;letter-spacing: 0.01em;font-size: 1.9vw;}
header .desktop-nav nav.global .subnav div.promo p.btn:after {font-family: FontAwesome;content: "\f054";font-weight: 900;font-size: 0.95em;margin-left: 5px;vertical-align: middle;}



header .inner > ul.portals {font-weight: 300;}


header .mobile-nav ul {margin-top: 0.2em;}
header .mobile-nav ul li {}
header .mobile-nav ul li:before {display: none;}
header .mobile-nav ul li a {font-size: 0;}
header .mobile-nav ul li a:before {font-family: "FontAwesome";vertical-align: middle;font-size: 30px;display: block;}
header .mobile-nav ul li:nth-child(1) {margin-left: 1em;}
header .mobile-nav ul li a.search:before {content: "\f002";}
header .mobile-nav ul li a.menu:before {content: "\f0c9";}

header .inner > ul.portals li:before {display: none;}

header .inner > ul.portals > li > a {font-size: 2vw;}
header .inner > ul.portals li form input[type=text] {font-size: 2vw;}
header .inner > ul.portals li form button span:before {font-size: 2vw;}

header .inner > ul.portals li.contact-us > div {font-size: 2vw;}

header .inner > ul.portals li.contact-us > a:after {content: "\f107";font-family: "FontAwesome";margin:0 0.2em;vertical-align: middle;font-size: 1em;display:inline-block;}

header.min .inner > ul.portals li.contact-us > a:after {content: "";}

header .inner > ul.portals li.contact-us > div ul li a {line-height: 1.1;}

header .inner > ul.portals li.contact-us > div ul li span.number {font-weight: 500;}

header .inner > ul.portals li.contact-us > div ul li:before {font-family: "FontAwesome";vertical-align: middle;font-size: 1.5em;display: inline-block;text-align:center;font-weight: 900;}
header .inner > ul.portals li.contact-us > div ul li:before {font-size: 1.5rem;}/* IE Bugfix */
header .inner > ul.portals li.contact-us > div ul li.future:before {content: "\f095";}
header .inner > ul.portals li.contact-us > div ul li.international:before {content: "\f0ac";}
header .inner > ul.portals li.contact-us > div ul li.current:before {content: "\f19d";}
header .inner > ul.portals li.contact-us > div ul li.general:before {content: "\f007";}
header .inner > ul.portals li.contact-us > div ul li.online:before {content: "";background-image: url("/__data/assets/file/0014/365/ask-us.svg?v=0.1.4");height: 1em;background-repeat: no-repeat;background-position: 50% 50%;background-size: 1.5em;}
header .inner > ul.portals li.contact-us > div ul li.face2face:before {content: "\f500";}
header .inner > ul.portals li.contact-us > div ul li.phonebook:before {content: "\f0c0";}

header .inner > ul.portals li form button span:before {font-family: "FontAwesome";vertical-align: middle;display: block;content: "\f002";padding: 0.3em 0.6em; line-height: 1.5;}
header .inner > ul.portals li form button span {font-size: 0;}

header .inner > ul.portals li form input[type=text] {
    font-family: "Foundry Sterling W01";
    letter-spacing: 0.02em;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.3em 0.6em;
}


header .overlay ul.close li:before {display: none;}
header .overlay ul.close li a {font-size: 0;}
header .overlay ul.close li a:before {font-family: "FontAwesome";vertical-align: middle;font-size: 35px;display: block;}
header .overlay ul.close li a:before {content: "\f00d";}

.mobile-menu.overlay nav h3 a:after {content: "\f105";font-family: "FontAwesome";margin:0 0.2em;vertical-align: middle;font-size: 1em;display:inline-block;position: absolute;right: 10px;opacity: 1;transition: all 0.4s;}
.mobile-menu.overlay nav .open h3 a:after {content: "\f105";}

.mobile-menu.overlay nav p {font-size: 13px;margin: 0;}

.mobile-menu.overlay ul.portals li a {text-align: center;line-height: 1.2;}
.mobile-menu.overlay ul.portals li a:before {display: block;font-size: 30px;font-family: "FontAwesome"; font-weight: 600;}
.mobile-menu.overlay ul.portals li:nth-of-type(1) a:before {content: "\f19d";}
.mobile-menu.overlay ul.portals li:nth-of-type(2) a:before {content: "\f007";}
.mobile-menu.overlay ul.portals li:nth-of-type(3) a:before {content: "\f095";}

.search.overlay form button span:before {font-family: "FontAwesome";vertical-align: middle;font-size: 25px;display: block;content: "\f002";padding: 0.3em 0.6em; line-height: 1.5;}
.search.overlay form button span {font-size: 0;}

.search.overlay form input[type=text] {
    font-family: "Foundry Sterling W01";
    font-size: 25px;
    letter-spacing: 0.02em;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.3em 2.4em 0.3em 0.6em;
}
.search.overlay h2,
.search.overlay p.listing {
    text-align: center;
    margin: 0.6em auto 0.2em auto;
    font-family: "Jotia W00";
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.01em;
    font-size: 24px;
}
.search.overlay ol.popular-links li {font-size: 17px;text-align: center;} 

footer {font-size: 13px;}

footer ul li:before {display:none;}

footer .slab .inner .first-peoples h3,
footer .slab .inner .need-help h3,
footer .slab .inner .feedback h3 {font-size: 13px;font-weight: 100;margin: 0;}

footer .slab .inner .disclaimer,
footer .slab .inner .tagline {font-size: 11px;}

footer .disclaimer ul li:nth-child(1):before {display:none;}

footer .disclaimer ul li:before {content: "\007c";font-family: "FontAwesome";margin:0 0.2em;vertical-align: middle;font-size: 1em;display:inline-block;}

footer .tagline ul li:nth-child(1):before {display:none;}
footer .tagline ul li:before {content: "\f111";font-family: "FontAwesome";margin:0 0.8em;vertical-align: middle;font-size: 0.3em;display:inline-block;}
footer .tagline ul li:nth-child(4):before {content: "\007c";font-family: "FontAwesome";margin:0 0.2em;vertical-align: middle;font-size: 1em;display:inline-block;}

footer .slab h3:after {content: "\f107";font-family: "FontAwesome";margin:0 0.2em;vertical-align: middle;font-size: 1em;display:inline-block;position: absolute;right: 10px;opacity: 1;transition: all 0.4s;}

footer .slab h3:focus:after,
footer .slab h3:active:after {opacity: 0;transition: all 0.4s;}


footer ul li:before {font-family: "FontAwesome";vertical-align: baseline;margin:0 0.5em;font-size: 0.8em;}

footer ul li.pipe:before {content: "\007c";display: inline-block;}
footer ul li.ndash:before {content: "\2013";display: inline-block;}


/* Detect IE10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    
    /* Disable parallax on IE as it's choppy */
    main .slab.cssbg.parallax {
        background-attachment: scroll;
    }

} /* /@IE10 */


/* Mobile */
@media all and (max-width: 767px) {

p.m-a-center,
h2.m-a-center,
h3.m-a-center,
h4.m-a-center,
h5.m-a-center,
h6.m-a-center {text-align: center;}

.m-small {font-size: 0.8em;}
.m-big {font-size: 1.2em;}

} /* /@Mobile */


/* Tablet and Desktop */
@media all and (min-width: 768px) {

footer .slab h3:after {display: none;}

} /* /@Tablet and @Desktop */


/* Tablet */
@media all and (min-width: 768px) and (max-width: 1023px) {

header .desktop-nav nav.global .subnav a p.desc {line-height: 1.25;}
header .desktop-nav nav.global .subnav div.listing ul li {line-height: 1.25;}

} /* /@Tablet */


/* Desktop */
@media all and (min-width: 1024px) {

header .desktop-nav nav.global h3 {font-size: 17px;}
header .inner > ul.portals > li > a {font-size: 13px;}
header .inner > ul.portals li form input[type=text] {font-size: 13px;}
header .inner > ul.portals li form button span:before {font-size: 13px;}
header .inner > ul.portals li.contact-us > div {font-size: 15px;}

header .desktop-nav nav.global .subnav a p:first-of-type {font-size:16px;}
header .desktop-nav nav.global .subnav div.listing p:first-of-type {font-size:16px;}
header .desktop-nav nav.global .subnav a p.desc {font-size: 14px;}
header .desktop-nav nav.global .subnav div.promo a p.btn {font-size: 15px;}
header .desktop-nav nav.global .subnav div.listing ul li {font-size: 15px;}
footer .slab .inner .first-peoples h3,
footer .slab .inner .need-help h3,
footer .slab .inner .feedback h3 {font-size: 15px;}

.flex.d-a-right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}
.flex.d-a-left {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
}
} /* /@Desktop */

body {margin: 0;}

header .desktop-nav {display: none;}
header .inner {position: relative;}
header .inner > ul.portals {display: none;}
.ir {background-repeat: no-repeat;text-indent: -9999em;display: inline-block;text-align: left;}

.visuallyhidden {visibility: hidden;font-size: 0!important;position: fixed;}

.flex {
    display: -webkit-flex;
    -moz-display: flex;
    -webkit-display: flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -moz-align-content: stretch;
    -ms-align-content: stretch;
    align-content: stretch;
}

.flex.a-left {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
}
.flex.a-right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}
.flex.a-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.flex.a-around{
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
}
.flex.center {
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}
.flex.a-top {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start;
}
.flex.a-bottom {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    -moz-align-content: flex-end;
    -ms-align-content: flex-end;
    align-content: flex-end;
}
.flex.a-middle {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
}
.flex.a-baseline {
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
}


.flex.center > * {margin-bottom: 0;}

.overlay {
    position: fixed;
    padding: 0 10px;
    width: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 999;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.flex > div {box-sizing: border-box;width: 100%;}

.slab {padding: 20px 0;}
.slab > .inner {margin: 0 auto;padding: 0 20px;}
.card {text-align: center;margin: 0 0 20px 0;}


header .slab  {padding: 0;}
header .logo {width: 110px;}
header .logo p {display: inline-block;}
header .logo p a {background-image: url("/__data/assets/file/0020/2082503/griffith-50y-red.svg");height: 28px;width: 110px;margin-top: 10px;}
header .college.logo p a {background-image: url("/__data/assets/file/0019/318304/griffith-college-logo.svg?v=0.0.10");}

header .mobile-nav {width: auto;}

header .mobile-nav ul,
header .mobile-menu.overlay ul.close,
header .search.overlay ul.close {-webkit-flex-flow: row-reverse nowrap;-moz-flex-flow: row-reverse nowrap;-ms-flex-flow: row-reverse nowrap;flex-flow: row-reverse nowrap;}
header .mobile-nav ul li {}
header .mobile-nav ul li a,
header .mobile-menu.overlay ul.close li a,
.search.overlay ul.close li a {display: block;}

header .inner > ul.portals {-webkit-justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;justify-content: flex-end; margin: 1em 0 1.5em 0;}
header .inner > ul.portals > li > a {padding: 0.6em 1.4em 0.4em 0;}
header .inner > ul.portals li form {position: relative;margin-bottom: 0;}
header .inner > ul.portals li form label {display: none;}
header .inner > ul.portals li form input[type=text] {pointer-events: none;}
header .inner > ul.portals li form input[type=text]:focus {outline: none;}
header .inner > ul.portals li form button {
    background: transparent;
    border: none;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    pointer-events: none;
}

header .inner > ul.portals li.contact-us {position: relative;border-bottom: 1em solid transparent;}
header .inner > ul.portals li.contact-us > div {
    box-sizing: border-box;
    position: absolute;
    left: -999em;
    z-index: 999;
    top: 2.5em;
    padding: 10px;
    width: 30vw;
}
header .inner > ul.portals li.contact-us > div:before {
    border: solid;
    border-width: 0 0.5em 0.5em 0.5em;
    bottom: 100%;
    content: "";
    display: inline-block;
    left: 30px;
    position: absolute;
}

header .inner > ul.portals li.contact-us:hover > div {left: -10px;}

header .inner > ul.portals li.contact-us > div ul li.flex {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-bottom: 0.5em;}

header .inner > ul.portals li.contact-us > div ul li.flex:last-child {margin-bottom: 0;}

header .inner > ul.portals li.contact-us > div ul li:before {flex-shrink: 0;overflow: hidden;margin-left: -10px;    width: 2em;margin-right: 0;}
header .inner > ul.portals li.contact-us > div ul li a {display:inline-block;}
header .inner > ul.portals li.contact-us > div ul li a span.number {display: inline-block;}

.search.overlay form button:focus {outline: none;}
.search.overlay form input[type=text] {width: 100%;}

header .desktop-nav nav.global {-webkit-flex-flow: row nowrap;-moz-flex-flow: row nowrap;-ms-flex-flow: row nowrap;flex-flow: row nowrap;}
header .desktop-nav nav.global > div {display: inline-block;width: auto;}

header .desktop-nav nav.global > div h3 {margin: 0;}
header .desktop-nav nav.global > div h3 a {display:block;}
header .desktop-nav nav.global > div {margin: 0 0.2em 0 0.2em;}
header .desktop-nav nav.global > div:first-child {margin-left: 0;}
header .desktop-nav nav.global > div:last-child {margin-right: 0;}

header .desktop-nav nav.global .subnav {
    box-sizing: border-box;
    position: absolute;
    z-index: 999;
    left: -999em;
    padding: 10px;
    overflow: hidden;
}

header .desktop-nav nav.global > div:hover .subnav {
    left: 20px;
    right: 20px;
}

header .desktop-nav nav.global .subnav.flex {
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    height: 49vw;
}

header .desktop-nav nav.global .subnav.flex > div > a {display: block;padding: 3px 5px;}
header .desktop-nav nav.global .subnav.flex > div.listing {padding: 0 5px;}
header .desktop-nav nav.global .subnav div.promo img {width:100%;max-height: 100px;display:block;}
header .college.desktop-nav nav.global .subnav div.promo img {max-width:100%;width: auto;}

.college .subnav.flex .listing ul.programs {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap column;
    flex-flow: wrap column;
    max-height: 17rem;
}

.college .header-nav-button.ask-button h3 a {
    background-color: hsla(198, 0%, 20%, 0.8) !important;
}
.college .header-nav-button > h3 > a {
    border-bottom: none !important;
}
.college .header-nav-button h3 a {
    padding: 10px 10px;
    margin-top: -10px !important;
    background-color: #c02424;
    color: #fff !important;
}

header .desktop-nav nav.global .subnav div.promo a p.btn {
    text-decoration: none;
    padding: 7px 10px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 1em 0 0.5em 0;
}


.mobile-menu.overlay nav {padding-bottom: 25px;}
.mobile-menu.overlay nav h3 {}
.mobile-menu.overlay nav h3 a {display: block;}
/*.mobile-menu.overlay ul.portals {position: fixed;bottom: 0;left: 0;width: 100%;}*/
.mobile-menu.overlay ul.portals li {display: block;}
.mobile-menu.overlay ul.portals li a {display: block;padding: 5px;}
.mobile-menu.overlay ul.portals li:before {display: none;}
.mobile-menu.overlay ul.flex.col-3 > li {width: 32.667%;}

.mobile-menu.overlay nav.global .subnav {max-height: 0px;overflow: hidden;}
.mobile-menu.overlay nav.global .open .subnav {max-height: 20em;margin-bottom: 0.5em;}

.mobile-menu.overlay nav.global .subnav a {display:block;}
.mobile-menu.overlay nav.global .subnav p.desc {display:none;}
.mobile-menu.overlay nav.global .subnav .promo {display:none;}
.mobile-menu.overlay nav.global .subnav .listing {display:none;}


.search.overlay form label {display: none;}
.search.overlay form {position: relative; margin: 1em auto 2em auto;display: block;width: 90%; max-width: 450px;}
.search.overlay form input[type=text]:focus {outline: none;}
.search.overlay form button {
    background: transparent;
    border: none;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 0;
}
.search.overlay form button:focus {outline: none;}
.search.overlay form input[type=text] {width: 100%;box-sizing: border-box;}

.search.overlay h2,
.search.overlay p.listing {width: 90%; max-width: 450px;}
.search.overlay ol.popular-links {padding: 0;width: 90%; max-width: 450px;margin: 0 auto;}
.search.overlay ol.popular-links li {box-sizing: border-box;width: 100%;display: block;}


footer > h2 {display: none;}

footer .slab h3:hover {cursor: pointer;}


footer ul li:nth-child(1):before {display:none;}


footer .slab ul li a.ir:hover {border-bottom: 0px solid transparent;}

footer .slab .inner > div.flex {margin-bottom: 20px;}
footer .slab .inner > div.flex:last-of-type {margin-bottom: 0;}

footer .slab h3:focus,
footer .slab h3:active {outline: none;}

footer .slab ul.footer-first-peoples li {padding-bottom: 0;}
footer .slab ul.footer-bottom-links-disclaimer li {padding-bottom: 0;}
footer .slab ul.footer-bottom-links-locations li {padding-bottom: 0;}
footer .slab ul.footer-bottom-links-locations li a {border-bottom: 2px solid transparent;}


footer .australia ul li a:hover {border-bottom: none;}
footer .australia a {content: ""; display: inline-block; margin-left: 5px; background-image: url("/__data/assets/file/0028/1840384/australia-flag.svg?v=0.0.1"); background-repeat: no-repeat; height: 30px; width: 45px;}
footer .aboriginal a {background-image: url("/__data/assets/file/0010/361/aboriginal.svg?v=0.1.4");height: 30px;width: 45px;}
footer .torres-strait-islander a {background-image: url("/__data/assets/file/0013/364/torres-strait-islander.svg?v=0.1.4");height: 30px;width: 45px;}

footer .ask-us a {background-image: url("/__data/assets/file/0014/365/ask-us.svg?v=0.1.4");height: 30px;width: 55px;}

footer .facebook a {background-image: url("/__data/assets/file/0015/320136/facebook.svg?v=0.0.2");height: 30px;width: 30px;}
footer .twitter a {background-image: url("/__data/assets/file/0016/320137/twitter.svg?v=0.0.2");height: 30px;width: 30px;}
footer .youtube a {background-image: url("/__data/assets/file/0015/320154/youtube.svg?v=0.0.2");height: 30px;width: 30px;}
footer .instagram a {background-image: url("/__data/assets/file/0016/320155/instagram.svg?v=0.0.2");height: 30px;width: 30px;}
footer .linkedin a {background-image: url("/__data/assets/file/0017/320156/linkedin.svg?v=0.0.2");height: 30px;width: 30px;}

footer .college .social li {
    display: inline-block;
}

footer .college .disclaimer h3 {display: none;}
footer .college .tagline h3 {display: none;}
footer .college .social h3 {display: none;}

footer .college .first-peoples ul li, footer .college .need-help ul li, footer .college .social ul li {
    margin-right: 2px;margin-bottom: 1px;
}

footer .college .first-peoples ul li:last-child, footer .college .need-help ul li:last-child, footer .college .social ul li:last-child {
    margin-right: 0;
}

footer .college .social {order: 4;margin: 0;}
footer .college .first-peoples {order: 2; width: 66%;margin: 0;}
footer .college .need-help {order: 3; width: 50%;margin: 0.5em 0;}
footer .college .tagline {order: 6;margin: 0;}
footer .college .disclaimer {order: 1;margin: 0.5em 0 0 0;}

footer .college .first-peoples h3, footer .college .need-help h3, footer .college .first-peoples ul {
    display: inline-block;
}

footer .college .first-peoples ul, footer .college .need-help ul {
    margin-top: 0.4em; vertical-align: middle;
}



.v-gu1 {min-height: 8.334vh;}
.v-gu2 {min-height: 16.667vh;}
.v-gu3 {min-height: 25.000vh;}
.v-gu4 {min-height: 33.334vh;}
.v-gu5 {min-height: 41.667vh;}
.v-gu6 {min-height: 50.000vh; /*height: 400px;*/}
.v-gu7 {min-height: 58.334vh;}
.v-gu8 {min-height: 66.667vh;}
.v-gu9 {min-height: 75.000vh;}
.v-gu10 {min-height: 83.334vh;}
.v-gu11 {min-height: 91.667vh;}
.v-gu12 {min-height: 100.000vh;}

.gu1 {width:  6.752%;}
.gu2 {width: 15.229%;}
.gu3 {width: 23.706%;}
.gu4 {width: 32.183%;}
.gu5 {width: 40.660%;}
.gu6 {width: 49.138%;}
.gu7 {width: 57.615%;}
.gu8 {width: 66.092%;}
.gu9 {width: 74.569%;}
.gu10 {width: 83.046%;}
.gu11 {width: 91.523%;}
.gu12 {width: 100%;}

.overflow-col-1,
.overflow-col-2,
.overflow-col-3,
.overflow-col-4,
.overflow-col-5,
.overflow-col-6 {-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;orphans: 1;widows: 1;}

.overflow-col-1:not(.card),
.overflow-col-2:not(.card),
.overflow-col-3:not(.card),
.overflow-col-4:not(.card),
.overflow-col-5:not(.card),
.overflow-col-6:not(.card) {margin-block-end: 1em;}

.avoid-break {break-inside: avoid;}

/* Tablet and Desktop */
@media all and (min-width: 768px) {

.flex.col-1 > * {width: 100.000%;}
.flex.col-2 > * {width: 49.138%;}
.flex.col-3 > * {width: 32.183%;}
.flex.col-4 > * {width: 23.706%;}
.flex.col-5 > * {width: 18.620%;}
.flex.col-6 > * {width: 15.229%;}
.flex.col-7 > * {width: 12.807%;}
.flex.col-8 > * {width: 10.991%;}
.flex.col-9 > * {width:  9.578%;}
.flex.col-10 > * {width: 8.448%;}
.flex.col-11 > * {width: 7.523%;}
.flex.col-12 > * {width: 6.752%;}

.flex.col-2.a-left > * {margin-right: 1.725%;}
.flex.col-2.a-left > *:nth-child(2n) {margin-right: 0;}
.flex.col-2.a-right > * {margin-left: 1.725%;}
.flex.col-2.a-right > *:nth-child(2n+1) {margin-left: 0;}

.flex.col-3.a-left > * {margin-right: 1.725%;}
.flex.col-3.a-left > *:nth-child(3n) {margin-right: 0;}
.flex.col-3.a-right > * {margin-left: 1.725%;}
.flex.col-3.a-right > *:nth-child(3n+1) {margin-left: 0;}

.flex.col-4.a-left > * {margin-right: 1.725%;}
.flex.col-4.a-left > *:nth-child(4n) {margin-right: 0;}
.flex.col-4.a-right > * {margin-left: 1.725%;}
.flex.col-4.a-right > *:nth-child(4n+1) {margin-left: 0;}

.flex.col-5.a-left > * {margin-right: 1.725%;}
.flex.col-5.a-left > *:nth-child(5n) {margin-right: 0;}
.flex.col-5.a-right > * {margin-left: 1.725%;}
.flex.col-5.a-right > *:nth-child(5n+1) {margin-left: 0;}

.flex.col-6.a-left > * {margin-right: 1.725%;}
.flex.col-6.a-left > *:nth-child(6n) {margin-right: 0;}
.flex.col-6.a-right > * {margin-left: 1.725%;}
.flex.col-6.a-right > *:nth-child(6n+1) {margin-left: 0;}


/* Stretch cells + 20px gutters */

.flex.col-2 > *.col-span-2 {width: 100%;}

.flex.col-3 > *.col-span-2 {width: 66.071%;}
.flex.col-3 > *.col-span-3 {width: 100%;}

.flex.col-4 > *.col-span-2 {width: 49.107%;}
.flex.col-4 > *.col-span-3 {width: 74.554%;}
.flex.col-4 > *.col-span-4 {width: 100%;}

.flex.col-5 > *.col-span-2 {width: 38.929%;}
.flex.col-5 > *.col-span-3 {width: 59.286%;}
.flex.col-5 > *.col-span-4 {width: 79.643%;}
.flex.col-5 > *.col-span-5 {width: 100%;}

.flex.col-6 > *.col-span-2 {width: 32.143%;}
.flex.col-6 > *.col-span-3 {width: 49.107%;}
.flex.col-6 > *.col-span-4 {width: 66.071%;}
.flex.col-6 > *.col-span-5 {width: 83.036%;}
.flex.col-6 > *.col-span-6 {width: 100%;}


.overflow-col-1 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
.overflow-col-2 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.overflow-col-3 {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.overflow-col-4 {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
.overflow-col-5 {-webkit-column-count: 5;-moz-column-count: 5;column-count: 5;}
.overflow-col-6 {-webkit-column-count: 6;-moz-column-count: 6;column-count: 6;}

.flex > .gu1 {width:   6.752%;}
.flex > .gu1-5 {width:10.990%;}
.flex > .gu2 {width:  15.229%;}
.flex > .gu3 {width:  23.706%;}
.flex > .gu4 {width:  32.183%;}
.flex > .gu5 {width:  40.660%;}
.flex > .gu6 {width:  49.138%;}
.flex > .gu7 {width:  57.615%;}
.flex > .gu8 {width:  66.092%;}
.flex > .gu9 {width:  74.569%;}
.flex > .gu10 {width: 83.046%;}
.flex > .gu11 {width: 91.523%;}
.flex > .gu12 {width: 100%;}
.flex > .gu-fill {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    flex-basis: min-content;
}

header .desktop-nav {display: block;}
header .inner > ul.portals {display: -webkit-flex;-moz-display: flex;-webkit-display: flex;display: flex;}

header .logo {width: 155px;}
header .logo p a {height: 40px;width: 155px;margin-top: 30px;}
header .mobile-nav {display: none;}

.search.overlay ol.flex.col-2 li {width: 49.500%;}

footer .slab h3:hover {cursor: inherit;}

} /* /@Tablet and @Desktop */


/* Mobile */
@media all and (max-width: 767px) {

.m-hide {display: none!important;}

.m-v-gu1 {min-height: 8.334vh;}
.m-v-gu2 {min-height: 16.667vh;}
.m-v-gu3 {min-height: 25.000vh;}
.m-v-gu4 {min-height: 33.334vh;}
.m-v-gu5 {min-height: 41.667vh;}
.m-v-gu6 {min-height: 50.000vh;}
.m-v-gu7 {min-height: 58.334vh;}
.m-v-gu8 {min-height: 66.667vh;}
.m-v-gu9 {min-height: 75.000vh;}
.m-v-gu10 {min-height: 83.334vh;}
.m-v-gu11 {min-height: 91.667vh;}
.m-v-gu12 {min-height: 100.000vh;}

.gu1 {width: 100%;}
.gu2 {width: 100%;}
.gu3 {width: 100%;}
.gu4 {width: 100%;}
.gu5 {width: 100%;}
.gu6 {width: 100%;}
.gu7 {width: 100%;}
.gu8 {width: 100%;}
.gu9 {width: 100%;}
.gu10 {width: 100%;}
.gu11 {width: 100%;}
.gu12 {width: 100%;}

.flex.m-col-1 > * {width: 100.00%;}
.flex.m-col-2 > * {width: 48.043%;}
.flex.m-col-3 > * {width: 30.724%;}
.flex.m-col-4 > * {width: 22.065%;}

.flex.m-col-2 > *.m-col-span-2 {width: 100%;}
.flex.m-col-3 > *.m-col-span-3 {width: 100%;}
.flex.m-col-4 > *.m-col-span-4 {width: 100%;}
.flex.m-col-5 > *.m-col-span-5 {width: 100%;}

.m-overflow-col-1 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
.m-overflow-col-2 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.m-overflow-col-3 {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.m-overflow-col-4 {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
.m-overflow-col-5 {-webkit-column-count: 5;-moz-column-count: 5;column-count: 5;}

.flex > .m-gu1 {width:  7.417%;}
.flex > .m-gu2 {width: 15.833%;}
.flex > .m-gu3 {width: 24.250%;}
.flex > .m-gu4 {width: 32.667%;}
.flex > .m-gu5 {width: 41.083%;}
.flex > .m-gu6 {width: 49.500%;}
.flex > .m-gu7 {width: 57.917%;}
.flex > .m-gu8 {width: 66.333%;}
.flex > .m-gu9 {width: 74.750%;}
.flex > .m-gu10 {width: 83.167%;}
.flex > .m-gu11 {width: 91.583%;}
.flex > .m-gu12 {width: 100%;}

.m-gu1 {width:  7.417%;}
.m-gu2 {width: 15.833%;}
.m-gu3 {width: 24.250%;}
.m-gu4 {width: 32.667%;}
.m-gu5 {width: 41.083%;}
.m-gu6 {width: 49.500%;}
.m-gu7 {width: 57.917%;}
.m-gu8 {width: 66.333%;}
.m-gu9 {width: 74.750%;}
.m-gu10 {width: 83.167%;}
.m-gu11 {width: 91.583%;}
.m-gu12 {width: 100%;}
.flex > .m-gu-fill {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flex.m-col-2.a-left {gap: 10px;}
.flex.m-col-2.a-left > * {margin: 0;}
.flex.m-col-2.a-right {gap: 10px;}
.flex.m-col-2.a-right > * {margin: 0;}

.flex.m-col-3.a-left {gap: 10px;}
.flex.m-col-3.a-left > * {margin: 0;}
.flex.m-col-3.a-right {gap: 10px;}
.flex.m-col-3.a-right > * {margin: 0;}

.flex.m-col-4.a-left {gap: 10px;}
.flex.m-col-4.a-left > * {margin: 0;}
.flex.m-col-4.a-right {gap: 10px;}
.flex.m-col-4.a-right > * {margin: 0;}

.m-puff {padding: 20px 0;margin-bottom: 0;}
.m-space {padding: 10px 0;margin-bottom: 0;}
.m-trim {padding: 0;}
.m-trim-top {padding-top: 0;}
.m-trim-bottom {padding-bottom: 0;}

.m-a-justify {text-align: justify;}

.flex > .m-order-1 {order: 1;}
.flex > .m-order-2 {order: 2;}
.flex > .m-order-3 {order: 3;}
.flex > .m-order-4 {order: 4;}
.flex > .m-order-5 {order: 5;}
.flex > .m-order-6 {order: 6;}
.flex > .m-order-7 {order: 7;}
.flex > .m-order-8 {order: 8;}
.flex > .m-order-9 {order: 9;}
.flex > .m-order-10 {order: 10;}
.flex > .m-order-11 {order: 11;}
.flex > .m-order-12 {order: 12;}

.flex.m-a-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.flex.m-a-top {
    -webkit-align-items: start;
    -moz-align-items: start;
    -ms-align-items: start;
    align-items: start; 
    -webkit-align-content: start;
    -moz-align-content: start;
    -ms-align-content: start;
    align-content: start;
}

.flex.m-a-bottom {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end; 
    -webkit-align-content: flex-end;
    -moz-align-content: flex-end;
    -ms-align-content: flex-end;
    align-content: flex-end;
}

footer .slab p {margin-top: 0;}

footer .slab ul:hover {margin: 0;}

footer .slab .inner > div.flex > div {margin-bottom: 10px;}
footer .slab .inner > div.flex:first-of-type > div {margin-bottom: 0;}

footer .slab .m-visible h3:after {display: none!important;}
footer .slab .m-visible ul {visibility: inherit;transform: inherit;height: inherit;}

footer .college .sub .disclaimer li:last-child, footer .college .first-peoples h3, footer .college .need-help h3, footer .college .first-peoples ul {
    display: block;
}
footer .college .flex.col-5.sub > div {text-align: center;}
footer .college .sub .disclaimer li:last-child {display: inline-block !important;}

footer .college .disclaimer {order: 4;}
footer .college .social {order: 1;}
footer .college .tagline {order: 3;}
footer .college .first-peoples {width: 100%;}

.slab.cssbg.m-bg-contain,
.card.cssbg.m-bg-contain,
div.cssbg.m-bg-contain {background-size: contain;}

.slab.cssbg.m-bg-auto,
.card.cssbg.m-bg-auto,
div.cssbg.m-bg-auto {background-size: auto;}

} /* /@Mobile */


/* Tablet */
@media all and (min-width: 768px) and (max-width: 1023px) {

.t-hide {display: none!important;}

.flex.t-col-1 > * {width: 100.000%;}
.flex.t-col-2 > * {width: 49.138%;}
.flex.t-col-3 > * {width: 32.183%;}
.flex.t-col-4 > * {width: 23.706%;}
.flex.t-col-5 > * {width: 18.620%;}

.flex.t-col-2 > *.t-col-span-2 {width: 100%;}
.flex.t-col-3 > *.t-col-span-3 {width: 100%;}
.flex.t-col-4 > *.t-col-span-4 {width: 100%;}
.flex.t-col-5 > *.t-col-span-5 {width: 100%;}

.t-overflow-col-1 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
.t-overflow-col-2 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.t-overflow-col-3 {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.t-overflow-col-4 {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
.t-overflow-col-5 {-webkit-column-count: 5;-moz-column-count: 5;column-count: 5;}
.t-overflow-col-6 {-webkit-column-count: 6;-moz-column-count: 6;column-count: 6;}

.flex > .t-gu1 {width:  7.417%;}
.flex > .t-gu2 {width: 15.833%;}
.flex > .t-gu3 {width: 24.250%;}
.flex > .t-gu4 {width: 32.667%;}
.flex > .t-gu5 {width: 41.083%;}
.flex > .t-gu6 {width: 49.500%;}
.flex > .t-gu7 {width: 57.917%;}
.flex > .t-gu8 {width: 66.333%;}
.flex > .t-gu9 {width: 74.750%;}
.flex > .t-gu10 {width: 83.167%;}
.flex > .t-gu11 {width: 91.583%;}
.flex > .t-gu12 {width: 100%;}

.t-gu1 {width:  7.417%;}
.t-gu2 {width: 15.833%;}
.t-gu3 {width: 24.250%;}
.t-gu4 {width: 32.667%;}
.t-gu5 {width: 41.083%;}
.t-gu6 {width: 49.500%;}
.t-gu7 {width: 57.917%;}
.t-gu8 {width: 66.333%;}
.t-gu9 {width: 74.750%;}
.t-gu10 {width: 83.167%;}
.t-gu11 {width: 91.583%;}
.t-gu12 {width: 100%;}
.flex > .t-gu-fill {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}


.flex.t-col-2.a-left > * {margin-right: 1.725%!important;}
.flex.t-col-2.a-left > *:nth-child(2n) {margin-right: 0!important;}
.flex.t-col-2.a-right > * {margin-left: 1.725%!important;}
.flex.t-col-2.a-right > *:nth-child(2n+1) {margin-left: 0!important;}

.flex.t-col-3.a-left > * {margin-right: 1.725%!important;}
.flex.t-col-3.a-left > *:nth-child(3n) {margin-right: 0!important;}
.flex.t-col-3.a-right > * {margin-left: 1.725%!important;}
.flex.t-col-3.a-right > *:nth-child(3n+1) {margin-left: 0!important;}

.flex.t-col-4.a-left > * {margin-right: 1.725%!important;}
.flex.t-col-4.a-left > *:nth-child(4n) {margin-right: 0!important;}
.flex.t-col-4.a-right > * {margin-left: 1.725%!important;}
.flex.t-col-4.a-right > *:nth-child(4n+1) {margin-left: 0!important;}

.flex.t-col-5.a-left > * {margin-right: 1.725%!important;}
.flex.t-col-5.a-left > *:nth-child(5n) {margin-right: 0!important;}
.flex.t-col-5.a-right > * {margin-left: 1.725%!important;}
.flex.t-col-5.a-right > *:nth-child(5n+1) {margin-left: 0!important;}

.flex.t-col-6.a-left > * {margin-right: 1.725%!important;}
.flex.t-col-6.a-left > *:nth-child(6n) {margin-right: 0!important;}
.flex.t-col-6.a-right > * {margin-left: 1.725%!important;}
.flex.t-col-6.a-right > *:nth-child(6n+1) {margin-left: 0!important;}


.t-puff {padding: 20px 0;margin-bottom: 0;}
.t-space {padding: 10px 0;margin-bottom: 0;}
.t-trim {padding: 0;}
.t-trim-top {padding-top: 0;}
.t-trim-bottom {padding-bottom: 0;}

.t-a-justify {text-align: justify;}
.t-a-center {text-align: center;}
.t-a-left {text-align: left;}
.t-a-right {text-align: right;}

.flex.t-col-2 > *.t-col-span-2 {width: 100%;}

.flex > .t-order-1 {order: 1;}
.flex > .t-order-2 {order: 2;}
.flex > .t-order-3 {order: 3;}
.flex > .t-order-4 {order: 4;}
.flex > .t-order-5 {order: 5;}
.flex > .t-order-6 {order: 6;}
.flex > .t-order-7 {order: 7;}
.flex > .t-order-8 {order: 8;}
.flex > .t-order-9 {order: 9;}
.flex > .t-order-10 {order: 10;}
.flex > .t-order-11 {order: 11;}
.flex > .t-order-12 {order: 12;}

.slab.cssbg.t-bg-contain,
.card.cssbg.t-bg-contain,
div.cssbg.t-bg-contain {background-size: contain;}

.slab.cssbg.t-bg-auto,
.card.cssbg.t-bg-auto,
div.cssbg.t-bg-auto {background-size: auto;}

} /* /@tablet */


/* Desktop */
@media all and (min-width: 1024px) {

.d-hide {display: none!important;}

.d-puff {padding: 80px 0;margin-bottom: 0;}
.d-space {padding: 20px 0;margin-bottom: 0;}
.d-trim {padding: 0;}
.d-trim-top {padding-top: 0;}
.d-trim-bottom {padding-bottom: 0;}

.d-flex {
    display: -webkit-flex;
    -moz-display: flex;
    -webkit-display: flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -moz-align-content: stretch;
    -ms-align-content: stretch;
    align-content: stretch;
}

.flex.d-a-center, .d-flex.d-a-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
.flex.d-a-top, .d-flex.d-a-top {
    -webkit-align-items: start;
    -moz-align-items: start;
    -ms-align-items: start;
    align-items: start; 
    -webkit-align-content: start;
    -moz-align-content: start;
    -ms-align-content: start;
    align-content: start;
}

.flex.d-a-bottom, .d-flex.d-a-bottom {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end; 
    -webkit-align-content: flex-end;
    -moz-align-content: flex-end;
    -ms-align-content: flex-end;
    align-content: flex-end;
}

.slab > .inner {max-width: 1160px;}

header .desktop-nav nav.global {-webkit-justify-content: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;justify-content: flex-end;}

header .desktop-nav nav.global > div {margin: 0 0.45em 0 0.45em;}

header .desktop-nav nav.global .subnav.flex {height: 22.5em;}

header .inner > ul.portals > li > a {padding: 0.6em 2em 0.4em 0.6em;}
header .inner > ul.portals li.contact-us > div {width: 15em;}


main .slab.puff.degree-search.inset-top {margin-top: -50px;}

header .desktop-nav nav.global > div {margin: 0 0.7em 0 0.7em;}

header .desktop-nav nav.global .subnav.flex {height: 20.5em;}

} /* /@Desktop */


.slab.primary {background-color: hsla(198, 100%, 20%, 0.07); color: hsla(0, 0%, 0%, 1); border-color: hsla(0, 0%, 28%, 1);}
.slab.secondary {background-color: hsla(198, 0%, 20%, 0.9); color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}
.slab.tertiary {background-color: hsla(198, 100%, 100%, 0.9); color: hsla(0, 0%, 0%, 1); border-color: hsla(0, 0%, 28%, 1);}
.slab.feature {background-color: hsla(0, 68%, 45%, 1); color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}

.card.primary {background-color: hsla(198, 100%, 20%, 0.07); color: hsla(0, 0%, 0%, 1); border-color: hsla(0, 0%, 28%, 1);}
.card.secondary {background-color: hsla(198, 0%, 20%, 0.9); color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}
.card.tertiary {background-color: hsla(198, 100%, 100%, 0.9); color: hsla(0, 0%, 0%, 1); border-color: hsla(0, 0%, 28%, 1);}
.card.feature {background-color: hsla(0, 68%, 45%, 1); color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}

.svg-icon {min-height: 120px;}

.slab.cssbg, .card.cssbg, div.cssbg {background-repeat: no-repeat;background-size: cover;background-position: 50% 50%; color: hsla(0, 0%, 0%, 1);}
.slab.cssbg.contain,
.card.cssbg.contain,
div.cssbg.contain {background-size: contain;}

.slab.cssbg.bg-contain,
.card.cssbg.bg-contain,
div.cssbg.bg-contain {background-size: contain;}

.slab.cssbg.bg-auto,
.card.cssbg.bg-auto,
div.cssbg.bg-auto {background-size: auto;}

.slab.secondary.cssbg, .card.secondary.cssbg {color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}
.slab.feature.cssbg, .card.feature.cssbg {color: hsla(0, 100%, 100%, 1); border-color: hsla(0, 100%, 100%, 1);}

.slab.secondary .card.primary {background-color: hsla(206, 26%, 95%, 1);}
.slab.feature .card.primary {background-color: hsla(206, 26%, 95%, 1);}
.slab.secondary .card.tertiary {background-color: hsla(198, 100%, 100%, 1);}
.slab.feature .card.tertiary {background-color: hsla(198, 100%, 100%, 1);}
.slab.feature .card.feature {background-color: hsla(0, 68%, 25%, 0.2);}

.card.secondary .card.primary {background-color: hsla(206, 26%, 95%, 1);}
.card.feature .card.primary {background-color: hsla(206, 26%, 95%, 1);}
.card.secondary .card.tertiary {background-color: hsla(198, 100%, 100%, 1);}
.card.feature .card.tertiary {background-color: hsla(198, 100%, 100%, 1);}
.card.feature .card.feature {background-color: hsla(0, 68%, 25%, 0.2);}

.slab a > .card.primary {background-color: hsla(206, 26%, 95%, 1);}
.slab.primary a > .card.primary {background-color: hsla(198, 100%, 20%, 0.07);}
.slab a:hover > .card.primary,
.slab a:focus > .card.primary {background-color: hsla(0, 68%, 45%, 1);color: hsla(0, 100%, 100%, 1);}

table.primary {background-color: hsla(198, 100%, 20%, 0.07); color: hsla(0, 0%, 0%, 1);}
table.secondary {background-color: hsla(198, 0%, 20%, 0.9); color: hsla(0, 100%, 100%, 1);}
table.tertiary {background-color: hsla(198, 100%, 100%, 0.9); color: hsla(0, 0%, 0%, 1);}
table.tertiary tr:nth-child(2n+3) {background-color: hsla(198, 100%, 36%, 0.04);}
table.feature {background-color: hsla(0, 68%, 45%, 1); color: hsla(0, 100%, 100%, 1);}

.slab.secondary table.primary {background-color: hsla(206, 26%, 95%, 1);}
.slab.feature table.primary {background-color: hsla(206, 26%, 95%, 1);}
.slab.secondary table.tertiary {background-color: hsla(198, 100%, 100%, 1);}
.slab.feature table.tertiary {background-color: hsla(198, 100%, 100%, 1);}
.slab.feature table.feature {background-color: hsla(0, 68%, 25%, 0.2);}

header .mobile-nav ul li a:hover,
header .mobile-nav ul li a:active,
header .mobile-nav ul li a:focus {color: hsla(0, 68%, 45%, 1);}

.overlay {background-color: hsla(0, 100%, 100%, 1);}
.overlay.primary {background-color: hsla(206, 26%, 95%, 1);/*full transparency .primary*/ color: hsla(0, 0%, 0%, 1);}
.overlay ul.close li a:hover,
.overlay ul.close li a:active,
.overlay ul.close li a:focus {color: hsla(0, 68%, 45%, 1);}

header .inner > ul.portals li form input[type=text] {background-color: hsla(198, 100%, 20%, 0.07); color: hsla(0, 0%, 0%, 1);border: 0;}

header .inner > ul.portals li form input[type=text]::-webkit-input-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 1);}
header .inner > ul.portals li form input[type=text]:-moz-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 1);}
header .inner > ul.portals li form input[type=text]::-moz-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 1);}
header .inner > ul.portals li form input[type=text]:-ms-input-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 1);}

header .inner > ul.portals li a:hover {color: hsla(0, 68%, 45%, 1);}

header .inner > ul.portals li.contact-us:hover {color: hsla(0, 68%, 45%, 1);}
header .inner > ul.portals li.contact-us > div.primary {background-color: hsla(206, 26%, 95%, 1);color: hsla(0, 0%, 0%, 1);}
header .inner > ul.portals li.contact-us > div.primary:before {border-color: hsla(206, 26%, 95%, 1) transparent;}

header .inner > ul.portals li.contact-us > div ul li.future span.number {color: hsla(0, 68%, 45%, 1);}

header .inner .shadow {
    -webkit-box-shadow: 5px 5px 15px hsla(198, 0%, 20%, 0.1);
    box-shadow: 5px 5px 15px hsla(198, 0%, 20%, 0.1);
}

header .desktop-nav nav.global > div > h3 a {border-bottom: 10px solid transparent;}
header .desktop-nav nav.global > div:hover > h3 a {border-bottom: 10px solid hsla(206, 26%, 95%, 1); color: hsla(0, 68%, 45%, 1);}

header .desktop-nav nav.global .subnav {background-color: hsla(206, 26%, 95%, 1);color: hsla(0, 0%, 0%, 1);}

header .desktop-nav nav.global .subnav.flex > div > a:hover {background-color: hsla(0, 68%, 45%, 1);color: hsla(0, 100%, 100%, 1);}

header .desktop-nav nav.global .subnav div.promo a p.btn {
    background: hsla(198, 0%, 20%, 0.9);
    color: hsla(0, 100%, 100%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.8);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.8);
}

header .desktop-nav nav.global .subnav div.promo a:hover p.btn,
header .desktop-nav nav.global .subnav div.promo a:focus p.btn  {
    background: hsla(198, 0%, 15%, 1);
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

header .desktop-nav nav.global .subnav div.promo a:active p.btn {
    background: hsla(198, 0%, 15%, 1);
    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

header .desktop-nav nav.global .subnav div.listing ul li a:hover {color: hsla(0, 68%, 45%, 1);border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}



header form input[type=text] {background-color: hsla(0, 100%, 100%, 1);color: hsla(0, 0%, 0%, 1);border: 1px inset hsla(198, 0%, 20%, 0.3);}

header form input[type=text]:focus {box-shadow: hsla(198, 100%, 70%, 0.7) 0.05em 0.05em 0.5em;}

.mobile-menu.overlay nav > div {border-bottom: 1px solid hsla(198, 100%, 20%, 0.2);}
.mobile-menu.overlay ul.portals li a {background-color: hsla(0, 100%, 100%, 1); color: hsla(0, 0%, 0%, 1);-webkit-box-shadow: 1px 1px 3px hsla( 198, 0%, 20%, 0.2);box-shadow: 1px 1px 3px hsla( 198, 0%, 20%, 0.2);}
.mobile-menu.overlay ul.portals li a:hover,
.mobile-menu.overlay ul.portals li a:focus {-webkit-box-shadow: 1px 1px 3px hsla( 198, 0%, 20%, 0.05);box-shadow: 1px 1px 3px hsla( 198, 0%, 20%, 0.05);}
.mobile-menu.overlay ul.portals li a:active {-webkit-box-shadow: inset 1px 1px 3px hsla( 198, 0%, 20%, 0.2);box-shadow: inset 1px 1px 3px hsla( 198, 0%, 20%, 0.2);}
.mobile-menu.overlay ul.portals li a:before {color: hsla(0, 0%, 0%, 0.5);}

.mobile-menu.overlay nav .open h3 a {color: hsla(0, 68%, 45%, 1);}

.search.overlay form button:focus,
.search.overlay form button:hover {background-color: hsla(0, 68%, 35%, 1);box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.5);}

.search.overlay form button:active {
    background-color: hsla(0, 68%, 35%, 1);
    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
}

.search.overlay form button {
    background-color: hsla(0, 68%, 45%, 1);
    color: hsla(0, 100%, 100%, 1);
    border: 1px inset hsla(0, 68%, 45%, 1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.8);
    -moz-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.8);
    -ms-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.8);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.8);
}

.search.overlay ol.popular-links li a:focus,
.search.overlay ol.popular-links li a:hover {color: hsla(0, 68%, 45%, 1); border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}

.search.overlay input[type=text]::-webkit-input-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 0.4);}
.search.overlay input[type=text]:-moz-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 0.4);}
.search.overlay input[type=text]::-moz-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 0.4);}
.search.overlay input[type=text]:-ms-input-placeholder {opacity:  1;color: hsla(0, 0%, 0%, 0.4);}


footer .slab  h3:focus,
footer .slab  h3:hover {color: hsla(0, 68%, 45%, 1);}

footer h3 a:focus,
footer h3 a:hover {color: hsla(0, 68%, 45%, 1);}

footer .slab ul li a:hover {color: hsla(0, 68%, 45%, 1); border-bottom: 2px solid hsla(0, 72%, 49%, 0.3);}


/* Tablet and Desktop */
@media all and (min-width: 768px) {

footer .slab h3:focus,
footer .slab h3:hover {color: inherit;}

} /* /@Tablet and @Desktop */


body {transition: transform 500ms linear 0ms;}

body.disabled {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: fixed;
    width: 100%;
}

header .mobile-nav ul li a,
header .mobile-nav ul li a:hover {transition: transform 500ms ease-in-out, color 200ms linear;}
header .mobile-nav ul li a:focus,
header .mobile-nav ul li a:active {
    transition: transform 500ms ease-in-out, color 200ms linear;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.slab a > .card {transition: all 300ms ease-out;}

.slab a:hover > .card,
.slab a:focus > .card {transition: all 300ms ease-in;}

.overlay {
    visibility: hidden;
    transition: all 500ms ease-in-out 160ms, visibility 0ms linear 500ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
.overlay.open {
    visibility: visible;
    transition: all 500ms ease-in-out 160ms;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(0%)!important;
    transform: translateX(50%);
}

header .inner > ul.portals li a:hover {
    -webkit-transition: color 500ms ease-in-out;
    -moz-transition: color 500ms ease-in-out;
    -ms-transition: color 500ms ease-in-out;
    transition: color 500ms ease-in-out;
}

header .inner > ul.portals li.contact-us > div.primary {
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    opacity: 0;
}

header .inner > ul.portals li.contact-us:hover > div.primary {
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    opacity: 1;
}

header .desktop-nav nav.global > div > h3 a:hover {
    -webkit-transition: border 500ms ease-in-out, color 500ms ease-in-out;
    -moz-transition: border 500ms ease-in-out, color 500ms ease-in-out;
    -ms-transition: border 500ms ease-in-out, color 500ms ease-in-out;
    transition: border 500ms ease-in-out, color 500ms ease-in-out;
}

header .desktop-nav nav.global .subnav {
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    opacity: 0;
}

header .desktop-nav nav.global > div:hover .subnav {
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    opacity: 1;
}

header .desktop-nav nav.global .subnav.flex > div > a {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

header .desktop-nav nav.global .subnav.flex > div > a:hover {
    -webkit-transition: background-color 500ms ease-in-out, color 100ms ease-in-out;
    -moz-transition: background-color 500ms ease-in-out, color 100ms ease-in-out;
    -ms-transition: background-color 500ms ease-in-out, color 100ms ease-in-out;
    transition: background-color 500ms ease-in-out, color 100ms ease-in-out;
}

header .overlay ul.close li a,
header .overlay ul.close li a:focus,
header .overlay ul.close li a:hover {transition: transform 300ms ease-in-out, color 200ms linear;}
header .overlay ul.close li a:active {
    transition: transform 300ms ease-in-out, color 200ms linear;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.mobile-menu.overlay nav.global .subnav {
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s, visibility 0s, max-height 0.4s;
    transition: transform 0.4s, visibility 0s, max-height 0.4s;
    box-shadow: none;
}

.mobile-menu.overlay nav.global > .open .subnav {
    visibility: visible;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.4s, visibility 0s, max-height 0.4s;
    transition: transform 0.4s, visibility 0s, max-height 0.4s;
}


.search.overlay form button:focus,
.search.overlay form button:hover {transition: all 200ms linear;}
.search.overlay form button {transition: all 200ms linear;}



footer .slab ul {
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s, visibility 50ms, max-height 0.4s;
    transition: transform 0.4s, visibility 50ms, max-height 0.4s;
    height: 0;
}

footer .slab h3:focus ~ ul,
footer .slab h3:active ~ ul {
    visibility: visible;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.4s, visibility 50ms, max-height 0.4s;
    transition: transform 0.4s, visibility 50ms, max-height 0.4s;
    height: inherit;
}

.sq-form-control .sq-form-captcha {
    padding: 1rem;
}


/* Tablet and Desktop */
@media all and (min-width: 768px) {

footer .slab ul {
    visibility: visible;
    -webkit-backface-visibility: inherit;
    backface-visibility: inherit;
    -webkit-transform: inherit;
    transform: inherit;
    -webkit-transition: inherit;
    transition: inherit;
    height: inherit;
}

} /* /@Tablet and @Desktop */


@keyframes refresh {
    0%  {opacity: 0.1;}
    100% {opacity: 1;}
}

@keyframes sonar {
    0% {opacity: 0.2;}
    40% {opacity: 0.4; box-shadow: 0 0 0 5px hsla(122, 39%, 49%, 0.1), 0 0 20px 20px hsla(122, 39%, 49%, 0.3), 0 0 0 10px hsla(122, 39%, 49%, 0.5);}
    100% {opacity: 0; box-shadow: 0 0 0 5px hsla(122, 39%, 49%, 0.1), 0 0 10px 10px hsla(122, 39%, 49%, 0.3), 0 0 0 10px hsla(122, 39%, 49%, 0.5);-webkit-transform: scale(3);-moz-transform: scale(3);transform: scale(3);}
}

.anim-refresh {
    -webkit-animation: refresh 800ms linear;
    -moz-animation: refresh 800ms linear;
    animation: refresh 800ms linear;
}

.anim-sonar {position: relative;}
.anim-sonar:focus:after,
.anim-sonar:hover:after {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 45%;
    top: calc(50% - 20px);
    left: 45%;
    left: calc(50% - 20px);
    content: "";
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    opacity: 0;
    -webkit-animation: sonar 800ms ease-out 50ms;
    -moz-animation: sonar 800ms ease-out 50ms;
    animation: sonar 800ms ease-out 50ms;
}


@media print {

.p-hide {display: none!important;}

header .logo p a {margin: 10px 0;}

.accordion-button:not(.active) > .card {
    max-height: unset;
    padding-top: unset;
    padding-bottom: unset;
    margin-top: unset;
    margin-bottom: unset;
  }

}/* /@Print */

/* HotJar removal, but maintain pixel */
body>div._hj_feedback_container {display:none;}
/*
  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: 10 February 2025 14:59:40
*/


h1.accent:after, h2.accent:after, h3.accent:after, h4.accent:after, h5.accent:after, h6.accent:after, p.position.accent:after, p.intro.accent:after, p.feature.accent:after {
    content: "";
    display: block;
    margin: 0.75em 0;
    width: 1.5em;
    height: 2px;
    background-color: var(--color-feature);
}

main .slab h2.a-center.accent:after, main .slab h3.a-center.accent:after, main .slab h4.a-center.accent:after, main .slab h5.a-center.accent:after, main .slab h6.a-center.accent:after, main .slab p.position.a-center.accent:after, main .slab p.intro.a-center.accent:after, main .slab p.feature.a-center.accent:after {margin-left:auto; margin-right:auto;}

main .slab h2.a-right.accent:after, main .slab h3.a-right.accent:after, main .slab h4.a-right.accent:after, main .slab h5.a-right.accent:after, main .slab h6.a-right.accent:after, main .slab p.position.a-right.accent:after, main .slab p.intro.a-right.accent:after, main .slab p.feature.a-right.accent:after {margin-left: auto;}
main .slab h2.a-left.accent:after, main .slab h3.a-left.accent:after, main .slab h4.a-left.accent:after, main .slab h5.a-left.accent:after, main .slab h6.a-left.accent:after, main .slab p.position.a-left.accent:after, main .slab p.intro.a-left.accent:after, main .slab p.feature.a-left.accent:after {margin-right: auto;}

h2.light.accent.a-center:after {margin: 10px auto;}
h2.light.accent:after {
    width: 7.5%;
    content: "";
    display: block;
    height: 2px;
    background-color: hsla(0, 0%, 0%, 1);
}
main .secondary .light.accent:after,
main .feature .light.accent:after {background-color: hsla(0, 100%, 100%, 1);}

p.position.accent:after {width: 42px;}
p.intro.accent:after {width: 42px;}
p.feature.accent:after {width: 42px;}

.secondary .accent:after,
.feature .accent:after {background-color: hsla(0, 100%, 100%, 1);}

.slab.secondary .primary .accent:after,
.slab.feature .primary .accent:after,
.slab.secondary .tertiary .accent:after,
.slab.feature .tertiary .accent:after
    {background-color: hsla(0, 68%, 45%, 1);}

.secondary p.position.accent:after,
.cssbg p.position.accent:after,
.feature p.position.accent:after {background-color: hsla(0, 100%, 100%, 1);}

.secondary p.intro.accent:after,
.cssbg p.intro.accent:after,
.feature p.intro.accent:after {background-color: hsla(0, 100%, 100%, 1);}

.secondary p.feature.accent:after,
.cssbg p.feature.accent:after,
.feature p.feature.accent:after {background-color: hsla(0, 100%, 100%, 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: 10 February 2025 14:59:40
*/


main .slab-container {
    overflow: hidden;
    -webkit-perspective: 1000;
}
main .slab-container.inset-bottom {margin-bottom: -50px;}

main .slab-container p.play {
    margin: 0;
    pointer-events: none;
}

main .slab-container p.play a:before {
    content: "";
    display: inline-block;
    opacity: 0;
    width: 60px;
    height: 60px;
    border: 0;
    border-radius: 50%;
    font-size: 0;
    background-color: hsla(198, 0%, 20%, 0.9);
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-transition: opacity 1800ms ease-out;
    -moz-transition: opacity 1800ms ease-out;
    -ms-transition: opacity 1800ms ease-out;
    transition: opacity 1400ms ease-out;
    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
}

main .slab-container p.play a:after {
    content: "\f04b";
    font-family: "FontAwesome";
    font-size: 30px;
    opacity: 0;
    display: inline-block;
    speak: none;
    text-align: center;
    text-indent: 4px;
    width: 60px;
    line-height: 60px;
    color: hsla(0, 68%, 100%, 1);
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-transition: opacity 1800ms ease-out;
    -moz-transition: opacity 1800ms ease-out;
    -ms-transition: opacity 1800ms ease-out;
    transition: opacity 1800ms ease-out;
}

main .slab-container p.play.active a:after, main .slab-container p.play.active a:before {
    opacity: 1;
    -webkit-transition: opacity 0.1s ease-in;
    -moz-transition: opacity 0.1s ease-in;
    -ms-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;
}

main .slab-container p.play.paused a:after {
    content: "\f04c";
    width: 55px;
}

main .slab-slider {
    z-index: 0;
    position: relative;
    flex-wrap: nowrap;
}
main .slab-slider .slab {
    width: 100%;
    clear: both;
    position: relative;
    z-index: -1;
}


/* Mobile and Tablet */
@media all and (max-width: 1023px) {

main .slab-container.inset-bottom {
    margin-bottom: -30px;
}

} /* /@Mobile and @Tablet */
/*
  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: 10 February 2025 14:59:40
*/


nav.tabs:not(.local) > ul {margin: 0;}

nav.tabs:not(.local) > ul > li {display: inline-block;font-family: "Jotia W00";font-size: 26px;font-weight: 500;letter-spacing: 0.04em;color: hsla(198, 0%, 20%, 1);margin-right: 0.2em;line-height: 1.25;padding:0;}

nav.tabs:not(.local) > ul.small > li {
    letter-spacing: 0.01em;
    font-weight: 400;
    font-size: 17px;
    color: hsla(0, 0%, 7%, 1);
    margin-right: 0.3em;
}
nav.tabs:not(.local) > ul.small > li > a {padding: 0.5em 1.2em;}

nav.tabs:not(.local) > ul > li:before {display: none;}

nav.tabs:not(.local) > ul > li > a {
    border: 2px solid hsla(198, 100%, 20%,0.07);
    background-color: hsla(220, 3%, 80%, 1);
    opacity: 0.6;
    border-width: 2px 0 0 0;
    color: inherit;
    display: block;
    padding: 0.3em 1em;
    box-sizing: border-box; 
/*    box-shadow: inset 0 0 1em hsla(198, 100%, 20%, 0.2);*/
}

nav.tabs:not(.local) > ul > li > a:not(active) {}

nav.tabs:not(.local) > ul > li > a.active {
    border-color: hsla(0, 68%, 45%, 1);
    background-color: hsla(198, 100%, 20%,0.07);
    opacity: 1;
    /*box-shadow: none;*/
}
nav.tabs:not(.local) > ul > li > a.active:active,
nav.tabs:not(.local) > ul > li > a.active:focus {color: inherit;}

main div.tab {
    position: relative;
    left: -200%;
    max-height: 0px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: opacity 800ms;
    overflow: hidden;}

main div.tab.open {
    max-height: inherit;
    left: 0;
    visibility: visible;
    opacity: 1;
    transition: opacity 800ms;
    border: 2px solid hsla(198, 100%, 20%,0.07);
    padding: 20px;
    margin-bottom: 20px;}

main div.tab:not(.trim) > *:last-child {margin-bottom: 0;}

main div.tab.primary {background-color: hsla(198, 100%, 20%,0.07); color: hsla(0, 0%, 0%, 1);}
main div.tab.secondary {background-color: hsla(198, 0%, 20%, 0.9); color: hsla(0, 100%, 100%, 1);}
main div.tab.tertiary {background-color: hsla(198, 100%, 100%,0.9); color: hsla(0, 0%, 0%, 1);}
main div.tab.feature {background-color: hsla(0, 68%, 45%, 1); color: hsla(0, 100%, 100%, 1);}
main div.tab.cssbg {background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;color: hsla(0, 0%, 0%, 1);}
main div.tab.secondary.cssbg {color: hsla(0, 100%, 100%, 1);}


main .cssbg div.tab.primary {background-color: hsla(206, 26%, 95%, 1);}
main .secondary div.tab.primary {background-color: hsla(206, 26%, 95%, 1);}
main .feature div.tab.primary {background-color: hsla(206, 26%, 95%, 1);}
main .secondary div.tab.tertiary {background-color: hsla(198, 100%, 100%, 1);}
main .feature div.tab.tertiary {background-color: hsla(198, 100%, 100%, 1);}
main .feature div.tab.feature {background-color: hsla(0, 68%, 25%, 0.2);}

main div.tab.open.primary,
main div.tab.open.secondary,
main div.tab.open.tertiary,
main div.tab.open.feature,
main div.tab.open.cssbg,
main div.tab.open.no-border {border: 0;}


nav.tabs:not(.local) > ul > li > a.primary {background-color: hsla(198, 100%, 20%,0.07); color: hsla(0, 0%, 0%, 1);}
nav.tabs:not(.local) > ul > li > a.secondary {background-color: hsla(198, 0%, 20%, 0.9); color: hsla(0, 100%, 100%, 1);}
nav.tabs:not(.local) > ul > li > a.tertiary {background-color: hsla(198, 100%, 100%,0.9); color: hsla(0, 0%, 0%, 1);}
nav.tabs:not(.local) > ul > li > a.feature {background-color: hsla(0, 68%, 45%, 1); color: hsla(0, 100%, 100%, 1);}
nav.tabs:not(.local) > ul > li > a.cssbg {background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;color: hsla(0, 0%, 0%, 1);}
nav.tabs:not(.local) > ul > li > a.secondary.cssbg {color: hsla(0, 100%, 100%, 1);}

nav.tabs:not(.local) > ul > li > a.secondary.active:active, 
nav.tabs:not(.local) > ul > li > a.secondary.active:focus {color: hsla(0, 100%, 100%, 1);}

nav.tabs:not(.local) > ul > li > a.feature.active:active, 
nav.tabs:not(.local) > ul > li > a.feature.active:focus {color: hsla(0, 100%, 100%, 1);}

nav.tabs:not(.local) > ul > li > a.secondary.active:active, 
nav.tabs:not(.local) > ul > li > a.secondary.cssbg.active:focus {color: hsla(0, 100%, 100%, 1);}


.cssbg nav.tabs:not(.local) > ul > li > a.active {background-color: hsla(206, 26%, 95%, 1);}
.cssbg nav.tabs:not(.local) > ul > li > a {background-color: hsla(206, 26%, 95%, 1);}


/* Mobile and Tablet */
@media all and (max-width: 1023px) {

    nav.tabs:not(.local) > ul > li.gu12,
    nav.tabs:not(.local) > ul > li.t-gu12,
    nav.tabs:not(.local) > ul > li.m-gu12 {
        margin-right: 0px    
    }

} /* /@Mobile and @Tablet */


/* Mobile */
@media all and (max-width: 767px) {

main nav.tabs:not(.local) > ul > li  {
    display: block;
    line-height: 1.5;
}

main .flex > nav.tabs.local {
    order: initial;
}

} /* /@Mobile */
/*
  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: 10 February 2025 14:59:40
*/


main .card a.popup-youtube p.title {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0.25em;
    font-weight: 300;
    font-size: 14px;
    background-color: hsla(198, 0%, 20%, 0.9);
}
main a.popup-youtube {border-bottom: 0;}

main a.popup-youtube,
main a.popup-image,
main .popup-gallery a {
    border-bottom: 0;
/*    font-size: 0;
//    -webkit-box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
//    box-shadow: 1px 1px 3px hsla(198, 0%, 20%, 0.3);
//    -webkit-border-radius: 2px;
//    -moz-border-radius: 2px;
//    border-radius: 2px;*/
}

main a.popup-image,
main .popup-gallery a {cursor: zoom-in;}

main a.popup-image:active,
main .popup-gallery a:active {
/*    -webkit-box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);
//    box-shadow: inset 1px 1px 3px hsla(198, 0%, 20%, 0.5);*/
}

main .popup-gallery .flex.hovered a:not(:hover) {
    -webkit-filter: grayscale(15%) 
          brightness(65%);
  filter: grayscale(15%) 
          brightness(65%);
}
main .popup-gallery .flex.hovered a:hover img {
         -webkit-transform: scale(1.025);
        transform: scale(1.025);
        -webkit-box-shadow: 3px 3px 10px hsla(198, 0%, 20%, 0.4);
        box-shadow: 3px 3px 10px hsla(198, 0%, 20%, 0.4);
    }
    
main .popup-gallery .flex a {
         transition: filter 0.4s;
        -webkit-transition: filter 0.4s;
    }
main .popup-gallery .flex a img {
         -webkit-transition: 0.3s;
         transition: 0.3s;
         overflow:hidden;
    }
    
main a.popup-image img:not(.right):not(.left),
main .popup-gallery a img:not(.right):not(.left) {
    width: 100%;
/*    margin: 0;
//    position: relative;
//    z-index: -1;*/
}

main .flex a.popup-image {}
main .flex a.popup-image img {}



.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);}

.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;}

.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;}

.mfp-align-top .mfp-container:before {
display: none;}

.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
font-family: "Foundry Sterling W01";}

.mfp-ajax-holder .mfp-content {text-align: center;}
.mfp-ajax-holder .mfp-content video{ max-width: 100%;}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;}

.mfp-ajax-cur {
cursor: progress;}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;}

.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;}

.mfp-auto-cursor .mfp-content {
cursor: auto;}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;}

.mfp-loading.mfp-figure {
display: none;}

.mfp-hide {
display: none !important;}

.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;}
.mfp-preloader a {
color: #CCC;}
.mfp-preloader a:hover {
color: #FFF;}

.mfp-s-ready .mfp-preloader {
display: none;}

.mfp-s-error .mfp-content {
display: none;}

button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;}

button::-moz-focus-inner {
padding: 0;
border: 0;}

.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: "Foundry Sterling W01";}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);}
.mfp-close:active {
top: 1px;}

.mfp-close-btn-in .mfp-close {
color: #333;}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;}

.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;}

.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;}
.mfp-arrow:active {
margin-top: -54px;}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;}

.mfp-arrow-left {
left: 0;}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;}

.mfp-arrow-right {
right: 0;}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;}

.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;}
.mfp-iframe-holder .mfp-close {
top: -40px;}

.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;}

/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;}

/* The shadow behind the image */
.mfp-figure {
line-height: 0;}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;}
.mfp-figure figure {
margin: 0;}

.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;}

.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;}

.mfp-image-holder .mfp-content {
max-width: 100%;}

.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;}


@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 368px) {

/* Remove all paddings around the image on small screen */

.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;}
.mfp-img-mobile img.mfp-img {
padding: 0;}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;}

} /* /@Mobile Landscape */

@media (max-width: 56em) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;}
.mfp-container {
padding-left: 6px;
padding-right: 6px;}

} /* End of @Tablet Landscape */
/*
  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: 10 February 2025 14:59:41
*/


main .video-info p.title {
    font-size: 24px;
    margin-bottom: 0.5em;
}
main .playlist-videos .card {position: relative;}
main .playlist-videos p.title {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0.25em;
    font-weight: 300;
    font-size: 14px;
}
main .playlist-videos .secondary.cssbg p.title {
    background-color: hsla(198, 0%, 20%, 0.9);
}
main .playlist-videos .feature.cssbg p.title {
    background-color: hsla(0, 68%, 45%, 0.9);
}

.video-container .video-player {margin-bottom: 20px;}
.video-container .video-player.trim {margin-bottom: 0;}
.video-container .video-data {width: 0;}

.video-container.inline {max-width: 100%; display: inline-block;}
.video-container.left {float: left; max-width: 100%; margin: 0 0.75em 0.75em 0;}
.video-container.right {float: right; max-width: 100%; margin: 0 0 0.75em 0.75em;}

/*
  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: 10 February 2025 14:59:41
*/


main .slab__cards-in-columns p.name,
main .tall-names p.name {
    margin-top: 35px;
}

.anim-zoom a .cssbg {
    transform: scale(1);
    backface-visibility: hidden;
    -webkit-transition: transform 500ms ease-out;
    -moz-transition: transform 500ms ease-out;
    -ms-transition: transform 500ms ease-out;
    transition: transform 500ms ease-out;
}

.anim-zoom a .card > div {
    overflow: hidden;
    margin-bottom: 10px;
}
.slab .anim-zoom .card > div:first-child > .cssbg:first-child {margin-bottom: 0;}

.anim-zoom a:hover .cssbg,
.anim-zoom a:focus .cssbg {
    transform: scale(1.05);
    -webkit-transition: transform 500ms ease-out;
    -moz-transition: transform 500ms ease-out;
    -ms-transition: transform 500ms ease-out;
    transition: transform 500ms ease-out;
}

.teacher .card a .frame .cssbg  {
    display: block;
    min-height: 33vh;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
    -ms-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
.teacher .card a .frame {overflow:hidden;max-height: 33vh;}
.teacher .card a:hover .frame .cssbg,
.teacher .card a:focus .frame .cssbg {
    transform: scale(1.1);
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
    -ms-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
.teacher .card.play p.qualification {margin: 2.2em 0 0.15em 0;}

main p.name {font-size: 28px;}

/* Play button position overrides */

main > .slab .teacher .card.play a:before {top: 32.8vh;}
main > .slab .teacher .card.play a:after {top: 32.8vh;}

/* Mobile */
@media all and (max-width: 767px) {

main p.name {font-size: 20px;}

} /* /@Mobile */
/*
  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: 10 February 2025 14:59:41
*/


.divTable{ display: table; width: 100%; margin-bottom: 20px; border: 1px solid #000;} 
.divTableRow { display: table-row;} 
.divTableCell, .divTableHead { border: 1px solid #999999; display: table-cell; padding: 3px 10px; } 
.divTableHeading { background-color: #EEE; display:table-header-group; font-weight: bold; } 
.divTableFoot { background-color:#EEE; display: table-footer-group; font-weight: bold; } 
.divTableBody { display: table-row-group; background-color: #FFF;} 

.secondary .divTable { color:#000;}
/*
  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: 10 February 2025 14:59:41
*/


.slab.pageinfo {
    margin-bottom: 10px;
}

.personalised-content {
    /*opacity: 0;*/
}

.personalised-content[data-personalise="no"] {
    opacity: 1;
}

.personalised-content.pers--onload {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.personalised-content:after {
    opacity:0;
}

.personalised-content.study-loading--spinner {
    position:relative;
}

.personalised-content.study-loading--text:before {
    content: "Loading your personalised content";
    display: block;
    position: absolute;
    font-family: "Foundry Sterling W01";
    line-height: 1.5;
    font-weight: 400;
    font-size: 15px;
    right: 0;
    bottom: -5px;
    left: 0;
    color:white;
    height: 50%;
    text-align:center;
}

.personalised-content.study-loading--spinner:after {
    content: "\f110";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    font-family: "FontAwesome";
    color: #4546468c;
    font-size: 24pt;
    text-align: center;
    opacity:1;
}
    
div[data-component="FB degree listing"] {
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
div[data-component="FB degree listing"] .degree-filter__options {
    margin: 25px 0 15px 0;
}
.personalised-content.no-transition {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
}

.personalisation-question,
.personalisation-question h2.disabled,
.personalisation-question p.question.disabled,
.tooltip-helpers {
    display: none;
}

.personalisation-panel {
    background: #fff;
    border: 1px solid hsla(0, 68%, 45%, 1);
    display: none;
    font-family: "Foundry Sterling W01";
    min-height: 10em;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 13em;
    z-index: 15;
}

.personalisation-panel h2 {
    background: hsla(0, 68%, 45%, 1);
    color: #fff;
    display: block;
    font-size: 1em;
    margin: 0 0 0.5em 0;
    padding: 0.25em 1em;
}

.personalisation-panel ul {
    list-style-type: none;
    margin: 0;
    padding: 0 1em;
}

.personalisation-panel > ul {
    margin-bottom: 1em;
}

.slab.vos .personalisation .tooltip .steps a.reset-steps, 
.slab .personalisation .tooltip .steps a.reset-steps{
    color: hsla(0, 68%, 45%, 1);
}

.slab.vos .personalisation .tooltip .steps a.reset-steps:before, 
.slab .personalisation .tooltip .steps a.reset-steps:before {
    content: "";
}

.personal--on {
    display: none;
}

.pers-state {
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    position: absolute;
    right: 20px;
    top: 6px;
    transition: all 0.75s ease;
    width: 30px;
    outline: 0;
}

.pers-state:before {
    background: #fff;
    border-radius: 12px;
    content: '';
    display: inline-block;
    height: 13px;
    position: absolute;
    top: 2px;
    transition: all 0.75s ease;
    width: 13px;
}

.pers-state.state--on {
    background: #00981a;
}

.pers-state.state--off {
    background: #d52a2a;
}

.pers-state.state--on:before {
    left: 15px;
}

.pers-state.state--off:before {
    left: 2px;
}

.tooltip-close {
    border: 0;
    cursor: pointer;
    line-height: 1;
    position: absolute;
    right: 0.5em;
    top: 0;
}

.tooltip-close:before {
    content: "\00d7";
    display: block;
    font-family: "Foundry Sterling W01";
    font-size: 25px;
    font-weight: 300;
    vertical-align: middle;
}

.steps .step-hidden {
    display: none;
}

.steps .complete[data-step="0"] {
    display: none;
}
main .slab.personalisation-bar {padding: 10px;}
main .slab.vos .personalisation,
main .slab .personalisation {
    margin-right: 5px;
    margin-left: 0px;
    position: relative;
    width: 25px;
}

.slab.vos .personalisation .tooltip.tooltip-hidden,
.slab .personalisation .tooltip.tooltip-hidden {
    display: none;
}

.keydates .event-instance:nth-child(1n + 3) {
  display:none;
}

.coursestable__results br {
    display: block;
}

.documentation .inline-image {
    display: inline-block;
    height: 16px;
    margin: 0 10px 0 0;
    padding: 0;
    width: 16px;
}

.study__pre-wrap {
    overflow-wrap: break-word;
    white-space: pre-wrap;
}

.study-options--helper {
    display: none;
}


main .slab.feature .card.tertiary.digital-guides {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 0;
}
main .slab.feature .card.tertiary.digital-guides:before, 
main .slab.feature .card.tertiary.digital-guides:after {
    content: "";
    width: 120px;
    height: 120px;
    position: absolute;
    background-color: hsla(0, 68%, 45%, 1);
    transform: rotate(45deg);
    
}
main .slab.feature .card.tertiary.digital-guides:before {
    bottom: -70px;
    left: -70px;
}
main .slab.feature .card.tertiary.digital-guides:after {
    top: -70px;
    right: -70px;
}
main .slab.feature .card.tertiary.digital-guides h2.feature, main .slab.feature .card.tertiary.digital-guides p {
    color: hsla(0, 68%, 45%, 1);
    padding-bottom: 15px;
}
main .slab.feature .card.tertiary.digital-guides img.icon, main .slab.feature .card.tertiary.digital-guides svg {
    max-height: 90px;
    margin-bottom: 20px;
}

main .slab .study-course--filter p.study-filter {
    margin-right: 15px;
}
main .slab .study-course--filter ul {
    padding-left: 10px;
}
main .slab .study-course--filter ul.tags.trim {
    margin-left: 0;
}
main .slab .study-course--filter ul:before {
    content: "";
}
main .slab.apply-steps .card.trim > h3 {
    padding: 10px;
    background-color: hsl(0, 68%, 45%);
    color: hsl(0, 0%, 100%);
    text-transform: uppercase;
}



/* Mobile */
@media all and (max-width: 767px) {
    /* Show the personalisation toggle */
    .personalised-content + .slab.primary.vos.vol, .slab.personalisation__option-panel, .slab.personalisation-bar {
        overflow: visible;
    }
    
    /* Reduce width of personalisation toggle */
    .slab.vos .personalisation,
    .slab .personalisation {
        width: 24%;
    }

    /* Always hide personalisation panel */
    .personalisation-panel.m-hide {
        display: none!important;
    }
} /* /@Mobile */

table tr td.degree + td {white-space: pre;}

/* temp brochure fixes */
.slab .card.brochure {max-width: 150px;}
.slab div.icon.pdf:before {color: hsla(0, 0%, 28%, 1);}

/* Mobile */
@media all and (max-width: 767px) {
.slab .card.brochure {width: 50%;margin: 0 auto;}

.slab .study-course--filter ul.tags.trim {
    margin-left: 0px;
}

} /* /@Mobile */
/*
  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: 10 February 2025 14:59:41
*/


.hide {
  display: none;
}
main .o-tabs-wrapper {
  width: 100%;
  overflow: auto;
}
main .slab.o-tabs-wrapper {
  overflow: auto;
}
.o-tabs-container {
  width: 100%;
  display: flex;
  margin: 1rem auto;
  max-width: 1440px;
}
/* Mobile */
@media all and (max-width: 767px) {
  main .slab.o-tabs-wrapper {
    padding: 10px 0;
  }
  .o-tabs-container {
    margin-bottom: 0;
  }
}
/* /@Mobile */
/* Tablet and Desktop */
@media all and (min-width: 768px) {
  .o-tabs-container {
    border-top: 4px solid #d8d8d8;
  }
  main .o-tabs__item {
    padding: 1rem;
    font-size: 22px;
  }
  .o-tabs__item:after {
    background-color: #d8d8d8;
  }
}
/* /@Desktop and @Tablet */
/* Desktop */
@media all and (min-width: 1024px) {
  .o-tabs-container {
    justify-content: center;
  }
  main .o-tabs__item {
    padding: 1rem 2rem;
    font-size: 22px;
  }
}
/* /@Desktop */
.o-tabs__item {
  border: 0;
  background: white;
  display: block;
  padding: 1rem 0.7rem;
  position: relative;
  color: #777;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
  font-family: "Jotia W00";
  overflow: visible;
}
.o-tabs__item:focus {
  outline: none;
}
.o-tabs__item:after {
  content: '';
  left: 0;
  top: -4px;
  height: 4px;
  width: 100%;
  position: absolute;
  background-color: #d8d8d8;
  transition: background-color 0.25s ease;
}
.o-tabs__item:hover:after {
  background-color: #d62929;
}
.o-tabs__item.selected {
  color: #333;
}
.o-tabs__item.selected:after {
  background-color: #c12525;
}

/*
  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: 10 February 2025 14:59:41
*/


/*@@ Variables @@*/
/*@@ Mixins @@*/
@-webkit-keyframes blur {
  to {
    -webkit-filter: blur(5px);
    filter: blur(5px);
  }
}
@-moz-keyframes blur {
  to {
    -moz-filter: blur(5px);
    filter: blur(5px);
  }
}
@keyframes blur {
  to {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    filter: blur(5px);
  }
}
/*@@ Header @@*/
body {
  overflow-x: hidden;
}
body.freeze {
  overflow-y: hidden;
}
body.freeze main {
  -webkit-animation: blur 0.5s linear forwards;
  -moz-animation: blur 150ms linear forwards;
  -ms-animation: blur 150ms linear forwards;
  -o-animation: blur 150ms linear forwards;
  animation: blur 150ms linear forwards;
  -webkit-animation-delay: 50ms;
  -moz-animation-delay: 50ms;
  animation-delay: 50ms;
}
.body-wrapper {
  overflow-x: hidden;
  /* to fix safari overflow issue on tablet */
}
header {
  /*
   .nav-a{
   .secondary-nav__list{
   overflow:hidden;
   &:hover{
   overflow:visible;
   }
   }
   }
   */
  /*@@ Top Global Search section new design @@*/
}
header .primary-nav {
  top: 0;
  width: 100%;
  z-index: 3;
}
header .primary-nav.homepage {
  padding-bottom: 30px;
  position: absolute;
  background: rgba(0, 0, 0, 0.29);
  background: linear-gradient(#000, transparent);
}
header .primary-nav .logo p a {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0022/584104/griffith-logo-qld-white.svg?v=0.1.1);
  height: 60px;
  width: 130px;
  background-size: contain;
  margin-top: 10px;
}
header .primary-nav li {
  text-decoration: none;
  margin: auto 20px;
  display: inline-block;
}
header .primary-nav li a {
  padding: 0 5px;
  font-weight: 600;
}
header .primary-nav li:before {
  content: none;
}
header .secondary-nav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  width: 100%;
  overflow: visible;
  padding: 0 !important;
  background-color: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 1);
  border-color: rgba(255, 255, 255, 1);
}
header .secondary-nav ul li:before {
  content: none;
}
header .secondary-nav ul.secondary-nav__list > li {
  position: relative;
}
header .secondary-nav ul.secondary-nav__list > li > a {
  height: 100%;
  padding: 11px 20px;
  -webkit-transition: color 70ms ease-out;
  -moz-transition: color 70ms ease-out;
  -ms-transition: color 70ms ease-out;
  transition: color 70ms ease-out;
  -webkit-transition: background-color 70ms ease-out;
  -moz-transition: background-color 70ms ease-out;
  -ms-transition: background-color 70ms ease-out;
  transition: background-color 70ms ease-out;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.6px;
  text-align: center;
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  header .secondary-nav ul.secondary-nav__list > li > a {
    padding: 11px 5px;
  }
}
header .secondary-nav ul.secondary-nav__list > li > a:hover {
  background: rgba(89, 89, 89, 0.38);
}
header .secondary-nav ul.secondary-nav__list-b {
  display: none;
}
header .secondary-nav .secondary-nav__dropdown {
  position: absolute;
  min-width: 100%;
  background: #fff;
  z-index: 4;
  padding: 20px;
  overflow: visible;
  color: #000;
  box-sizing: border-box;
  right: -999em;
  z-index: 999;
  top: 60px;
  -webkit-transition: all 1ms ease-in-out;
  -moz-transition: all 1ms ease-in-out;
  -ms-transition: all 1ms ease-in-out;
  transition: all 1ms ease-in-out;
  opacity: 0;
  display: none;
}
header .secondary-nav .secondary-nav__dropdown:before {
  /* fix safari overflow issue */
  border: solid;
  border-width: 0em 0.5em 0.5em 0.5em;
  bottom: 100%;
  content: "";
  display: inline-block;
  right: 103px;
  position: absolute;
  border-color: #fff transparent;
}
header .secondary-nav .secondary-nav__dropdown:hover {
  opacity: 1;
  display: block;
  right: -60px;
  left: -60px;
}
header .secondary-nav .secondary-nav__dropdown .contact-information {
  padding: 20px;
  padding-bottom: 0;
}
header .secondary-nav .secondary-nav__dropdown .open-times {
  padding: 10px;
  border-top: 1px solid #d3d3d3;
  text-align: center;
}
header .secondary-nav .secondary-nav__dropdown .open-times p {
  margin: 0;
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.1px;
  color: #000;
  font-weight: 500;
}
header .secondary-nav .secondary-nav__dropdown .open-times p span.current-day-time {
  color: #183;
}
header .secondary-nav .secondary-nav__dropdown .open-times__location {
  display: block;
}
header .secondary-nav .secondary-nav__dropdown ul li {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.16;
  margin-bottom: 8px;
  letter-spacing: 0;
}
header .secondary-nav .secondary-nav__dropdown ul li.numbers dl {
  margin: 0;
}
header .secondary-nav .secondary-nav__dropdown ul li.numbers dl dt {
  font-size: 14px;
  color: #2b2b2b;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.4px;
}
header .secondary-nav .secondary-nav__dropdown 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;
}
header .secondary-nav .secondary-nav__dropdown ul li.numbers dl dd:last-of-type {
  margin-bottom: 0px;
}
header .secondary-nav .secondary-nav__dropdown ul li.numbers:before {
  line-height: 1;
}
header .secondary-nav .secondary-nav__dropdown ul li:before {
  font-family: "FontAwesome";
  font-size: 14px;
  margin-left: 0px;
  text-align: center;
  width: 15px;
  color: #c02424;
  font-weight: 900;
  line-height: 1.7;
}
header .secondary-nav .secondary-nav__dropdown ul li.numbers:before {
  content: "\f3cd";
  font-weight: 400;
}
header .secondary-nav .secondary-nav__dropdown ul li.face-to-face:before {
  content: "\f0c0";
}
header .secondary-nav .secondary-nav__dropdown ul li.online:before {
  content: "\f086";
}
header .secondary-nav .secondary-nav__dropdown ul li.phonebook:before {
  content: "\f2bd";
}
header .secondary-nav .secondary-nav__dropdown ul li.find-us:before {
  content: "\f3c5";
}
header .secondary-nav .secondary-nav__dropdown ul li a {
  padding: 0 !important;
  margin: 0;
}
header .secondary-nav .secondary-nav__dropdown ul li a:hover {
  color: #c02424;
}
header .secondary-nav .contact-us .secondary-nav__dropdown {
  padding: 0;
}
header .secondary-nav .contact-us a:hover + .secondary-nav__dropdown {
  opacity: 1;
  display: block;
  right: -60px;
  /* fix safari overflow issue */
  left: -60px;
}
header .secondary-nav .contact-us a:active + .secondary-nav__dropdown {
  opacity: 0;
  /* fix tablet hover issue */
}
header .secondary-nav .search > a {
  width: 45px;
  height: 100%;
  padding: 1em !important;
  line-height: 1em;
  cursor: pointer;
}
header .secondary-nav .search > a:before {
  content: "\f002";
  font-size: 0.9em;
  font-family: "FontAwesome";
  font-weight: 500;
}
header .secondary-nav .search.active > a {
  background-color: rgba(89, 89, 89, 0.38);
  color: #fff;
  padding: 10px 16px !important;
  line-height: 0.9;
}
header .secondary-nav .search.active > a:before {
  content: "\f00d";
  font-size: 1.8em;
  font-weight: 100;
}
header .secondary-nav .search.active > a.fade-when-hover-contact-us {
  opacity: 0.4;
}
header .secondary-nav .search.active .secondary-nav__dropdown {
  opacity: 1;
  display: block;
  z-index: 998;
  /* fix safari overflow issue */
  right: -20px;
  left: -425px;
  padding: 20px;
}
header .secondary-nav .search.active .secondary-nav__dropdown:before {
  content: none;
}
header .secondary-nav .location {
  position: relative;
}
header .secondary-nav .location > a {
  cursor: pointer;
  line-height: 1.2em;
  position: relative;
  padding: 13px 20px 13px 15px !important;
}
header .secondary-nav .location > a:before {
  content: "\f0ac";
  font-family: "FontAwesome";
  font-weight: 100;
  padding-right: 10px;
  font-size: 0.9em;
}
header .secondary-nav .location > a > span {
  display: inline-block;
}
header .secondary-nav .location.active > a {
  background-color: rgba(89, 89, 89, 0.38);
  color: #fff;
}
header .secondary-nav .location.active .secondary-nav__dropdown {
  opacity: 1;
  display: block;
  right: 0;
  /* fix safari overflow issue */
  left: auto;
}
header .secondary-nav .location.active .secondary-nav__dropdown:before {
  content: none;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location {
  background: #212121 !important;
  padding: 20px 20px 16px;
  width: 400px;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location ul li {
  color: white;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location ul li a {
  width: 100%;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location ul li:hover a {
  color: #fff;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location .dom, header .secondary-nav .location.active .secondary-nav__dropdown-location .intl {
  display: none;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location .dom.active, header .secondary-nav .location.active .secondary-nav__dropdown-location .intl.active {
  display: block;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location h2 {
  font-size: 18px;
  color: #fff;
  margin: 0 0 0px 0;
  padding: 0;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location p {
  color: #fff;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location p.description {
  font-size: 15px;
  margin-bottom: 2px;
  margin-top: 6px;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location p.international, header .secondary-nav .location.active .secondary-nav__dropdown-location p.domestic {
  margin-top: 5px;
  margin-bottom: 0;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location p.international a, header .secondary-nav .location.active .secondary-nav__dropdown-location p.domestic a {
  font-size: 1.1em;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  line-height: 1.2em;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location p.international a:after, header .secondary-nav .location.active .secondary-nav__dropdown-location p.domestic a:after {
  content: "\f178";
  font-size: 1.2em;
  font-family: "FontAwesome";
  margin: auto 0 auto 8px;
  vertical-align: middle;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location p.international a:hover, header .secondary-nav .location.active .secondary-nav__dropdown-location p.domestic a:hover {
  border-bottom-color: #fff;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location ul.requirements li {
  font-size: 15px;
  font-weight: 400;
  margin: 0;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location ul.requirements li abbr {
  border-bottom-color: #fff;
  display: inline-block;
  height: 18px;
  vertical-align: top;
}
header .secondary-nav .location.active .secondary-nav__dropdown-location ul.requirements li:before {
  content: "\f111";
  color: #fff;
  font-size: 5px;
  margin-left: 4px;
}
header .nav-b {
  display: none;
}
header .nav-b .logo.logo-nav-b {
  opacity: 0;
  -webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s ease;
  /* Tablet and Mobile */
}
@media all and (max-width: 1023px) {
  header .nav-b .logo.logo-nav-b {
    text-align: center;
    width: 100%;
    transition: none !important;
  }
}
header .nav-b .secondary-nav__list {
  /* Tablet and Mobile */
}
@media all and (max-width: 1023px) {
  header .nav-b .secondary-nav__list {
    text-align: center;
    width: 100%;
  }
}
header .nav-b .secondary-nav__list > li {
  /*
   &.search.active > a{
   padding: 25px 16px !important;
   }
   */
}
header .nav-b .secondary-nav__list > li > a {
  padding: 25px 20px !important;
}
header .nav-b .secondary-nav__list > li.search > a {
  padding: 28px 16px !important;
}
header .nav-b .secondary-nav__list > li.search > a:before {
  font-size: 1.1em;
}
header .nav-b .secondary-nav__list > li.search.active > a {
  padding: 23px 16px !important;
  line-height: 1;
}
header .nav-b .secondary-nav__list > li.search.active > a:before {
  font-size: 1.8em;
}
header .nav-b .secondary-nav__list .secondary-nav__dropdown {
  top: 70px;
}
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 1000ms;
}
header .secondary-nav.secondary-nav--scroll {
  -webkit-transform: translateY(-70px);
  -moz-transform: translateY(-70px);
  -o-transform: translateY(-70px);
  transform: translateY(-70px);
  transition: transform ease-out 200ms;
  position: fixed !important;
  background-color: #000;
}
header .secondary-nav.secondary-nav--scroll .secondary-nav__top-global-search-dropdown {
  background: rgba(0, 0, 0, 0.85) !important;
}
header .secondary-nav.secondary-nav--scroll .nav-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
header .secondary-nav.secondary-nav--scroll .nav-b .logo.logo-nav-b {
  opacity: 1;
}
header .secondary-nav.secondary-nav--scroll .nav-b .logo.logo-nav-b p a {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0022/584104/griffith-logo-qld-white.svg?v=0.1.1);
  height: 60px;
  width: 130px;
  background-size: contain;
  margin-top: 10px;
}
header .secondary-nav.secondary-nav--scroll .nav-b .secondary-nav__list > li {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease 0ms;
  -moz-transition: opacity 0.5s ease 0ms;
  -o-transition: opacity 0.5s ease 0ms;
  transition: opacity 0.5s ease 0ms;
}
header .secondary-nav.secondary-nav--scroll .nav-b .secondary-nav__list li.search {
  opacity: 1;
}
header .secondary-nav.secondary-nav--scroll .nav-a {
  display: none;
}
header .secondary-nav.secondary-nav-fixed.secondary-nav-fade-in .nav-b .secondary-nav__list li {
  opacity: 1;
  -webkit-transition: opacity 2.5s ease 500ms;
  -moz-transition: opacity 2.5s ease 500ms;
  -o-transition: opacity 2.5s ease 500ms;
  transition: opacity 2.5s ease 500ms;
}
header .secondary-nav__top-global-search-dropdown {
  background: rgba(0, 0, 0, 0.3) !important;
}
@media all and (max-width: 767px) {
  header .secondary-nav__top-global-search-dropdown {
    padding: 5%;
    width: 80%;
    margin: 0 10%;
  }
}
header .secondary-nav__top-global-search-dropdown.fade-when-hover-contact-us {
  opacity: 0.4 !important;
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container {
  position: relative;
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b {
  background: #fff;
  opacity: 1;
  padding: 0;
  /*@@ overriding chosen default style @@*/
}
@media all and (max-width: 767px) {
  header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b {
    background: none;
  }
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form input, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile input, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b input {
  padding: 16px 10px;
  margin: 0;
  min-height: 1.5em;
  border: none;
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form input:hover, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile input:hover, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b input:hover, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form input:active, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile input:active, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b input:active, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form input:focus, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile input:focus, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b input:focus {
  border: none;
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .secondary-nav__top-global-search-form__text, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .secondary-nav__top-global-search-form__text, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .secondary-nav__top-global-search-form__text {
  min-width: 246px;
}
@media all and (max-width: 767px) {
  header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .secondary-nav__top-global-search-form__text, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .secondary-nav__top-global-search-form__text, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .secondary-nav__top-global-search-form__text {
    width: 100%;
    background: #fff;
    margin-bottom: 10px;
  }
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .secondary-nav__top-global-search-form__text:focus, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .secondary-nav__top-global-search-form__text:focus, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .secondary-nav__top-global-search-form__text:focus {
  outline: none;
  box-shadow: none;
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container-single .chosen-single, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container-single .chosen-single, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container-single .chosen-single, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container-active .chosen-single, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container-active .chosen-single, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container-active .chosen-single {
  border: none;
  background: #fff;
  box-shadow: none;
  color: #333;
}
@media all and (max-width: 767px) {
  header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container-single .chosen-single, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container-single .chosen-single, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container-single .chosen-single, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container-active .chosen-single, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container-active .chosen-single, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container-active .chosen-single {
    height: 45px;
    line-height: 45px;
  }
}
@media all and (max-width: 767px) {
  header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container-single .chosen-single div b, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container-single .chosen-single div b, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container-single .chosen-single div b, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container-active .chosen-single div b, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container-active .chosen-single div b, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container-active .chosen-single div b {
    background-position: 0 12px;
  }
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container {
  min-width: 150px;
  border-left: 1px solid #eee;
}
@media all and (max-width: 767px) {
  header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container {
    border: none;
    background: #fff;
    width: 100% !important;
    padding-right: 60px;
    height: 45px;
  }
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container .chosen-drop, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container .chosen-drop, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container .chosen-drop {
  border: none;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
  border-radius: 0;
}
@media all and (max-width: 767px) {
  header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container .chosen-drop, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container .chosen-drop, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container .chosen-drop {
    background: none;
  }
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container .chosen-drop .chosen-results, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container .chosen-drop .chosen-results, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container .chosen-drop .chosen-results {
  margin-top: 10px;
}
@media all and (max-width: 767px) {
  header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container .chosen-drop .chosen-results, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container .chosen-drop .chosen-results, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container .chosen-drop .chosen-results {
    margin-top: 0;
    margin-right: 45px;
    background: #fff;
  }
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container .chosen-drop .chosen-results li.active-result, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container .chosen-drop .chosen-results li.active-result, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container .chosen-drop .chosen-results li.active-result {
  font-size: 1em;
  color: #333;
  border-top: 1px solid #eee;
  margin: 0;
  padding: 8px 5px;
}
@media all and (max-width: 767px) {
  header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container .chosen-drop .chosen-results li.active-result, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container .chosen-drop .chosen-results li.active-result, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container .chosen-drop .chosen-results li.active-result {
    padding: 12px 5px;
  }
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container .chosen-drop .chosen-results li.highlighted, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container .chosen-drop .chosen-results li.highlighted, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container .chosen-drop .chosen-results li.highlighted {
  background: #f3f3f3;
  color: #333;
}
@media all and (max-width: 767px) {
  header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .chosen-container .chosen-drop .chosen-results li:before, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .chosen-container .chosen-drop .chosen-results li:before, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .chosen-container .chosen-drop .chosen-results li:before {
    display: none;
  }
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .secondary-nav__top-global-search-form__button, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .secondary-nav__top-global-search-form__button, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .secondary-nav__top-global-search-form__button {
  width: 45px;
  height: 100%;
  background-color: #c02424;
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0025/584107/search-light.svg?v=0.1.1);
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  float: right;
  margin: 0;
  cursor: pointer;
  outline: none;
  border-radius: 0;
}
@media all and (max-width: 767px) {
  header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .secondary-nav__top-global-search-form__button, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .secondary-nav__top-global-search-form__button, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .secondary-nav__top-global-search-form__button {
    margin-top: -45px;
  }
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .secondary-nav__top-global-search-form__button:hover, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .secondary-nav__top-global-search-form__button:hover, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .secondary-nav__top-global-search-form__button:hover {
  opacity: 0.9;
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form .secondary-nav__top-global-search-form__button:focus, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-mobile .secondary-nav__top-global-search-form__button:focus, header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-container form#secondary-nav__top-global-search-form-nav-b .secondary-nav__top-global-search-form__button:focus {
  outline: none;
  box-shadow: none;
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-form__autocomplete {
  background: #3a3a3a;
  padding: 5px 20px;
  display: none;
  margin-top: 5px;
  position: absolute;
  width: 100%;
}
@media all and (max-width: 767px) {
  header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-form__autocomplete {
    position: relative;
    margin-top: -5px;
    margin-bottom: 10px;
  }
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-form__autocomplete i.fa-caret-up {
  margin-top: -0.75em;
  font-size: 2.5em;
  color: #3a3a3a;
  position: absolute;
  left: 150px;
}
@media all and (max-width: 767px) {
  header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-form__autocomplete i.fa-caret-up {
    left: 45%;
  }
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-form__autocomplete a.secondary-nav__top-global-search-form__autocomplete-result p {
  font-size: 0.9em;
  color: #fff;
}
header .secondary-nav__top-global-search-dropdown .secondary-nav__top-global-search-form__autocomplete a.secondary-nav__top-global-search-form__autocomplete-result:hover p {
  color: #ccc;
}
header .mobile-menu {
  width: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.88);
}
header .mobile-menu .inner {
  padding: 0;
  margin: 0;
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  background: #000;
}
header .mobile-menu__header {
  padding: 0 20px;
}
header .mobile-menu__header .logo p a {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0022/584104/griffith-logo-qld-white.svg?v=0.1.1);
  height: 54px;
  width: 110px;
}
header .mobile-menu__header .mobile-menu__button-container {
  width: 50px;
  height: 50px;
  margin: 7px 0;
  position: relative;
}
header .mobile-menu__header .mobile-menu__button-container .mobile-menu__button {
  transition: opacity 100ms linear;
}
header .mobile-menu__header .mobile-menu__button-container .mobile-menu__button a {
  position: absolute;
  width: 100%;
  font-size: 9px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  padding: 5px;
}
header .mobile-menu__header .mobile-menu__button-container .mobile-menu__button a:before {
  font-family: "FontAwesome";
  display: block;
  font-size: 27px;
  line-height: 1;
  text-align: center;
  font-weight: 500;
}
header .mobile-menu__header .mobile-menu__button-container .mobile-menu__button.mobile-menu__button--is-closed a:before {
  content: "\f0c9";
}
header .mobile-menu__header .mobile-menu__button-container .mobile-menu__button.mobile-menu__button--is-open {
  opacity: 0;
}
header .mobile-menu__header .mobile-menu__button-container .mobile-menu__button.mobile-menu__button--is-open a:before {
  content: "\f00d";
}
header .mobile-menu__header .mobile-menu__button-search-container {
  position: absolute;
  right: 80px;
  width: 25px;
  height: 100%;
  text-align: center;
}
header .mobile-menu__header .mobile-menu__button-search-container .mobile-menu__button-search > a {
  width: 25px;
  height: 100%;
  cursor: pointer;
  font-size: 1.2em;
  padding-top: 10px;
  display: block;
  position: absolute;
}
header .mobile-menu__header .mobile-menu__button-search-container .mobile-menu__button-search > a:before {
  font-size: 0.9em;
  font-family: "FontAwesome";
  font-weight: 500;
}
header .mobile-menu__header .mobile-menu__button-search-container .mobile-menu__button-search.mobile-menu__button-search--is-closed a:before {
  content: "\f002";
}
header .mobile-menu__header .mobile-menu__button-search-container .mobile-menu__button-search.mobile-menu__button-search--is-open {
  opacity: 0;
}
header .mobile-menu__header .mobile-menu__button-search-container .mobile-menu__button-search.mobile-menu__button-search--is-open a:before {
  content: "\f00d";
}
header .mobile-menu__content {
  width: 100%;
  height: 100vh;
  max-height: 0;
  transition: max-height 200ms linear;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0 20px;
  overflow: hidden;
  text-align: center;
}
header .mobile-menu__content .mobile-menu__search {
  margin-top: 15px;
}
header .mobile-menu__content .mobile-menu__search .mobile-menu__global-search-form input.mobile-menu__global-search-form__text {
  width: 60%;
  background: #fff;
  min-height: 45px;
  padding: 0 10px;
  border: none;
  outline: none;
  margin: 0;
  border-radius: 0;
}
header .mobile-menu__content .mobile-menu__search .mobile-menu__global-search-form input.mobile-menu__global-search-form__text:focus {
  outline: none;
  box-shadow: none;
  border-radius: 0;
}
header .mobile-menu__content .mobile-menu__search .mobile-menu__global-search-form input.mobile-menu__global-search-form__button {
  width: 45px;
  height: 45px;
  background-color: #c02424;
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0025/584107/search-light.svg?v=0.1.1);
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  float: right;
  margin: 0;
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 0;
}
header .mobile-menu__content .mobile-menu__search .mobile-menu__global-search-form .chosen-container {
  border-left: 1px solid #eee;
  background: #fff;
  width: 25% !important;
  height: 45px;
}
header .mobile-menu__content .mobile-menu__search .mobile-menu__global-search-form .chosen-container a.chosen-single {
  height: 45px;
  line-height: 45px;
  border: none;
  background: #fff;
  box-shadow: none;
  color: #333;
}
header .mobile-menu__content .mobile-menu__search .mobile-menu__global-search-form .chosen-container a.chosen-single div b {
  background: url(https://www.griffith.edu.au/__data/assets/image/0023/584105/chosen-sprite.png?v=0.1.1) no-repeat 0 2px !important;
  background-position: 0 15px !important;
}
header .mobile-menu__content .mobile-menu__search .mobile-menu__global-search-form .chosen-container .chosen-drop {
  border-radius: 0 !important;
  border: none !important;
}
header .mobile-menu__content .mobile-menu__search .mobile-menu__global-search-form .chosen-container .chosen-drop .chosen-results li.highlighted {
  background: #f3f3f3;
  color: #333;
}
header .mobile-menu__content .mobile-menu__search .mobile-menu__global-search-form .chosen-container .chosen-drop .chosen-results li:before {
  content: "";
  margin: 0;
}
header .mobile-menu__menu ul li a {
  margin: 10px auto;
  width: 75%;
  font-size: 16px;
  display: block;
  text-align: center;
  font-weight: 600;
  padding: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #c02424;
  background-color: rgba(255, 255, 255, 0.8);
}
header .mobile-menu__menu ul li a:hover {
  background-color: #c02424;
  color: #fff;
}
header .mobile-menu__menu ul li:before {
  content: "";
  margin: 0;
}
header .mobile-menu__portal {
  margin: 30px 0;
}
header .mobile-menu__portal ul li a {
  text-align: center;
  font-weight: 100;
}
header .mobile-menu__portal ul li a:hover {
  border-bottom: 1px solid #fff;
}
header .mobile-menu__portal ul li:before {
  content: "";
  margin: 0;
}
header .mobile-menu.mobile-menu--menu-is-open .mobile-menu__button-container {
  opacity: 1;
}
header .mobile-menu.mobile-menu--menu-is-open .mobile-menu__button-container .mobile-menu__button--is-open {
  opacity: 1;
}
header .mobile-menu.mobile-menu--menu-is-open .mobile-menu__button-container .mobile-menu__button--is-closed {
  opacity: 0;
}
header .mobile-menu.mobile-menu--menu-is-open .mobile-menu__button-search-container {
  opacity: 0.5;
}
header .mobile-menu.mobile-menu--menu-is-open .mobile-menu__button-search-container .mobile-menu__button-search--is-open {
  opacity: 0;
}
header .mobile-menu.mobile-menu--menu-is-open .mobile-menu__button-search-container .mobile-menu__button-search--is-closed {
  opacity: 1;
}
header .mobile-menu.mobile-menu--menu-is-open .mobile-menu__content {
  max-height: 1500px;
  position: fixed;
  overflow-y: scroll;
  padding-bottom: 70px;
}
header .mobile-menu.mobile-menu--search-is-open .mobile-menu__button-container {
  opacity: 0.5;
}
header .mobile-menu.mobile-menu--search-is-open .mobile-menu__button-container .mobile-menu__button--is-open {
  opacity: 0;
}
header .mobile-menu.mobile-menu--search-is-open .mobile-menu__button-container .mobile-menu__button--is-closed {
  opacity: 1;
}
header .mobile-menu.mobile-menu--search-is-open .mobile-menu__button-search-container {
  opacity: 1;
}
header .mobile-menu.mobile-menu--search-is-open .mobile-menu__button-search-container .mobile-menu__button-search--is-open {
  opacity: 1;
}
header .mobile-menu.mobile-menu--search-is-open .mobile-menu__button-search-container .mobile-menu__button-search--is-closed {
  opacity: 0;
}
header .mobile-menu.mobile-menu--search-is-open .mobile-menu__content {
  max-height: 1500px;
  position: fixed;
  overflow-y: scroll;
}
header .mobile-menu .mobile-menu__location-toggle .mobile-menu__location-toggle__title {
  font-size: 15px;
  margin: 30px 0 0 0;
}
header .mobile-menu .mobile-menu__location-toggle .mobile-menu__location-toggle__title i.mobile-menu__location-toggle__info:after {
  content: "\f05a";
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 18px;
  color: #fff;
}
header .mobile-menu .mobile-menu__location-toggle .mobile-menu__location-toggle__international a, header .mobile-menu .mobile-menu__location-toggle .mobile-menu__location-toggle__domestic a {
  margin: 10px auto;
  padding: 5px 50px;
  border: 1px solid #fff;
}
header .mobile-menu .mobile-menu__location-toggle .mobile-menu__location-toggle__international a:hover, header .mobile-menu .mobile-menu__location-toggle .mobile-menu__location-toggle__domestic a:hover {
  background: #fff;
  color: #000;
}
header .mobile-menu .mobile-menu__location-toggle .mobile-menu__location-toggle__description-container {
  display: none;
}
header .mobile-menu .mobile-menu__location-toggle .mobile-menu__location-toggle__description-container.active {
  display: block;
}
header .mobile-menu .mobile-menu__location-toggle .mobile-menu__location-toggle__description {
  width: 95%;
  text-align: left;
  margin: 0 auto;
}
header .mobile-menu .mobile-menu__location-toggle .mobile-menu__location-toggle__requirements {
  width: 90%;
  text-align: left;
  margin: 0 auto;
  font-size: 15px;
  line-height: 16px;
}
header .mobile-menu .mobile-menu__location-toggle .mobile-menu__location-toggle__requirements li:before {
  font-weight: 900;
  font-size: 4px;
  padding-right: 10px;
}
.stackla .flex {
  overflow: hidden;
  height: 220px;
  flex-wrap: nowrap;
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .stackla .flex {
    height: 200px;
  }
}
@media all and (max-width: 767px) {
  .stackla .flex {
    height: 150px;
  }
}
.stackla .flex a {
  width: 220px;
  min-width: 220px;
  height: 220px;
  border: 2px solid rgba(255, 255, 255, 1);
  background-color: rgba(0, 0, 0, 1);
  border-left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  filter: saturate(0.8) brightness(0.8);
  transition: filter 0.5s ease;
  /* Display width under 1920px */
  /* Display width under 1440px */
}
.stackla .flex a:first-child {
  border-left: 2px;
}
.stackla .flex a:hover, .stackla .flex a:focus {
  filter: saturate(1.1) brightness(1.1);
  transition: filter 0.5s ease;
}
@media all and (max-width: 1920px) {
  .stackla .flex a:nth-child(n+11) {
    display: none;
  }
}
@media all and (max-width: 1440px) {
  .stackla .flex a:nth-child(n+8) {
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .stackla .flex a {
    filter: saturate(1) brightness(1);
    width: 200px;
    min-width: 200px;
    height: 200px;
  }
  .stackla .flex a:nth-child(n+5) {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .stackla .flex a {
    filter: saturate(1) brightness(1);
    width: 150px;
    min-width: 150px;
    height: 150px;
  }
  .stackla .flex a:nth-child(n+4) {
    display: none;
  }
}
/*@@ Footer @@*/
.footer-main-links {
  flex-direction: column;
  align-items: center;
}
.footer-main-links a {
  font-weight: 600;
}
.footer-social-list {
  font-size: 25px;
}
.footer-first-peoples li:first-of-type {
  padding-right: 10px;
}
.footer-first-peoples {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.footer-bottom-links > div {
  width: auto;
}
.footer-bottom-links a {
  font-weight: 300;
}
footer a:hover {
  text-decoration: none;
}
footer abbr {
  border-bottom: none;
}
footer .slab.full-width .inner {
  max-width: inherit;
  padding: 0;
}
footer .slab.trim.stackla {
  padding: 0;
}
footer .slab.secondary ul li a:hover {
  color: #fff;
  border-bottom: 1px solid #fff;
}
footer .slab.secondary ul li a.ir:hover {
  border-bottom: none;
  opacity: 0.75;
}
footer .slab.secondary ul.footer-main-links li a:hover {
  border-bottom: 2px solid #fff;
}
footer .slab.secondary ul.footer-social-list li a:hover {
  border-bottom: none;
  opacity: 0.75;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer-bottom-links div.footer-first-peoples {
    width: 100%;
    justify-content: center;
    padding-top: 10px;
  }
}
@media all and (max-width: 767px) {
  .footer-main-links {
    padding-bottom: 10px;
  }
  .footer-main-links li {
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
  }
  .footer-social-list {
    margin: 0 10%;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .footer-social-list {
    max-width: 270px;
    margin: 10px auto 0;
  }
  .footer-bottom-links-disclaimer, .footer-bottom-links-location {
    margin-bottom: 15px;
  }
  .footer-bottom-links-disclaimer li.pipe:before, .footer-bottom-links-location li.pipe:before {
    margin: 0 0.75em;
  }
}
/* Tablet and Desktop */
@media all and (min-width: 768px) {
  .footer-main-links {
    flex-direction: row;
    align-items: flex-start;
  }
  footer .slab .inner > div.flex {
    margin-bottom: 15px;
  }
  footer .slab .inner > div.flex:last-of-type {
    margin-bottom: 0;
    padding-top: 15px;
    border-top: white 1px solid;
  }
}
@media all and (min-width: 1024px) {
  .footer-first-peoples {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
}
/*@@ move before publish @@*/
main > .slab:first-child {
  margin-top: 0;
}
header .secondary-nav {
  background-color: #000;
  position: inherit;
}
header .secondary-nav .inner {
  display: flex;
}
header .secondary-nav .logo.logo {
  opacity: 1;
}
header .secondary-nav .logo p a {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0022/584104/griffith-logo-qld-white.svg?v=0.1.1);
  height: 60px;
  width: 130px;
  background-size: contain;
  margin-top: 10px;
}
header .secondary-nav ul.secondary-nav__list > li:nth-child(1) {
  order: 1;
}
/* Study */
header .secondary-nav ul.secondary-nav__list > li:nth-child(2) {
  order: 2;
}
/* Research */
header .secondary-nav ul.secondary-nav__list > li:nth-child(3) {
  order: 3;
}
/* Engage */
header .secondary-nav ul.secondary-nav__list > li:nth-child(4) {
  order: 4;
}
/* About */
header .secondary-nav ul.secondary-nav__list > li:nth-child(5) {
  order: 5;
}
/* Apply */
header .secondary-nav ul.secondary-nav__list > li:nth-child(6) {
  order: 7;
}
/* Geolocation */
header .secondary-nav ul.secondary-nav__list > li:nth-child(7) {
  order: 6;
}
/* Contact */
header .secondary-nav ul.secondary-nav__list > li:nth-child(8) {
  order: 8;
}
/* Search */
header .secondary-nav ul.secondary-nav__list li.geolocation > a {
  width: 20px;
  background-size: 50%;
  background-repeat: no-repeat;
  text-indent: -9999em;
  display: inline-block;
  text-align: left;
  background-position: 50% 50%;
}
header .secondary-nav ul.secondary-nav__list li.geolocation > a.dom {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0021/642630/au.svg?v=0.1.0);
}
header .secondary-nav ul.secondary-nav__list li.geolocation > a.intl {
  background-image: url(https://www.griffith.edu.au/__data/assets/file/0027/642636/intl.svg?v=0.1.4);
}
header .secondary-nav p.breadcrumb:hover {
  color: rgba(255, 255, 255, 1);
}
header .secondary-nav p.breadcrumb a:hover, header .secondary-nav p.breadcrumb a:focus {
  text-decoration: underline;
}
.slab.breadcrumb {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  position: absolute;
  z-index: 4;
  color: #fff;
  font-size: 14px;
  padding: 2px 0 5px;
}
.slab.breadcrumb p {
  margin: 0;
}
.slab.breadcrumb p a:hover, .slab.breadcrumb p a:focus {
  text-decoration: underline;
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  header .nav-b .secondary-nav__list > li > a {
    padding: 26px 3px !important;
    font-size: 12px !important;
  }
  header .nav-b .secondary-nav__list > li.search > a {
    padding: 28px 3px !important;
  }
  header .secondary-nav ul.secondary-nav__list li.geolocation > a {
    width: 34px;
  }
  header .secondary-nav .search > a {
    width: 30px;
  }
  header .nav-b .secondary-nav__list > li.search.active > a {
    padding: 24px 8px !important;
  }
  header .secondary-nav .contact-us a:hover + .secondary-nav__dropdown {
    right: -78px;
    left: -78px;
  }
}

/*
  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: 10 February 2025 14:59:41
*/


    div[data-component="Degree Autocomplete Search"] form { 
            position: relative;
            z-index: 2;
            box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.2);
        }
    div[data-component="Degree Autocomplete Search"] form .search-form__text {
        margin-bottom: 0;
        width: 100%;
        height: 100%;
        font-size: 1.25rem;
        font-weight: 500;
        padding: 10px 20px;
        background-color: #fff !important;
        border: 2px solid #c02424 !important;
        box-shadow: none !important;
        min-height: 54px;
    }
    
    div[data-component="Degree Autocomplete Search"] form input.button--cross,
    div[data-component="Degree Autocomplete Search"] form input.button--search[type=submit] {
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        background-image: url(https://www.griffith.edu.au/__data/assets/file/0023/460841/search-light.svg?v=0.1.5);
        background-repeat: no-repeat;
        background-position: center;
        width: 3.75rem !important;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        background-color: transparent;
        border: none !important;
        background-color: #c02424 !important;
        background-size: 1.75rem;
    }
    
    div[data-component="Degree Autocomplete Search"] .dropdown .autocomplete.card {
      display: none;
      padding: 15px;
      box-shadow: 1px 1px 20px 1px rgba(0, 0, 0, 0.5);
      position: absolute;
      max-height: 630px;
      overflow-y: auto;
      background-color: #fff;
    }
    
/* Mobile and Tablet */
@media all and (max-width: 1023px) {
      div[data-component="Degree Autocomplete Search"] .dropdown .autocomplete.card {
        height: 630px;
      }
} /* /@Mobile and @Tablet */
    div[data-component="Degree Autocomplete Search"] .dropdown .autocomplete.card.active {
      display: block;
    }
    
    
    
    /* Autocomplete Results*/
    div[data-component="Degree Autocomplete Search"] .degree-search-container {
      position: relative;
    }
    div[data-component="Degree Autocomplete Search"] .gu-home-autocomplete-search-results {
      background-color: #424242;
      color: white;
      padding: 20px 30px;
      overflow-y: scroll;
      max-height: 630px;
    }
/* Mobile and Tablet */
@media all and (max-width: 1023px) {
      div[data-component="Degree Autocomplete Search"] .gu-home-autocomplete-search-results {
        height: 630px;
      }
} /* /@Mobile and @Tablet */

    div[data-component="Degree Autocomplete Search"] .gu-home-autocomplete-search-results.hidden {
      padding: 0;
      display: none;
    }
    div[data-component="Degree Autocomplete Search"] .gu-home-modal-search__results__list {
      list-style: none;
      border-bottom: solid 1px gray;
      margin: 0 0 15px;
    }
    
    div[data-component="Degree Autocomplete Search"] .gu-home-modal-search__results__list:last-of-type {
      border-bottom: none;
      margin: 0;
    }
    div[data-component="Degree Autocomplete Search"] .gu-home-modal-search__results__list:last-of-type h3 {
      margin: 0;
    }
    div[data-component="Degree Autocomplete Search"] ul li.gu-home-modal-search__results__list__item {
      padding: 0;
      margin: 0 0 10px 0;
      font-size: 1rem;
    }
    div[data-component="Degree Autocomplete Search"] ul li.gu-home-modal-search__results__list__item:before {
      content: "";
      margin: 0;
    }
    div[data-component="Degree Autocomplete Search"] ul li.gu-home-modal-search__results__list__item.filtered:before {
        content: "\f05a";
        margin: 0 5px 0 0;
        font-size: 14px;
        font-weight: 100;
    }
   
    div[data-component="Degree Autocomplete Search"] ul li.gu-home-modal-search__results__list__item:last-of-type {
      margin: 0 0 20px 0;
    }
   div[data-component="Degree Autocomplete Search"] ul li.gu-home-modal-search__results__list__item a.clear-filter{
        color: #fff;
        border-color: #fff;
        margin-left: 15px;
        border-bottom: 1px solid #fff;;
    }
    div[data-component="Degree Autocomplete Search"] ul li.gu-home-modal-search__results__list__item a.clear-filter:hover {border-bottom: 2px solid #fff;cursor: pointer;}

    div[data-component="Degree Autocomplete Search"] a.gu-home-modal-search__results__list__item__link {
      border-bottom: none;
      display: flex;
      flex-direction: column;
    }
    div[data-component="Degree Autocomplete Search"] a.gu-home-modal-search__results__list__item__link:hover {
      color: white;
    }
    div[data-component="Degree Autocomplete Search"] a.gu-home-modal-search__results__list__item__link:hover span:first-of-type {
      text-decoration: underline;
    }
    div[data-component="Degree Autocomplete Search"] .gu-home-modal-search__results__list__item__link__item-name {
        font-weight: 400;
        letter-spacing: 0.5px;
        text-underline-position: under;
    }
    div[data-component="Degree Autocomplete Search"] .gu-home-modal-search__results__list__item__link__item-name strong {
        font-weight: 700;
        letter-spacing: 0.5px;
        text-decoration: underline;
        text-underline-position: under;
    }
    div[data-component="Degree Autocomplete Search"] .gu-home-modal-search__results__list__item__link__item-extras {
      font-size: 15px;
      line-height: 1;
      font-weight: 300;
    }
    div[data-component="Degree Autocomplete Search"] h3.study-area-header {
      display: block;
    }
    div[data-component="Degree Autocomplete Search"] h3.study-area-header a {
      display: inline-block;
      border-bottom: none;
      width: 100%;
    }
    div[data-component="Degree Autocomplete Search"] h3.study-area-header a:after {
      content: "\f178";
      font-family: "FontAwesome";
      padding-left: 10px;
      font-weight: 100;
      font-size: 1.5em;
      vertical-align: middle;
      line-height: 1em;
    }
    div[data-component="Degree Autocomplete Search"] h3.study-area-header a:focus, main h3.study-area-header a:hover {
      color: white;
    }
    div[data-component="Degree Autocomplete Search"] h3.study-area-header a:focus span, main h3.study-area-header a:hover span {
      text-decoration: underline;
    }
    div[data-component="Degree Autocomplete Search"] .dropdown {
      position: absolute;
      width: 100%;
      z-index: 10;
    }
    div[data-component="Degree Autocomplete Search"] .dropdown .search-studyareas.card.active {
      top: 0;
    }
    
    div[data-component="Degree Autocomplete Search"] {
      position: relative;
    }
    div[data-component="Degree Autocomplete Search"] .add-pointer {
        cursor: pointer;
    }
/*
  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: 10 February 2025 14:59:41
*/


.comparison-bar .toggle-tab a {
    /* width: 100px; */
    background: #474747;
    color: #fff;
    padding: 5px 30px;
    text-align: center;
    letter-spacing: 0.7px;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: 400;
    border-bottom: none;
}
.comparison-bar.active .toggle-tab a {background: #333333;}
.comparison-bar .toggle-tab a:hover {
        cursor:pointer;
        background: #333333;
}

.comparison-bar .toggle-tab a span.open {display: none;}
.comparison-bar .toggle-tab a span.closed {display: inline;}
.comparison-bar.active .toggle-tab a span.open {display: inline;}
.comparison-bar.active .toggle-tab a span.closed {display: none;}

.comparison-bar .toggle-tab a:after {
    content: "\f077";
    font-family: 'FontAwesome';
    font-weight: 100;
    padding-left: 5px;
}
.comparison-bar.active .toggle-tab a:after {content: "\f078";}
.comparison-bar .toggle-tab a svg {
    width: 23px;
    margin-bottom: -1px;
}
/*.comparison-bar .toggle-tab a:before {*/
/*    content: "\f02e";*/
/*    font-family: 'FontAwesome';*/
/*    padding-right: 5px;*/
/*    font-weight: 100;*/
/*}*/
/*.comparison-bar.active .toggle-tab a:before {content:none;}*/

section.comparison-bar {
    position: fixed;
    width: 100%;    
    bottom: 0;
    /*z-index:101*/
    z-index: 21474833641;
}
section.comparison-bar .secondary.slab {
    background-color: #333333;
    max-height:0;
    padding:0;
    overflow: hidden;
    transition: all 0.2s linear;
}
section.comparison-bar.active .secondary.slab {max-height: 300px;}
section.comparison-bar .secondary.slab .inner {padding: 20px;}

section.comparison-bar div.product {position:relative}

section.comparison-bar .slab .product:not([data-product]) {
    background-color: #414141 !important;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
section.comparison-bar .slab a.product:not([data-product]):hover {
    background-color: #4c4b4b !important;
}

section.comparison-bar div.product > p {width: 100%;}

section.comparison-bar div.product >p.code {
    letter-spacing: .12px;
    color: #606060;
    text-transform: uppercase;
    font-family: 'Foundry Sterling W01';
    font-weight: 500;
    text-align: left;
}
section.comparison-bar div.product > p.code span {
    font-weight: 800;
    letter-spacing: .12px;
    font-weight: 400;
}
section.comparison-bar div.product .prefix {
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Foundry Sterling W01';
    letter-spacing: 0px;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #474747;
    line-height: 1;
}
section.comparison-bar div.product p.degree {
    font-family: 'Foundry Sterling W01';
    font-size: 20px;
    color: #c02424;
    letter-spacing: 0;
    margin: 0px 0 3px 0;
    line-height: 1;
    border-bottom: none;
}
section.comparison-bar div.product p.degree a{border-bottom: none !important;}
section.comparison-bar div.product p.degree a:hover {
    cursor: pointer;
    text-decoration: underline solid 2px hsla(0,72%,49%,0.3);
}
section.comparison-bar div.product > a:first-child {
    position: absolute;
    right: 10px;
    top: 5px;
    border-bottom: none;
    font-size: 16px;
}
section.comparison-bar div.product > a:hover:first-child {color: #c02424;}
@media all and (min-width: 1024px) {
    section.comparison-bar .inner > div:not(.products) {margin-top: 20px;}
    section.comparison-bar .inner > div:not(.products) > p:last-child {margin-left: 20px;}
}

section.comparison-bar p.btn a {
    /*padding: 9px 37px 9px 37px;*/
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .28px;
    font-family: 'Foundry Sterling W01';
    line-height: 1em;
    display: -webkit-flex;
    -moz-display: flex;
    -webkit-display: flex;
    display: flex;
}
section.comparison-bar p.btn a:after {
    content: "";
}
section.comparison-bar p.btn a svg {
    width: 23px;
    height: 22px;
    margin-right: 5px;
}
section.comparison-bar p.btn a svg .cls-1 {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
section.comparison-bar p.btn a:hover svg .cls-1{
    fill: #ffffff;
}
section.comparison-bar p.product-max{
    margin-right: 15px;
}
section.comparison-bar #seeSaved {
    margin-right: 12px;
}

section.comparison-bar #seeSaved a:before {
    content: "\f0c7";
    font-family: 'FontAwesome';
    font-weight: 100;
    font-size: 22px;
}

/*-------- Save Module -------------*/

section.save-bar {
    position: fixed;
    top: calc(100vh - 9%);
    left: 5%;
}

section.save-bar .save-link {
    background-color: white;
    padding: 14px;
    border: 1px solid #00000036;
    border-radius: 100%;
    cursor: pointer;
}

section.save-bar .save-link i {
    font-size: 24px;
    color: #c02424;
}

section.save-bar .save-link .product-number {
    position: absolute;
    padding: 1px 4px;
    font-size: 13px;
    color: white;
    background-color: #474747;
    height: 16px;
    border-radius: 100%;
}