/* ========= FOR TESTING ONLY ========= */

/*
@media (pointer: coarse) {
    body * {
        background: rgba(0, 0, 0, 0.2);
        background: rgb(0 0 0 / 20%);
        background: #ababab20; hex color followed by tint
}}
*/

/*#navdigipubnav {
    border: solid 2.5em #000;
    border-image: repeating-linear-gradient(45deg, #000, #000 2%, transparent 2%, transparent 5%) 40;
    background: rgba(0, 0, 0, 0.2);
    background: rgb(0 0 0 / 20%);
    color: #fff;
    text-align: center;
    background-clip: content-box;
}*/
.red {
    color: red!important;
    font-weight: bold!important;
}
.hide {
    display: none!important;
}
.show {
    display: block!important;
}
.noMarginTop {
    margin-top: 0!important;
}
  /*filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0px 0px 3px rgb(0 0 0/40%));
    filter: drop-shadow(0px 0px 15px rgb(0 0 0/70%));
    filter: drop-shadow(0px 0px 15px rgb(0 0 0/70%));*/
    
/* ========= VARIABLES ========= */
:root {
    --themefont: #333;
    --themelight: #72c7e7;
    --themedark: #003145;
    --themedark-tint: #335a6a;
    --themehighlight: #ca7700;
    --themehighlight-tint: #d59233;
    --themecolor1: #;
    --themecolor2: #;
    --themecolor3: #;
    --themelink: #006983;
    --themelightgrey: #888;
    --themeverylightgrey: #e6e6e6;
    --themedarkgrey: #2F2F2F;
    --infored: #d23434;
    --infored-tint: #a92c53;
    --interactionRed: #d23434;
    --completeGreen: #328244;
    --fontheading: Helvetica, Arial, sans-serif;
    --fontbody: Helvetica, Arial, sans-serif;
    --shadowfilter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.7));
    --shadowfilter: drop-shadow(0px 0px 15px rgb(0 0 0/70%));
    
    /* ===== START = GovCMS Colours ===== */
    
    --primaryteal: #00718b;
    --primarynavy: #082e41;
    --primaryice: #e6edef;
    --stone: #606f74;
    --space: #773775;
    --earth: #637c6b;
    --forest: #0b5e4b;
    --dust: #cb6c37;
    --heat: #b43b3b;
    --charcoal: #414749;
    --primarytealgradient: linear-gradient(180deg, #082e41 0%, #00718b 100%);
    --stonegradient: linear-gradient(180deg, #082e41 0%, #606f74 100%);
    --spacegradient: linear-gradient(180deg, #082e41 0%, #773775 100%);
    --earthgradient: linear-gradient(180deg, #082e41 0%, #637c6b 100%);
    --forestgradient: linear-gradient(180deg, #082e41 0%, #0b5e4b 100%);
    --dustgradient: linear-gradient(180deg, #082e41 0%, #cb6c37 100%);
    --heatgradient: linear-gradient(180deg, #082e41 0%, #b43b3b 100%);
    --error: #d23434;
    --success: #328244;
}
.charcoal {background: var(--charcoal)!important;}
.dust {background: var(--dust)!important;}
.earth {background: var(--earth)!important;}
.forest {background: var(--forest)!important;}
.heat {background: var(--heat)!important;}
.primaryteal {background: var(--primaryteal)!important;}
.primaryice {background: var(--primaryice)!important;}
.primarynavy {background: var(--primarynavy)!important;}
.space {background: var(--space)!important;}
.stone {background: var(--stone)!important;}
.dustgradient {background: var(--dustgradient)!important;}
.earthgradient {background: var(--earthgradient)!important;}
.forestgradient {background: var(--forestgradient)!important;}
.heatgradient {background: var(--heatgradient)!important;}
.primarytealgradient {background: var(--primarytealgradient)!important;}
.spacegradient {background: var(--spacegradient)!important;}
.stonegradient {background: var(--stonegradient)!important;}

.flexproductbanner>a,
.charcoal h2, .charcoal h3, .charcoal p, .charcoal a, .charcoal a:hover,
.dust h2, .dust h3, .dust p, .dust a, .dust a:hover,
.earth h2, .earth h3, .earth p, .earth a, .earth a:hover,
.forest h2, .forest h3, .forest p, .forest a, .forest a:hover,
.heat h2, .heat h3, .heat p, .heat a, .heat a:hover,
.primaryteal h2, .primaryteal h3, .primaryteal p, .primaryteal a, .primaryteal a:hover,
.primaryice h2, .primaryice h3, .primaryice p, .primaryice a, .primaryice a:hover,
.primarynavy h2, .primarynavy h3, .primarynavy p, .primarynavy a, .primarynavy a:hover,
.space h2, .space h3, .space p, .space a, .space a:hover,
.stone h2, .stone h3, .stone p, .stone a, .stone a:hover,
.dustgradient h2, .dustgradient h3, .dustgradient p, .dustgradient a, .dustgradient a:hover,
.earthgradient h2, .earthgradient h3, .earthgradient p, .earthgradient a, .earthgradient a:hover,
.forestgradient h2, .forestgradient h3, .forestgradient p, .forestgradient a, .forestgradient a:hover,
.heatgradient h2, .heatgradient h3, .heatgradient p, .heatgradient a, .heatgradient a:hover,
.primarytealgradient h2, .primarytealgradient h3, .primarytealgradient p, .primarytealgradient a, .primarytealgradient a:hover,
.spacegradient h2, .spacegradient h3, .spacegradient p, .spacegradient a, .spacegradient a:hover,
.stonegradient h2, .stonegradient h3, .stonegradient p, .stonegradient a, .stonegradient a:hover {
    color: #fff!important;
}

/* ===== END = GovCMS Colours ===== */



/* ========= START = Responsive font size ========= */

html {
    font-size: 62.5%;
    overflow-wrap: break-word;
    font-family: var(--fontbody);
    color: var(--themefont);
}
body {
  font-size: 1.4rem;
}
@media screen and (min-width: 320px) {
  body {
    font-size: calc(1.4rem + 4 * ((100vmin - 320px) / 680));
  }
}
@media screen and (min-width: 1000px) {
  body {
    font-size: 1.8rem;
  }
}
/* ========= END = Responsive font size ========= */



/* ========= START = Responsive font size v2 ========= */
/*body {
  font-size: clamp(1.4rem, 0.7rem + 0.2vmin, 1.8rem);
}*/
/* ========= END = Responsive font size v2 ========= */

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*html, body {
  overflow: hidden;
}*/
html h1,
html h2,
html h3,
html h4,
html h5 {
    overflow-wrap: normal;
}
body {
    margin: 0;
    padding: 0;
    background: #fff;
}
.foreward,
.introduction,
.copyright,
.footer,
.digipubcontentbody,
.digipubcontentfooter,
.contentbannerimg,
.au-breadcrumbs {
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
}
.digipubcontentbody,
.digipubcontentfooter,
.contentbannerimg {
    padding: calc(20px + 5vh) 30px;
}
@media screen and (max-width: 1060px) {
.foreward,
.introduction,
.copyright,
.footer,
.digipubcontentbody,
.contentbannerimg {
    width: auto;
}}
#digipubcoverimg {
    background: #fff;
}
/* ========= START = footer ========= */
footer {
    font-size: 1.4rem;
    color: #fff;
    background-color: var(--themedarkgrey);
    /*border-top: 1px solid #fff;*/
    position: sticky;
    top: 0;
    bottom: 0;
    /*opacity: 0;*/
}
.copyright .footer {
    padding: calc(20px + 5vh) 0 0 0;
}
.digipubfooter {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: center;*/
    padding: 0;
    margin-bottom: 1.5rem;
}
.copyright .digipubfooter {
    padding: 0;
    margin: 0 0 2rem 0;
}    
.digipubfooter a {
    color: #fff;
}
.digipubfooter li {
    padding: 0 3rem 1rem 0;
    /*text-align: center;*/
}
/*.digipubfooter li:last-child {
    padding-bottom: 3rem;
}*/
/* ========= END = footer ========= */

/*.digipubcontentbody {
    padding: 0 30px;
    margin: calc(20px + 5vh) auto;
}*/
#main-content {
    min-height: 100vh;
}
hr {
    border: 0;
    height: 0;
    width: 100%;
    max-width: 100%;
    margin: calc(20px + 5vh) 0;
    display: inline-block;
    position: relative;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    border-top: 2px solid rgb(0 0 0 / 10%);
    clear: both;
}
#digipubintroduction {
    background: #fff;
    max-width: 100vw;
    width: 100%;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 12px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 5;
    min-height: 100vh;
}
#digipubcopyright  {
    background: var(--themedark);
    color: #fff;
    max-width: 100vw;
    width: 100%;
    border-bottom: 1px solid #fff;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 12px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 5;
}
#digipubheaderbanner {
    /*background: red;
    color: #fff;*/
    position: sticky;
    bottom: 0;
    opacity: 0;
    top: 0;
    background: var(--themedarkgrey);
    overflow: hidden;
}
.loaded #digipubheaderbanner {
    opacity: 1;
}
#digipubcontent,
#digipubcontentbody  {
    background: #fff;
    max-width: 100vw;
    width: 100%;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 12px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 5;
    min-height: 100vh;
}
#digipubcontentbody,
#digipubintroduction {
    overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5 {
    font-family: var(--fontheading);
    color: var(--themedark);
    letter-spacing: -0.03em;
    margin: 0 0 1.8rem 0;
    /*text-transform: uppercase;*/
    font-weight: 700;
}

