/* ========= VARIABLES ========= */

:root {
    --themehighlight: #003145;
}
/*:root {
    --themefont: #;
    --themedark: #;
    --themelight: #;
    --themedark-tint: #;
    --themehighlight: #;
    --themehighlight-tint: #;
    --themecolor1: #;
    --themecolor2: #;
    --themecolor3: #;
    --themelightgrey: #;
    --themedarkgrey: #;
    --fontheading: Helvetica, Arial, sans-serif;
    --fontbody: Helvetica, Arial, sans-serif;
}*/

.colorsectiondiv .colorsection h1,
.colorsectiondiv .colorsection h2,
.colorsectiondiv .colorsection h3,
.colorsectiondiv .colorsection h4,
.colorsectiondiv .colorsection h5 {
    color: #fff!important;
}
h1, h2, h3, h4, h5 {
    color: var(--themehighlight);
}

/* ========= Keeps cover hero image locked to bottom ========= = ========== Now done using global class:ImgFocalPointCentreBottom on #108939 =========
#digipubheaderbanner.digipubcoverpagehero img {
    object-position: 50% 100%;
}*/

/* ========= Adds external link icon ========= */

a:not([href*='ga.gov.au']):not([href^='#']):not([href^='/']):not([href*='mailto']):not([href*='tel']):not([name]):not([href*='javascript']):not([class*='noexternallink']):after {
    font-family: "Font Awesome 5 Pro";
    content: " \f08e";
    font-weight: 400;
    font-size: x-small;
    display: inline-block;
    vertical-align: top;
    padding-left: 2px;
    text-decoration: none;
}
.footnote a:not([href*='ga.gov.au']):not([href^='#']):not([href^='/']):not([href*='mailto']):not([href*='tel']):not([name]):not([href*='javascript']):not([class*='noexternallink']):after {
    font-size: xx-small;
    text-indent: 0;
}


/* ============== START === Commodity Summary top nav ================= */

.commoditysummaryUL {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin-bottom: 0;
}
.commoditysummaryUL li {
    padding: 0.4rem 0.8rem;
    text-align: center;
}
.commoditysummaryUL li a,
.commoditysummaryUL li a:visited,
.commoditysummaryUL li a:focus,
.commoditysummaryUL li a:active,
.commoditysummaryUL li a:hover {
    outline: none;
}
.commoditysummarylist {
    font-size: smaller;
}
hr.hrtop {
    margin-top: 29px; /* == height of breadcrumbs == */
    margin-bottom: calc(20px + 1vh);
}
hr.hrbottom {
    margin-top: calc(20px + 1vh);
}
.commoditysummaryUL li.active a {
    color: var(--themedarkgrey)!important;
    font-weight: 400;
    text-decoration: none;
}
/*.commoditysummaryUL li a:hover {
    color: var(--themedark)!important;
}*/

/* ============== END === Commodity Summary top nav ================= */


/* ============== START === Breadcrumbs ================= */

.au-breadcrumbs {
    padding: 1rem 30px 0 30px;
    font-size: small;
    position: absolute;
    top: calc(65vh + 74px);
    z-index: 6;
    left: 0;
    right: 0;
    color: var(--themedarkgrey);
}
/*.au-breadcrumbs a {
    color: var(--themedark);
}*/
.activebreadcrumb {
    /*font-weight: bold;*/
    color: var(--themedarkgrey);
 }
/*.activebreadcrumb {
    color: var(--themedark);
}*/
.au-link-list {
    line-height: 1.5;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 4px 0;
    padding: 0;
}
.au-body .au-link-list {
    margin: 0;
    padding: 4px 0;
    padding: 0;
}
.au-link-list>li {
    display: block;
    margin: 4px;
    margin: 0;
    font-weight: 400;
}
.au-link-list.au-link-list--inline {
    display: inline-block;
}
.au-link-list.au-link-list--inline>li {
    display: inline-block;
}

/* ============== END === Breadcrumbs ================= */