h1 {
    font-size: calc(2rem + 2.5vmin);
}
h2 {
    font-size: calc(2rem + 2vmin);
}
h3 {
    font-size: calc(2rem + 1.5vmin);
}
h4 {
    font-size: calc(2rem + 1vmin);
}
h5 {
    font-size: calc(2rem + 0.5vmin);
}

p + h1,
p + h2,
div.hangingindentDiv + h2,
div.gatablescroll + h2,
div.flexcontainer + h2 {
  margin-top: 6rem; 
}
p + h3,
p + h4,
p + h5 {
  margin-top: 4rem; 
}

p,
li {
    font-weight: 200;
    line-height: 1.5em;
    letter-spacing: 0.01em;
}
p {
    margin:0;
}
p + p {
    margin-top:1.8rem;
}
.nav > li {
    font-family: var(--fontheading);
}
.copyright h1,
.copyright p,
.copyright a {
    color: #fff;
}
.copyright h1 {
  display: none;
}
img.copyright {
    pointer-events: none;
}
.footnote {
    font-size: 1.2rem;;
    line-height: 1.7rem;;
    margin: 8px 0 0 0;
    padding-left: 0.8em;
    text-indent: -0.8em;
}
.digipubmargintop,
.footnotediv {
  margin-top: calc(20px + 5vh)!important;
}
a {
    color: var(--themelink);
    text-decoration: underline;
}
a:visited,
a:focus,
a:active,
a:hover,
.scrolldowndiv a {
    outline: none;
    /*color: inherit;*/
}
a:hover {
    text-decoration: none;
}
.galleria a {
    border-bottom: none;
    outline: none;
}
a:hover {
    color: inherit;
}
.colorsectiondiv a {
    color: #fff;
}
.colorsectiondiv a:hover {
    text-decoration: none;
}
sup,
sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
sub { 
    top: 0.4em; 
}
/* ========= Set Focal Point of image that is set to "object-fit: cover;" ========= */
.ImgFocalPointLeftBottom {
    object-position: 0% 100%!important;
}
.ImgFocalPointLeftCentre {
    object-position: 0% 50%!important;
}
.ImgFocalPointLeftTop {
    object-position: 0% 0%!important;
}
.ImgFocalPointCentreBottom {
    object-position: 50% 100%!important;
}
.ImgFocalPointCentreCentre {
    object-position: 50% 50%!important;
}
.ImgFocalPointCentreTop {
    object-position: 50% 0%!important;
}
.ImgFocalPointRightBottom {
    object-position: 100% 100%!important;
}
.ImgFocalPointRightCentre {
    object-position: 100% 50%!important;
}
.ImgFocalPointRightTop {
    object-position: 100% 0%!important;
}

/* ========= START = animations ========= */

/*.loaded #digipubcopyright,*/
/*.loaded footer {
  animation: copyright 2s ease;
  opacity: 1;   
}
@keyframes copyright {
   0% {opacity: 0;}
  80% {opacity: 0;}
 100% {opacity: 1;}
}*/

/* === Move Text === */
#digipubcoverimg h1 {
    transform: translateY(-30vh);
    transition: transform 4s .25s cubic-bezier(0,1,.3,1);
    will-change: transform;
    opacity: 0;
}

.digipublogo,
#digipubcoverimg h1,
#digipubcoverimg,
.contentbannerimg img,
.contentbannerH1 {
    /* animation: sldedown linear .5s forwards; */
    /* transition: opacity .7s ease-in; */
    /* opacity: 1;*/
    transform: translateY(10vh);
    opacity: 0;
    transition: transform 1s ease, opacity 1.5s ease;
}
 .contentbannerH1 {
    transform: translateY(15vh);
}
.loaded .digipublogo,
.loaded #digipubcoverimg h1,
.loaded #digipubcoverimg,
.loaded .contentbannerimg img,
.loaded .contentbannerH1 {
    transform: translateY(0);
    opacity: 1;
}

/* ========= START = logobanner ========= */
#logobannerdiv {
    top: 0;
    position: sticky;
    min-height: 72px;
}
.logobannerdiv {
    padding: 1rem 30px;
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
    display: flex;
}
.logobannerdiv img {
    max-height: 5rem;
    vertical-align: middle;
}
.logobannerlogo2 {
    padding: 13px 0 13px 20px;
    height: fit-content;
}
@media screen and (min-width: 1360px) {
.logobannerdiv {
    max-width: 1360px;
}}
@media screen and (max-width:465px) {
.logobanner2 {
    display:none;
}}
/* ========= END = logobanner ========= */

@keyframes slideleft {
  100% { transform: translateY(0);}
}
@keyframes slideright {
  100% {transform: translateY(0);}
}
@keyframes slideup {
  100% {transform: translateX(0);}
}
@keyframes slidedown {
  100% {transform: translateX(0);}
}

/* === Homepage Arrows === */
.scrolldowndiv {
    font-size: 3rem;
    position: absolute;
    bottom: 1rem;
    right: 50%;
    left: 50%;
    line-height: 0rem;
    display: flex;
    justify-content: center;
}
.scrolldowndiv a {
    text-decoration: none;
}
a i.scrolldownicon {
  display: flex;
  line-height: 0.5;
  color: #fff!important;
}

.loaded .bounce {
  /*-webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom*/
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 10%, 27%, 50% {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translateZ(0)
  }
  20%, 22% {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }
  35% {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }
  40% {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translateZ(0) scaleY(.95)
  }
  45% {
    transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}

#digipubcontentbody {
    opacity: 0;
}
.loaded #digipubcontentbody {
    opacity: 1;
}

/* ========= END = animations ========= */



/* ========= START = Hamburger animation ========= */

button.navbar-toggle.collapsed:focus,
.navbar-toggle {
    /*padding: 15px 8px;
    background-color: transparent;
    border: none;
    outline: none;*/
    background-color: transparent;
    border-radius: 0;
    border: none;
    outline: none;
    width: 3.6rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
} 
.hamburger {
  position: relative;
  cursor: pointer;
  /*height: max-content;*/
}
.hamburger__bar {
  position: relative;
  transform: translateY(1rem);
  transform: none;
}
.hamburger__bar,
.hamburger__bar:before,
.hamburger__bar:after {
    height: 2px;
    width: 20px;
    background-color: #fff;
}
.hamburger__bar:before,
.hamburger__bar:after {
  content: '';
  left: 0;
  position: absolute;
}
.hamburger .hamburger__bar:before {
  bottom: 6px;
  transition: bottom 150ms 150ms cubic-bezier(0.23, 1, 0.32, 1), transform 150ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger .hamburger__bar:after {
  top: 6px;
  transition: top 150ms 150ms cubic-bezier(0.23, 1, 0.32, 1), transform 150ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger.is-active .hamburger__bar {
  background-color: transparent;
}
.hamburger.is-active .hamburger__bar:before {
  bottom: 0;
  background-color: #fff;
  transform: rotate(-45deg);
  transition: bottom 150ms cubic-bezier(0.23, 1, 0.32, 1), transform 150ms 150ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger.is-active .hamburger__bar:after {
  top: 0;
  background-color: #fff;
  transform: rotate(45deg);
  transition: top 150ms cubic-bezier(0.23, 1, 0.32, 1), transform 150ms 150ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* ========= END = Hamburger animation ========= */



/* === START === Slide In/Out Nav === */

body.freeze {
    overflow: hidden;
    /*pointer-events: none;
    width: 100vw;
    height: 100vh;
    touch-action: none;*/
}
body.freeze > #digipubcoverimg,
body.freeze > #digipubintroduction,
body.freeze > #digipubcopyright,
body.freeze > #digipubcontent,
body.freeze > footer,
body.freeze > nav,
body.freeze > #logobannerdiv {
    /*filter: blur(6px);
    filter: brightness(0.3);*/
    filter: blur(2px) brightness(0.4); /* === Keep same as bkgd on modal open - see below === */
}
body.freeze > #digipubintroduction,
body.freeze > #digipubcontent,
/*body.freeze > #digipubcopyright,
body.freeze > footer,*/
body.freeze > nav,
body.freeze > #logobannerdiv {
    background: #fff;
}

#section-nav {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 998;
}
.collapse {
    display: none;
}
.collapse.in,
.collapse.out {
    width: 50vw; /*100vw for slide from top*/
    height: 100vh;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: -8px 0px 12px rgba(0, 0, 0, 0.1);
    box-shadow: -8px 0px 12px rgb(0 0 0 / 10%);
}
.collapse.in,
.collapse.out {
    transform: translateX(50vw); /* translate(-100vw) for slide from top*/
    transition: transform .5s .5s cubic-bezier(0,1,.3,1);
    will-change: transform;
}
.collapse.out {
    animation: slideright linear .25s reverse; /* slideup for slide from top*/
}
.collapse.in {
    animation: slideleft linear .25s forwards; /* slidedown for slide from top*/
}
@media (orientation: portrait) {
.collapse.in,
.collapse.out {
    width: 100vw;
    transform: translateX(100vw); /*translateY(100vw) for slide from top*/
}}
@media screen and (max-width: 767px) {
.collapse.in,
.collapse.out {
    width: 100vw;
    transform: translateX(100vw); /*translateY(100vw) for slide from top*/
}}
.navbar {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 998;
  /*overflow: hidden;*/
}
.navhide {
  right: -50vw;
  width: 0;
}
.navbar-header {
    position: fixed;
    top: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.8);
    background-color: rgb(0 0 0 / 80%);
    z-index: 999;
}
ul.nav.navbar-nav {
    margin: 0;
    padding: 0;
    text-align: left;
    list-style: none;
    width: -webkit-fill-available;
    max-height: 100vh;
    overflow-y: auto;
}
ul.nav.navbar-nav > li {
    padding: 0 8vmin calc(1rem + 2.5vh);
    /*font-size: calc(1rem + 1vmin);*/
    font-weight: 100;
    font-size: calc(2rem + 1vmin);                 /* CHANGE TO REM */
    line-height: 1.2em;
    font-family: var(--fontheading);
    color: var(--themedark);
    letter-spacing: -0.01em;

}
ul.nav.navbar-nav > li:first-child {
    /*padding-top: 54px;*/
    margin-top: 54px;
}
ul.nav.navbar-nav > li:last-child {
    /*padding-bottom: 54px;*/
    margin-bottom: 54px;
}
/*@media (orientation: portrait) {
ul.nav.navbar-nav > li {
    letter-spacing: -0.1vw;
    font-size: 50px;
    line-height: 50px;
}}*/
ul.nav.navbar-nav > li > a {
    color: var(--themelightgrey);
    text-decoration: none;
    border-bottom: none;
}
ul.nav.navbar-nav > li > a:hover {
    color: var(--themedark);
    border-bottom: var(--themedark) solid 1px;
}
ul.nav.navbar-nav > li.active > a,
ul.nav.navbar-nav > li.current > a {
    color: var(--themedark);
    border-bottom: solid 1px var(--themedark);
    font-weight: 700;
}
p.menu {
    font-size: 12px;
    margin: 15px 0 0 0;
    color: var(--themelightgrey);
    text-align: center;
}


/* === END === Slide In/Out Nav === */



/* === START === Prev/Next Buttons === */

#prevnext,
#backtotopdiv {
    position: fixed;
    /*bottom: 10px;
    right: 10px;*/
    bottom: 29px;
    right: 21px;
    z-index: 999;
    display: flex;
}
#backtotopdiv {
    bottom: 61px;
}
#prev,
#next,
#backtotop {
    color: #fff;
    margin: 0px;
    /*padding: 8px 0px 8px 3px;*/
}
#prev a,
#next a,
#backtotop a {
    color: #fff;
    padding: 8px 10px;
    background-color: rgba(0, 0, 0, 0.8);
    background-color: rgb(0 0 0 / 80%);
}
#prev a[href="./?a="],
#next a[href="./?a="] {
    display: none;
}
#prevnext a,
#backtotopdiv a {
    font-size: 18px;
}
#backtotop {
    display: none; /* Hidden by default, shows by js on scroll */
}
button#backtotop {
    color: #fff;
    padding: 8px 10px;
    background-color: rgba(0, 0, 0, 0.8);
    background-color: rgb(0 0 0 / 80%);
    border-radius: 0;
    font-size: 18px;
}

/*
button#backtotop i {
  width: 15.75px; /* Fixes change in size between FontAwesome 5 and 6 - changed again in v7 *
}
*/

/*** Tooltip Styles ***/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.loaded [data-tooltip]:before {
  animation: tooltip 3s ease;
  opacity: 0;
}
@keyframes tooltip {
   0% {opacity: 1;}
  80% {opacity: 1;}
 100% {opacity: 0;}
}
/* Hide the tooltip content by default */
/*[data-tooltip]:before {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}*/
/* Show tooltip content on hover */
[data-tooltip]:hover:before {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    padding: 2px 0;
    width: -webkit-fill-available;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    background-color: rgb(0 0 0 / 80%);
    content: attr(data-tooltip);
    text-align: center;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 auto;
    /*bottom: 40px;*/
    bottom: -18px;
    right: 0px;
}
#menubtn[data-tooltip]:before {
    /*bottom: -18px;*/
    bottom: 35px;
}
#backtotop[data-tooltip]:before {
    bottom: 39px;
}

/* === END === Prev/Next Buttons === */



/* === START === Cover Page === */

#digipubcoverimg {
    /*background: url(https://www.ga.gov.au/digipubtestsite/codeconfig/matrix/nestedcontent/digipubcover/Kangaroo-Island.jpg) no-repeat center top;*/     /* ====== Cover Image now using thumbnail of DigiPubCover under nested content ===== */
    margin-top: 0px;
    padding: 5vh 10vw;
    background-attachment: relative;
    background-position: center center;
    width: 100%;
    height: 100vh;
    /* height: calc(100vh - 57px);  === 57px is height of next/prev button + 10px margin ===*/
    margin-bottom:0em;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    /*position: relative;*/
    z-index: 0;
    position: sticky;
    top: 0;
}
body #digipubcoverimg {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
#digipubcoverimg h1 {
    z-index: 10;
    color: #fff;
    font-weight: 600;
    font-size: calc(1rem + 5vw);
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
    /*text-shadow: 0px 0px 8px rgb(0 0 0 / 50%);*/
}
.digipublogo {
    /*padding: 5vh 0 3vh 10vw;*/
    padding-bottom: 5vh;
    width: calc(55vw - 1px);
    max-width: calc(240px + 1vw);
    /* transform: translateY(-30vh); */
    /* transition: transform 4s .25s cubic-bezier(0,1,.3,1); */
    will-change: transform;
    opacity: 0;
    /*filter: drop-shadow(1px 1px 4px black);*/
}
#digipubcoverimg h1,
.digipublogo,
.scrolldownicon {
  filter: var(--shadowfilter);
}