/*
#digipubcontent,
#digipubcontentbody  {
    border-top: solid 1px var(--themehighlight);
}
*/

.navbar-header {
    top: 21px;
    right: 21px;
 }
 /*#prevnext {
    bottom: 21px;
    right: 21px;
 }*/
 
 
 
.dontmove {
    position: inherit;
    top: inherit;
    z-index: 6;
}

/* ============== START === modular page first h2 ================= */
/*  hides the first section h2 on modular pages because its usually the same as the title - when the h1 is directly followed by an h2, you need to paste the opposite code (hidden directly below) directly on the parent page  */
article.content section:first-child h2 {
    display: none;
}
/*article.content section:first-child h2 {
    display: block!important;
}*/
/* ============== END === modular page first h2 ================= */

 
/* ============== START === cover page tiles ================= */

/* = start = Font size = */
.CoverPageTilesH1 {
  font-size: calc((0.5rem + 4vw)/2);
}
@media screen and (min-width: 1200px) {
  .CoverPageTilesH1 {
    font-size: calc((1rem + 2vw)/2);
  }
}
/* = end = Font size = */



#digipubcoverpagetiles {
    top: 0;
    position: sticky;
    background: #f2f2f2;
    z-index: 9;
}
@media (pointer: coarse) {
    #digipubcoverpagetiles {
        top: auto;
    }
}
.flexcontainer.coverpagetiles {
    justify-content: center;
    /*padding: 1rem 30px;
    max-width: 1060px;*/
    width: 100%;
    margin: 0 auto!important;
}
.fleximg.CoverPageTilesDiv2 {
    text-align: center;
}
.fleximg.CoverPageTilesDiv2 img {
    -webkit-filter: brightness(33%);
}
a .fleximg.CoverPageTilesDiv2:hover img {
    -webkit-filter: brightness(67%);
}
.CoverPageTilesH1 {
    z-index: 1;
    color: #fff;
    font-weight: 600;
    /*font-size: calc(1rem + 1.3vmin);*/
    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;
}
a.flexitem.flexfigure.CoverPageTilesDiv1 {
    border-bottom: none;
    max-width: calc(93% / 6);  /* ====== these numbers change depending on how many tiles there are (100%-(number of tiles + 1) / number of tiles) =====*/
    margin: 1% 0.5%!important;
}
/*
@media screen and (max-width: 1199px) {
a.flexitem.flexfigure.CoverPageTilesDiv1 {
    border-bottom: none;
    max-width: calc(95% / 4);  /* ====== move to 4 wide when under 1200px =====*//*
    margin: 1% 0.5%!important;
}}


a.flexitem.flexfigure.CoverPageTilesDiv1:first-child {
    margin-left: 1%!important;
}
@media screen and (min-width: 1200px) {
a.flexitem.flexfigure.CoverPageTilesDiv1:last-child {
    margin-right: 1%!important;
}}
@media screen and (max-width: 1199px) {
    a.flexitem.flexfigure.CoverPageTilesDiv1:nth-child(4) {
        margin-right: 1%!important;
    }
    a.flexitem.flexfigure.CoverPageTilesDiv1:nth-child(n + 5) {
        margin-top: 0%!important;
    }
}
*/
/* ====== for 6 tiles =====*/
@media screen and (max-width: 1199px) {
a.flexitem.flexfigure.CoverPageTilesDiv1 {
    border-bottom: none;
    max-width: calc(96% / 3);  /* ====== move to 3 wide when under 1200px =====*/
    margin: 1% 0.5%!important;
    flex-basis: 32%;
}}

@media screen and (max-width: 1199px) {
    /*a.flexitem.flexfigure.CoverPageTilesDiv1:nth-child(3) {
        margin-right: 1%!important;
    }*/
    a.flexitem.flexfigure.CoverPageTilesDiv1:nth-child(n + 4) {
        margin-top: 0%!important;
    }
}

/* ============== END === cover page tiles ================= */