/*@media (orientation: landscape) {
#digipubcoverimg h1 {
    font-size: 5vw;
    line-height: 5vw;
}}
@media (orientation: portrait) {
#digipubcoverimg h1 {
    font-size: 5vh;
    line-height: 5vh;
}}*/


.flexcontainer.flexgallery.coverpagetiles {
    margin-top: 0;    
}

/* === END === Cover Page === */



.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-foreward {
    width: 200px;
    padding-top: calc(1px + 4vh);
    padding-bottom: calc(1px + 4vh);
}
div.foreward + div.introduction {
  padding-top: calc(20px + 5vh);
}

.contentbannerimg  {
    width: 100vw;
    height: 65vh;
    /*max-width: 100%;
    max-height: 65%;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.contentbannerimg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    max-width: 100%;
    max-height: 65vh;
    height: 65vh;
    object-fit: cover;
    z-index: -1;
}
.contentbannerH1 {
    z-index: 1;
    color: #fff;
    font-weight: 600;
    /*font-size: calc(1rem + 4vmax);*/
    font-size: calc(2rem + 5.5vmin);
    line-height: 1;
    margin: 0;
    padding: 0;
    /*text-transform: uppercase;*/
    text-shadow: 2px 2px 8px rgb(0 0 0 / 70%);
    filter: var(--shadowfilter);
}


/* DigiPub specific code for Fancybox */
body.fancybox-active .fancybox-show-caption .fancybox-button {
    background-color: rgb(30,30,30);
}


/* === START === Modal === */

.fancybox-content {
    z-index: 500;
    width: 1000px;
    max-width: 80vw;
    height: auto;
    max-height: 80vh;
    background: white;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5%);
    box-shadow: 0px 0px 20px rgb(0 0 0 / 50%);
    border-radius: 5px;
    padding: 8vmin;
}
.fancybox-content #main-content {
    padding: initial;
}
body.fancybox-active {
  overflow: hidden;
}
.modal .digipubcontentbody {
    padding: 0;
}
.fancybox-inner .modal .flexitem img {
    max-height: 60vh;
    object-fit: contain;
}

.modal .modalbanner .fleximg img {
    width: 100%;
    max-height: 30vh;
    object-fit: cover;
}
.modal .flexcontainer.flexfullwidth.modalbanner {
    margin-top: 0;
}

.modal .modalbanner .flexitem {
  border-bottom: none!important;
}
/*.modal.fancybox-content {
    overflow: auto!important;
    -webkit-overflow-scrolling: touch!important;
}*/
.modal #digipubcontentbody,
.modal #digipubcontent {
    box-shadow: none;
}
.fancybox-slide--html .modal .fancybox-close-small {
    padding: 0;
    height: 3rem;
    width: 3rem;
}
@media screen and (min-width: 501px) {
.fancybox-slide--html .modal .fancybox-close-small {
    right: 0.7rem;
    top: 0.7rem;
}}
body.fancybox-active > #digipubcoverimg,
body.fancybox-active > #digipubintroduction,
body.fancybox-active > #digipubcopyright,
body.fancybox-active > #digipubcontent,
body.fancybox-active > footer {
    filter: blur(2px) brightness(0.4); /* === Keep same as bkgd on menu open - see above === */
}
.fancybox-is-open .fancybox-bg {
    opacity: 0;
}
div.modal.fancybox-content #digipubcontent,
div.modal.fancybox-content #digipubcontentbody {
    min-height: auto;
}

/* === END === Modal === */



/* === START === All Buttons === */

button {
    border-radius: 50px;
    font-weight: bold;
    text-transform: uppercase;
    /*font-size: 1.35rem;*/
    font-size: calc(50% + 0.5rem);
    padding: 0.8rem 0rem;
    border: none;
    color: #fff;
    /*width: fit-content;
    width: 100%;*/
    background-color: var(--themedark);
}
button a {
    text-decoration: none;
    color: #fff;
    padding: 0.5rem 1rem;
}
.btn-digipub {
    /*margin-top: 2em;*/
    margin-top: calc(2rem + 2.5vmin);
    /*background-color: var(--themehighlight);*/
}
.btn-digipub a,
#prev a,
#next a,
#backtotop a {
    border-bottom: none;
    margin-left: 3px;
}
.btn-digipub:hover {
}
.modal .contentbannerimg {
    display: none!important;
}
a.btn-download {
    background-color: var(--themedark)!important;
    color: #ffffff!important;
    display: inline-block;
    margin: 1.5rem 0;
    font-weight: 500;
    line-height: 1;
    padding: 1.4rem 2rem;
    border-radius: 0.3rem;
    min-width: 10rem;
    max-width: 100%;
    border-bottom: none!important;
}
a.btn-download:hover,
a.btn-download:focus {
  /*filter: saturate(3);
  -webkit-filter: saturate(3);*/
  filter: opacity(0.8);
  -webkit-filter: filter: opacity(0.8);
  color: #ffffff!important;
  text-decoration: none!important;
}
.btn i.fa,
.btn i.fas,
.btn i.far {
    padding-left: 7px;
    font-style: normal;
}
i.fa-caret-up.sort {
    color: var(--completeGreen);
}
i.fa-caret-down.sort {
    color:var(--interactionRed);
}

/* === Readmore Buttons === */
.btn-readmore {
    margin-top: calc(2rem + 2.5vmin);
    border: 2px solid #fff;
}
.btn-readmore a:hover {
    padding-left: 48px;
    padding-right: 28px;
}
.btn-readmore a:hover .round {
    width: calc(100% - 8px);
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
.btn-readmore a:hover .round i {
    left: 12%;
}
button.btn-readmore {
    padding: 0;
    width: fit-content;
    margin-right: auto;
}
.readmorelink .round {
    background-color:  #fff;
}
a.readmorelink {
    text-decoration: none;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 12px 53px 12px 23px;
    color: #fff;
    position: relative;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
}
a span {
    position: relative;
    z-index: 3;
}
a .round {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 4px;
    top: 4px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 2;
}
a .round i {
    font-size: calc(50% + 1.5rem);
    position: absolute;
    top: 50%;
    margin-top: -1rem;
    margin-left: -0.5rem;
    left: 50%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.txt {
    font-size: 14px;
    line-height: 1.45;
}
a.readmorelink:hover .txt {
    color: var(--themedark);
}
a.readmorelink .round {
    color: var(--themedark);
}
a.readmorelink:hover.round {
    color: #fff;
}

/* === END === Buttons === */



/* ============== START === CASESTUDY ================= */

/* === CASESTUDY 1 === */
.digipubcasestudy {
    margin-left: calc(-45vw + 50%);
    width: 90vw;
}
@media screen and (max-width: 1112px) {
.digipubcasestudy {
    margin: 0;
    width: auto;
}}
.digipubcasestudy .flexcontainer {
    margin: 0;
}
.flexcasestudy {
    display: flex;
    flex-basis: 100vw;
    max-width: 100vw;
    text-decoration: none;
}
.flexcasestudy.even {
    flex-direction: row-reverse;
}
@media screen and (max-width: 999px) {
.flexcasestudy.odd,
.flexcasestudy.even {
    flex-direction: column;
}}
.imgcasestudy {
    width: 50%;
    display: flex;
}
.summarycasestudy {
    width: 50%;
    padding: 0 7vw;
}
@media screen and (max-width: 999px) {
.imgcasestudy,
.summarycasestudy {
    width: 100%;
}}
.imgcasestudy img {
    width: 100%;
    /*max-height: 50vh;*/
    max-height: 100vh;
    min-height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 999px) {
.imgcasestudy img {
    height: auto;
    max-height: 50vh;
}}
@media screen and (max-width: 999px) {
.summarycasestudy {
    padding: 30px 0 0 0;
}}
/*.flexcasestudy .imgcasestudy {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}*/
/*@media screen and (max-width: 999px) {
    .imgcasestudy {
        height:  calc(35vh - 1px);
}}*/
/*.flexcasestudy .imgcasestudy img {
    display: block;
    max-width: 100%;
    height: auto;
}*/
.summarycasestudy p {
    color: #000;
}
h5.titlecaps {
    font-size: 1em;
    font-weight: 600;
    /*letter-spacing: -0.01em;*/
    color: var(--themehighlight);
    text-transform: uppercase;
}
.titlecaps span {
    border-bottom: 3px solid var(--themehighlight);
    padding-bottom: 3px;
}
.casestudyH1 {
    /*font-size: 3.5rem;*/
    font-size: calc(2rem + 2.5vmin);
    font-weight: 700;
}
.summarycasestudy {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-direction: column;
}
hr.casestudy {
  border: 0;
  height: 0;
  width: 100%;
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  border-top: 2px solid rgb(0 0 0 / 10%);
  clear: both;
  margin: calc(20px + 5vh) 0;
}
@media (orientation: portrait) and (max-width: 1059px) {
hr.casestudy {
    margin: 5vh 0;
}}


/* === CASESTUDY 2 === */
.flexcasestudy2.digipubcasestudy {
  margin-left: calc(-50vw + 50%);
  width: 100vw;
}
.flexcasestudy2 .flexcasestudy {
  background: var(--themedark);
}
.flexcasestudy2 .flexcasestudy:first-child {
  margin: calc(20px + 5vh) 0 0;
}
.flexcasestudy2 .flexcasestudy:last-child {
  margin: 0 0 calc(20px + 5vh);
}
.flexcasestudy2 h5.titlecaps {
  font-size: 1em;
  font-weight: 600;
  /* letter-spacing: -0.01em; */
  color: var(--themelight);
  text-transform: uppercase;
}
.flexcasestudy h5 a.readmorelink {
  color: var(--themehighlight);
  padding: 0;
}
.flexcasestudy2 h5 a.readmorelink {
  color: var(--themelight);
}
.flexcasestudy2 .titlecaps span {
  border-bottom: 3px solid var(--themelight);
  padding-bottom: 3px;
}
.flexcasestudy2 .casestudyH1 {
  font-size: calc(2rem + 3vmin);
  font-weight: 700;
  color: #fff;
  /*margin-bottom: 6rem;*/
}
.flexcasestudy2 .summarycasestudy p {
  color: #000;
  color: #fff;
}
.flexcasestudy2 .btn-digipub {
  /*margin-top: 6rem;*/
  background-color: #fff;
}
.flexcasestudy2 hr.casestudy {
  display: none;
}
.flexcasestudy2 button.btn-digipub a {
  color: var(--themedark);
}
/*.imgcasestudy img,
.summarycasestudy {
    height: 50vh;
}*/
/*@media screen and (max-width: 999px) {
.imgcasestudy img,
.summarycasestudy {
    height: auto;
}}*/
/*@media screen and (min-width: 1000px) {
.imgcasestudy {
    width: 70%;
}}*/
.flexcasestudy2 .summarycasestudy {
    padding: 7vw;
}
@media screen and (max-width: 999px) {
.flexcasestudy2 .summarycasestudy {
    padding: 30px;
}}
/*@media screen and (max-width: 999px) {
.casestudyP {
    display: none;
}}*/
/*@media screen and (max-width: 999px) {
.casestudyH1 {
    margin-bottom: 4rem;
}}
@media screen and (max-width: 999px) {
.digipubcasestudy .btn-digipub {
    margin-top: 4rem;
}}*/

/* ============== END === CASESTUDY ================= */


/* ============== START === FLEXBOX ================= */

.flexcontainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: calc(20px + 5vh) 0;
}
.flexcontainer:last-child {
  margin-bottom: 0;
}
.flexitem {
  flex-basis: 31%;
  max-width: 31%;
  margin-bottom: 3.5%;
  border-bottom: 1px solid var(--themehighlight);
}
@media screen and (max-width: 767px) {
.flexitem {
  flex-basis: 48%;
  max-width: 48%;
  margin-bottom: 4%;
}}
a.flexitem {
    border-bottom: 1px solid var(--themehighlight);
}
a.flexitem.flexfigure.ChildPageTilesDiv1,
a.flexitem.infographic {
    border-bottom: none;
}
.ChildPageTilesH1 {
    z-index: 1;
    color: #fff;
    font-weight: 600;
    font-size: calc(1rem + 2.5vmin);
    line-height: 1;
    margin: 0;
    padding: 5%;
    text-transform: uppercase;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0px 0px 3px rgb(0 0 0/40%));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.fleximg.ChildPageTilesDiv2 {
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    text-align: center;
}
.fleximg.ChildPageTilesDiv2 img {
    z-index: -1;
    -webkit-filter: brightness(67%);
}


.flexcontainer.flexgallery {
    margin-bottom: calc(-3.5% + (calc(20px + 5vh)));
}
@media screen and (max-width: 767px) {
.flexcontainer.flexgallery {
    margin-bottom: calc(-4% + (calc(20px + 5vh)));
}}
/*@media screen and (max-width: 500px) {
  .flexitem {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 1.2rem;
  }
}*/

.flexitem img {
    width: 100%;
    min-width: -webkit-fill-available;
    height: auto;
    max-height: 80vh;
    object-fit: cover;
    display: block;
}
.flexitem img.nocrop {
    object-fit: contain;
}
.flexitem+.flexitem,
div+.flexitem.ChildPageTilesDiv1 {
    margin-left: 3.5%;
}
.flexitem:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
div+.flexitem.ChildPageTilesDiv1:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
}}
@media screen and (max-width: 767px) {
div+.flexitem.ChildPageTilesDiv1:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
}}
@media screen and (max-width: 767px) {
.flexitem+.flexitem {
    margin-left: 4%;
  }
  .flexitem:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
.labeldropdown {
    margin-bottom: calc(20px + 5vh)
}

/*@media screen and (max-width: 500px) {
.flexitem+.flexitem {
    margin-left: 0;
}}*/
.fleximg {
    overflow: hidden;
}
a.flexfigure {
    text-decoration: none;
}
a.flexfigure img,
a.flextile img,
a.flexfigure .fleximg,
a.flexitem .fleximg {
-webkit-filter: brightness(100%);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
a.flexfigure:hover img,
a.flextile:hover img {
-webkit-filter: brightness(67%);
}
a.flexfigure:hover .fleximg,
a.flexitem:hover .fleximg {
  transform: translateY(-5px);
}
/*a.flexfigure:hover img {
  transform: scale(1.02); 
  transition: .75s ease;
}
a.flextile:hover img {
  transform: scale(1.02); 
  transition: .75s ease;
}*/
.flextile {
  background: #fff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 15%);
}
a.flextile:hover {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 25%);
}
@media screen and (max-width: 500px) {
.flextile:last-child {
  /*margin-bottom:30px;*/
}}
.h1flex {
  margin: 0;
  padding: 10px;
  font-weight: normal;
  font-size: 1.4em;
  line-height: 1.4em;
}
.flexcontainer > a.flexitem > p.caption,
.flexfigure p.caption,
p.videocaption {
    margin: 0;
    color: var(--themefont);
  /*border-bottom: 1px solid var(--themehighlight);*/  /* ==== Moved underline to .flexitem to make even on image galleries ==== */
    padding: 20px 0;
    font-style: italic;
    font-size: 1.4rem;
}
/*p.videocaption {
    margin-top: 10px;
    line-height: inherit;
}
p.videoheading {
    color: var(--themelightgrey);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}*/

.flexcontainer > a:hover p.caption,
.flexcontainer > a:hover {
    text-decoration: none!important;
}
.flexcontainer > a > .caption {
    -moz-user-select: all;
    -webkit-user-select: all;
    -ms-user-select: all;
    user-select: all;
}
.flexfullwidth > .flexitem {
    max-width: 100%;
    flex-basis: 100%;
    margin-bottom: 0px;
}
.flexfullwidth {
    clear: both;
}
@media screen and (min-width: 681px) {
.flexfloat {
    float: right;
    margin: 0 0 2em 2em;
}}
@media screen and (min-width: 681px) {
.flexfloat > .flexitem {
    max-width: 310px;
    flex-basis: 100%;
}}
@media screen and (max-width: 680px) {
.flexfloat > .flexitem {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 1.2rem;
}}

.flexfloat > .flexitem {
  margin-bottom: 0;
}


/* CODE FOR 4 IMAGES WIDE - ADD CLASS: fourwide */
.flexitem.fourwide {
  flex-basis: 22.75%;
  max-width: 22.75%;
  margin-bottom: 3%;
}
@media screen and (max-width: 767px) {
.flexitem.fourwide {
  flex-basis: 48%;
  max-width: 48%;
  margin-bottom: 4%;
}}
.flexitem.fourwide+.flexitem.fourwide {
  margin-left: 3%;
}
.flexitem.fourwide:nth-child(4n+1) {
  clear: both;
  margin-left: 0!important;
}
@media screen and (max-width: 767px) {
.flexitem.fourwide+.flexitem.fourwide {
    margin-left: 4%;
  }
  .flexitem.fourwide:nth-child(2n+1) {
    clear: both;
    margin-left: 0!important;
  }
}
/* CODE FOR 2 IMAGES WIDE - ADD CLASS: twowide */
.flexitem.twowide {
  flex-basis: 48%;
  max-width: 48%;
  margin-bottom: 4%;
}
@media screen and (max-width: 767px) {
  .flexitem.twowide {
    flex-basis: 48%;
    max-width: 48%;
    margin-bottom: 4%;
  }
}
.flexitem.twowide+.flexitem.twowide {
  margin-left: 4%;
}
.flexitem.twowide:nth-child(2n+1) {
  clear: both;
  margin-left: 0!important;
}
@media screen and (max-width: 767px) {
  .flexitem.twowide+.flexitem.twowide {
    margin-left: 4%;
  }
  .flexitem.twowide:nth-child(2n+1) {
    clear: both;
    margin-left: 0!important;
  }
}

/* IE 11 FIX ==== TURNED OFF 18-9-2019 AS IT WAS BREAKING EVERYTHING ====
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .flexcontainer {
        display: inline;
        max-width: 200px;
    }
}
 //IE 11 FIX */


/* ============== END === FLEXBOX ================= */


:focus {
    outline: none;
}

.galleria-theme-twelve .galleria-image-nav-left, .galleria-theme-twelve .galleria-image-nav-right {
    font-size: 1.6rem;
}
div.galleria {
    margin: calc(20px + 5vh) 0;
}

.news-date {
    font-weight: bold;
    font-size: calc(1.2rem + 2 * ((100vmin - 320px) / 680));
    margin-top: 1rem;
}

li {
  margin: 0;
}
ul, ol {
  margin-top: 0;
  margin-left: 0;
  padding-left: 35px;
}
ol ol {
  list-style: lower-alpha;
}
ul > ul, ol > ol, ul > ol, ol > ul, li > ul, li > ol {
  margin-left: 0;
  padding-left: 25px;
}
p + ol, p + ul {
  margin-top: 5px;
}
ul.h2list > li:first-child, ul.h3list > li:first-child, ol.h2list > li:first-child, ol.h3list > li:first-child {
  margin-top: -5px;
}
ol > ol > li:first-child, ul > ul >li:first-child, ol > ul > li:first-child, ul > ol >li:first-child, ol > li> ol > li:first-child, ul > li> ul >li:first-child, ol > li> ul > li:first-child, ul > li> ol >li:first-child {
  margin-top: 0;
}
ul.au-accordion-group {
    margin: 30px 0 calc(20px + 5vh);
}
/* =============== START === colorsection =============== */
.colorsectiondiv {
    margin-left: calc(-50vw + 50%)!important;
    width: 100vw!important;
    background: var(--themedark)!important;
    color: #fff!important;
    margin-top: calc(20px + 5vh);
    margin-bottom: calc(20px + 5vh);
    border-bottom: 1px solid #fff;
}
.colorsection {
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
    padding: calc(20px + 5vh) 30px;
}
.colorsectiondiv .colorsection h1,
.colorsectiondiv .colorsection h2,
.colorsectiondiv .colorsection h3,
.colorsectiondiv .colorsection h4,
.colorsectiondiv .colorsection h5 {
    color: var(--themelight)!important;
}
.colorsectiondiv .colorsection p.caption {
    color: #fff!important;
}
.colorsectiondiv .colorsection a.flexitem {
    border-bottom: 1px solid var(--themelight);
}

.colorsectiondiv.colorsectiondivlast {
    margin-bottom: calc((20px + 5vh)*-1);
}



/* =============== END === colorsection =============== */

/* ============================== START === DigiPub Tables ============================== */

.gatablescroll {
  overflow-x:auto;
  /*margin-bottom: 30px;*/
  margin-top: calc(20px + 5vh);
  margin-bottom: calc(20px + 5vh);
}

/* ===== Recolours bottom border of tables ===== */
table.gatable tbody tr:last-child td,
table.gatable tbody td.underlineLast {
  border-bottom: 1px solid  var(--themedark);
}

/* ===== Recolours top border of tables with no header ===== */
table.gatable.noheaderrow {
  border-top: 1px solid var(--themedark);
}

/* ===== Table text margin on last P tag of cell ===== */
table.gatable p:last-child {
  margin-bottom: 0px;
}

/* ===== Margin after table ===== */
table.gatable {
  margin-bottom: 0!important;
}

/* ===== Make table width 100% ===== */
table.widetable {
  width: 100%;
}

/* ===== Make table width 50% ===== */
@media screen and (min-width:700px) {
    .halftable {
        display: flex;
        justify-content: space-between;
        overflow-x: initial;
    }
    .halftable table.widetable {
        width: 48%;
    }
}
@media screen and (max-width:699px) {
    .halftable .noheaderrow.table1 tbody tr:last-child td {
        border-bottom: inherit;
    }
    .halftable .noheaderrow.table2 {
        border-top: inherit;
    }
}
table.halfWidth {
    max-width: 500px;
}
/* ===== OneThirdTable ===== */
.OneThirdTable td:first-child {
    width: 20%;
    min-width: 50px;
}
/* ===== Make OneThirdTable width 31% ===== */
@media screen and (min-width:700px) {
    .OneThirdTableDiv {
        display: flex;
        justify-content: space-between;
    }
    .OneThirdTableDiv table.OneThirdTable {
      width: 31%;
    }
}
/* ===== Margin after OneThirdTable ===== */
.OneThirdTableDiv > table.gatable {
  margin-bottom: 22px!important;
}

.OneThirdTable.OneThirdTable td {
    font-size: small;
    font-weight: 500;
    color: var(--themelightgrey);
    vertical-align: middle;
}
.OneThirdTable.OneThirdTable span {
    font-size: large;
    color: var(--themedark);
    white-space: nowrap;
}
.OneThirdTable.OneThirdTable td:first-child {
    text-align: center!important;
    font-size: xx-large;
}
/*.OneThirdTableDiv {
    margin-top: calc(20px + 1vh);
    margin-bottom: calc(20px + 1vh);
}*/
.OneThirdTable {
    height: fit-content;    
}
.OneThirdTable tr {
    height: 62px;    
}
.tablesource.CommoditySummaryNotes {
    margin-top: revert;
    margin-bottom: revert;
}
.OneThirdTableDiv td.CriticalMineral {
    color: var(--themedark);
    font-size: x-large!important;
    border-top: 3px solid var(--themehighlight);
    border-bottom: 3px solid var(--themehighlight);
}
.MajorUses {
    color: var(--themehighlight);
    font-weight: bold;
    font-size: larger;
    margin-bottom: -15px;
}
/*.tablesource.CommoditySummaryNotes.addMargin {
    margin-top: calc(20px + 1vh);
}*/


/* ===== Highlight table rows on hover ===== */
tbody tr:hover {
  background-color: rgba(114,199,231,0.1)!important;
}

/* ===== Table border on header rows ===== */
table.multiheader th {
    border: 1px solid #fff;
}
table.gatable th {
    border: 1px solid #fff;
    font-weight: bold;
}
.tabletitle {
  /*margin-top: 30px;
  margin-bottom: 6px;*/
  font-style: italic;
  font-size: 1.4rem;
  line-height: 1.5em;
  margin-top: calc(20px + 5vh);
  margin-bottom: calc((10px + 5vh)*-1);
  clear: both;
}
.tablesource {
  /*margin-top: -20px;
  margin-bottom: 30px;*/
  font-style: italic;
  font-size: 1.4rem;
  line-height: 1.5em;
  margin-bottom: calc(20px + 5vh);
  margin-top: calc((10px + 5vh)*-1);
}
ol.tablesource li:not(:last-child) {
  margin-bottom: 0px;
}
ol.tablesource  {
  margin-bottom: 19px;
}
.gatable p:last-child, .gatable ul:last-child, .gatable li:last-child  {
  margin-bottom: 0px;
}
a:focus {
  outline: none;
}
.ttleft, tr.ttleft th, tr.ttcenter th.ttleft {
  text-align: left!important;
}
.ttcenter, tr.ttcenter th {
  text-align: center!important;
}
.ttright, tr.ttright th {
  text-align: right!important;
}
table.gatable {
  border: none;
}
table.gatable tbody tr:nth-child(odd) {
    background: #fff;
}
table.gatable tbody tr:nth-child(even) {
    background: #f8fdff;
}
.trwhite {
background: #fff!important;
}
.trgrey {
background: #f8fdff!important;
}

.table-responsive th, table:not([class]) th {
    padding: 1rem 0.5rem;
    font-weight: bold;
    font-size: 1.3rem;
}
.table-responsive th > p, table:not([class]) th > p {
    padding: 0;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
}
.table-responsive td, table:not([class]) td {
    padding: 1rem 0.5rem;
    font-weight: 100;
    font-size: 1.3rem;
}
.table-responsive td > p, table:not([class]) td > p {
    padding: 0;
    font-weight: 100;
    font-size: 1.3rem;
    margin: 0;
}
table, .table-responsive, table:not([class]) {
    border-collapse: collapse;
    margin-bottom: 30px;
}
.content table {
    margin-bottom: 30px;
}
table > tbody > tr {
  border-bottom: 1px solid #d8e6eb;
}
table > tbody > tr:last-child td {  
    border-bottom: 1px solid  var(--themedark);
} /* Can use tr:not(:last-child) to access every other bottom border in a table */
table th{
    background-color: var(--themedark);
    vertical-align: middle;
    color: #fff !important;
}
table td {
    vertical-align: top;
}
/*p:not([class]) + p:not([class]) {
  margin: 1rem 0;
}*/
table p:last-child, table p:not([class]) + p:not([class]):last-child {
  margin-bottom: 0px;
}
table {
  background-color: #fff;
}
tbody tr:nth-child(even) {
  background: #f8fdff;
}
tbody tr:hover {
  background-color: rgba(114,199,231,0.1);
  background-color: rgb(114 199 231 / 10%);
}
table th, table td {
    border: none;
}
th, td, th > p, td > p {
    line-height: 20px !important;
}
.table > thead > tr > th {
  vertical-align: inherit;
  border-bottom: none;
}

@media screen and (max-width: 767px) {
.table-responsive th, .table-responsive td {
  white-space: normal !important;
}}
table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

table.fixedHeader-floating {
  position: fixed !important;
  background-color: white;
}
table.fixedHeader-locked {
  position: absolute !important;
  background-color: white;
}
@media print {
  table.fixedHeader-floating {
    display: none;
  }
}
table sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
}

.hangingindentheader {
  margin-top: -20px;
  margin-bottom: 0px;
}
.hangingindent {
    padding-left: 1.2em;
    text-indent: -1.2em;
    margin-top: 0px;
    margin-bottom: 0px;
}
div.hangingindentDiv .hangingindent:first-child,
.hangingindentDiv {
  /*margin-top: -20px;*/
  margin-top: calc((10px + 5vh)*-1);
}
div.hangingindentDiv .hangingindent:last-child {
  /*margin-bottom: 30px;*/
  margin-bottom: calc(20px + 5vh);
}
div.hangingindentDiv.nomarginbottom .hangingindent:last-child {
  margin-bottom: initial;
}
ol.hangingindent {
    text-indent: 0px;
    margin-top: calc((10px + 5vh)*-1);
}
table .textindent {
    text-indent: 1em;
}
table.gatableLeftCenter tr th,
table.gatableLeftCenter tr td {
   text-align: center;
}
table.gatableLeftRight tr td {
   text-align: right;
}
table.gatableLeftCenter tr:first-child th:first-child,
table.gatableLeftCenter tr td:first-child,
table.gatableLeftRight tr:first-child th:first-child,
table.gatableLeftRight tr td:first-child {
   text-align: left;
}
table.Header1Left th:first-child,
table.Header2Left th:nth-child(2),
table.Col2Left tr td:nth-child(2) {
   text-align: left;
}
table.Col2Center tr td:nth-child(2) {
   text-align: center;
}
table.Col1Center tr td:first-child {
   text-align: center;
}
.vertaligntable tr th,
.vertaligntable tr td {
    vertical-align: middle!important;
}
.LastColLeft th:last-child,
.LastColLeft td:last-child {
    text-align: left;
}

/* ===== Large tables with 4-way Scroll ===== */
table.gatable4wayscroll {
    position: relative;
}
table.gatable4wayscroll th {
    top: 0;
    position: sticky;
    position: -webkit-sticky;
}
table.gatable4wayscroll tr:first-child th {
    border-top: none;
}
        /*Safari fix*/
table.gatable4wayscroll tr.secondHeaderRow,
table.gatable4wayscroll tr.thirdHeaderRow,
table.gatable4wayscroll tr.fourthHeaderRow { 
  position: -webkit-sticky;
  position: sticky;
}
table.gatable4wayscroll tr.secondHeaderRow th,
table.gatable4wayscroll tr.secondHeaderRow {
    top: 41px;
}
table.gatable4wayscroll tr.thirdHeaderRow th,
table.gatable4wayscroll tr.thirdHeaderRow {
    top: 83px;
}
table.gatable4wayscroll tr.fourthHeaderRow th,
table.gatable4wayscroll tr.fourthHeaderRow {
    top: 125px;
}
div.gatablediv4wayscroll {
    /* max-height: 75vh; */
    max-height: 85vh;
    border-bottom: 1px solid var(--themedark);
}
div.gatablediv4wayscroll table.gatable tbody tr:last-child td,
div.gatablediv4wayscroll table.gatable tbody td.underlineLast,
div.gatablediv4wayscroll table > tbody > tr:last-child td {
    border-bottom: none!important;
}
div.largeTableScrollIcon {
    border: 1px solid #cc1c55;
    width: 100%;
    padding: 5px 10px;
    border-radius: 4px;
    margin-top: calc((10px + 5vh)*-1);
    margin-bottom: calc(20px + 5vh);
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.5em;
    background: #fbfbfb;
    display: flex;
    align-items: center;
    justify-content: center;
}
.scrollIcon {
    height: 35px;
    padding-right: 10px;
}
table.gatable4wayscroll {
    border-collapse: separate!important;
    border-spacing: 0;
}
table.gatable4wayscroll td {
    border-bottom: 1px solid #d8e6eb;
}
/* FIREFOX FIX */
/*
@-moz-document url-prefix() {
    table.gatable4wayscroll th {
        background-clip:padding-box;
    }
    table.gatable4wayscroll tr.secondHeaderRow th {
        top: 61px;
    }
    table.gatable4wayscroll tr.thirdHeaderRow th {
        top: 103px;
    }
}
*/

/* ============================== END === DigiPub Tables ============================== */


/*============ START = RESPONSIVE VIDEOS ============*/

.embed-responsive {
  padding-bottom: 56.25%;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.videorow > div {
  padding: 0 0 19px 0;
}
@media screen and (min-width:768px) {
.videorow > div {
  padding: 0 15px 15px 0px;
}}
.videorow {
  margin: 0;
}
.video-fullwidth {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 30px 0;
}
.video-fullwidth iframe, 
.video-fullwidth object, 
.video-fullwidth embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-right {
  margin: 30px 0;
}
@media (min-width: 760px) {
.video-right {
  float: right;
  margin: 0 0 2em 2em;
  /*width: 50%;*/
  width: calc(50% - 1em);
  border-bottom: 1px solid var(--themehighlight);
}}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item, 
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*============ END = RESPONSIVE VIDEOS ============*/



/*============ START = Lefthand Nav ============*/
html a.autoscroll {
    /*scroll-behavior:smooth;*/
    scroll-behavior:auto;
}
section {
    margin-bottom: calc(20px + 5vh);
    clear: both;
}
section:last-child {
    margin-bottom: 0;
}
/*.au-breadcrumbs,
nav#toc {
    max-width: 1060px;
}*/
nav#toc {
    padding: 0.7rem 0;
    border-bottom: 1px solid var(--themeverylightgrey);
    border-top: 1px solid var(--themeverylightgrey);
}
.au-breadcrumbs a {
    color: var(--themehighlight);
}
#digipubcontentbody {
    overflow-x: visible;
}
nav#toc .otpHeading {
    color: var(--themehighlight);
    font-weight: bold;
    /*text-transform: uppercase;*/
}
nav#toc ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
aside.toc {
    margin-bottom: calc(20px + 5vh);
    max-width: none;
}
nav#toc .otpHeading,
nav#toc ul li {
    padding: 0.5rem 1.5rem 0.5rem 0;
    line-height: 1.1;
}
nav#toc ul li a  {
    color: var(--themefont);
    font-size: 1.4rem;
}
    #toc li {
        width: 25%;
    }
    nav#toc ul {
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
    }
    /*nav#toc ul li:hover a,
    nav#toc ul li a.activeTOC,
    nav#toc ul li.activeTOC a {
        border-left: 3px solid var(--themehighlight);
    }*/
    .hidemobile {
        display:none!important;
    }
    /*aside.toc {
        margin-top: calc((20px + 5vh)*-1);
    }*/


@media screen and (min-width: 1360px) {
    .hidemobile {
        display:block!important;
    }
    #toc li {
        width: 100%;
    }
    nav#toc ul li {
        padding-left: 1.5rem;
    }
    nav#toc ul li a {
        text-decoration: none;
    }
    nav#toc ul li:hover a,
    nav#toc ul li a.activeTOC,
    nav#toc ul li.activeTOC a {
        font-weight: bolder;
    }
    .au-breadcrumbs {
        max-width: 1360px;
        /*padding-left: 330px;*/
    }
    .digipubcontentbody,
    .digipubcontentfooter {
        max-width: 1360px;
        display: flex;
        flex-wrap: wrap;
    }
    .digipubcontentbody.foreward,
    .digipubcontentbody.introduction,
    .digipubcontentbody.footer,
    .digipubcontentbody.copyright {
        max-width: 1060px;
    }
    .content {
        max-width: 1000px!important;
    }
    aside.toc {
        -webkit-box-flex: 1;
        flex-grow: 1;
        flex-basis: 300px;
        align-self: start;
        position: -webkit-sticky;
        position: sticky;
        padding-right: 30px;
        top: 2rem;
        max-width: 270px;
    }
/*    nav#toc {
        width: 270px
    }*/
    /*nav#toc ul li a {
        text-decoration: none;
    }*/
    nav#toc .otpHeading,
    nav#toc ul li {
        border-left: 3px solid rgba(255, 255, 255, 0.01);
        border-left: 3px solid rgba(255 255 255 / 1%);
    }
    nav#toc ul li.activeTOC {
        border-left: 3px solid var(--themehighlight);
    }
}

@media screen and (max-width: 767px) {
    #toc li {
        width: 33%;
    }
}
/*============ END = Lefthand Nav ============*/

/* ============ START === Feedback Form ============ */
button.feedbacklink {
    width: 100%;
    height: 40px;
    padding: 8px 0;
    border-top: 1px solid #fff;
    background-color: var(--infored);
    text-decoration: none;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    bottom: 0;
    z-index: 999;
    border-radius: 0;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
button.feedbacklink a {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 1100px) {
  button.feedbacklink {
    height: auto;
    padding: 4px 0;
    font-size: 12px;
  }
  .feedbacklink .txt {
    font-size: inherit;
  }
}
/*#feedbackModal .sq-form-question-text label {
    
}*/
#feedbackModal .FeedbackQuestions label {
    margin-top: 0;
}
#feedbackModal {
    padding: 20px;
    max-width: fit-content;
    max-width: -moz-fit-content;
}
/*#feedbackModal input.sq-form-submit {
    
}*/
#feedbackModal .FeedbackSubmit input {
    background-color: var(--infored);
    margin-top: 20px;
}
#feedbackModal .FeedbackSubmit input:hover {
    background-color: var(--infored-tint);
}
/*#feedbackModal .sq-form-control {
    
}*/
#feedbackModal .FeedbackSubmit {
    display: flex;
    justify-content: center;
}
#feedbackModal button.fancybox-close-small {
    display: none; 
}
#feedbackModal .sq-form-field {
    padding: 0.5rem 1rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    font-family: var(--fontbody);
    color: var(--themefont);
    max-width: 100%;
    width: 100%;
}
#feedbackModal .sq-form-question {
    margin-bottom: 0;
}
#feedbackModal ::placeholder {
    font-style: italic;
    color: #ddd;
}
#feedbackModal label {
    font-family: var(--fontheading);
    margin-top: 25px;
    margin-bottom: 10px;
    color: #2F2F2F; /* ===========*/
    font-weight: bold;
    font-size: 14px;
    line-height: normal;
    display: block;
}
#feedbackModal .sq-form-captcha {
    margin: 30px 0;
}
#feedbackModal .sq-form-submit {
    padding: 7px 23px;
    background-color: var(--themedark);
    color: #ffffff!important;
    display: inline-block;
    font-weight: bold;
    line-height: 1;
    padding: 1.4rem 2rem;
    border-radius: 5px;
    min-width: 10rem;
    max-width: 100%;
    border: none!important;
}
#feedbackModal .sq-form-error {
    color: red;
    font-weight: bold;
    margin: 30px 0;
}
/* ============ END === Feedback Form ============ */




.digipubcontentbody form {
    width: 100%;
}

.herocaption p.caption {
    padding-top: 20px;
    padding-bottom: 0;
    margin-top: 20px;
    font-size: 1.2rem;
    border-top: 1px solid var(--themehighlight);
}
/*
#references-section p {
    text-indent: -35px;
    padding-left: 35px;
}
#references-section :after {
    text-indent: 0px;
}*/
.indent {
    padding-left: 35px;
}

.underlinehack .flexitem {
    border-bottom: none!important;

}
.underlinehack .flexitem+.flexitem {
    margin-left: 0!important;
}

/*========== This code is to format the updated style guide cover hero shot =========*/

.homepagehero .contentbannerimg img {
    top: auto;
    bottom: 0;
    max-height: calc(65vh*0.33);
}
.loaded .homepagehero .contentbannerH1 {
    transform: translateY(calc(33vh*-0.33));
}

















/* ============== START === MOBILE SPECIFIC CODE ================= */
/*@media (pointer: coarse) and (max-width: 767px) {*/
@media (pointer: coarse) {
    /*h1 {
        font-weight: 300;
    }*/
    ul.nav.navbar-nav > li > a {
        color: var(--themelightgrey);
        font-weight: 300;
    }
    ul.nav.navbar-nav > li.active > a, ul.nav.navbar-nav > li.current > a {
        font-weight: 700;
    }
    ul.nav.navbar-nav > li {
        padding: 0 8vmin calc(1rem + 1.5vh);
    }
}
@media (pointer: coarse) {
#digipubcopyright,
footer {
    bottom: auto;
}}

/* ============== END === MOBILE SPECIFIC CODE ================= */