/*
  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: 08 September 2020 15:42:23
*/

@charset "UTF-8";
/*********************
BREAKPOINTS
*********************/
/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
    display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
    position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
    content: attr(data-char);
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    transition: inherit;
    user-select: none;
}

/* Expanded CSS Variables */
.splitting {
    /* The center word index */
    --word-center: calc((var(--word-total) - 1) / 2);
    /* The center character index */
    --char-center: calc((var(--char-total) - 1) / 2);
    /* The center character index */
    --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
    /* Pecent (0-1) of the word's position */
    --word-percent: calc(var(--word-index) / var(--word-total));
    /* Pecent (0-1) of the line's position */
    --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
    /* Percent (0-1) of the char's position */
    --char-percent: calc(var(--char-index) / var(--char-total));
    /* Offset from center, positive & negative */
    --char-offset: calc(var(--char-index) - var(--char-center));
    /* Absolute distance from center, only positive */
    --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center));
    /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
    --distance-sine: calc(var(--char-offset) / var(--char-center));
    /* Distance from center where 1 is far left/far right, 0 is center */
    --distance-percent: calc((var(--distance) / var(--char-center)));
}

/*----------------
 * Chart styles
 */
/* Default D3 tip */
.d3-tip,
.d3-tip-second {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1.4;
    padding: 12px;
    pointer-events: none !important;
    color: #000;
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.1), 0 4px 80px -8px rgba(0, 20, 60, 0.2);
    background-color: #fff;
    border-radius: 4px;
    z-index: 100;
    border-radius: 2px;
    position: absolute;
    transition: opacity 0.2s;
}

.tip-align-left {
    text-align: left;
}

/* Remove tips, they aren't accurate */
/* Creates a small triangle extender for the tooltip */
/* .d3-tip:after,
.d3-tip-second:after {
    box-sizing: border-box;
    display: inline;
    font-size: 10px;
    width: 100%;
    line-height: 1;
    color: #fff;
    position: absolute;
    pointer-events: none;
} */

/* Northward tooltips */
/* .d3-tip.n:after,
.d3-tip-second.n:after {
    content: "▼";
    margin: -2px 0 0 0;
    top: 100%;
    left: 0;
    text-align: center;
} */

/* Eastward tooltips */
/* .d3-tip.e:after,
.d3-tip-second.e:after {
    content: "◀";
    margin: -4px 0 0 0;
    top: 50%;
    left: -8px;
} */

/* Southward tooltips */
/* .d3-tip.s:after,
.d3-tip-second.s:after {
    content: "▲";
    margin: 0 0 1px 0;
    top: -8px;
    left: 0;
    text-align: center;
} */

/* Westward tooltips */
/* .d3-tip.w:after,
.d3-tip-second.w:after {
    content: "▶";
    margin: -4px 0 0 -1px;
    top: 50%;
    left: 100%;
} */

.tip-block {
    display: inline-block;
    min-width: 40px;
    float: right;
    text-align: right;
}

/* Tip bubble */
.d3-tip-bubble {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.4;
    padding: 12px;
    pointer-events: none !important;
    color: white;
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.1), 0 4px 80px -8px rgba(0, 20, 60, 0.2);
    border-radius: 4px;
    border-color: red;
    z-index: 10;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip-bubble:after {
    box-sizing: border-box;
    display: inline;
    font-size: 10px;
    width: 100%;
    line-height: 1;
    color: #fff;
    position: absolute;
    pointer-events: none;
}

/* Northward tooltips */
.d3-tip-bubble.n:after {
    content: "▼";
    margin: -1px 0 0 0;
    top: 100%;
    left: 0;
    text-align: center;
    color: #a76805;
}

/* Eastward tooltips */
.d3-tip-bubble.e:after {
    content: "◀";
    margin: -4px 0 0 0;
    top: 50%;
    left: -7px;
    color: #a76805;
}

/* Southward tooltips */
.d3-tip-bubble.s:after {
    content: "▲";
    margin: 0 0 1px 0;
    top: -8px;
    left: 0;
    text-align: center;
    color: #a76805;
}

/* Westward tooltips */
.d3-tip-bubble.w:after {
    content: "▶";
    margin: -4px 0 0 -1px;
    top: 50%;
    left: 10%;
    color: #a76805;
}

.chart-source {
    float: right;
    clear: both;
    font-size: 0.75em;
    padding: 0;
    font-style: italic;
}
.chart-source.chart-source-sm {
    font-size: 0.6em;
}

.chart-download {
    background-color: #ebebeb;
    padding: 6px 15px;
    border-radius: 5px;
    float: right;
    font-size: 0.8em;
    border: 1px solid #d2d2d2;
    transition: all 0.3s;
    margin: 3px 0 10px;
    position: relative;
    z-index: 5;
}
.chart-download:hover {
    background-color: #fff;
}

.chart-title {
    font-family: "nexa-regular", sans-serif;
    font-weight: normal;
    font-size: 1.3rem;
    padding-top: 0;
}
@media (max-width: 767.98px) {
    .chart-title {
        font-size: 1.1rem;
    }
}
@media (max-width: 575.98px) {
    .chart-title {
        font-size: 1.05rem;
    }
}

.chart-placeholder {
    width: 100%;
    height: 320px;
    margin: 20px 0;
    background: repeating-linear-gradient(
        45deg,
        #dddddd,
        #dddddd 10px,
        transparent 10px,
        transparent 20px
    );
}

.grey-bg .tick text,
.grey-bg .each-bars-text {
    fill: #000 !important;
}

.custom-checkbox {
    padding-left: 0.9rem;
}
.custom-checkbox .custom-control-label {
    font-family: "nexa-regular", sans-serif;
    font-size: 15px;
}
.custom-checkbox .custom-control-label::before {
    transition: all 0.3s;
}
.custom-checkbox input ~ .custom-control-label::before {
    border-color: transparent !important;
}
.custom-checkbox .checkbox-green ~ .custom-control-label::before {
    background-color: #60803d !important;
}
.custom-checkbox .checkbox-orange ~ .custom-control-label::before {
    background-color: #f29c00 !important;
}
.custom-checkbox .checkbox-blue ~ .custom-control-label::before {
    background-color: #075384 !important;
}
.custom-checkbox .checkbox-tan ~ .custom-control-label::before {
    background-color: #e1bea4 !important;
}
.custom-checkbox .checkbox-brown ~ .custom-control-label::before {
    background-color: #a1672a !important;
}
.custom-checkbox .custom-control-label::after {
    background-size: 100%;
    left: 4px;
    top: 2px;
}
.custom-checkbox input[type="checkbox"] + label:before {
    border-radius: 50%;
}

/* Format table inside d3-tip */
.d3-tip table,
.d3-tip-bubble table {
    margin: 0;
}
.d3-tip table th,
.d3-tip table td,
.d3-tip-bubble table th,
.d3-tip-bubble table td {
    background: none;
    vertical-align: middle;
    padding: 0 5px;
    color: #000;
}
.d3-tip table th,
.d3-tip-bubble table th {
    font-weight: 800;
}
.d3-tip table tr:first-child th,
.d3-tip-bubble table tr:first-child th {
    font-family: "nexa-light";
}
.d3-tip table tr:nth-child(even),
.d3-tip table tr.tr-even td,
.d3-tip-bubble table tr:nth-child(even),
.d3-tip-bubble table tr.tr-even td {
    background: none;
}

g.tick line {
    pointer-events: none;
}

.y-axis-label,
.x-axis-label {
    font-family: "nexa-regular", sans-serif;
}

.hoverline-group .hover-arrow-rect,
.hoverline-group .hover-background-rect,
.hoverline-group .hover-text {
    display: none;
}

g.bar-text-wrappers {
    pointer-events: none;
}

.chart-selector {
    background-color: #e5e5e5;
    padding: 14px 0;
    margin-top: 10px;
}
.chart-selector input[type="checkbox"]:checked + label:before {
    background-color: #000 !important;
}
.chart-selector input[type="checkbox"] + label:before {
    background-color: transparent !important;
    border: 2px solid #000 !important;
}

.d3-tip-map {
    width: 140px;
    padding: 12px !important;
    font-size: 15px !important;
    margin-left: -65px;
}
.d3-tip-map .country {
    color: #9f6928;
    font-family: "nexa-light";
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 5px;
    display: block;
}
.d3-tip-map .title {
    display: block;
}
.d3-tip-map .data {
    color: #dc902e;
}
.d3-tip-map .data,
.d3-tip-map .notes {
    display: block;
    font-weight: 600;
}
.d3-tip-map .notes {
    margin-top: 10px;
}

#pdi-main .donut-legend {
    font-family: "nexa-regular", sans-serif;
}
#pdi-main .donut-legend li {
    transition: all 0.2s;
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 27px;
}
#pdi-main .donut-legend li span {
    width: 20px;
    height: 20px;
    background-color: #dadada;
    display: inline-block;
    margin-left: -27px;
    margin-bottom: -5px;
    margin-right: 7px;
    border-radius: 50%;
}

#pdi-main .default-legend {
    text-align: left;
    font-family: "nexa-regular", sans-serif;
    padding: 0;
}
@media (max-width: 767.98px) {
    #pdi-main .default-legend {
        font-size: 0.9rem;
    }
}
@media (max-width: 575.98px) {
    #pdi-main .default-legend {
        font-size: 0.8rem;
    }
}
#pdi-main .default-legend li {
    display: inline-block;
    margin-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 16px;
}

#pdi-main .default-legend li:before {
    content: "" !important;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: transparent;
    display: inline-block;
    position: relative;
    top: 6px;
    left: -7px;
    margin-right: 0;
}

@media (max-width: 767.98px) {
    #pdi-main .default-legend li:before {
        top: 7px;
    }
}
@media (max-width: 575.98px) {
    #pdi-main .default-legend li:before {
        top: 8px;
    }
}
#pdi-main .default-legend li.bordered:before {
    border: 2px solid grey;
}
#pdi-main .default-legend li.legend-checkbox {
    margin-left: 4px;
}
#pdi-main .default-legend li.legend-checkbox .custom-checkbox {
    padding-left: 0;
}
#pdi-main .default-legend li.legend-checkbox:before {
    display: none;
}
#pdi-main .default-legend li.li-chart-source span {
    margin-top: 13px;
}

.each-right-label-wrapper {
    font-family: "nexa-heavy", sans-serif;
    font-size: 1em;
}

/* Chart animations (active upon scroll) */
.scroll-reveal-active {
    /* Initial states */
    /* End states */
}
.scroll-reveal-active rect.each-bar-rect {
    transform: scaleX(0);
    transition: all 0.6s;
}
.scroll-reveal-active rect.each-rect {
    opacity: 0;
    transition: all 1s;
}
.scroll-reveal-active .left-bar-rect {
    opacity: 0;
    transform: scaleY(0);
    transition: all 1s;
}
.scroll-reveal-active .left-bar-circle {
    opacity: 0;
    transition: all 0.6s;
}
.scroll-reveal-active svg:not(.datamap) .arc {
    opacity: 0;
    transform: scale(0) rotate(90deg);
    transition: all 0.6s;
}
.scroll-reveal-active.active rect.each-bar-rect {
    transform: scaleX(1);
}
.scroll-reveal-active.active rect.each-rect {
    opacity: 1;
}
.scroll-reveal-active.active .left-bar-rect {
    opacity: 1;
    transform: scaleY(1);
}
.scroll-reveal-active.active .left-bar-circle {
    opacity: 1;
}
.scroll-reveal-active.active svg:not(.datamap) .arc {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}

/* Mobile Layout Utils */
@media (max-width: 991.98px) {
    .pdi-py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pdi-pt-md-5 {
        padding-top: 3rem !important;
    }

    .pdi-pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .pdi-pl-md-5 {
        padding-left: 3rem !important;
    }

    .pdi-pr-md-5 {
        padding-right: 3rem !important;
    }

    .pdi-py-md-4 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .pdi-pt-md-4 {
        padding-top: 2.5rem !important;
    }

    .pdi-pb-md-4 {
        padding-bottom: 2.5rem !important;
    }

    .pdi-pl-md-4 {
        padding-left: 2.5rem !important;
    }

    .pdi-pr-md-4 {
        padding-right: 2.5rem !important;
    }

    .pdi-py-md-3 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .pdi-pt-md-3 {
        padding-top: 2rem !important;
    }

    .pdi-pb-md-3 {
        padding-bottom: 2rem !important;
    }

    .pdi-pl-md-3 {
        padding-left: 2rem !important;
    }

    .pdi-pr-md-3 {
        padding-right: 2rem !important;
    }

    .pdi-py-md-2 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .pdi-pt-md-2 {
        padding-top: 1.5rem !important;
    }

    .pdi-pb-md-2 {
        padding-bottom: 1.5rem !important;
    }

    .pdi-pl-md-2 {
        padding-left: 1.5rem !important;
    }

    .pdi-pr-md-2 {
        padding-right: 1.5rem !important;
    }

    .pdi-py-md-1 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .pdi-pt-md-1 {
        padding-top: 1rem !important;
    }

    .pdi-pb-md-1 {
        padding-bottom: 1rem !important;
    }

    .pdi-pl-md-1 {
        padding-left: 1rem !important;
    }

    .pdi-pr-md-1 {
        padding-right: 1rem !important;
    }

    .pdi-py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .pdi-pt-md-0 {
        padding-top: 0 !important;
    }

    .pdi-pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pdi-pl-md-0 {
        padding-left: 0 !important;
    }

    .pdi-pr-md-0 {
        padding-right: 0 !important;
    }

    .pdi-my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .pdi-mt-md-5 {
        margin-top: 3rem !important;
    }

    .pdi-mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .pdi-ml-md-5 {
        margin-left: 3rem !important;
    }

    .pdi-mr-md-5 {
        margin-right: 3rem !important;
    }

    .pdi-my-md-4 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .pdi-mt-md-4 {
        margin-top: 2.5rem !important;
    }

    .pdi-mb-md-4 {
        margin-bottom: 2.5rem !important;
    }

    .pdi-ml-md-4 {
        margin-left: 2.5rem !important;
    }

    .pdi-mr-md-4 {
        margin-right: 2.5rem !important;
    }

    .pdi-my-md-3 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .pdi-mt-md-3 {
        margin-top: 2rem !important;
    }

    .pdi-mb-md-3 {
        margin-bottom: 2rem !important;
    }

    .pdi-ml-md-3 {
        margin-left: 2rem !important;
    }

    .pdi-mr-md-3 {
        margin-right: 2rem !important;
    }

    .pdi-my-md-2 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .pdi-mt-md-2 {
        margin-top: 1.5rem !important;
    }

    .pdi-mb-md-2 {
        margin-bottom: 1.5rem !important;
    }

    .pdi-ml-md-2 {
        margin-left: 1.5rem !important;
    }

    .pdi-mr-md-2 {
        margin-right: 1.5rem !important;
    }

    .pdi-my-md-1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .pdi-mt-md-1 {
        margin-top: 1rem !important;
    }

    .pdi-mb-md-1 {
        margin-bottom: 1rem !important;
    }

    .pdi-ml-md-1 {
        margin-left: 1rem !important;
    }

    .pdi-mr-md-1 {
        margin-right: 1rem !important;
    }

    .pdi-my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .pdi-mt-md-0 {
        margin-top: 0 !important;
    }

    .pdi-mb-md-0 {
        margin-bottom: 0 !important;
    }

    .pdi-ml-md-0 {
        margin-left: 0 !important;
    }

    .pdi-mr-md-0 {
        margin-right: 0 !important;
    }
}
@media (max-width: 767.98px) {
    .pdi-py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pdi-pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pdi-pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pdi-pl-sm-5 {
        padding-left: 3rem !important;
    }

    .pdi-pr-sm-5 {
        padding-right: 3rem !important;
    }

    .pdi-py-sm-4 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .pdi-pt-sm-4 {
        padding-top: 2.5rem !important;
    }

    .pdi-pb-sm-4 {
        padding-bottom: 2.5rem !important;
    }

    .pdi-pl-sm-4 {
        padding-left: 2.5rem !important;
    }

    .pdi-pr-sm-4 {
        padding-right: 2.5rem !important;
    }

    .pdi-py-sm-3 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .pdi-pt-sm-3 {
        padding-top: 2rem !important;
    }

    .pdi-pb-sm-3 {
        padding-bottom: 2rem !important;
    }

    .pdi-pl-sm-3 {
        padding-left: 2rem !important;
    }

    .pdi-pr-sm-3 {
        padding-right: 2rem !important;
    }

    .pdi-py-sm-2 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .pdi-pt-sm-2 {
        padding-top: 1.5rem !important;
    }

    .pdi-pb-sm-2 {
        padding-bottom: 1.5rem !important;
    }

    .pdi-pl-sm-2 {
        padding-left: 1.5rem !important;
    }

    .pdi-pr-sm-2 {
        padding-right: 1.5rem !important;
    }

    .pdi-py-sm-1 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .pdi-pt-sm-1 {
        padding-top: 1rem !important;
    }

    .pdi-pb-sm-1 {
        padding-bottom: 1rem !important;
    }

    .pdi-pl-sm-1 {
        padding-left: 1rem !important;
    }

    .pdi-pr-sm-1 {
        padding-right: 1rem !important;
    }

    .pdi-py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .pdi-pt-sm-0 {
        padding-top: 0 !important;
    }

    .pdi-pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pdi-pl-sm-0 {
        padding-left: 0 !important;
    }

    .pdi-pr-sm-0 {
        padding-right: 0 !important;
    }

    .pdi-my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .pdi-mt-sm-5 {
        margin-top: 3rem !important;
    }

    .pdi-mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .pdi-ml-sm-5 {
        margin-left: 3rem !important;
    }

    .pdi-mr-sm-5 {
        margin-right: 3rem !important;
    }

    .pdi-my-sm-4 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .pdi-mt-sm-4 {
        margin-top: 2.5rem !important;
    }

    .pdi-mb-sm-4 {
        margin-bottom: 2.5rem !important;
    }

    .pdi-ml-sm-4 {
        margin-left: 2.5rem !important;
    }

    .pdi-mr-sm-4 {
        margin-right: 2.5rem !important;
    }

    .pdi-my-sm-3 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .pdi-mt-sm-3 {
        margin-top: 2rem !important;
    }

    .pdi-mb-sm-3 {
        margin-bottom: 2rem !important;
    }

    .pdi-ml-sm-3 {
        margin-left: 2rem !important;
    }

    .pdi-mr-sm-3 {
        margin-right: 2rem !important;
    }

    .pdi-my-sm-2 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .pdi-mt-sm-2 {
        margin-top: 1.5rem !important;
    }

    .pdi-mb-sm-2 {
        margin-bottom: 1.5rem !important;
    }

    .pdi-ml-sm-2 {
        margin-left: 1.5rem !important;
    }

    .pdi-mr-sm-2 {
        margin-right: 1.5rem !important;
    }

    .pdi-my-sm-1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .pdi-mt-sm-1 {
        margin-top: 1rem !important;
    }

    .pdi-mb-sm-1 {
        margin-bottom: 1rem !important;
    }

    .pdi-ml-sm-1 {
        margin-left: 1rem !important;
    }

    .pdi-mr-sm-1 {
        margin-right: 1rem !important;
    }

    .pdi-my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .pdi-mt-sm-0 {
        margin-top: 0 !important;
    }

    .pdi-mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .pdi-ml-sm-0 {
        margin-left: 0 !important;
    }

    .pdi-mr-sm-0 {
        margin-right: 0 !important;
    }
}
@media (max-width: 575.98px) {
    .pdi-py-xs-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pdi-pt-xs-5 {
        padding-top: 3rem !important;
    }

    .pdi-pb-xs-5 {
        padding-bottom: 3rem !important;
    }

    .pdi-pl-xs-5 {
        padding-left: 3rem !important;
    }

    .pdi-pr-xs-5 {
        padding-right: 3rem !important;
    }

    .pdi-py-xs-4 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .pdi-pt-xs-4 {
        padding-top: 2.5rem !important;
    }

    .pdi-pb-xs-4 {
        padding-bottom: 2.5rem !important;
    }

    .pdi-pl-xs-4 {
        padding-left: 2.5rem !important;
    }

    .pdi-pr-xs-4 {
        padding-right: 2.5rem !important;
    }

    .pdi-py-xs-3 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .pdi-pt-xs-3 {
        padding-top: 2rem !important;
    }

    .pdi-pb-xs-3 {
        padding-bottom: 2rem !important;
    }

    .pdi-pl-xs-3 {
        padding-left: 2rem !important;
    }

    .pdi-pr-xs-3 {
        padding-right: 2rem !important;
    }

    .pdi-py-xs-2 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .pdi-pt-xs-2 {
        padding-top: 1.5rem !important;
    }

    .pdi-pb-xs-2 {
        padding-bottom: 1.5rem !important;
    }

    .pdi-pl-xs-2 {
        padding-left: 1.5rem !important;
    }

    .pdi-pr-xs-2 {
        padding-right: 1.5rem !important;
    }

    .pdi-py-xs-1 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .pdi-pt-xs-1 {
        padding-top: 1rem !important;
    }

    .pdi-pb-xs-1 {
        padding-bottom: 1rem !important;
    }

    .pdi-pl-xs-1 {
        padding-left: 1rem !important;
    }

    .pdi-pr-xs-1 {
        padding-right: 1rem !important;
    }

    .pdi-py-xs-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .pdi-pt-xs-0 {
        padding-top: 0 !important;
    }

    .pdi-pb-xs-0 {
        padding-bottom: 0 !important;
    }

    .pdi-pl-xs-0 {
        padding-left: 0 !important;
    }

    .pdi-pr-xs-0 {
        padding-right: 0 !important;
    }

    .pdi-my-xs-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .pdi-mt-xs-5 {
        margin-top: 3rem !important;
    }

    .pdi-mb-xs-5 {
        margin-bottom: 3rem !important;
    }

    .pdi-ml-xs-5 {
        margin-left: 3rem !important;
    }

    .pdi-mr-xs-5 {
        margin-right: 3rem !important;
    }

    .pdi-my-xs-4 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .pdi-mt-xs-4 {
        margin-top: 2.5rem !important;
    }

    .pdi-mb-xs-4 {
        margin-bottom: 2.5rem !important;
    }

    .pdi-ml-xs-4 {
        margin-left: 2.5rem !important;
    }

    .pdi-mr-xs-4 {
        margin-right: 2.5rem !important;
    }

    .pdi-my-xs-3 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .pdi-mt-xs-3 {
        margin-top: 2rem !important;
    }

    .pdi-mb-xs-3 {
        margin-bottom: 2rem !important;
    }

    .pdi-ml-xs-3 {
        margin-left: 2rem !important;
    }

    .pdi-mr-xs-3 {
        margin-right: 2rem !important;
    }

    .pdi-my-xs-2 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .pdi-mt-xs-2 {
        margin-top: 1.5rem !important;
    }

    .pdi-mb-xs-2 {
        margin-bottom: 1.5rem !important;
    }

    .pdi-ml-xs-2 {
        margin-left: 1.5rem !important;
    }

    .pdi-mr-xs-2 {
        margin-right: 1.5rem !important;
    }

    .pdi-my-xs-1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .pdi-mt-xs-1 {
        margin-top: 1rem !important;
    }

    .pdi-mb-xs-1 {
        margin-bottom: 1rem !important;
    }

    .pdi-ml-xs-1 {
        margin-left: 1rem !important;
    }

    .pdi-mr-xs-1 {
        margin-right: 1rem !important;
    }

    .pdi-my-xs-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .pdi-mt-xs-0 {
        margin-top: 0 !important;
    }

    .pdi-mb-xs-0 {
        margin-bottom: 0 !important;
    }

    .pdi-ml-xs-0 {
        margin-left: 0 !important;
    }

    .pdi-mr-xs-0 {
        margin-right: 0 !important;
    }
}

/*****************
 * End Notes Page
 */
.page-end-notes {
    /*****************
   * Page Parent Section Styles
   */
}
.page-end-notes ::selection {
    background-color: #99b4e0;
}
.page-end-notes a:hover {
    color: #1c355e;
}
.page-end-notes h1,
.page-end-notes h2,
.page-end-notes h3,
.page-end-notes h4,
.page-end-notes .chart-subheading {
    color: #1c355e;
}
.page-end-notes section.pdi-breakout .btn {
    background-color: #1c355e;
}
.page-end-notes section.pdi-breakout .btn:hover {
    background-color: #101f37;
}
@media (max-width: 2400px) {
    .page-end-notes section.pdi-header {
        background-color: #1c355e;
    }
}
.page-end-notes section.pdi-key-metrics ul li {
    border-color: #1c355e;
}
.page-end-notes section.pdi-content h1 {
    border-bottom-color: #1c355e;
}
.page-end-notes section.pdi-key-metrics ul li .metric-name,
.page-end-notes section.pdi-key-metrics ul li .metric-number {
    color: #1c355e;
}
.page-end-notes .key-metric-icon span svg * {
    stroke: #1c355e !important;
}
.page-end-notes section.pdi-breakout {
    background-color: #1c355e;
}
.page-end-notes section.highlight-bg {
    background-color: #e9f2d1;
}
.page-end-notes .img-swipe-wrapper .img-swipe {
    background-color: #1c355e;
}
.page-end-notes .circle-icon {
    background-color: #1c355e;
}
.page-end-notes .source-highlight {
    background-color: rgba(255, 255, 0, 0.212) !important;
    transition: background-color 3s;
}
.page-end-notes section.pdi-content h1 {
    color: #1e305e;
    border-bottom: 3px solid #1e305e;
}
.page-end-notes .table-end-notes tr {
    background-color: transparent;
}
.page-end-notes .table-end-notes tr td:first-child {
    font-size: 1.2em;
    font-weight: bold;
    color: #1e305e;
    padding-top: 6px;
    padding-bottom: 6px;
}
.page-end-notes .table-end-notes td {
    padding: 10px 15px;
}
@media (max-width: 767.98px) {
    .page-end-notes .table-end-notes {
        font-size: 0.9em;
    }
}

table.table-sources {
    width: auto;
}

.page-end-notes #sources {
    background-color: #eff7ff !important;
}
.page-end-notes .table-sources tr {
    background-color: transparent;
}
.page-end-notes .table-sources td {
    padding: 10px 15px;
    box-sizing: border-box;
}

.page-end-notes .table-sources a {
    word-break: break-all;
}
@media (max-width: 767.98px) {
    .page-end-notes .table-sources {
        font-size: 0.9em;
    }
}

/*****************
 * Foreword Page
 */
.page-foreword {
    /*****************
   * Page Parent Section Styles
   */
}
.page-foreword ::selection {
    background-color: #99b4e0;
}
.page-foreword a:hover {
    color: #1c355e;
}
.page-foreword h1,
.page-foreword h2,
.page-foreword h3,
.page-foreword h4,
.page-foreword .chart-subheading {
    color: #1c355e;
}
.page-foreword section.pdi-breakout .btn {
    background-color: #1c355e;
}
.page-foreword section.pdi-breakout .btn:hover {
    background-color: #101f37;
}
@media (max-width: 2400px) {
    .page-foreword section.pdi-header {
        background-color: #1c355e;
    }
}
.page-foreword section.pdi-key-metrics ul li {
    border-color: #1c355e;
}
.page-foreword section.pdi-content h1 {
    border-bottom-color: #1c355e;
}
.page-foreword section.pdi-key-metrics ul li .metric-name,
.page-foreword section.pdi-key-metrics ul li .metric-number {
    color: #1c355e;
}
.page-foreword .key-metric-icon span svg * {
    stroke: #1c355e !important;
}
.page-foreword section.pdi-breakout {
    background-color: #1c355e;
}
.page-foreword section.highlight-bg {
    background-color: #e9f2d1;
}
.page-foreword .img-swipe-wrapper .img-swipe {
    background-color: #1c355e;
}
.page-foreword .circle-icon {
    background-color: #1c355e;
}
.page-foreword #home-stamp {
    display: block;
    height: 200px;
    margin-bottom: 0px;
}
@media (max-width: 991.98px) {
    .page-foreword #home-stamp {
        max-height: 150px;
        margin-top: -78px;
    }
}
@media (max-width: 767.98px) {
    .page-foreword #home-stamp {
        margin-top: -85px;
        max-height: 100px;
    }
}
.page-foreword #home-stamp #stamp-rotate-layer {
    animation: rotating 80s linear infinite;
    transform-origin: 50% 50%;
}
@keyframes rotating {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
#tiles-industries .industries-row {
    margin-top: 50px;
}
#tiles-industries .industries-row > div {
    padding-left: 10px;
    padding-right: 10px;
}
#tiles-industries a {
    text-decoration: none;
}
#tiles-industries .industry-box {
    text-align: center;
    padding: 40px;
    height: 280px;
    margin-bottom: 20px;
    justify-content: center;
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
    background-color: #000;
}
#tiles-industries .industry-box:hover .industry-box-bg {
    transform: scale(1.15);
}
#tiles-industries .industry-box .industry-box-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    transform: scale(1);
    transition: 0.6s all;
    background-size: cover;
    background-position: center;
}
#tiles-industries .industry-box h3 {
    font-size: 1.4em;
    position: relative;
    z-index: 2;
    color: #fff;
    font-family: "nexa-heavy", sans-serif;
}
#tiles-industries .industry-box img {
    position: relative;
    z-index: 2;
    width: 135px;
    height: 135px;
    margin: auto;
}
@media (max-width: 991.98px) {
    #tiles-industries .industry-box {
        padding: 20px;
        height: 220px;
    }
    #tiles-industries .industry-box img {
        width: 90px;
        height: 90px;
    }
    #tiles-industries .industry-box h3 {
        font-size: 1.1em;
    }
}
@media (max-width: 767.98px) {
    #tiles-industries .industry-box img {
        width: 80px;
        height: 80px;
    }
}
#tiles-industries #industry-links {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 280px;
}
@media (max-width: 991.98px) {
    #tiles-industries #industry-links {
        height: 220px;
    }
}
#tiles-industries #industry-links .btn {
    background-color: #202d60;
    border-radius: 30px;
    padding: 20px 40px 20px 20px;
    text-align: center;
    width: 100%;
    height: auto;
    font-size: 1.05em;
    text-align: left;
    white-space: normal;
}
@media (max-width: 1199.98px) {
    #tiles-industries #industry-links .btn {
        font-size: 0.9em;
        padding: 13px 40px 13px 20px;
    }
}
#tiles-industries #industry-links .btn:hover {
    color: #fff;
    background-color: #121d3d;
}
#tiles-industries #industry-links .btn img {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 30px;
}
@media (max-width: 1199.98px) {
    #tiles-industries #industry-links .btn img {
        width: 18px;
        height: 18px;
    }
}
@media (max-width: 575.98px) {
    .page-foreword .col-featured-image {
        text-align: center;
    }
    .page-foreword .col-featured-image img:first-child {
        margin: auto;
        max-width: 75%;
        margin-top: 35px;
    }
}
.page-foreword .bio-name {
    text-align: right;
}
@media (max-width: 575.98px) {
    .page-foreword .bio-name {
        text-align: center;
    }
    .page-foreword .bio-name img {
        margin: auto;
    }
}
.page-foreword .foreword-name {
    margin-top: 12px;
}
.page-foreword .signature {
    width: auto;
    box-shadow: none;
    margin: 0;
}
@media (max-width: 991.98px) {
    .page-foreword .signature {
        max-width: 180px;
    }
}
@media (max-width: 767.98px) {
    .page-foreword .signature {
        max-width: 140px;
    }
}
.page-foreword #section-director-general {
    background-repeat: no-repeat;
    background-position: -290px 100%;
    background-size: 90%;
}
@media (max-width: 575.98px) {
    .page-foreword #section-director-general {
        background-position: center bottom;
        background-size: 400%;
    }
}
@media (max-width: 767.98px) {
    .page-foreword #section-director-general {
        background-position: center bottom;
        background-size: 300%;
    }
}

/*****************
 * Export Page
 */
.page-export {
    /*****************
   * Page Parent Section Styles
   */
}
.page-export ::selection {
    background-color: #99b4e0;
}
.page-export a:hover {
    color: #1c355e;
}
.page-export h1,
.page-export h2,
.page-export h3,
.page-export h4,
.page-export .chart-subheading {
    color: #1c355e;
}
.page-export section.pdi-breakout .btn {
    background-color: #1c355e;
}
.page-export section.pdi-breakout .btn:hover {
    background-color: #101f37;
}
@media (max-width: 2400px) {
    .page-export section.pdi-header {
        background-color: #1c355e;
    }
}
.page-export section.pdi-key-metrics ul li {
    border-color: #1c355e;
}
.page-export section.pdi-content h1 {
    border-bottom-color: #1c355e;
}
.page-export section.pdi-key-metrics ul li .metric-name,
.page-export section.pdi-key-metrics ul li .metric-number {
    color: #1c355e;
}
.page-export .key-metric-icon span svg * {
    stroke: #1c355e !important;
}
.page-export section.pdi-breakout {
    background-color: #1c355e;
}
.page-export section.highlight-bg {
    background-color: #e9f2d1;
}
.page-export .img-swipe-wrapper .img-swipe {
    background-color: #1c355e;
}
.page-export .circle-icon {
    background-color: #1c355e;
}
.page-export #china-export,
.page-export #us-export {
    max-width: 350px;
}
@media (min-width: 992px) {
    .page-export #export-destinations .col-md-4 {
        padding-right: 0;
    }
    .page-export #export-destinations .col-md-8 {
        padding-left: 0;
    }
}
.page-export #chart-export-bar .legend {
    position: absolute;
    transform: rotate(-45deg) translate(-18px, 41px);
    transform-origin: bottom left;
    font-size: 0.6em;
}
.page-export #export-donuts .export-donut {
    width: 49%;
    display: inline-block;
    text-align: center;
}
.page-export #export-donuts .export-donut > div {
    transition: all 0.3s !important;
}
.page-export #export-donuts .export-donut h3 {
    margin: 10px auto 0 !important;
    font-size: 1.1em;
    font-family: "nexa-regular", sans-serif;
    font-weight: normal;
    padding: 0;
}
.page-export #donuts-legend {
    font-size: 0.9em;
}
.page-export #donuts-legend li {
    transition: all 0.3s;
    cursor: default;
}
.page-export #donuts-legend #legend-cropping::before {
    background-color: #657d45;
}
.page-export #donuts-legend #legend-livestock::before {
    background-color: #95692a;
}
.page-export #donuts-legend #legend-horticulture::before {
    background-color: #a12b2b;
}
.page-export #donuts-legend #legend-fisheries::before {
    background-color: #1c5380;
}
.page-export #donuts-legend #legend-forestry::before {
    background-color: #128062;
}
.page-export #export-map {
    margin-top: -50px;
}
.page-export #export-map .d3-tip-map {
    text-align: center;
}
.page-export #export-map .d3-tip-map .country {
    text-align: left;
}
.page-export #export-map .d3-tip-map .notes {
    font-size: 0.8em;
    font-weight: normal !important;
    font-family: "nexa-regular", sans-serif;
    text-align: left;
}
.page-export #export-map .d3-tip-map img {
    width: 75%;
    margin: auto;
    margin-bottom: 5px;
}
.page-export circle.datamaps-bubble-pulse {
    animation: pulse 2.5s infinite;
    stroke: #5d5d5d !important;
    pointer-events: none;
}
@keyframes pulse {
    0% {
        stroke-width: 0px;
        stroke-opacity: 1;
    }
    100% {
        stroke-width: 35px;
        stroke-opacity: 0;
    }
}

/*****************
 * Macro Page
 */
.page-macro {
    /*****************
   * Page Parent Section Styles
   */
}
.page-macro ::selection {
    background-color: #99b4e0;
}
.page-macro a:hover {
    color: #1c355e;
}
.page-macro h1,
.page-macro h2,
.page-macro h3,
.page-macro h4,
.page-macro .chart-subheading {
    color: #1c355e;
}
.page-macro section.pdi-breakout .btn {
    background-color: #1c355e;
}
.page-macro section.pdi-breakout .btn:hover {
    background-color: #101f37;
}
@media (max-width: 2400px) {
    .page-macro section.pdi-header {
        background-color: #1c355e;
    }
}
.page-macro section.pdi-key-metrics ul li {
    border-color: #1c355e;
}
.page-macro section.pdi-content h1 {
    border-bottom-color: #1c355e;
}
.page-macro section.pdi-key-metrics ul li .metric-name,
.page-macro section.pdi-key-metrics ul li .metric-number {
    color: #1c355e;
}
.page-macro .key-metric-icon span svg * {
    stroke: #1c355e !important;
}
.page-macro section.pdi-breakout {
    background-color: #1c355e;
}
.page-macro section.highlight-bg {
    background-color: #e9f2d1;
}
.page-macro .img-swipe-wrapper .img-swipe {
    background-color: #1c355e;
}
.page-macro .circle-icon {
    background-color: #1c355e;
}
@media (max-width: 575.98px) {
    .page-macro section.pdi-header .pdi-header-left h1 {
        font-size: 2.3rem;
    }
}
.page-macro #legend-exchange {
    margin-left: 35px;
}
.page-macro #legend-exchange #legend-usd:before {
    border-color: #e2962e;
}
.page-macro #legend-exchange #legend-cny:before {
    border-color: #1e305e;
}
.page-macro #legend-fertiliser {
    margin-left: 35px;
}
.page-macro #legend-fertiliser #legend-dap:before {
    border-color: #1e305e;
}
.page-macro #legend-fertiliser #legend-urea:before {
    border-color: #e2962e;
}
.page-macro #legend-freight {
    margin-left: 35px;
}
.page-macro #legend-freight #legend-igc:before {
    border-color: #e2962e;
}
.page-macro #legend-freight #legend-aus:before {
    border-color: #1e305e;
}
.page-macro #container-freight h5 {
    font-family: "nexa-regular", sans-serif;
    color: #1c355e;
    /* TODO */
    /* padding-top: 0; */
    padding-bottom: 20px;
}
.page-macro .chart-container {
    opacity: 0;
    transition: all 0.2s;
    width: 100%;
}
.page-macro .chart-selector {
    margin-top: 3.8rem;
}
.page-macro .chart-selector label {
    min-width: 166px;
    margin-top: 4px;
    margin-bottom: 4px;
}

/*****************
 * Regional Output Page
 */
.page-regional-output {
    /*****************
   * Page Parent Section Styles
   */
}
.page-regional-output ::selection {
    background-color: #99b4e0;
}
.page-regional-output a:hover {
    color: #1c355e;
}
.page-regional-output h1,
.page-regional-output h2,
.page-regional-output h3,
.page-regional-output h4,
.page-regional-output .chart-subheading {
    color: #1c355e;
}
.page-regional-output section.pdi-breakout .btn {
    background-color: #1c355e;
}
.page-regional-output section.pdi-breakout .btn:hover {
    background-color: #101f37;
}
@media (max-width: 2400px) {
    .page-regional-output section.pdi-header {
        background-color: #1c355e;
    }
}
.page-regional-output section.pdi-key-metrics ul li {
    border-color: #1c355e;
}
.page-regional-output section.pdi-content h1 {
    border-bottom-color: #1c355e;
}
.page-regional-output section.pdi-key-metrics ul li .metric-name,
.page-regional-output section.pdi-key-metrics ul li .metric-number {
    color: #1c355e;
}
.page-regional-output .key-metric-icon span svg * {
    stroke: #1c355e !important;
}
.page-regional-output section.pdi-breakout {
    background-color: #1c355e;
}
.page-regional-output section.highlight-bg {
    background-color: #e9f2d1;
}
.page-regional-output .img-swipe-wrapper .img-swipe {
    background-color: #1c355e;
}
.page-regional-output .circle-icon {
    background-color: #1c355e;
}
.page-regional-output .section-region {
    padding-top: 50px;
    padding-bottom: 50px;
}
.page-regional-output .row-title h1 {
    border-bottom: 0;
    margin-bottom: 0;
}
h5.section-subheading {
    font-family: "nexa-regular", sans-serif;
    color: #1c355e;
    padding-top: 8px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 3px solid #1c355e;
}
@media (min-width: 1200px) {
    .page-regional-output #map-container {
        padding-right: 0 !important;
    }
    .page-regional-output #donut-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
.page-regional-output #btn-show-top-ten {
    background: #bbbabb;
    font-family: "nexa-regular", sans-serif;
    text-transform: uppercase;
    padding: 9px 14px;
    margin: -10px 0 20px;
}
.page-regional-output #btn-show-top-ten:hover {
    background: #e2962e !important;
    color: #fff;
}
.page-regional-output #chart-donut .arc path {
    stroke: #fff;
    stroke-width: 4px;
}

/*****************
 * Executive Summary Page
 */
.page-pdi-home {
    /*****************
   * Page Parent Section Styles
   */
}
.page-pdi-home ::selection {
    background-color: #99b4e0;
}
.page-pdi-home a:hover {
    color: #1c355e;
}
.page-pdi-home h1,
.page-pdi-home h2,
.page-pdi-home h3,
.page-pdi-home h4,
.page-pdi-home .chart-subheading {
    color: #1c355e;
}
.page-pdi-home section.pdi-breakout .btn {
    background-color: #1c355e;
}
.page-pdi-home section.pdi-breakout .btn:hover {
    background-color: #101f37;
}
@media (max-width: 2400px) {
    .page-pdi-home section.pdi-header {
        background-color: #1c355e;
    }
}
.page-pdi-home section.pdi-key-metrics ul li {
    border-color: #1c355e;
}
.page-pdi-home section.pdi-content h1 {
    border-bottom-color: #1c355e;
}
.page-pdi-home section.pdi-key-metrics ul li .metric-name,
.page-pdi-home section.pdi-key-metrics ul li .metric-number {
    color: #1c355e;
}
.page-pdi-home .key-metric-icon span svg * {
    stroke: #1c355e !important;
}
.page-pdi-home section.pdi-breakout {
    background-color: #1c355e;
}
.page-pdi-home section.highlight-bg {
    background-color: #e9f2d1;
}
.page-pdi-home .img-swipe-wrapper .img-swipe {
    background-color: #1c355e;
}
.page-pdi-home .circle-icon {
    background-color: #1c355e;
}
.page-pdi-home .grey-bg p {
    font-size: 1rem;
}
.page-pdi-home .grey-bg img {
    margin-bottom: 3.4rem;
}
.page-pdi-home #section-output {
    background-repeat: no-repeat;
    background-position: -290px 100%;
    background-size: 90%;
}
@media (max-width: 575.98px) {
    .page-executive-summary #section-output {
        background-position: center bottom;
        background-size: 400%;
    }
}
@media (max-width: 767.98px) {
    .page-executive-summary #section-output {
        background-position: center bottom;
        background-size: 300%;
    }
}
.page-executive-summary #section-output text.last-label-text {
    display: none;
}
.page-executive-summary #section-output .filters .filter-item {
    display: inline-block;
    margin: 0 20px 20px;
    font-weight: 700;
    font-family: "nexa-regular";
}
.page-executive-summary #section-output #chart-output text {
    font-size: 13px;
    font-family: "nexa-regular";
}
@media (max-width: 767.98px) {
    .page-executive-summary #section-output #chart-output .tick text {
        font-size: 2vw;
    }
}

/*****************
 * Statistic Tables Page
 */
.page-statistics-tables #stat-menu a {
    text-decoration: none;
}
.page-statistics-tables #stat-menu ul li {
    font-size: 1.7em;
    color: #1e305e;
    margin: 10px 0 10px 0;
    padding: 0;
    cursor: pointer;
}
.page-statistics-tables #stat-menu ul li.active,
.page-statistics-tables #stat-menu ul li:hover {
    color: #fff;
    border-radius: 25px;
}
.page-statistics-tables #stat-menu ul li img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 4px;
    margin: 0px 9px -4px 0;
    vertical-align: text-bottom;
}
.page-statistics-tables .ul-livestock li img,
.page-statistics-tables .ul-livestock li.active,
.page-statistics-tables .ul-livestock li:hover,
.page-statistics-tables .table-livestock th {
    background-color: #916828;
}
.page-statistics-tables .ul-cropping li img,
.page-statistics-tables .ul-cropping li.active,
.page-statistics-tables .ul-cropping li:hover,
.page-statistics-tables .table-cropping th {
    background-color: #677c44;
}
.page-statistics-tables #li-oilseeds img,
.page-statistics-tables #li-oilseeds.active,
.page-statistics-tables #li-oilseeds:hover,
.page-statistics-tables .table-oilseeds th {
    background-color: #677c44;
}
.page-statistics-tables #li-horticulture img,
.page-statistics-tables #li-horticulture.active,
.page-statistics-tables #li-horticulture:hover,
.page-statistics-tables .table-horticulture th {
    background-color: #ae2b2c;
}
.page-statistics-tables #li-fisheries img,
.page-statistics-tables #li-fisheries.active,
.page-statistics-tables #li-fisheries:hover,
.page-statistics-tables .table-fisheries th {
    background-color: #357a8e;
}
.page-statistics-tables #li-wine img,
.page-statistics-tables #li-wine.active,
.page-statistics-tables #li-wine:hover,
.page-statistics-tables .table-wine th {
    background-color: #963560;
}
.page-statistics-tables #li-rec-fishing img,
.page-statistics-tables #li-rec-fishing.active,
.page-statistics-tables #li-rec-fishing:hover,
.page-statistics-tables .table-rec-fishing th {
    background-color: #1d5585;
}
.page-statistics-tables #li-rec-hunting img,
.page-statistics-tables #li-rec-hunting.active,
.page-statistics-tables #li-rec-hunting:hover,
.page-statistics-tables .table-rec-hunting th {
    background-color: #1d5585;
}
.page-statistics-tables #li-forestry img,
.page-statistics-tables #li-forestry.active,
.page-statistics-tables #li-forestry:hover,
.page-statistics-tables .table-forestry th {
    background-color: #128464;
}
.page-statistics-tables .stats-container {
    padding-top: 60px;
    padding-bottom: 0px;
}
.stat-display-info-name {
    display: flex;
    align-items: center;
}
.page-statistics-tables .row-stat-header .industry-icon {
    background-color: #916828;
    border-radius: 50%;
    min-width: 100px;
    height: 100px;
    display: inline-block;
}
.page-statistics-tables .row-stat-header img {
    width: 100px;
    height: 100px;
    padding: 12px;
}

.row-stat-header h2.pdi-section-header {
    margin-bottom: 0px;
}

.page-statistics-tables .row-stat-header h1 {
    display: inline;
    margin-left: 20px;
    border-bottom: 2px solid #1e305e;
    padding-bottom: 3px;
}
.page-statistics-tables .table-download {
    background-color: #e6e6e6;
    padding: 6px 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    right: 30px;
    margin-top: -32px;
    z-index: 1;
    font-size: 0.9em;
}
.page-statistics-tables table {
    border: 0;
    margin-top: 15px;
    font-size: 0.9em;
}
.page-statistics-tables table td {
    vertical-align: middle;
}

.page-statistics-tables table tr:nth-child(even),
.page-statistics-tables table tr.tr-even td {
    background-color: #f5f5f5;
}
.page-statistics-tables table th {
    padding-top: 12px;
    padding-bottom: 12px;
    vertical-align: bottom;
    text-align: center;
}
.page-statistics-tables table th:last-child {
    width: 10%;
}
.page-statistics-tables table .row-source td {
    background-color: #e6e8ec;
}
.page-statistics-tables .table-normal-last-child td:last-child {
    font-size: inherit;
}
.page-statistics-tables .table-normal-last-child th:last-child {
    width: inherit;
}
.page-statistics-tables .table-totals td:first-child {
    padding-left: 20px;
}
.page-statistics-tables .table-totals .row-total td {
    padding-left: 5px;
    background-color: #ced6ea;
    font-weight: 600;
}
.page-statistics-tables #stats-exports table tr:not(.row-total) td:first-child {
    text-align: right;
    font-style: italic;
}
.page-statistics-tables #stats-exports td:first-child {
    padding-left: 20px;
}
.page-statistics-tables #stats-exports .align-left {
    text-align: left !important;
    font-style: normal !important;
}
.page-statistics-tables .footnotes {
    font-size: 0.85em;
    line-height: 1.7em;
}
.page-statistics-tables .footnotes .stat-footnotes {
    font-weight: bold;
}
.page-statistics-tables #stats-beef th,
.page-statistics-tables #stats-beef .industry-icon,
.page-statistics-tables #stats-milk th,
.page-statistics-tables #stats-milk .industry-icon,
.page-statistics-tables #stats-eggs th,
.page-statistics-tables #stats-eggs .industry-icon,
.page-statistics-tables #stats-pork th,
.page-statistics-tables #stats-pork .industry-icon,
.page-statistics-tables #stats-poultry th,
.page-statistics-tables #stats-poultry .industry-icon,
.page-statistics-tables #stats-wool th,
.page-statistics-tables #stats-wool .industry-icon,
.page-statistics-tables #stats-sheep th,
.page-statistics-tables #stats-sheep .industry-icon {
    background-color: #916828;
}
.page-statistics-tables #stats-barley th,
.page-statistics-tables #stats-barley .industry-icon,
.page-statistics-tables #stats-cotton th,
.page-statistics-tables #stats-cotton .industry-icon,
.page-statistics-tables #stats-rice th,
.page-statistics-tables #stats-rice .industry-icon,
.page-statistics-tables #stats-sugarcane th,
.page-statistics-tables #stats-sugarcane .industry-icon,
.page-statistics-tables #stats-wheat th,
.page-statistics-tables #stats-wheat .industry-icon,
.page-statistics-tables #stats-pulses th,
.page-statistics-tables #stats-pulses .industry-icon,
.page-statistics-tables #stats-sorghum th,
.page-statistics-tables #stats-sorghum .industry-icon,
.page-statistics-tables #stats-oilseeds th,
.page-statistics-tables #stats-oilseeds .industry-icon {
    background-color: #677c44;
}
.page-statistics-tables #stats-horticulture th,
.page-statistics-tables #stats-horticulture .industry-icon {
    background-color: #ae2b2c;
}
.page-statistics-tables #stats-fisheries th,
.page-statistics-tables #stats-fisheries .industry-icon {
    background-color: #357a8e;
}
.page-statistics-tables #stats-wine th,
.page-statistics-tables #stats-wine .industry-icon {
    background-color: #963560;
}
.page-statistics-tables #stats-forestry th,
.page-statistics-tables #stats-forestry .industry-icon {
    background-color: #128464;
}
.page-statistics-tables #stats-other-crops th,
.page-statistics-tables #stats-other-crops .industry-icon,
.page-statistics-tables #stats-output th,
.page-statistics-tables #stats-output .industry-icon,
.page-statistics-tables #stats-production th,
.page-statistics-tables #stats-production .industry-icon,
.page-statistics-tables #stats-prices th,
.page-statistics-tables #stats-prices .industry-icon,
.page-statistics-tables #stats-exports th,
.page-statistics-tables #stats-exports .industry-icon,
.page-statistics-tables #stats-imports th,
.page-statistics-tables #stats-imports .industry-icon,
.page-statistics-tables #stats-jobs th,
.page-statistics-tables #stats-jobs .industry-icon {
    background-color: #1e305e;
}
.page-statistics-tables #stats-jobs {
    padding-bottom: 100px;
}

/*****************
 * Cropping Overview Page
 */
.page-cropping-overview {
    /*****************
   * Page Parent Section Styles
   */
}
.page-cropping-overview ::selection {
    background-color: #e2e9d6;
}
.page-cropping-overview a:hover {
    color: #677c44;
}
.page-cropping-overview h1,
.page-cropping-overview h2,
.page-cropping-overview h3,
.page-cropping-overview h4,
.page-cropping-overview .chart-subheading {
    color: #677c44;
}
.page-cropping-overview section.pdi-breakout .btn {
    background-color: #677c44;
}
.page-cropping-overview section.pdi-breakout .btn:hover {
    background-color: #4c5b32;
}
@media (max-width: 2400px) {
    .page-cropping-overview section.pdi-header {
        background-color: #677c44;
    }
}
.page-cropping-overview section.pdi-key-metrics ul li {
    border-color: #677c44;
}
.page-cropping-overview section.pdi-content h1 {
    border-bottom-color: #677c44;
}
.page-cropping-overview section.pdi-key-metrics ul li .metric-name,
.page-cropping-overview section.pdi-key-metrics ul li .metric-number {
    color: #677c44;
}
.page-cropping-overview .key-metric-icon span svg * {
    stroke: #677c44 !important;
}
.page-cropping-overview section.pdi-breakout {
    background-color: #677c44;
}
.page-cropping-overview section.highlight-bg {
    background-color: #e9f2d1;
}
.page-cropping-overview .img-swipe-wrapper .img-swipe {
    background-color: #677c44;
}
.page-cropping-overview .circle-icon {
    background-color: #677c44;
}
.page-cropping-overview .overview-header-icons .overview-icon-row .overview-icon-link {
    background-color: #677c44;
    border-color: #a29f4b;
    color: #677c44;
}
.page-cropping-overview .overview-header-icons .overview-icon-row .overview-icon-link:hover {
    background-color: #3d441d;
}
.page-cropping-overview .chart-title {
    line-height: 1.4em;
}
.page-cropping-overview .tick text {
    font-size: 11px;
}
.page-cropping-overview .bar-text-wrappers {
    transform: translateY(30px);
}
.page-cropping-overview .y-axis-label {
    font-size: 13px;
}
.page-cropping-overview .y-axis-right-label-wrapper .y-axis-label {
    transform: rotate(180deg);
}
.page-cropping-overview .y-axis-label,
.page-cropping-overview .x-axis-label,
.page-cropping-overview .bar-texts {
    font-family: "nexa-regular", sans-serif;
}
.page-cropping-overview .bar-texts {
    font-size: 15px;
}
@media (max-width: 991.98px) {
    .page-cropping-overview .bar-texts {
        font-size: 12px;
    }
}
@media (max-width: 669px) {
    .page-cropping-overview .bar-texts {
        font-size: 11px;
        transform: rotate(-45deg) translate(-20px, -76px);
        text-anchor: end;
    }
    .page-cropping-overview .image-backgrounds,
    .page-cropping-overview .bar-image {
        transform: translate(0px, -26px);
    }
}
@media (max-width: 450px) {
    .page-cropping-overview .image-backgrounds,
    .page-cropping-overview .bar-image {
        display: none;
    }
    .page-cropping-overview .bar-texts {
        font-size: 10px;
        transform: rotate(-45deg) translate(4px, -101px);
    }
}
.page-cropping-overview #legend-output {
    margin-left: 62px;
}
.page-cropping-overview #legend-output #legend-industry:before {
    background-color: #77933c;
}
.page-cropping-overview #legend-output #legend-yoy:before {
    background-color: #d7e4bd;
}

/*****************
 * Barley Page
 */
.page-barley {
    /*****************
   * Page Parent Section Styles
   */
}
.page-barley ::selection {
    background-color: #e2e9d6;
}
.page-barley a:hover {
    color: #677c44;
}
.page-barley h1,
.page-barley h2,
.page-barley h3,
.page-barley h4,
.page-barley .chart-subheading {
    color: #677c44;
}
.page-barley section.pdi-breakout .btn {
    background-color: #677c44;
}
.page-barley section.pdi-breakout .btn:hover {
    background-color: #4c5b32;
}
@media (max-width: 2400px) {
    .page-barley section.pdi-header {
        background-color: #677c44;
    }
}
.page-barley section.pdi-key-metrics ul li {
    border-color: #677c44;
}
.page-barley section.pdi-content h1 {
    border-bottom-color: #677c44;
}
.page-barley section.pdi-key-metrics ul li .metric-name,
.page-barley section.pdi-key-metrics ul li .metric-number {
    color: #677c44;
}
.page-barley .key-metric-icon span svg * {
    stroke: #677c44 !important;
}
.page-barley section.pdi-breakout {
    background-color: #677c44;
}
.page-barley section.highlight-bg {
    background-color: #e9f2d1;
}
.page-barley .img-swipe-wrapper .img-swipe {
    background-color: #677c44;
}
.page-barley .circle-icon {
    background-color: #677c44;
}
.page-barley .barley-trade-chart .svg-circle-pulse {
    transition: all 0.2s !important;
    animation: svg-circle-pulse-animation 2s !important;
    -webkit-animation-iteration-count: infinite !important;
    animation-iteration-count: infinite !important;
    animation-direction: normal !important;
    paint-order: stroke;
    stroke-dasharray: initial !important;
    stroke-dashoffset: initial !important;
    pointer-events: none;
}
@keyframes svg-circle-pulse-animation {
    0% {
        stroke-width: 0px;
        stroke-opacity: 0.5;
    }
    100% {
        stroke-width: 45px;
        stroke-opacity: 0;
    }
}
.page-barley .barley-trade-chart #circle-text,
.page-barley .barley-trade-chart .breakout-circle,
.page-barley .barley-trade-chart #left-text {
    opacity: 0;
    transition: all 2s;
}
.page-barley .barley-trade-chart .breakout-circle {
    transform: translateY(20px);
}
.page-barley .barley-trade-chart #breakout-circle-1 {
    transition-delay: 0s;
}
.page-barley .barley-trade-chart #breakout-circle-2 {
    transition-delay: 0.5s;
}
.page-barley .barley-trade-chart #breakout-circle-3 {
    transition-delay: 1s;
}
.page-barley .barley-trade-chart .trade-text {
    opacity: 0;
    transition: all 0.5s;
}
.page-barley .barley-trade-chart .breakout-circle circle {
    transition: all 0.5s;
}
.page-barley .barley-trade-chart path {
    pointer-events: none;
}
.page-barley .barley-trade-chart .text-hidden {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.page-barley .barley-trade-chart.active #circle-text,
.page-barley .barley-trade-chart.active .breakout-circle,
.page-barley .barley-trade-chart.active #left-text {
    opacity: 1;
}
.page-barley .barley-trade-chart.active .breakout-circle {
    transform: translateY(0px);
}
.page-barley .barley-trade-chart.active #circle-text,
.page-barley .barley-trade-chart.active #left-text {
    transition-delay: 1.5s;
}
.page-barley #legend-area-planted {
    margin-left: 43px;
}
.page-barley #legend-area-planted #legend-area-planted:before {
    background-color: #5f8138;
}
.page-barley #legend-area-planted #legend-area-production:before {
    border-color: #f29c00;
}
.page-barley #legend-nsw-planted {
    margin-left: 29px;
}
.page-barley #legend-nsw-planted #legend-nsw-barley:before {
    border-color: #f29c00;
}
.page-barley #legend-nsw-planted #legend-nsw-wheat:before {
    border-color: #60803d;
}
.page-barley #legend-nsw-planted #legend-nsw-sorghum:before {
    border-color: #075384;
}
.page-barley #legend-nsw-planted .chart-source {
    margin-top: 2px;
}
.page-barley #barley-prices-col #legend-prices {
    margin-left: 14px;
}
.page-barley #barley-prices-col #legend-prices #legend-sydney:before {
    border-color: #60803d;
}
.page-barley #barley-prices-col #legend-prices #legend-export-china:before {
    border-color: #f29c00;
}

@media (max-width: 767.98px) {
    .page-barley .highlight-bg .circle-icon {
        margin-top: -5rem;
        padding: 8%;
    }
}
@media (max-width: 575.98px) {
    .page-barley .highlight-bg {
        margin-top: 0rem;
    }
    .page-barley .highlight-bg .circle-icon {
        display: none;
    }
}

.d3-tip-barley.e:after {
    color: #558534;
}

/*****************
 * Pulses Page
 */

.page-pulses ::selection {
    background-color: #e2e9d6;
}
.page-pulses a:hover {
    color: #677c44;
}
.page-pulses h1,
.page-pulses h2,
.page-pulses h3,
.page-pulses h4,
.page-pulses .chart-subheading {
    color: #677c44;
}
.page-pulses section.pdi-breakout .btn {
    background-color: #677c44;
}
.page-pulses section.pdi-breakout .btn:hover {
    background-color: #4c5b32;
}
@media (max-width: 2400px) {
    .page-pulses section.pdi-header {
        background-color: #677c44;
    }
}
.page-pulses section.pdi-key-metrics ul li {
    border-color: #677c44;
}
.page-pulses section.pdi-content h1 {
    border-bottom-color: #677c44;
}
.page-pulses section.pdi-key-metrics ul li .metric-name,
.page-pulses section.pdi-key-metrics ul li .metric-number {
    color: #677c44;
}
.page-pulses .key-metric-icon span svg * {
    stroke: #677c44 !important;
}
.page-pulses section.pdi-breakout {
    background-color: #677c44;
}
.page-pulses section.highlight-bg {
    background-color: #e9f2d1;
}
.page-pulses .img-swipe-wrapper .img-swipe {
    background-color: #677c44;
}
.page-pulses .circle-icon {
    background-color: #677c44;
}
.page-pulses .highlight-bg {
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 670px;
}
@media (min-width: 1200px) {
    .page-pulses #pulses-production .chart-download {
        margin-top: -40px;
    }
}
@media (max-width: 360px), (min-width: 576px) and (max-width: 700px) {
    .page-pulses #pulses-production .x-axis-wrapper .tick:nth-of-type(even) text {
        display: none;
    }
}
.page-pulses .pulses-production-legend li {
    min-width: 120px;
}
.page-pulses .pulses-production-legend #legend-chickpea::before {
    border-color: #e89c2e !important;
}
.page-pulses .pulses-production-legend #legend-faba-beans::before {
    border-color: #677c44 !important;
}
.page-pulses .pulses-production-legend #legend-field-peas::before {
    border-color: #1d5580 !important;
}
.page-pulses .pulses-production-legend #legend-lupins::before {
    border-color: #322f20 !important;
}
.page-pulses .pulses-production-legend #legend-lentils::before {
    border-color: #8457a4 !important;
}
.page-pulses .pulses-production-legend #yoy-checkbox {
    margin: 12px 0 0 6px;
}
.page-pulses .pulses-price-legend {
    margin-left: 30px;
}
@media (min-width: 1200px) {
    .page-pulses .pulses-price-legend li {
        min-width: 34%;
    }
}
@media (max-width: 991.98px) {
    .page-pulses .pulses-price-legend li {
        min-width: 100%;
    }
}
.page-pulses .pulses-price-legend #legend-chickpea::before {
    border-color: #e89c2e !important;
}
.page-pulses .pulses-price-legend #legend-faba-beans::before {
    border-color: #677c44 !important;
}
.page-pulses .pulses-price-legend #legend-lupins::before {
    border-color: #1d5580 !important;
}
.page-pulses .pulses-price-legend #legend-field-peas::before {
    border-color: #322f20 !important;
}
.page-pulses #chart-export .each-bars-text,
.page-pulses #chart-export .tick text {
    font-size: 12px;
    fill: #676c6f;
}
.page-pulses #chart-export .each-right-label-wrapper {
    font-size: 17px;
}
.page-pulses #chart-export text.title-text-left,
.page-pulses #chart-export text.title-text-right {
    font-family: "nexa-light", sans-serif;
}
.page-pulses #exports-legend {
    flex-flow: wrap;
}
@media (max-width: 575.98px) {
    .page-pulses #exports-legend {
        padding: 0;
    }
}
.page-pulses #exports-legend .custom-control {
    padding-bottom: 12px;
}
@media (max-width: 390px) {
    .page-pulses #exports-legend .custom-control {
        width: 100%;
    }
}
.page-pulses #exports-legend .custom-control label {
    width: 130px;
}
.page-pulses #exports-legend #legend-uae label {
    width: 194px;
}
@media (min-width: 1060px) {
    .page-pulses #exports-legend #legend-pakistan label {
        width: 194px;
    }
}
@media (min-width: 1060px) {
    .page-pulses #exports-legend div#legend-india {
        width: 209px;
    }
}
.page-pulses #exports-legend #legend-other {
    width: 100%;
}
.page-pulses #exports-legend #chk-bangladesh ~ .custom-control-label::before {
    background-color: #352d1d !important;
}
.page-pulses #exports-legend #chk-india ~ .custom-control-label::before {
    background-color: #60803d !important;
}
.page-pulses #exports-legend #chk-egypt ~ .custom-control-label::before {
    background-color: #a6b483 !important;
}
.page-pulses #exports-legend #chk-uae ~ .custom-control-label::before {
    background-color: #063f5c !important;
}
.page-pulses #exports-legend #chk-pakistan ~ .custom-control-label::before {
    background-color: #9d6d48 !important;
}
.page-pulses #exports-legend #chk-iran ~ .custom-control-label::before {
    background-color: #cc8046 !important;
}
.page-pulses #exports-legend #chk-nepal ~ .custom-control-label::before {
    background-color: #a8ab38 !important;
}
.page-pulses #exports-legend #chk-other ~ .custom-control-label::before {
    background-color: #676d6f !important;
}
.page-pulses #exports-source .chart-download {
    margin-top: -2px;
}

/*****************
 * Cotton Page
 */
.page-cotton {
    /*****************
   * Page Parent Section Styles
   */
}
.page-cotton ::selection {
    background-color: #e2e9d6;
}
.page-cotton a:hover {
    color: #677c44;
}
.page-cotton h1,
.page-cotton h2,
.page-cotton h3,
.page-cotton h4,
.page-cotton .chart-subheading {
    color: #677c44;
}
.page-cotton section.pdi-breakout .btn {
    background-color: #677c44;
}
.page-cotton section.pdi-breakout .btn:hover {
    background-color: #4c5b32;
}
@media (max-width: 2400px) {
    .page-cotton section.pdi-header {
        background-color: #677c44;
    }
}
.page-cotton section.pdi-key-metrics ul li {
    border-color: #677c44;
}
.page-cotton section.pdi-content h1 {
    border-bottom-color: #677c44;
}
.page-cotton section.pdi-key-metrics ul li .metric-name,
.page-cotton section.pdi-key-metrics ul li .metric-number {
    color: #677c44;
}
.page-cotton .key-metric-icon span svg * {
    stroke: #677c44 !important;
}
.page-cotton section.pdi-breakout {
    background-color: #677c44;
}
.page-cotton section.highlight-bg {
    background-color: #e9f2d1;
}
.page-cotton .img-swipe-wrapper .img-swipe {
    background-color: #677c44;
}
.page-cotton .circle-icon {
    background-color: #677c44;
}
.page-cotton #chk-uc ~ .custom-control-label::before {
    background-color: #332e20 !important;
}
.page-cotton #chk-china ~ .custom-control-label::before {
    background-color: #332e21 !important;
}
.page-cotton #chk-vietnam ~ .custom-control-label::before {
    background-color: #68813c !important;
}
.page-cotton #chk-bangladesh ~ .custom-control-label::before {
    background-color: #7b4908 !important;
}
.page-cotton #chk-indonesia ~ .custom-control-label::before {
    background-color: #3087a1 !important;
}
.page-cotton #chk-thailand ~ .custom-control-label::before {
    background-color: #a83765 !important;
}
.page-cotton #chk-india ~ .custom-control-label::before {
    background-color: #32a09a !important;
}
.page-cotton #chk-malaysia ~ .custom-control-label::before {
    background-color: #508c53 !important;
}
.page-cotton #chk-japan ~ .custom-control-label::before {
    background-color: #ff896f !important;
}
.page-cotton #chk-turkey ~ .custom-control-label::before {
    background-color: #ffb30f !important;
}
.page-cotton #chk-other ~ .custom-control-label::before {
    background-color: #686d6f !important;
}
.page-cotton #cotton-nsw-exports .tick text {
    font-size: 11px;
    font-family: "Roboto", sans-serif;
}
@media (min-width: 768px) {
    .page-cotton #exports-legend {
        padding-left: 0 !important;
        justify-items: unset;
        flex-direction: column;
        justify-content: space-evenly;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .page-cotton #exports-legend .custom-checkbox {
        padding-left: 0;
    }
}
@media (max-width: 767.98px) {
    .page-cotton #exports-legend {
        justify-items: unset;
        flex-direction: row;
        justify-content: initial;
        flex-wrap: wrap;
        padding-top: 10px;
        padding-right: 15px;
        padding-left: 75px;
    }
    .page-cotton #exports-legend .custom-checkbox {
        padding-top: 10px;
        width: 33%;
    }
}
@media (max-width: 1199.98px) {
    .page-cotton #exports-legend label {
        font-size: 0.9em;
    }
}
@media (max-width: 480px) {
    .page-cotton #exports-legend {
        padding-left: 30px;
    }
    .page-cotton #exports-legend .custom-control {
        width: 50%;
    }
}
@media (max-width: 400px), (min-width: 576px) and (max-width: 750px) {
    .page-cotton #cotton-global-supply-demand .x-axis-wrapper .tick:nth-of-type(even) text {
        display: none;
    }
}
@media (min-width: 1200px) {
    .page-cotton #legend-supply-demand li {
        width: 42%;
    }
}
@media (max-width: 460px) {
    .page-cotton #legend-supply-demand li {
        width: 100%;
    }
}
.page-cotton #legend-supply-demand #legend-ex:before {
    background-color: #ea9200;
}
.page-cotton #legend-supply-demand #legend-china:before {
    background-color: #5e7f3f;
}
.page-cotton #legend-supply-demand #legend-production:before {
    border-color: #1d557f;
    border-style: solid;
    border-width: 2px;
}
.page-cotton #legend-supply-demand #legend-consumption:before {
    border-color: #3a3e2b;
    border-style: solid;
    border-width: 2px;
}
@media (max-width: 460px) {
    .page-cotton #legend-fibre-prices li {
        width: 100%;
    }
}
.page-cotton #legend-fibre-prices #legend-spun:before {
    border-color: #e39400;
    border-style: dotted;
    border-width: 2px;
}
.page-cotton #legend-fibre-prices #legend-synthetic:before {
    border-color: #942529;
    border-style: dotted;
    border-width: 2px;
}
.page-cotton #legend-fibre-prices #legend-index:before {
    border-color: #617e3d;
}
.page-cotton #legend-fibre-prices #legend-index {
    display: block;
}
@media (max-width: 360px), (min-width: 576px) and (max-width: 700px) {
    .page-cotton #chart-cotton-area-planted .x-axis-wrapper .tick:nth-of-type(even) text {
        display: none;
    }
}
.page-cotton #legend-area-planted #legend-area-planted:before {
    border-color: #5f8138;
}
.page-cotton #legend-area-planted #legend-area-production:before {
    border-color: #f29c00;
}
@media (max-width: 400px), (min-width: 576px) and (max-width: 750px) {
    .page-cotton #chart-cotton-aus-exports .x-axis-wrapper .tick:nth-of-type(even) text {
        display: none;
    }
}
.page-cotton #legend-exports #legend-exports-china:before {
    background-color: #ea9200;
}
.page-cotton #legend-exports #legend-exports-vietnam:before {
    background-color: #5e7f3f;
}
.page-cotton #legend-exports #legend-exports-combined:before {
    border-color: #1d557f;
}
@media (max-width: 767.98px) {
    .page-cotton #fibre-price-chart circle {
        opacity: 0;
    }
}

/*****************
 * Oilseeds Page
 */
.page-oil-seeds {
    /*****************
   * Page Parent Section Styles
   */
}
.page-oil-seeds ::selection {
    background-color: #e2e9d6;
}
.page-oil-seeds a:hover {
    color: #677c44;
}
.page-oil-seeds h1,
.page-oil-seeds h2,
.page-oil-seeds h3,
.page-oil-seeds h4,
.page-oil-seeds .chart-subheading {
    color: #677c44;
}
.page-oil-seeds section.pdi-breakout .btn {
    background-color: #677c44;
}
.page-oil-seeds section.pdi-breakout .btn:hover {
    background-color: #4c5b32;
}
@media (max-width: 2400px) {
    .page-oil-seeds section.pdi-header {
        background-color: #677c44;
    }
}
.page-oil-seeds section.pdi-key-metrics ul li {
    border-color: #677c44;
}
.page-oil-seeds section.pdi-content h1 {
    border-bottom-color: #677c44;
}
.page-oil-seeds section.pdi-key-metrics ul li .metric-name,
.page-oil-seeds section.pdi-key-metrics ul li .metric-number {
    color: #677c44;
}
.page-oil-seeds .key-metric-icon span svg * {
    stroke: #677c44 !important;
}
.page-oil-seeds section.pdi-breakout {
    background-color: #677c44;
}
.page-oil-seeds section.highlight-bg {
    background-color: #e9f2d1;
}
.page-oil-seeds .img-swipe-wrapper .img-swipe {
    background-color: #677c44;
}
.page-oil-seeds .circle-icon {
    background-color: #677c44;
}
.page-oil-seeds section.pdi-header .pdi-header-left .page-icon {
    width: 160px;
}
.page-oil-seeds .highlight-bg h1 {
    font-size: 2rem;
}
.page-oil-seeds #oilseeds-production-legend {
    margin-top: -5px;
    padding-left: 38px;
    padding-bottom: 0;
}
.page-oil-seeds #oilseeds-production-legend li {
    min-width: 95px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.page-oil-seeds #oilseeds-production-legend .custom-control {
    line-height: 1.9em;
}
.page-oil-seeds #oilseeds-production-legend #legend-canola::before {
    border-color: #eea545;
}
.page-oil-seeds #oilseeds-production-legend #legend-cottonseed::before {
    border-color: #62733f;
}
.page-oil-seeds #oilseeds-production-legend #legend-soybeans::before {
    border-color: #16578b;
}
.page-oil-seeds #oilseeds-production-legend #legend-sunflower::before {
    border-color: #2e2c1d;
}
.page-oil-seeds #oilseeds-canola-legend {
    margin-left: 56px;
}
.page-oil-seeds #oilseeds-canola-legend #legend-16::before {
    border-color: #eea545;
}
.page-oil-seeds #oilseeds-canola-legend #legend-17::before {
    border-color: #62733f;
}
.page-oil-seeds #oilseeds-canola-legend #legend-18::before {
    border-color: #16578b;
}
.page-oil-seeds #chart-nsw-oilseed-exports text.each-bars-text {
    font-size: 11px;
}
.page-oil-seeds #chart-nsw-oilseed-exports .each-right-label-wrapper {
    font-family: "nexa-heavy", sans-serif;
    font-size: 1.3em;
}
.page-oil-seeds #chart-nsw-oilseed-exports text.percent-text {
    text-anchor: end;
    fill: #677c44;
}
.page-oil-seeds #chart-nsw-oilseed-exports .x-axis-wrapper .tick text {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
}
.page-oil-seeds #chart-nsw-oilseed-exports .x-axis-text {
    fill: #677c44;
    font-family: "Roboto", sans-serif;
}
.page-oil-seeds #chart-nsw-oilseed-exports text.title-text-left,
.page-oil-seeds #chart-nsw-oilseed-exports text.title-text-right {
    font-family: "nexa-light", sans-serif;
}
.page-oil-seeds #legend-nsw-oilseed-exports #chk-eu ~ .custom-control-label::before {
    background-color: #f09900;
}
.page-oil-seeds #legend-nsw-oilseed-exports #chk-china ~ .custom-control-label::before {
    background-color: #5f7f3b;
}
.page-oil-seeds #legend-nsw-oilseed-exports #chk-saudi-arabia ~ .custom-control-label::before {
    background-color: #9db482;
}
.page-oil-seeds #legend-nsw-oilseed-exports #chk-south-korea ~ .custom-control-label::before {
    background-color: #31301e;
}
.page-oil-seeds #legend-nsw-oilseed-exports #chk-japan ~ .custom-control-label::before {
    background-color: #9e680b;
}
.page-oil-seeds #legend-nsw-oilseed-exports #chk-other ~ .custom-control-label::before {
    background-color: #8f929a;
}
@media (max-width: 1199.98px) {
    .page-oil-seeds #legend-nsw-oilseed-exports .custom-checkbox .custom-control-label {
        margin-bottom: 13px !important;
    }
}
@media (min-width: 1200px) {
    .page-oil-seeds #legend-nsw-oilseed-exports .chart-download {
        margin-top: -5px;
    }
}
@media (max-width: 1199.98px) {
    .page-oil-seeds #legend-nsw-oilseed-exports .chart-download {
        margin-top: 25px;
    }
}

/*****************
 * Sugar Cane Page
 */
.page-sugar-cane {
    /*****************
   * Page Parent Section Styles
   */
}
.page-sugar-cane ::selection {
    background-color: #e2e9d6;
}
.page-sugar-cane a:hover {
    color: #677c44;
}
.page-sugar-cane h1,
.page-sugar-cane h2,
.page-sugar-cane h3,
.page-sugar-cane h4,
.page-sugar-cane .chart-subheading {
    color: #677c44;
}
.page-sugar-cane section.pdi-breakout .btn {
    background-color: #677c44;
}
.page-sugar-cane section.pdi-breakout .btn:hover {
    background-color: #4c5b32;
}
@media (max-width: 2400px) {
    .page-sugar-cane section.pdi-header {
        background-color: #677c44;
    }
}
.page-sugar-cane section.pdi-key-metrics ul li {
    border-color: #677c44;
}
.page-sugar-cane section.pdi-content h1 {
    border-bottom-color: #677c44;
}
.page-sugar-cane section.pdi-key-metrics ul li .metric-name,
.page-sugar-cane section.pdi-key-metrics ul li .metric-number {
    color: #677c44;
}
.page-sugar-cane .key-metric-icon span svg * {
    stroke: #677c44 !important;
}
.page-sugar-cane section.pdi-breakout {
    background-color: #677c44;
}
.page-sugar-cane section.highlight-bg {
    background-color: #e9f2d1;
}
.page-sugar-cane .img-swipe-wrapper .img-swipe {
    background-color: #677c44;
}
.page-sugar-cane .circle-icon {
    background-color: #677c44;
}
.page-sugar-cane section.pdi-header .pdi-header-left .page-icon {
    width: 160px;
}
.page-sugar-cane #sugar-cane-trade img {
    margin-top: -45px;
    margin-bottom: -15px;
}
.page-sugar-cane #sugar-cane-outlook {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 70px;
}
@media (min-width: 992px) {
    .page-sugar-cane #sugar-cane-outlook img {
        margin-top: -120px;
        margin-bottom: -120px;
    }
}
@media (min-width: 1200px) {
    .page-sugar-cane #sugar-cane-yields .chart-download {
        margin-top: -39px;
    }
}
.page-sugar-cane #sugar-cane-yields .bar-texts {
    font-size: 13px;
}
@media (max-width: 1000px) {
    .page-sugar-cane #sugar-cane-yields .bar-texts {
        font-size: 11px;
        transform: rotate(-45deg) translate(-4px, 30px);
        text-anchor: end;
    }
}
@media (min-width: 430px) and (max-width: 576px), (min-width: 870px) and (max-width: 1000px) {
    .page-sugar-cane #sugar-cane-yields .bar-texts {
        transform: rotate(-45deg) translate(-15px, 43px);
    }
}
.page-sugar-cane .yields-chart .tick text {
    font-size: 11px;
    fill: #000;
}
.page-sugar-cane .yields-chart text.y-axis-label {
    font-size: 13px;
    fill: #677c44;
}
.page-sugar-cane .yields-chart .y-axis-wrapper-right text {
    text-anchor: middle !important;
}
.page-sugar-cane #yields-legend {
    margin-left: 33px;
}
.page-sugar-cane #yields-legend #legend-yield:before {
    background-color: #9db582;
}
.page-sugar-cane #yields-legend #legend-change:before {
    background-color: #a76807;
}
.page-sugar-cane #yields-2-legend {
    margin-left: 33px;
}
.page-sugar-cane #yields-2-legend #legend-percentage:before {
    background-color: #9db582;
}
.page-sugar-cane #yields-2-legend #legend-change:before {
    background-color: #a76807;
}
.page-sugar-cane #legend-price #legend-global:before {
    background-color: #63803d;
}
.page-sugar-cane #legend-price #legend-price:before {
    background-color: #215575;
}

.sugar-cane-tip {
    background: #fff !important;
}
.sugar-cane-tip.n:after {
    color: #fff !important;
}
.sugar-cane-tip th,
.sugar-cane-tip td strong {
    color: #677c44 !important;
}
.sugar-cane-tip td strong {
    float: right;
}

/*****************
 * Rice Page
 */
.page-rice {
    /*****************
   * Page Parent Section Styles
   */
}
.page-rice ::selection {
    background-color: #e2e9d6;
}
.page-rice a:hover {
    color: #677c44;
}
.page-rice h1,
.page-rice h2,
.page-rice h3,
.page-rice h4,
.page-rice .chart-subheading {
    color: #677c44;
}
.page-rice section.pdi-breakout .btn {
    background-color: #677c44;
}
.page-rice section.pdi-breakout .btn:hover {
    background-color: #4c5b32;
}
@media (max-width: 2400px) {
    .page-rice section.pdi-header {
        background-color: #677c44;
    }
}
.page-rice section.pdi-key-metrics ul li {
    border-color: #677c44;
}
.page-rice section.pdi-content h1 {
    border-bottom-color: #677c44;
}
.page-rice section.pdi-key-metrics ul li .metric-name,
.page-rice section.pdi-key-metrics ul li .metric-number {
    color: #677c44;
}
.page-rice .key-metric-icon span svg * {
    stroke: #677c44 !important;
}
.page-rice section.pdi-breakout {
    background-color: #677c44;
}
.page-rice section.highlight-bg {
    background-color: #e9f2d1;
}
.page-rice .img-swipe-wrapper .img-swipe {
    background-color: #677c44;
}
.page-rice .circle-icon {
    background-color: #677c44;
}
.page-rice section.pdi-header .pdi-header-left .page-icon {
    width: 160px;
}
.page-rice #legend-rice-production {
    margin-left: 43px;
}
.page-rice #legend-rice-production #legend-production:before {
    background-color: #5f8138;
}
.page-rice #legend-rice-production #legend-yield:before {
    border-color: #f29c00;
}
@media (max-width: 530px), (min-width: 576px) and (max-width: 1150px) {
    .page-rice #chart-ending-stocks .x-axis-wrapper .tick:nth-of-type(even) text {
        display: none;
    }
}
.page-rice #legend-ending-stocks {
    margin-left: 50px;
}
.page-rice #legend-ending-stocks #legend-stocks:before {
    background-color: #5f8138;
}
.page-rice #legend-ending-stocks #legend-production:before {
    border-color: #ea9200;
}
.page-rice #legend-ending-stocks #legend-consumption:before {
    border-color: #075384;
}

/*****************
 * Sorghum Page
 */
.page-sorghum {
    /*****************
   * Page Parent Section Styles
   */
}
.page-sorghum ::selection {
    background-color: #e2e9d6;
}
.page-sorghum a:hover {
    color: #677c44;
}
.page-sorghum h1,
.page-sorghum h2,
.page-sorghum h3,
.page-sorghum h4,
.page-sorghum .chart-subheading {
    color: #677c44;
}
.page-sorghum section.pdi-breakout .btn {
    background-color: #677c44;
}
.page-sorghum section.pdi-breakout .btn:hover {
    background-color: #4c5b32;
}
@media (max-width: 2400px) {
    .page-sorghum section.pdi-header {
        background-color: #677c44;
    }
}
.page-sorghum section.pdi-key-metrics ul li {
    border-color: #677c44;
}
.page-sorghum section.pdi-content h1 {
    border-bottom-color: #677c44;
}
.page-sorghum section.pdi-key-metrics ul li .metric-name,
.page-sorghum section.pdi-key-metrics ul li .metric-number {
    color: #677c44;
}
.page-sorghum .key-metric-icon span svg * {
    stroke: #677c44 !important;
}
.page-sorghum section.pdi-breakout {
    background-color: #677c44;
}
.page-sorghum section.highlight-bg {
    background-color: #e9f2d1;
}
.page-sorghum .img-swipe-wrapper .img-swipe {
    background-color: #677c44;
}
.page-sorghum .circle-icon {
    background-color: #677c44;
}
.page-sorghum section.pdi-header .pdi-header-left .page-icon {
    width: 160px;
}
.page-sorghum #sorghum-bg-container {
    margin: 30px 0 60px;
}
@media (min-width: 992px) {
    .page-sorghum #sorghum-bg-container #sorghum-bg {
        margin-top: -11%;
        margin-bottom: -11%;
    }
}
@media (max-width: 575.98px) {
    .page-sorghum #sorghum-bg-container #sorghum-bg img {
        display: none;
    }
}
.page-sorghum #prices-legend {
    margin-left: 36px;
}
.page-sorghum #prices-legend #legend-price:before {
    border-color: #e5992e;
}
.page-sorghum #prices-legend #legend-rainfall:before {
    background-color: #677c44;
}
.page-sorghum #exports-map {
    display: inline-block;
    width: 100%;
    height: 400px;
}
@media (max-width: 1199.98px) {
    .page-sorghum #exports-map {
        height: 35vw !important;
    }
}
@media (max-width: 575.98px) {
    .page-sorghum #exports-map {
        height: 72vw !important;
    }
}
.page-sorghum #exports-map svg {
    left: 0;
}
.page-sorghum #exports-map .datamaps-arc {
    stroke-opacity: 0.6;
    pointer-events: none;
    stroke-dashoffset: -260 !important;
    transition-duration: 3s !important;
}
.page-sorghum #exports-map.active .datamaps-arc {
    stroke-dashoffset: 0 !important;
}
.page-sorghum #exports-map circle.datamaps-bubble {
    animation: pulse 2.5s infinite;
    stroke: #677c44 !important;
}
@keyframes pulse {
    0% {
        stroke-width: 0px;
        stroke-opacity: 0.5;
    }
    100% {
        stroke-width: 25px;
        stroke-opacity: 0;
    }
}
.page-sorghum #exports-map .d3-tip-map {
    width: 220px;
    margin-left: -110px;
    margin-top: -140px;
}
.page-sorghum #exports-map .d3-tip-map table {
    width: 100%;
    display: inline-block;
    text-align: left;
}

.d3-tip-bubble-sorghum.e:after {
    color: #558534;
}

/*****************
 * Wheat Page
 */
.page-wheat {
    /*****************
   * Page Parent Section Styles
   */
}
.page-wheat ::selection {
    background-color: #e2e9d6;
}
.page-wheat a:hover {
    color: #677c44;
}
.page-wheat h1,
.page-wheat h2,
.page-wheat h3,
.page-wheat h4,
.page-wheat .chart-subheading {
    color: #677c44;
}
.page-wheat section.pdi-breakout .btn {
    background-color: #677c44;
}
.page-wheat section.pdi-breakout .btn:hover {
    background-color: #4c5b32;
}
@media (max-width: 2400px) {
    .page-wheat section.pdi-header {
        background-color: #677c44;
    }
}
.page-wheat section.pdi-key-metrics ul li {
    border-color: #677c44;
}
.page-wheat section.pdi-content h1 {
    border-bottom-color: #677c44;
}
.page-wheat section.pdi-key-metrics ul li .metric-name,
.page-wheat section.pdi-key-metrics ul li .metric-number {
    color: #677c44;
}
.page-wheat .key-metric-icon span svg * {
    stroke: #677c44 !important;
}
.page-wheat section.pdi-breakout {
    background-color: #677c44;
}
.page-wheat section.highlight-bg {
    background-color: #e9f2d1;
}
.page-wheat .img-swipe-wrapper .img-swipe {
    background-color: #677c44;
}
.page-wheat .circle-icon {
    background-color: #677c44;
}
.page-wheat section.pdi-header .pdi-header-left .page-icon {
    width: 150px;
}
@media (min-width: 1200px) {
    .page-wheat #wheat-production .chart-download {
        margin-top: -40px;
    }
}
.page-wheat #production-legend {
    margin-left: 47px;
}
@media (max-width: 420px) {
    .page-wheat #production-legend li {
        width: 100%;
    }
}
.page-wheat #production-legend #legend-production:before {
    background-color: #677c44;
}
.page-wheat #production-legend #legend-drought:before {
    background-color: #bec4b3;
}
.page-wheat #production-legend #legend-yield:before {
    border-color: #e89c2e;
}
.page-wheat #production-legend #legend-avg-yield:before {
    border-color: #075384;
}
.page-wheat #legend-price {
    margin-left: 45px;
}
.page-wheat #legend-price #legend-cash:before {
    border-color: #627d48;
}
.page-wheat #legend-price #legend-futures:before {
    border-color: #e99e1c;
}
.page-wheat #chart-contribution rect.bar-text-rects {
    fill: transparent;
}
.page-wheat #chart-contribution .bar-texts,
.page-wheat #chart-contribution .tick text {
    fill: #676c6f;
    font-size: 11px;
}
.page-wheat #chart-contribution .bar-texts {
    fill: #8d9396;
}
@media (max-width: 1180px) {
    .page-wheat #chart-contribution .bar-texts {
        transform: rotate(-45deg) translate(9px, 1px);
        text-anchor: end;
    }
}

/*****************
 * Livestock Overview Page
 */
.page-livestock-overview {
    /*****************
   * Page Parent Section Styles
   */
}
.page-livestock-overview ::selection {
    background-color: #f4e5d4;
}
.page-livestock-overview a:hover {
    color: #a16828;
}
.page-livestock-overview h1,
.page-livestock-overview h2,
.page-livestock-overview h3,
.page-livestock-overview h4,
.page-livestock-overview .chart-subheading {
    color: #a16828;
}
.page-livestock-overview section.pdi-breakout .btn {
    background-color: #a16828;
}
.page-livestock-overview section.pdi-breakout .btn:hover {
    background-color: #784e1e;
}
@media (max-width: 2400px) {
    .page-livestock-overview section.pdi-header {
        background-color: #a16828;
    }
}
.page-livestock-overview section.pdi-key-metrics ul li {
    border-color: #a16828;
}
.page-livestock-overview section.pdi-content h1 {
    border-bottom-color: #a16828;
}
.page-livestock-overview section.pdi-key-metrics ul li .metric-name,
.page-livestock-overview section.pdi-key-metrics ul li .metric-number {
    color: #a16828;
}
.page-livestock-overview .key-metric-icon span svg * {
    stroke: #a16828 !important;
}
.page-livestock-overview section.pdi-breakout {
    background-color: #a16828;
}
.page-livestock-overview section.highlight-bg {
    background-color: #efded1;
}
.page-livestock-overview .img-swipe-wrapper .img-swipe {
    background-color: #a16828;
}
.page-livestock-overview .circle-icon {
    background-color: #a16828;
}
.page-livestock-overview .overview-header-icons .overview-icon-row .overview-icon-link {
    background-color: #a16828;
    border-color: #dd912e;
    color: #a16828;
}
.page-livestock-overview .overview-header-icons .overview-icon-row .overview-icon-link:hover {
    background-color: #502c1e;
}
.page-livestock-overview .overview-header-icons #btn-milk img {
    max-height: 100%;
}
.page-livestock-overview .overview-header-icons #btn-pork img {
    margin-top: 19%;
}
.page-livestock-overview .overview-header-icons #btn-wool img {
    margin-top: 12%;
}
.page-livestock-overview .overview-header-icons #btn-sheepmeat img {
    margin-top: 12%;
}
.page-livestock-overview .overview-header-icons #btn-poultry img {
    margin-top: 10%;
}
.page-livestock-overview .chart-title {
    line-height: 1.4em;
}
.page-livestock-overview .tick text {
    font-size: 11px;
}
.page-livestock-overview .bar-text-wrappers {
    transform: translateY(20px);
}
.page-livestock-overview .y-axis-label {
    font-size: 13px;
}
.page-livestock-overview .y-axis-right-label-wrapper .y-axis-label {
    transform: rotate(180deg);
}
.page-livestock-overview .y-axis-label,
.page-livestock-overview .x-axis-label,
.page-livestock-overview .bar-texts {
    font-family: "nexa-regular", sans-serif;
}
.page-livestock-overview .bar-texts {
    font-size: 15px;
}
@media (max-width: 991.98px) {
    .page-livestock-overview .bar-texts {
        font-size: 12px;
    }
}
@media (max-width: 669px) {
    .page-livestock-overview .bar-texts {
        font-size: 11px;
        transform: rotate(-45deg) translate(-20px, -76px);
        text-anchor: end;
    }
    .page-livestock-overview .image-backgrounds,
    .page-livestock-overview .bar-image {
        transform: translate(0px, -26px);
    }
}
@media (max-width: 450px) {
    .page-livestock-overview .image-backgrounds,
    .page-livestock-overview .bar-image {
        display: none;
    }
    .page-livestock-overview .bar-texts {
        font-size: 10px;
        transform: rotate(-45deg) translate(4px, -101px);
    }
}
.page-livestock-overview #legend-output {
    margin-left: 62px;
}
.page-livestock-overview #legend-output #legend-industry:before {
    background-color: #916828;
}
.page-livestock-overview #legend-output #legend-yoy:before {
    background-color: #dd912e;
}

/*****************
 * Beef Page
 */
.page-beef {
    /*****************
   * Page Parent Section Styles
   */
}
.page-beef ::selection {
    background-color: #f4e5d4;
}
.page-beef a:hover {
    color: #a16828;
}
.page-beef h1,
.page-beef h2,
.page-beef h3,
.page-beef h4,
.page-beef .chart-subheading {
    color: #a16828;
}
.page-beef section.pdi-breakout .btn {
    background-color: #a16828;
}
.page-beef section.pdi-breakout .btn:hover {
    background-color: #784e1e;
}
@media (max-width: 2400px) {
    .page-beef section.pdi-header {
        background-color: #a16828;
    }
}
.page-beef section.pdi-key-metrics ul li {
    border-color: #a16828;
}
.page-beef section.pdi-content h1 {
    border-bottom-color: #a16828;
}
.page-beef section.pdi-key-metrics ul li .metric-name,
.page-beef section.pdi-key-metrics ul li .metric-number {
    color: #a16828;
}
.page-beef .key-metric-icon span svg * {
    stroke: #a16828 !important;
}
.page-beef section.pdi-breakout {
    background-color: #a16828;
}
.page-beef section.highlight-bg {
    background-color: #efded1;
}
.page-beef .img-swipe-wrapper .img-swipe {
    background-color: #a16828;
}
.page-beef .circle-icon {
    background-color: #a16828;
}
.page-beef .class-filler {
    color: transparent;
}
.page-beef #beef-slaughter-legend #legend-slaughter-17:before {
    border-color: #a1672a;
}
.page-beef #beef-slaughter-legend #legend-slaughter-18:before {
    border-color: #60803d;
}
.page-beef #beef-slaughter-legend #legend-slaughter-avg:before {
    border-color: #075384;
}
.page-beef #beef-young-legend #legend-eyci:before {
    border-color: #a1672a;
}
.page-beef #beef-young-legend #legend-nsw:before {
    border-color: #677d46;
}
.page-beef #beef-young-legend #legend-premium:before {
    background-color: #e1bea4;
}
.page-beef #beef-exports-legend {
    margin-left: 50px;
}
.page-beef #beef-exports-legend #legend-chilled:before {
    background-color: #a1672a;
}
.page-beef #beef-exports-legend #legend-frozen:before {
    background-color: #60803d;
}
.page-beef #beef-exports text.each-bars-text,
.page-beef #beef-exports .tick text {
    font-size: 11px;
    font-family: "Roboto", sans-serif;
    fill: #000000;
}
.page-beef #beef-exports text.y-axis-text {
    transform: translate(-14%, 32%) rotate(-90deg);
    font-size: 13px;
    font-family: "nexa-regular", sans-serif;
}
@media (max-width: 767.98px) {
    .page-beef #beef-exports text.y-axis-text {
        transform: translate(-21%, 35%) rotate(-90deg);
    }
}
@media (max-width: 575.98px) {
    .page-beef #beef-exports text.y-axis-text {
        transform: translate(-15%, 35%) rotate(-90deg);
    }
}
.page-beef #beef-exports .x-axis-text {
    font-size: 13px;
    font-family: "nexa-regular", sans-serif;
}

/*****************
 * Milk Page
 */
.page-milk {
    /*****************
   * Page Parent Section Styles
   */
}
.page-milk ::selection {
    background-color: #f4e5d4;
}
.page-milk a:hover {
    color: #a16828;
}
.page-milk h1,
.page-milk h2,
.page-milk h3,
.page-milk h4,
.page-milk .chart-subheading {
    color: #a16828;
}
.page-milk section.pdi-breakout .btn {
    background-color: #a16828;
}
.page-milk section.pdi-breakout .btn:hover {
    background-color: #784e1e;
}
@media (max-width: 2400px) {
    .page-milk section.pdi-header {
        background-color: #a16828;
    }
}
.page-milk section.pdi-key-metrics ul li {
    border-color: #a16828;
}
.page-milk section.pdi-content h1 {
    border-bottom-color: #a16828;
}
.page-milk section.pdi-key-metrics ul li .metric-name,
.page-milk section.pdi-key-metrics ul li .metric-number {
    color: #a16828;
}
.page-milk .key-metric-icon span svg * {
    stroke: #a16828 !important;
}
.page-milk section.pdi-breakout {
    background-color: #a16828;
}
.page-milk section.highlight-bg {
    background-color: #efded1;
}
.page-milk .img-swipe-wrapper .img-swipe {
    background-color: #a16828;
}
.page-milk .circle-icon {
    background-color: #a16828;
}
.page-milk section.pdi-header .pdi-header-left .page-icon {
    width: 80px;
}
.page-milk #milk-trade .circle-icon {
    margin-left: 30px;
}
.page-milk #milk-trade .circle-icon img {
    height: 110px;
    margin-top: -12px;
}
@media (max-width: 991.98px) {
    .page-milk #milk-trade {
        margin-top: 3rem;
    }
    .page-milk #milk-trade .circle-icon {
        width: 100px;
        height: 100px;
        margin-top: -90px;
        margin-left: auto;
    }
    .page-milk #milk-trade .circle-icon img {
        height: 50px;
    }
}
.page-milk #pork-production #nsw-legend {
    margin-left: 42px;
}
.page-milk #pork-production #nsw-legend #legend-production:before {
    border-color: #5f833c;
}
.page-milk #pork-production #nsw-legend #legend-farmgate:before {
    border-color: #aa690a;
}
.page-milk .bar-imports {
    fill: #996325;
}
.page-milk .bar-exports {
    fill: #677c44;
}
.page-milk .milk-imports-exports-chart .overlay {
    fill: none;
    pointer-events: all;
}
.page-milk .milk-imports-exports-chart .d3-tip {
    background: #fff;
    box-shadow: 0 0 10px rgba(100, 100, 100, 0.5);
    box-sizing: border-box;
    font-size: 13px;
    padding: 20px;
    position: absolute;
    z-index: 100;
}
.page-milk .milk-imports-exports-chart .d3-tip:after {
    box-sizing: border-box;
    display: inline;
    font-size: 10px;
    width: 100%;
    line-height: 1;
    color: #fff;
    position: absolute;
    pointer-events: none;
    content: "▼";
    margin: -1px 0 0 0;
    top: 100%;
    left: 0;
    text-align: center;
}
.page-milk #chart-imports-exports .axis.x-axis path,
.page-milk #chart-imports-exports .axis line {
    fill: none;
    stroke: #b7b6bb;
}
.page-milk #chart-imports-exports .axis text {
    font-size: 11px;
    fill: #1f1d1e;
}
.page-milk #chart-imports-exports .axis .y-axis-text {
    font-size: 11px;
    fill: #a16b2b;
    font-family: "nexa-regular", sans-serif;
}
.page-milk #chart-imports-exports .d3-tip .d3-tip-caption {
    color: #808080;
}
.page-milk #chart-imports-exports .d3-tip .d3-tip-value {
    color: #a06928;
    font-weight: bold;
}
.page-milk #chart-imports-exports .legend {
    margin-left: 60px;
}
.page-milk #chart-imports-exports .legend-item {
    display: inline-block;
}
.page-milk #chart-imports-exports .legend-item-imports {
    margin-right: 50px;
}
.page-milk #chart-imports-exports .legend-checkbox {
    display: inline-block;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    margin-right: 15px;
    vertical-align: middle;
}
.page-milk #chart-imports-exports .legend-checkbox.legend-checkbox-imports {
    background: #996325;
}
.page-milk #chart-imports-exports .legend-checkbox.legend-checkbox-exports {
    background: #677c44;
}
.page-milk #imports-exports-legend {
    margin-left: 32px;
}
.page-milk #imports-exports-legend #legend-imports:before {
    background-color: #a16828;
}
.page-milk #imports-exports-legend #legend-exports:before {
    background-color: #677c44;
}

/*****************
 * Wool Page
 */
.page-wool {
    /*****************
   * Page Parent Section Styles
   */
}
.page-wool ::selection {
    background-color: #f4e5d4;
}
.page-wool a:hover {
    color: #a16828;
}
.page-wool h1,
.page-wool h2,
.page-wool h3,
.page-wool h4,
.page-wool .chart-subheading {
    color: #a16828;
}
.page-wool section.pdi-breakout .btn {
    background-color: #a16828;
}
.page-wool section.pdi-breakout .btn:hover {
    background-color: #784e1e;
}
@media (max-width: 2400px) {
    .page-wool section.pdi-header {
        background-color: #a16828;
    }
}
.page-wool section.pdi-key-metrics ul li {
    border-color: #a16828;
}
.page-wool section.pdi-content h1 {
    border-bottom-color: #a16828;
}
.page-wool section.pdi-key-metrics ul li .metric-name,
.page-wool section.pdi-key-metrics ul li .metric-number {
    color: #a16828;
}
.page-wool .key-metric-icon span svg * {
    stroke: #a16828 !important;
}
.page-wool section.pdi-breakout {
    background-color: #a16828;
}
.page-wool section.highlight-bg {
    background-color: #efded1;
}
.page-wool .img-swipe-wrapper .img-swipe {
    background-color: #a16828;
}
.page-wool .circle-icon {
    background-color: #a16828;
}
@media (max-width: 460px), (min-width: 576px) and (max-width: 830px) {
    .page-wool #chart-wool-sheep-flock .x-axis-wrapper text {
        transform: rotate(-45deg) translate(-28px, -16px);
    }
}
.page-wool #wool-sheep-flock-legend {
    display: flex;
}
@media (max-width: 1199.98px) {
    .page-wool #wool-sheep-flock-legend {
        flex-wrap: wrap;
    }
    .page-wool #wool-sheep-flock-legend li {
        width: auto !important;
        margin-right: 15px;
        margin-bottom: 8px;
    }
}
.page-wool #wool-sheep-flock-legend #legend-flock {
    width: 130px;
}
.page-wool #wool-sheep-flock-legend #legend-flock::before {
    background-color: #cea17c;
}
.page-wool #wool-sheep-flock-legend #legend-shorn {
    width: 170px;
}
.page-wool #wool-sheep-flock-legend #legend-shorn::before {
    border-color: #9e6927;
}
.page-wool #wool-sheep-flock-legend #legend-receivals {
    width: 140px;
}
@media (min-width: 1200px) {
    .page-wool #wool-sheep-flock-legend #legend-receivals {
        margin-left: 30px;
    }
}
.page-wool #wool-sheep-flock-legend #legend-receivals::before {
    border-color: #637b3c;
}
.page-wool #wool-sheep-flock-legend li {
    display: flex;
}
.page-wool #wool-sheep-flock-legend li::before {
    position: absolute;
    top: 0px;
    left: -17px;
}
.page-wool #chart-wool-price-spread .tick text {
    fill: #000;
}
@media (max-width: 991.98px) {
    .page-wool #chart-wool-price-spread circle:nth-child(odd) {
        opacity: 0;
    }
}
.page-wool #wool-price-spread-legend {
    margin-left: 40px;
}
.page-wool #wool-price-spread-legend #legend-coarse::before {
    background-color: #a16928;
}
.page-wool #wool-price-spread-legend #legend-superfine::before {
    background-color: #a2b186;
}
.page-wool #wool-price-spread-legend #legend-emi::before {
    border-color: #224878;
    border-style: dashed;
}
@media (max-width: 575.98px) {
    .page-wool .donut-legend li {
        display: inline-block;
        padding-right: 12px;
    }
}
.page-wool .donut-legend #china span {
    background-color: #9c6928;
}
.page-wool .donut-legend #china span {
    background-color: #9c6928;
}
.page-wool .donut-legend #italy span {
    background-color: #677c44;
}
.page-wool .donut-legend #czech-republic span {
    background-color: #a2b186;
}
.page-wool .donut-legend #india span {
    background-color: #cea17c;
}
.page-wool .donut-legend #other span {
    background-color: #1d5580;
}
.page-wool text.change-label,
.page-wool text.yoy-label,
.page-wool text.label-sm-tooltip {
    fill: #808080;
}
.page-wool #donut-chevron {
    width: 4.5%;
    top: 53.6%;
    position: absolute;
    opacity: 0;
    left: 51%;
}
@media (min-width: 992px) {
    .page-wool #wool-production .chart-download {
        margin-top: -40px;
    }
}
.page-wool #chart-wool-production .tick text,
.page-wool #chart-wool-production .bar-texts {
    font-size: 12px;
    fill: #676c6f;
}
.page-wool #chart-wool-production rect.bar-text-rects {
    fill: none !important;
}
.page-wool #chart-wool-production .y-axis-wrapper-right g.tick:nth-of-type(even) {
    opacity: 0 !important;
}
@media (max-width: 830px) {
    .page-wool #chart-wool-production .bar-texts {
        font-size: 11px;
        transform: rotate(-45deg) translate(5px, 11px);
        text-anchor: end;
    }
    .page-wool #chart-wool-production rect.bar-rect-right {
        display: none;
    }
}
@media (min-width: 670px) and (max-width: 830px) {
    .page-wool #chart-wool-production .bar-texts {
        transform: rotate(-45deg) translate(-3px, 17px);
    }
}
@media (max-width: 470px) {
    .page-wool #chart-wool-production .each-bars-wrapper:nth-child(even) .bar-texts {
        display: none;
    }
}
.page-wool #wool-production-legend #legend-change::before {
    background-color: #9db582;
}
.page-wool #wool-production-legend #legend-greasy::before {
    background-color: #a76807;
}
.page-wool #wool-production-legend #legend-superfine::before {
    background-color: #fbd3ce;
}
.page-wool #wool-production-legend #legend-fine::before {
    background-color: #d7e1e9;
}
.page-wool #wool-production-legend #legend-medium::before {
    background-color: #f2dfd0;
}
.page-wool #wool-production-legend #legend-broad::before {
    background-color: #c0e5df;
}
.page-wool #wool-exports .chart-download {
    float: left;
}

/*****************
 * Pork Page
 */
.page-pork {
    /*****************
   * Page Parent Section Styles
   */
}
.page-pork ::selection {
    background-color: #f4e5d4;
}
.page-pork a:hover {
    color: #a16828;
}
.page-pork h1,
.page-pork h2,
.page-pork h3,
.page-pork h4,
.page-pork .chart-subheading {
    color: #a16828;
}
.page-pork section.pdi-breakout .btn {
    background-color: #a16828;
}
.page-pork section.pdi-breakout .btn:hover {
    background-color: #784e1e;
}
@media (max-width: 2400px) {
    .page-pork section.pdi-header {
        background-color: #a16828;
    }
}
.page-pork section.pdi-key-metrics ul li {
    border-color: #a16828;
}
.page-pork section.pdi-content h1 {
    border-bottom-color: #a16828;
}
.page-pork section.pdi-key-metrics ul li .metric-name,
.page-pork section.pdi-key-metrics ul li .metric-number {
    color: #a16828;
}
.page-pork .key-metric-icon span svg * {
    stroke: #a16828 !important;
}
.page-pork section.pdi-breakout {
    background-color: #a16828;
}
.page-pork section.highlight-bg {
    background-color: #efded1;
}
.page-pork .img-swipe-wrapper .img-swipe {
    background-color: #a16828;
}
.page-pork .circle-icon {
    background-color: #a16828;
}
.page-pork #pork-feed-legend #legend-pork-feed::before {
    background-color: #c19a80;
}
.page-pork #pork-feed-legend #legend-porker::before {
    border-color: #667d40;
}
.page-pork #pork-feed-legend #legend-baconer::before {
    border-color: #eea12c;
}
.page-pork #chart-pork-imports-exports text.each-bars-text {
    transform-origin: left;
    transform: rotate(-90deg) translate(99px, 43%);
    fill: #a16828;
}
.page-pork #chart-pork-imports-exports g.x-axis-wrapper .tick:not(:first-child) line {
    opacity: 0 !important;
}
.page-pork #chart-pork-imports-exports .x-axis-text {
    font-family: "nexa-regular", sans-serif;
}
.page-pork #chart-pork-imports-exports .x-axis-wrapper text {
    font-size: 11px;
    font-family: "Roboto", sans-serif;
    fill: #676c6f;
}
.page-pork .pork-imports-legend li {
    margin-left: 0 !important;
    cursor: default;
}
.page-pork .pork-imports-legend #legend-denmark::before {
    background-color: #502c1e;
}
.page-pork .pork-imports-legend #legend-usa::before {
    background-color: #222222;
}
.page-pork .pork-imports-legend #legend-netherlands::before {
    background-color: #774d28;
}
.page-pork .pork-imports-legend #legend-ireland::before {
    background-color: #9f6928;
}
.page-pork .pork-imports-legend #legend-canada::before {
    background-color: #a9662a;
}
.page-pork .pork-imports-legend #legend-singapore::before {
    background-color: #415228;
}
.page-pork .pork-imports-legend #legend-nz::before {
    background-color: #557536;
}
.page-pork .pork-imports-legend #legend-philippines::before {
    background-color: #749150;
}
.page-pork .pork-imports-legend #legend-png::before {
    background-color: #93ab77;
}
.page-pork .pork-imports-legend #legend-japan::before {
    background-color: #beccaa;
}
.page-pork .pork-imports-legend #legend-other::before {
    background-color: #e4e4e4;
}
@media (max-width: 1199.98px) {
    .page-pork #pork-asf #asf-map {
        height: 35vw !important;
    }
}
@media (max-width: 575.98px) {
    .page-pork #pork-asf #asf-map {
        height: 72vw !important;
    }
}
.page-pork #pork-asf #sources-row {
    margin-top: -20px;
}
.page-pork circle.datamaps-bubble-pulse {
    animation: pulse 2.5s infinite;
    stroke: #9f6928 !important;
    pointer-events: none;
}
@keyframes pulse {
    0% {
        stroke-width: 0px;
        stroke-opacity: 0.5;
    }
    100% {
        stroke-width: 25px;
        stroke-opacity: 0;
    }
}

/*****************
 * Sheep Meat Page
 */
.page-sheep-meat {
    /*****************
   * Page Parent Section Styles
   */
}
.page-sheep-meat ::selection {
    background-color: #f4e5d4;
}
.page-sheep-meat a:hover {
    color: #a16828;
}
.page-sheep-meat h1,
.page-sheep-meat h2,
.page-sheep-meat h3,
.page-sheep-meat h4,
.page-sheep-meat .chart-subheading {
    color: #a16828;
}
.page-sheep-meat section.pdi-breakout .btn {
    background-color: #a16828;
}
.page-sheep-meat section.pdi-breakout .btn:hover {
    background-color: #784e1e;
}
@media (max-width: 2400px) {
    .page-sheep-meat section.pdi-header {
        background-color: #a16828;
    }
}
.page-sheep-meat section.pdi-key-metrics ul li {
    border-color: #a16828;
}
.page-sheep-meat section.pdi-content h1 {
    border-bottom-color: #a16828;
}
.page-sheep-meat section.pdi-key-metrics ul li .metric-name,
.page-sheep-meat section.pdi-key-metrics ul li .metric-number {
    color: #a16828;
}
.page-sheep-meat .key-metric-icon span svg * {
    stroke: #a16828 !important;
}
.page-sheep-meat section.pdi-breakout {
    background-color: #a16828;
}
.page-sheep-meat section.highlight-bg {
    background-color: #efded1;
}
.page-sheep-meat .img-swipe-wrapper .img-swipe {
    background-color: #a16828;
}
.page-sheep-meat .circle-icon {
    background-color: #a16828;
}
@media (max-width: 991.98px) {
    .page-sheep-meat #chart-production .x-axis-wrapper .tick:nth-of-type(odd) text {
        display: none;
    }
}
@media (max-width: 480px) {
    .page-sheep-meat #chart-production .x-axis-wrapper .tick:nth-of-type(2) text,
    .page-sheep-meat #chart-production .x-axis-wrapper .tick:nth-of-type(6) text,
    .page-sheep-meat #chart-production .x-axis-wrapper .tick:nth-of-type(10) text,
    .page-sheep-meat #chart-production .x-axis-wrapper .tick:nth-of-type(14) text,
    .page-sheep-meat #chart-production .x-axis-wrapper .tick:nth-of-type(18) text {
        display: none;
    }
}
.page-sheep-meat #production-legend {
    margin-left: 44px;
}
.page-sheep-meat #production-legend #legend-lamb-production:before {
    background-color: #d49f7b;
}
.page-sheep-meat #production-legend #legend-lamb-slaughter:before {
    border-color: #7e6b33;
}
.page-sheep-meat #production-legend #legend-mutton-production:before {
    background-color: #9cb480;
}
.page-sheep-meat #production-legend #legend-mutton-slaughter:before {
    border-color: #61714e;
}
@media (max-width: 767.98px) {
    .page-sheep-meat #chart-lamb circle:nth-child(odd) {
        opacity: 0;
    }
}
.page-sheep-meat #lamb-legend {
    margin-left: 60px;
}
.page-sheep-meat #lamb-legend li {
    min-width: 200px;
}
@media (max-width: 575.98px) {
    .page-sheep-meat #lamb-legend li {
        text-indent: -25px;
    }
}
.page-sheep-meat #lamb-legend #legend-production:before {
    background-color: #d49f7b;
}
.page-sheep-meat #lamb-legend #legend-heavy:before {
    border-color: #7e6b33;
}
.page-sheep-meat #lamb-legend #legend-trade:before {
    border-color: #62724f;
}
.page-sheep-meat #lamb-legend #legend-restocker:before {
    border-color: #225368;
}

/*****************
 * Goat Meat Page
 */
.page-goat-meat {
    /*****************
   * Page Parent Section Styles
   */
}
.page-goat-meat ::selection {
    background-color: #f4e5d4;
}
.page-goat-meat a:hover {
    color: #a16828;
}
.page-goat-meat h1,
.page-goat-meat h2,
.page-goat-meat h3,
.page-goat-meat h4,
.page-goat-meat .chart-subheading {
    color: #a16828;
}
.page-goat-meat section.pdi-breakout .btn {
    background-color: #a16828;
}
.page-goat-meat section.pdi-breakout .btn:hover {
    background-color: #784e1e;
}
@media (max-width: 2400px) {
    .page-goat-meat section.pdi-header {
        background-color: #a16828;
    }
}
.page-goat-meat section.pdi-key-metrics ul li {
    border-color: #a16828;
}
.page-goat-meat section.pdi-content h1 {
    border-bottom-color: #a16828;
}
.page-goat-meat section.pdi-key-metrics ul li .metric-name,
.page-goat-meat section.pdi-key-metrics ul li .metric-number {
    color: #a16828;
}
.page-goat-meat .key-metric-icon span svg * {
    stroke: #a16828 !important;
}
.page-goat-meat section.pdi-breakout {
    background-color: #a16828;
}
.page-goat-meat section.highlight-bg {
    background-color: #efded1;
}
.page-goat-meat .img-swipe-wrapper .img-swipe {
    background-color: #a16828;
}
.page-goat-meat .circle-icon {
    background-color: #a16828;
}
.page-goat-meat .pdi-summary .note {
    color: #414042;
}
.page-goat-meat #price-legend {
    margin-left: 28px;
}
.page-goat-meat #price-legend #legend-lamb:before {
    border-color: #956828;
}
.page-goat-meat #price-legend #legend-mutton:before {
    border-color: #667d40;
}
.page-goat-meat #price-legend #legend-goat:before {
    border-color: #1b5680;
}
.page-goat-meat #legend-export {
    margin-top: -45px;
    margin-left: -14px;
    cursor: default;
}
.page-goat-meat #legend-export li {
    margin-left: 8px;
}
.page-goat-meat #legend-export #legend-usa:before {
    background-color: #cc8046;
}
.page-goat-meat #legend-export #legend-taiwan:before {
    background-color: #889c5c;
}
.page-goat-meat #legend-export #legend-sth-korea:before {
    background-color: #8d939c;
}
.page-goat-meat #legend-export #legend-canada:before {
    background-color: #3b7798;
}
.page-goat-meat #legend-export #legend-malaysia:before {
    background-color: #da4f48;
}
.page-goat-meat #legend-export #legend-trinidad:before {
    background-color: #598ea6;
}
.page-goat-meat #legend-export #legend-japan:before {
    background-color: #c35375;
}
.page-goat-meat #legend-export #legend-china:before {
    background-color: #009f83;
}
.page-goat-meat #legend-export #legend-hk:before {
    background-color: #804c1c;
}
.page-goat-meat #legend-export #legend-other:before {
    background-color: #ffc971;
}
.page-goat-meat #legend-production #prod-china span {
    background-color: #009f83;
}
.page-goat-meat #legend-production #prod-india span {
    background-color: #804b1f;
}
.page-goat-meat #legend-production #prod-pakistan span {
    background-color: #8c939d;
}
.page-goat-meat #legend-production #prod-nigeria span {
    background-color: #3b7799;
}
.page-goat-meat #legend-production #prod-bangladesh span {
    background-color: #db4e47;
}
.page-goat-meat #legend-production #prod-australia span {
    background-color: #cc8046;
}
.page-goat-meat #legend-production #prod-other span {
    background-color: #c25374;
}
.page-goat-meat #legend-exports-donut #exp-australia span {
    background-color: #cd8147;
}
.page-goat-meat #legend-exports-donut #exp-kenya span {
    background-color: #899c5c;
}
.page-goat-meat #legend-exports-donut #exp-china span {
    background-color: #009f83;
}
.page-goat-meat #legend-exports-donut #exp-france span {
    background-color: #004339;
}
.page-goat-meat #legend-exports-donut #exp-spain span {
    background-color: #72243c;
}
.page-goat-meat #legend-exports-donut #exp-tanzania span {
    background-color: #5a8ea6;
}
.page-goat-meat #legend-exports-donut #exp-other span {
    background-color: #c25374;
}
@media (max-width: 767.98px) {
    .page-goat-meat .donut-legend li {
        display: inline-block;
        padding-left: 48px;
    }
}
.page-goat-meat #h1-goatmeat-outlook {
    margin-top: 40px;
}

/*****************
 * Poultry Page
 */
.page-poultry {
    /*****************
   * Page Parent Section Styles
   */
}
.page-poultry ::selection {
    background-color: #f4e5d4;
}
.page-poultry a:hover {
    color: #a16828;
}
.page-poultry h1,
.page-poultry h2,
.page-poultry h3,
.page-poultry h4,
.page-poultry .chart-subheading {
    color: #a16828;
}
.page-poultry section.pdi-breakout .btn {
    background-color: #a16828;
}
.page-poultry section.pdi-breakout .btn:hover {
    background-color: #784e1e;
}
@media (max-width: 2400px) {
    .page-poultry section.pdi-header {
        background-color: #a16828;
    }
}
.page-poultry section.pdi-key-metrics ul li {
    border-color: #a16828;
}
.page-poultry section.pdi-content h1 {
    border-bottom-color: #a16828;
}
.page-poultry section.pdi-key-metrics ul li .metric-name,
.page-poultry section.pdi-key-metrics ul li .metric-number {
    color: #a16828;
}
.page-poultry .key-metric-icon span svg * {
    stroke: #a16828 !important;
}
.page-poultry section.pdi-breakout {
    background-color: #a16828;
}
.page-poultry section.highlight-bg {
    background-color: #efded1;
}
.page-poultry .img-swipe-wrapper .img-swipe {
    background-color: #a16828;
}
.page-poultry .circle-icon {
    background-color: #a16828;
}
.page-poultry section.pdi-header .pdi-header-left .page-icon {
    width: 160px;
}
.page-poultry #poultry-trade {
    padding: 0;
    margin-top: -20px;
}
.page-poultry #poultry-trade img {
    max-width: 350px;
    margin-top: -20px;
    margin-bottom: -20px;
}
.page-poultry #chart-poultry-state-share .y-axis-wrapper .tick text {
    transform: translateX(-4px);
}
.page-poultry #chart-poultry-state-share .x-axis-wrapper .tick {
    display: none;
}
@media (min-width: 1200px) {
    .page-poultry #chart-poultry-state-share .x-axis-wrapper .tick:last-of-type,
    .page-poultry #chart-poultry-state-share .x-axis-wrapper .tick:first-of-type,
    .page-poultry #chart-poultry-state-share .x-axis-wrapper .tick:nth-of-type(12n) {
        display: inline;
    }
}
@media (min-width: 992px) {
    .page-poultry #chart-poultry-state-share .x-axis-wrapper .tick:nth-of-type(24n) {
        display: inline;
    }
}
@media (max-width: 991.98px) {
    .page-poultry #chart-poultry-state-share .x-axis-wrapper .tick:nth-of-type(24n) {
        display: inline;
    }
}
.page-poultry #state-share-legend {
    margin-left: 33px;
}
.page-poultry #state-share-legend #legend-nsw:before {
    background-color: #c9a281;
}
.page-poultry #state-share-legend #legend-vic:before {
    background-color: #7e98ad;
}
.page-poultry #state-share-legend #legend-qld:before {
    background-color: #a6b18b;
}
.page-poultry #state-share-legend #legend-sawa:before {
    background-color: #bf8896;
}
.page-poultry #avg-prices-legend {
    margin-left: 44px;
}
.page-poultry #avg-prices-legend #legend-beef:before {
    border-color: #a46828;
}
.page-poultry #avg-prices-legend #legend-pork:before {
    border-color: #677c44;
}
.page-poultry #avg-prices-legend #legend-lamb:before {
    border-color: #1d5580;
}
.page-poultry #avg-prices-legend #legend-chicken:before {
    border-color: #af2a2c;
}

/*****************
 * Eggs Page
 */
.page-eggs {
    /*****************
   * Page Parent Section Styles
   */
}
.page-eggs ::selection {
    background-color: #f4e5d4;
}
.page-eggs a:hover {
    color: #a16828;
}
.page-eggs h1,
.page-eggs h2,
.page-eggs h3,
.page-eggs h4,
.page-eggs .chart-subheading {
    color: #a16828;
}
.page-eggs section.pdi-breakout .btn {
    background-color: #a16828;
}
.page-eggs section.pdi-breakout .btn:hover {
    background-color: #784e1e;
}
@media (max-width: 2400px) {
    .page-eggs section.pdi-header {
        background-color: #a16828;
    }
}
.page-eggs section.pdi-key-metrics ul li {
    border-color: #a16828;
}
.page-eggs section.pdi-content h1 {
    border-bottom-color: #a16828;
}
.page-eggs section.pdi-key-metrics ul li .metric-name,
.page-eggs section.pdi-key-metrics ul li .metric-number {
    color: #a16828;
}
.page-eggs .key-metric-icon span svg * {
    stroke: #a16828 !important;
}
.page-eggs section.pdi-breakout {
    background-color: #a16828;
}
.page-eggs section.highlight-bg {
    background-color: #efded1;
}
.page-eggs .img-swipe-wrapper .img-swipe {
    background-color: #a16828;
}
.page-eggs .circle-icon {
    background-color: #a16828;
}
.page-eggs section.pdi-header .pdi-header-left .page-icon {
    width: 160px;
}
.page-eggs #legend-production {
    margin-left: 37px;
}
.page-eggs #legend-production #legend-hens:before {
    background-color: #a26928;
}
.page-eggs .label-tooltip,
.page-eggs .text-tooltip {
    fill: #9e6828;
}
.page-eggs text.label-sm-tooltip {
    fill: #808080;
}
.page-eggs #chart-average-price .y-axis-label {
    font-size: 13px;
}
.page-eggs #chart-average-price .tick text {
    font-size: 11px;
}
.page-eggs #chart-average-price text.bar-texts {
    fill: #676c6f;
    font-size: 11px;
}
@media (max-width: 410px), (min-width: 576px) and (max-width: 768px) {
    .page-eggs #chart-average-price text.bar-texts {
        transform: rotate(-45deg) translateX(-1%) translateY(7%);
        text-anchor: end;
    }
}
@media (max-width: 379px), (min-width: 576px) and (max-width: 710px) {
    .page-eggs #chart-average-price text.bar-texts {
        transform: rotate(-45deg) translateX(-1%) translateY(5%);
    }
}
.page-eggs #chart-average-price rect.bar-text-rects {
    fill: transparent !important;
}
.page-eggs .price-legend {
    margin-left: 23px;
    margin-bottom: 10px;
}
.page-eggs .price-legend #legend-mat-2016:before {
    background-color: #667d40;
}
.page-eggs .price-legend #legend-mat-2017:before {
    background-color: #a26828;
}
.page-eggs .price-legend #legend-mat-2018:before {
    background-color: #1d5580;
}

/*****************
 * Wool Page
 */
.page-header-test-1 {
    /*****************
   * Page Parent Section Styles
   */
}
.page-header-test-1 ::selection {
    background-color: #f4e5d4;
}
.page-header-test-1 a:hover {
    color: #a16828;
}
.page-header-test-1 h1,
.page-header-test-1 h2,
.page-header-test-1 h3,
.page-header-test-1 h4,
.page-header-test-1 .chart-subheading {
    color: #a16828;
}
.page-header-test-1 section.pdi-breakout .btn {
    background-color: #a16828;
}
.page-header-test-1 section.pdi-breakout .btn:hover {
    background-color: #784e1e;
}
@media (max-width: 2400px) {
    .page-header-test-1 section.pdi-header {
        background-color: #a16828;
    }
}
.page-header-test-1 section.pdi-key-metrics ul li {
    border-color: #a16828;
}
.page-header-test-1 section.pdi-content h1 {
    border-bottom-color: #a16828;
}
.page-header-test-1 section.pdi-key-metrics ul li .metric-name,
.page-header-test-1 section.pdi-key-metrics ul li .metric-number {
    color: #a16828;
}
.page-header-test-1 .key-metric-icon span svg * {
    stroke: #a16828 !important;
}
.page-header-test-1 section.pdi-breakout {
    background-color: #a16828;
}
.page-header-test-1 section.highlight-bg {
    background-color: #efded1;
}
.page-header-test-1 .img-swipe-wrapper .img-swipe {
    background-color: #a16828;
}
.page-header-test-1 .circle-icon {
    background-color: #a16828;
}
.page-header-test-1 section.pdi-header {
    background-color: #e7e7e7;
    background-size: auto !important;
    background-repeat: no-repeat;
    min-height: 774px;
}

/*****************
 * Wool Page
 */
.page-header-test-2 {
    /*****************
   * Page Parent Section Styles
   */
}
.page-header-test-2 ::selection {
    background-color: #f4e5d4;
}
.page-header-test-2 a:hover {
    color: #a16828;
}
.page-header-test-2 h1,
.page-header-test-2 h2,
.page-header-test-2 h3,
.page-header-test-2 h4,
.page-header-test-2 .chart-subheading {
    color: #a16828;
}
.page-header-test-2 section.pdi-breakout .btn {
    background-color: #a16828;
}
.page-header-test-2 section.pdi-breakout .btn:hover {
    background-color: #784e1e;
}
@media (max-width: 2400px) {
    .page-header-test-2 section.pdi-header {
        background-color: #a16828;
    }
}
.page-header-test-2 section.pdi-key-metrics ul li {
    border-color: #a16828;
}
.page-header-test-2 section.pdi-content h1 {
    border-bottom-color: #a16828;
}
.page-header-test-2 section.pdi-key-metrics ul li .metric-name,
.page-header-test-2 section.pdi-key-metrics ul li .metric-number {
    color: #a16828;
}
.page-header-test-2 .key-metric-icon span svg * {
    stroke: #a16828 !important;
}
.page-header-test-2 section.pdi-breakout {
    background-color: #a16828;
}
.page-header-test-2 section.highlight-bg {
    background-color: #efded1;
}
.page-header-test-2 .img-swipe-wrapper .img-swipe {
    background-color: #a16828;
}
.page-header-test-2 .circle-icon {
    background-color: #a16828;
}
.page-header-test-2 section.pdi-header {
    background-color: #e7e7e7;
    background-size: auto !important;
    background-repeat: no-repeat;
    min-height: 774px;
}

/*****************
 * Wool Page
 */
.page-header-test-3 {
    /*****************
   * Page Parent Section Styles
   */
}
.page-header-test-3 ::selection {
    background-color: #f4e5d4;
}
.page-header-test-3 a:hover {
    color: #a16828;
}
.page-header-test-3 h1,
.page-header-test-3 h2,
.page-header-test-3 h3,
.page-header-test-3 h4,
.page-header-test-3 .chart-subheading {
    color: #a16828;
}
.page-header-test-3 section.pdi-breakout .btn {
    background-color: #a16828;
}
.page-header-test-3 section.pdi-breakout .btn:hover {
    background-color: #784e1e;
}
@media (max-width: 2400px) {
    .page-header-test-3 section.pdi-header {
        background-color: #a16828;
    }
}
.page-header-test-3 section.pdi-key-metrics ul li {
    border-color: #a16828;
}
.page-header-test-3 section.pdi-content h1 {
    border-bottom-color: #a16828;
}
.page-header-test-3 section.pdi-key-metrics ul li .metric-name,
.page-header-test-3 section.pdi-key-metrics ul li .metric-number {
    color: #a16828;
}
.page-header-test-3 .key-metric-icon span svg * {
    stroke: #a16828 !important;
}
.page-header-test-3 section.pdi-breakout {
    background-color: #a16828;
}
.page-header-test-3 section.highlight-bg {
    background-color: #efded1;
}
.page-header-test-3 .img-swipe-wrapper .img-swipe {
    background-color: #a16828;
}
.page-header-test-3 .circle-icon {
    background-color: #a16828;
}
.page-header-test-3 section.pdi-header {
    background-color: #e7e7e7;
    background-size: auto !important;
    background-repeat: no-repeat;
    min-height: 774px;
}

/*****************
 * Recreation Overview Page
 */
.page-rec-overview {
    /*****************
   * Page Parent Section Styles
   */
}
.page-rec-overview ::selection {
    background-color: #acd2ee;
}
.page-rec-overview a:hover {
    color: #1b5680;
}
.page-rec-overview h1,
.page-rec-overview h2,
.page-rec-overview h3,
.page-rec-overview h4,
.page-rec-overview .chart-subheading {
    color: #1b5680;
}
.page-rec-overview section.pdi-breakout .btn {
    background-color: #1b5680;
}
.page-rec-overview section.pdi-breakout .btn:hover {
    background-color: #123a56;
}
@media (max-width: 2400px) {
    .page-rec-overview section.pdi-header {
        background-color: #1b5680;
    }
}
.page-rec-overview section.pdi-key-metrics ul li {
    border-color: #1b5680;
}
.page-rec-overview section.pdi-content h1 {
    border-bottom-color: #1b5680;
}
.page-rec-overview section.pdi-key-metrics ul li .metric-name,
.page-rec-overview section.pdi-key-metrics ul li .metric-number {
    color: #1b5680;
}
.page-rec-overview .key-metric-icon span svg * {
    stroke: #1b5680 !important;
}
.page-rec-overview section.pdi-breakout {
    background-color: #1b5680;
}
.page-rec-overview section.highlight-bg {
    background-color: #efded1;
}
.page-rec-overview .img-swipe-wrapper .img-swipe {
    background-color: #1b5680;
}
.page-rec-overview .circle-icon {
    background-color: #1b5680;
}
@media (min-width: 1200px) {
    .page-rec-overview section.pdi-header .pdi-header-left h1 {
        font-size: 5rem;
    }
}
.page-rec-overview .overview-header-icons .overview-icon-row {
    justify-content: space-evenly;
}
.page-rec-overview .overview-header-icons .overview-icon-row .overview-icon-link {
    background-color: #1b5680;
    border-color: #7c90c9;
    color: #1b5680;
}
.page-rec-overview .overview-header-icons .overview-icon-row .overview-icon-link:hover {
    background-color: #113951;
}
@media (min-width: 1200px) {
    .page-rec-overview .overview-header-icons #btn-rec-hunting {
        margin-right: 200px;
    }
}
.page-rec-overview .overview-header-icons #btn-rec-hunting .overview-icon {
    padding: 10%;
}
@media (min-width: 1200px) {
    .page-rec-overview .overview-header-icons #btn-rec-fishing {
        margin-left: 200px;
    }
}
.page-rec-overview .overview-header-icons #btn-rec-fishing .overview-icon {
    padding-top: 10%;
}
.page-rec-overview .overview-header-icons #btn-rec-fishing .overview-icon img {
    max-height: 125px;
}
.page-rec-overview .chart-title {
    line-height: 1.4em;
}
.page-rec-overview .tick text {
    font-size: 11px;
}
.page-rec-overview .bar-text-wrappers {
    transform: translateY(20px);
}
.page-rec-overview .y-axis-label {
    font-size: 13px;
}
.page-rec-overview .y-axis-right-label-wrapper .y-axis-label {
    transform: rotate(180deg);
}
.page-rec-overview .y-axis-label,
.page-rec-overview .x-axis-label,
.page-rec-overview .bar-texts {
    font-family: "nexa-regular", sans-serif;
}
.page-rec-overview .bar-texts {
    font-size: 15px;
}
@media (max-width: 991.98px) {
    .page-rec-overview .bar-texts {
        font-size: 12px;
    }
}
@media (max-width: 669px) {
    .page-rec-overview .bar-texts {
        font-size: 11px;
    }
}
@media (max-width: 360px) {
    .page-rec-overview .bar-texts {
        font-size: 10px;
    }
}
.page-rec-overview #legend-output {
    margin-left: 62px;
}
.page-rec-overview #legend-output #legend-industry:before {
    background-color: #1d5580;
}
.page-rec-overview #legend-output #legend-yoy:before {
    background-color: #a4bacb;
}

/*****************
 * Hunting Page
 */
.page-hunting {
    /*****************
   * Page Parent Section Styles
   */
}
.page-hunting ::selection {
    background-color: #acd2ee;
}
.page-hunting a:hover {
    color: #1b5680;
}
.page-hunting h1,
.page-hunting h2,
.page-hunting h3,
.page-hunting h4,
.page-hunting .chart-subheading {
    color: #1b5680;
}
.page-hunting section.pdi-breakout .btn {
    background-color: #1b5680;
}
.page-hunting section.pdi-breakout .btn:hover {
    background-color: #123a56;
}
@media (max-width: 2400px) {
    .page-hunting section.pdi-header {
        background-color: #1b5680;
    }
}
.page-hunting section.pdi-key-metrics ul li {
    border-color: #1b5680;
}
.page-hunting section.pdi-content h1 {
    border-bottom-color: #1b5680;
}
.page-hunting section.pdi-key-metrics ul li .metric-name,
.page-hunting section.pdi-key-metrics ul li .metric-number {
    color: #1b5680;
}
.page-hunting .key-metric-icon span svg * {
    stroke: #1b5680 !important;
}
.page-hunting section.pdi-breakout {
    background-color: #1b5680;
}
.page-hunting section.highlight-bg {
    background-color: #efded1;
}
.page-hunting .img-swipe-wrapper .img-swipe {
    background-color: #1b5680;
}
.page-hunting .circle-icon {
    background-color: #1b5680;
}
.page-hunting section.pdi-header .pdi-header-left .page-icon {
    width: 170px;
}
.page-hunting #ico-forest {
    padding-top: 5px;
}
.page-hunting #ico-up {
    padding-top: 13px;
}
.page-hunting #chart-harvest .tick text {
    font-size: 11px;
}
.page-hunting #chart-harvest .y-axis-text {
    fill: #1b5680;
    font-size: 13px;
    font-family: "nexa-regular", sans-serif;
}
.page-hunting .bar-taken {
    fill: #1b5680;
}
.page-hunting .bar-seen {
    fill: #148164;
}
.page-hunting .axis.x-axis path,
.page-hunting .axis line {
    fill: none;
    stroke: #b7b6bb;
}
@media (max-width: 1199.98px) {
    .page-hunting .chart-img {
        opacity: 0;
    }
}
.page-hunting .d3-tip.n {
    width: 150px;
}
.page-hunting #legend-harvest {
    margin-left: 43px;
}
.page-hunting #legend-harvest #legend-taken:before {
    background-color: #1b5680;
}
.page-hunting #legend-harvest #legend-seen:before {
    background-color: #148064;
}
@media (max-width: 575.98px) {
    .page-hunting #hunting-education .row:first-of-type .align-center {
        text-align: left;
    }
}
.page-hunting #hunting-education #col-regulating {
    margin-left: 0;
    padding: 0 15px;
}
.page-hunting #hunting-education #chart-education {
    width: 100%;
    margin-bottom: -50px;
}
.page-hunting #hunting-education .chart-source {
    margin-top: 30px;
}
@media (min-width: 992px) {
    .page-hunting #hunting-education .chart-source {
        margin-top: -100px;
    }
}
.page-hunting #hunting-education #education-svg {
    text-align: center;
    position: absolute;
    left: 23.2%;
    top: 13%;
}
@media (max-width: 991.98px) {
    .page-hunting #hunting-education #education-svg {
        left: 28%;
        top: 23%;
    }
}
@media (max-width: 767.98px) {
    .page-hunting #hunting-education #education-svg {
        top: 0;
        left: 0;
        position: relative;
    }
}
.page-hunting #hunting-education #education-svg svg {
    width: 620px;
    max-width: 100%;
    margin: auto;
    transition: all 2s;
    transform: rotate(-30deg);
}
.page-hunting #hunting-education #education-svg #circle-title-container {
    transition: all 2s;
    transform: scale(0.5);
    width: 300px;
    height: 300px;
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 80px rgba(0, 0, 0, 0.4);
    padding: 5% 0;
    text-align: center;
}
.page-hunting #hunting-education #education-svg #circle-title-container h3 {
    padding: 28% 0;
    font-size: 1.4em;
}
@media (max-width: 991.98px) {
    .page-hunting #hunting-education #education-svg svg {
        width: 420px;
    }
    .page-hunting #hunting-education #chart-sections {
        font-size: 0.7em;
    }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
    .page-hunting #hunting-education #chart-sections {
        padding-top: 0;
    }
}
@media (max-width: 991.98px) {
    .page-hunting #hunting-education #chart-education {
        margin-top: 160px;
        margin-bottom: -100%;
    }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
    .page-hunting #hunting-education #chart-education {
        margin-top: 0;
    }
}
@media (max-width: 991.98px) {
    .page-hunting #hunting-education #chart-education #circle-title-container {
        margin-left: -125px;
        margin-top: -125px;
        width: 250px;
        height: 250px;
    }
}
@media (max-width: 991.98px) {
    .page-hunting #hunting-education #chart-education #chart-edu-standards {
        padding-left: 12% !important;
    }
}
@media (max-width: 767.98px) {
    .page-hunting #hunting-education #chart-education {
        margin-top: 50px;
        margin-bottom: -76%;
    }
    .page-hunting #hunting-education #chart-education #chart-edu-standards {
        padding-left: 15px !important;
    }
    .page-hunting #hunting-education #chart-sections {
        position: initial !important;
        padding-top: 10px !important;
        font-size: 1em;
    }
}
@media (max-width: 767.98px) and (min-width: 768px) {
    .page-hunting #hunting-education #chart-sections {
        margin-bottom: 330px;
    }
}
@media (max-width: 767.98px) {
    .page-hunting #hunting-education #chart-sections ul {
        opacity: 1 !important;
        padding-left: 46px;
        transform: none !important;
    }
}
@media (max-width: 767.98px) {
    .page-hunting #hunting-education .row > div {
        width: 100%;
        margin-left: 0px;
        padding: 20px;
    }
}
@media (max-width: 575.98px) {
    .page-hunting #hunting-education #chart-education {
        margin-bottom: -67vh;
    }
    .page-hunting #hunting-education #circle-title-container {
        margin-left: -75px !important;
        margin-top: -75px !important;
        width: 150px !important;
        height: 150px !important;
    }
    .page-hunting #hunting-education #circle-title-container h3 {
        padding: 17% 0 9% !important;
        font-size: 0.9em !important;
    }
    .page-hunting #hunting-education #hunting-education .row > div {
        display: flex;
        flex-direction: column;
    }
    .page-hunting #hunting-education #chart-edu-education {
        order: 0;
    }
    .page-hunting #hunting-education #chart-edu-standards {
        order: 1;
    }
    .page-hunting #hunting-education #chart-edu-support {
        order: 2;
    }
    .page-hunting #hunting-education #chart-edu-monitor {
        order: 3;
    }
    .page-hunting #hunting-education #chart-edu-law {
        order: 4;
    }
    .page-hunting #hunting-education #chart-edu-compliance {
        order: 5;
    }
}
.page-hunting #hunting-education #chart-sections {
    position: relative;
    top: -50%;
    padding-top: 60px;
    margin-bottom: -40px;
    /* Trapezoid List Items */
}
@media (max-width: 575.98px) {
    .page-hunting #hunting-education #chart-sections {
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
    }
}
.page-hunting #hunting-education #chart-sections div img {
    max-width: 60px;
}
.page-hunting #hunting-education #chart-sections ul {
    transition: all 0.2s;
    transform: translate(-50px, 0);
    opacity: 0;
    padding-left: 35px;
    margin-top: -5px;
    font-size: 0.92em;
    list-style-image: url("https://www.dpi.nsw.gov.au/__data/assets/image/0006/838716/list-item.png");
}
.page-hunting #hunting-education #chart-sections ul li {
    margin: 5px 0;
    padding: 0 0 0 5px;
}
.page-hunting #hunting-education #chart-sections #chart-edu-compliance h3 {
    color: #acca81;
}
.page-hunting #hunting-education #chart-sections #chart-edu-compliance ul {
    list-style-image: url("https://www.dpi.nsw.gov.au/__data/assets/image/0003/1189020/list-item-green.png");
}
.page-hunting #hunting-education #chart-sections #chart-edu-education h3 {
    color: #1b5680;
}
.page-hunting #hunting-education #chart-sections #chart-edu-law h3 {
    color: #ed8770;
}
.page-hunting #hunting-education #chart-sections #chart-edu-law ul {
    list-style-image: url("https://www.dpi.nsw.gov.au/__data/assets/image/0006/1189023/list-item-red.png");
}
.page-hunting #hunting-education #chart-sections #chart-edu-standards h3 {
    color: #57afc5;
}
.page-hunting #hunting-education #chart-sections #chart-edu-standards ul {
    list-style-image: url("https://www.dpi.nsw.gov.au/__data/assets/image/0007/1189024/list-item-teal.png");
}
.page-hunting #hunting-education #chart-sections #chart-edu-monitor h3 {
    color: #f8cc8b;
}
.page-hunting #hunting-education #chart-sections #chart-edu-monitor ul {
    list-style-image: url("https://www.dpi.nsw.gov.au/__data/assets/image/0005/1189022/list-item-orange.png");
}
.page-hunting #hunting-education #chart-sections #chart-edu-support h3 {
    color: #f3b038;
}
.page-hunting #hunting-education #chart-sections #chart-edu-support ul {
    list-style-image: url("https://www.dpi.nsw.gov.au/__data/assets/image/0005/1189022/list-item-orange.png");
}
@media (min-width: 768px) {
    .page-hunting #hunting-education #chart-sections #chart-edu-education img {
        margin-left: 5%;
    }
}
@media (min-width: 768px) and (min-width: 992px) {
    .page-hunting #hunting-education #chart-sections #chart-edu-monitor,
    .page-hunting #hunting-education #chart-sections #chart-edu-support {
        padding-top: 50px;
    }
}
@media (min-width: 768px) {
    .page-hunting #hunting-education #chart-sections #chart-edu-compliance {
        padding-left: 8%;
    }
    .page-hunting #hunting-education #chart-sections #chart-edu-compliance #li-stakeholders {
        padding-right: 5%;
    }
    .page-hunting #hunting-education #chart-sections #chart-edu-compliance #li-drone {
        padding-right: 35%;
    }
    .page-hunting #hunting-education #chart-sections #chart-edu-compliance img {
        margin-left: 32%;
    }
}
@media (min-width: 768px) {
    .page-hunting #hunting-education #chart-sections #chart-edu-law {
        padding-left: 7%;
    }
    .page-hunting #hunting-education #chart-sections #chart-edu-law img {
        margin-left: 14%;
    }
}
@media (min-width: 768px) {
    .page-hunting #hunting-education #chart-sections #chart-edu-standards {
        padding-left: 9%;
    }
    .page-hunting #hunting-education #chart-sections #chart-edu-standards img {
        margin-left: 13%;
    }
}
@media (min-width: 768px) {
    .page-hunting #hunting-education #chart-sections #chart-edu-monitor {
        padding-left: 3%;
    }
    .page-hunting #hunting-education #chart-sections #chart-edu-monitor img {
        margin-left: 17%;
    }
}
@media (min-width: 768px) {
    .page-hunting #hunting-education #chart-sections #chart-edu-support {
        padding-left: 4%;
    }
    .page-hunting #hunting-education #chart-sections #chart-edu-support img {
        margin-left: 17%;
    }
}

/*****************
 * Recreational Fishing Page
 */
.page-rec-fishing {
    /*****************
   * Page Parent Section Styles
   */
}
.page-rec-fishing ::selection {
    background-color: #acd2ee;
}
.page-rec-fishing a:hover {
    color: #1b5680;
}
.page-rec-fishing h1,
.page-rec-fishing h2,
.page-rec-fishing h3,
.page-rec-fishing h4,
.page-rec-fishing .chart-subheading {
    color: #1b5680;
}
.page-rec-fishing section.pdi-breakout .btn {
    background-color: #1b5680;
}
.page-rec-fishing section.pdi-breakout .btn:hover {
    background-color: #123a56;
}
@media (max-width: 2400px) {
    .page-rec-fishing section.pdi-header {
        background-color: #1b5680;
    }
}
.page-rec-fishing section.pdi-key-metrics ul li {
    border-color: #1b5680;
}
.page-rec-fishing section.pdi-content h1 {
    border-bottom-color: #1b5680;
}
.page-rec-fishing section.pdi-key-metrics ul li .metric-name,
.page-rec-fishing section.pdi-key-metrics ul li .metric-number {
    color: #1b5680;
}
.page-rec-fishing .key-metric-icon span svg * {
    stroke: #1b5680 !important;
}
.page-rec-fishing section.pdi-breakout {
    background-color: #1b5680;
}
.page-rec-fishing section.highlight-bg {
    background-color: #efded1;
}
.page-rec-fishing .img-swipe-wrapper .img-swipe {
    background-color: #1b5680;
}
.page-rec-fishing .circle-icon {
    background-color: #1b5680;
}
.page-rec-fishing section.pdi-header .pdi-header-left .page-icon {
    width: 120px;
}
.page-rec-fishing #donut-projects-legend {
    font-size: 0.9em;
}
.page-rec-fishing #donut-projects-legend #protection span {
    background-color: #1b5680;
}
.page-rec-fishing #donut-projects-legend #access span {
    background-color: #7798b0;
}
.page-rec-fishing #donut-projects-legend #enforcement span {
    background-color: #4db39f;
}
.page-rec-fishing #donut-projects-legend #enhancement span {
    background-color: #4d7896;
}
.page-rec-fishing #donut-projects-legend #education span {
    background-color: #a6b9c8;
}
.page-rec-fishing #donut-projects-legend #research span {
    background-color: #8dcdbd;
}
#donut-chart-catch-legend {
    text-align: center;
    margin-top: 30px;
}
#donut-chart-catch-legend #northern span {
    background-color: #8dcdbd;
}
#donut-chart-catch-legend #central span {
    background-color: #dbadb8;
}
#donut-chart-catch-legend #southern span {
    background-color: #e1bea4;
}
#donut-chart-catch-legend li {
    display: inline;
    padding-right: 20px;
    text-align: left;
}
.page-rec-fishing #col-catch-table table {
    font-size: 0.9em;
}
.page-rec-fishing #col-catch-table table th strong {
    font-size: 1.1em;
}
.page-rec-fishing #col-catch-table table tfoot tr td {
    background-color: #636363;
    color: #fff;
}
@media (max-width: 991.98px) {
    .page-rec-fishing #col-catch {
        display: none;
    }
}

/* Charter map */
#charter-fishing-catch-and-effort {
    margin-top: 30px;
    position: absolute;
    width: 75%;
}
#charter-fishing-catch-and-effort .map-point {
    animation: svg-circle-pulse-animation 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-direction: normal;
    paint-order: stroke;
    stroke: #fff;
}
@keyframes svg-circle-pulse-animation {
    0% {
        stroke-width: 0px;
        stroke-opacity: 1;
    }
    100% {
        stroke-width: 35px;
        stroke-opacity: 0;
    }
}
#donut-chart-catch {
    text-align: right;
    position: relative;
    margin-top: 15px;
    z-index: 2;
    display: inline-block;
    right: -26%;
}
#donut-chart-catch .arc path,
#donut-chart-catch .arc-outer path {
    transform: rotate(-25deg);
}
#donut-chart-catch .map-point {
    stroke-dashoffset: 1;
}
@keyframes dash {
    to {
        stroke-dashoffset: 1000;
    }
}
.page-rec-fishing #clients-residence-legend {
    margin-top: -35px;
}
.page-rec-fishing #clients-residence-legend #legend-local:before {
    background-color: #005484;
}
.page-rec-fishing #clients-residence-legend #legend-inland:before {
    background-color: #7297b4;
}
.page-rec-fishing #clients-residence-legend #legend-interstate:before {
    background-color: #00b89f;
}
.page-rec-fishing #clients-residence-legend #legend-overseas:before {
    background-color: #e7be9f;
}
.page-rec-fishing #clients-residence-legend li:first-of-type {
    padding-left: 0;
}
.page-rec-fishing #chart-size-composition .x-ticks-axis-wrapper g.tick {
    display: none;
}
.page-rec-fishing #chart-size-composition .y-axis-wrapper g:first-child line {
    stroke-width: 4px;
}
.page-rec-fishing #size-composition-legend {
    margin-top: 5px;
    margin-left: 44px;
}
.page-rec-fishing
    #size-composition-legend
    #legend-flathead
    .custom-checkbox
    .custom-control-input
    ~ .custom-control-label::before {
    background-color: #005383 !important;
}
.page-rec-fishing
    #size-composition-legend
    #legend-snapper
    .custom-checkbox
    .custom-control-input
    ~ .custom-control-label::before {
    background-color: #00b79f !important;
}
.page-rec-fishing
    #size-composition-legend
    #legend-morwong
    .custom-checkbox
    .custom-control-input
    ~ .custom-control-label::before {
    background-color: #912660 !important;
}
.page-rec-fishing #rec-fishing-trusts .chart-download {
    float: left;
}
@media (min-width: 576px) {
    .page-rec-fishing #rec-fishing-sales .chart-download {
        margin-top: 20px;
    }
}
.page-rec-fishing #chart-licence-sales .tick text,
.page-rec-fishing #chart-licence-sales .each-bars-text {
    font-size: 11px;
    fill: #676c6f;
}
.page-rec-fishing #licence-sales-legend {
    margin-top: 20px;
    margin-left: 32px;
}
.page-rec-fishing #licence-sales-legend #legend-3-day:before {
    background-color: #005484;
}
.page-rec-fishing #licence-sales-legend #legend-1-month:before {
    background-color: #437899;
}
.page-rec-fishing #licence-sales-legend #legend-1-year:before {
    background-color: #00b89f;
}
.page-rec-fishing #licence-sales-legend #legend-3-year:before {
    background-color: #7bd1be;
}
@media (max-width: 440px) {
    .page-rec-fishing #licence-sales-legend li {
        min-width: 32%;
    }
}
.page-rec-fishing #chart-source-licence {
    margin-top: 37px;
}

#d3tip-fishing-charter td {
    font-size: 13px;
    color: #808080;
}

/*****************
 * Wine Page
 */
.page-wine {
    /*****************
   * Page Parent Section Styles
   */
}
.page-wine ::selection {
    background-color: #f1d9e4;
}
.page-wine a:hover {
    color: #953661;
}
.page-wine h1,
.page-wine h2,
.page-wine h3,
.page-wine h4,
.page-wine .chart-subheading {
    color: #953661;
}
.page-wine section.pdi-breakout .btn {
    background-color: #953661;
}
.page-wine section.pdi-breakout .btn:hover {
    background-color: #702849;
}
@media (max-width: 2400px) {
    .page-wine section.pdi-header {
        background-color: #953661;
    }
}
.page-wine section.pdi-key-metrics ul li {
    border-color: #953661;
}
.page-wine section.pdi-content h1 {
    border-bottom-color: #953661;
}
.page-wine section.pdi-key-metrics ul li .metric-name,
.page-wine section.pdi-key-metrics ul li .metric-number {
    color: #953661;
}
.page-wine .key-metric-icon span svg * {
    stroke: #953661 !important;
}
.page-wine section.pdi-breakout {
    background-color: #953661;
}
.page-wine section.highlight-bg {
    background-color: #efded1;
}
.page-wine .img-swipe-wrapper .img-swipe {
    background-color: #953661;
}
.page-wine .circle-icon {
    background-color: #953661;
}
.page-wine #img-wine-production {
    margin-bottom: -100px;
}
.page-wine #chart-download-container {
    margin-top: -20px;
    display: block;
}
.page-wine #chart-prices .tick text {
    font-size: 11px;
}
.page-wine #chart-prices text.bar-texts {
    font-size: 13px;
    fill: #000;
}
@media (max-width: 500px), (min-width: 576px) and (max-width: 950px) {
    .page-wine #chart-prices text.bar-texts {
        font-size: 11px;
        transform: translate(10px, 24px) rotate(-45deg);
    }
}
.page-wine #chart-prices rect.bar-text-rects {
    fill: transparent;
}
.page-wine #chart-exports text.each-bars-text,
.page-wine #chart-exports .tick text {
    font-size: 13px;
    fill: #000;
}
.page-wine #chart-exports .each-right-label-wrapper {
    font-size: 16px;
}
.page-wine #exports-legend li {
    padding-left: 14px;
}
.page-wine #exports-legend #legend-usa:before {
    background-color: #95265e;
}
.page-wine #exports-legend #legend-uk:before {
    background-color: #bf5374;
}
.page-wine #exports-legend #legend-chn:before {
    background-color: #005484;
}
.page-wine #exports-legend #legend-can:before {
    background-color: #437899;
}
.page-wine #exports-legend #legend-jpn:before {
    background-color: #00b79e;
}
.page-wine #exports-legend #legend-hkg:before {
    background-color: #7bd1be;
}
.page-wine #exports-legend #legend-oth:before {
    background-color: #d49f74;
}

/*****************
 * Horticulture Page
 */
.page-horticulture {
    /*****************
   * Page Parent Section Styles
   */
}
.page-horticulture ::selection {
    background-color: #f7dcdd;
}
.page-horticulture a:hover {
    color: #ab292c;
}
.page-horticulture h1,
.page-horticulture h2,
.page-horticulture h3,
.page-horticulture h4,
.page-horticulture .chart-subheading {
    color: #ab292c;
}
.page-horticulture section.pdi-breakout .btn {
    background-color: #ab292c;
}
.page-horticulture section.pdi-breakout .btn:hover {
    background-color: #821f21;
}
@media (max-width: 2400px) {
    .page-horticulture section.pdi-header {
        background-color: #ab292c;
    }
}
.page-horticulture section.pdi-key-metrics ul li {
    border-color: #ab292c;
}
.page-horticulture section.pdi-content h1 {
    border-bottom-color: #ab292c;
}
.page-horticulture section.pdi-key-metrics ul li .metric-name,
.page-horticulture section.pdi-key-metrics ul li .metric-number {
    color: #ab292c;
}
.page-horticulture .key-metric-icon span svg * {
    stroke: #ab292c !important;
}
.page-horticulture section.pdi-breakout {
    background-color: #ab292c;
}
.page-horticulture section.highlight-bg {
    background-color: #efded1;
}
.page-horticulture .img-swipe-wrapper .img-swipe {
    background-color: #ab292c;
}
.page-horticulture .circle-icon {
    background-color: #ab292c;
}
.page-horticulture section.pdi-header .pdi-header-left .page-icon {
    width: 130px;
}
@media (min-width: 1200px) {
    .page-horticulture section.pdi-header .pdi-header-left h1 {
        font-size: 5.6rem;
    }
}
.page-horticulture .horticulture-bg {
    background-position: -10% 110%;
    background-repeat: no-repeat;
    background-size: 670px;
}
@media (min-width: 992px) {
    .page-horticulture .horticulture-bg .chart-download {
        margin-top: -10px;
    }
}
.page-horticulture .faded-background-img {
    position: absolute;
    bottom: -60px;
    left: -196px;
    width: 770px;
    max-width: none;
    z-index: -1;
}
@media (min-width: 992px) {
    .page-horticulture #chart-horticulture-output {
        margin-left: 3rem;
        margin-right: 3rem;
    }
}
@media (min-width: 768px) and (max-width: 1050px) {
    .page-horticulture .col-legend {
        font-size: 0.8em;
    }
}
@media (max-width: 575.98px) {
    .page-horticulture .col-legend {
        width: 50%;
        font-size: 0.8em;
    }
}
.page-horticulture #output-legend li {
    cursor: default;
    padding-top: 5px;
    padding-bottom: 5px;
}
@media (min-width: 992px) {
    .page-horticulture #output-legend li {
        padding-left: 0;
    }
}
.page-horticulture #output-legend li span {
    width: 23px;
    height: 23px;
}
.page-horticulture #output-legend .horticulture-category {
    height: 50px;
    display: flex;
    align-items: center;
}
.page-horticulture #output-legend .horticulture-category span {
    width: 42px;
    border-radius: 40px;
    margin-left: 0px !important;
    height: 42px;
    padding: 2px;
    flex-shrink: 0;
}
.page-horticulture #output-legend .horticulture-category span img {
    padding: 4px;
}
.page-horticulture #output-legend #li-nurseries-cut-flowers-turf {
    color: #537a46;
}
.page-horticulture #output-legend #li-vegetables {
    color: #ac2a2a;
}
.page-horticulture #output-legend #li-fruit-nuts-excl-wine-grapes {
    color: #9d7245;
}
.page-horticulture #output-legend #li-fruit-nuts-excl-wine-grapes span {
    background-color: #9d7245;
}
.page-horticulture #output-legend #li-vegetables-excl-wine-grapes span img {
    padding: 7px;
}
.page-horticulture #output-legend #li-nurseries-cut-flowers-turf span {
    background-color: #537a46;
}
.page-horticulture #output-legend #li-nurseries span {
    background-color: #859861;
}
.page-horticulture #output-legend #li-cultivated-turf span {
    background-color: #a3b085;
}
.page-horticulture #output-legend #li-cut-flowers span {
    background-color: #dde3d5;
}
.page-horticulture #output-legend #li-vegetables span {
    background-color: #ab292b;
}
.page-horticulture #output-legend #li-mushrooms span {
    background-color: #c75a55;
}
.page-horticulture #output-legend #li-potatoes span {
    background-color: #db847b;
}
.page-horticulture #output-legend #li-melons span {
    background-color: #e9aca7;
}
.page-horticulture #output-legend #li-other-vegetables span {
    background-color: #fad4d1;
}
.page-horticulture #output-legend #li-avocados span {
    background-color: #512c1a;
}
.page-horticulture #output-legend #li-oranges span {
    background-color: #222222;
}
.page-horticulture #output-legend #li-macadamias span {
    background-color: #cea07f;
}
.page-horticulture #output-legend #li-table-grapes span {
    background-color: #754d2a;
}
.page-horticulture #output-legend #li-other-fruit span {
    background-color: #bd8353;
}
.page-horticulture #output-legend #li-almonds span {
    background-color: #e1bda3;
}
.page-horticulture #output-legend #li-other-nuts span {
    background-color: #f0ded0;
}
.page-horticulture #fruit-veg-legend {
    margin-left: 32px;
}
.page-horticulture #fruit-veg-legend #legend-syd-fruit:before {
    border-color: #951721;
}
.page-horticulture #fruit-veg-legend #legend-syd-veg:before {
    border-color: #566a32;
}
.page-horticulture #fruit-veg-legend #legend-nat-fruit:before {
    border-color: #dd9a94;
}
.page-horticulture #fruit-veg-legend #legend-nat-veg:before {
    border-color: #92a371;
}
.page-horticulture #chart-production .bar-2016-17 {
    fill: #db847b;
}
.page-horticulture #chart-production .bar-2017-18 {
    fill: #a82a2e;
}
.page-horticulture #chart-production .axis.x-axis path,
.page-horticulture #chart-production .axis line {
    fill: none;
    stroke: #b7b6bb;
}
.page-horticulture #chart-production .axis text {
    font-size: 11px;
    fill: #1f1d1e;
}
@media (max-width: 767.98px) {
    .page-horticulture #chart-production .axis text {
        font-size: 10px;
    }
}
.page-horticulture #chart-production .axis .y-axis-text {
    font-size: 11px;
    fill: #a82a2e;
    font-family: "nexa-regular", sans-serif;
}
.page-horticulture #chart-production .d3-tip.n {
    min-width: 190px;
}
.page-horticulture #production-legend {
    margin-left: 54px;
    margin-top: -15px;
}
.page-horticulture #production-legend #legend-14:before {
    background-color: #db847b;
}
.page-horticulture #production-legend #legend-17:before {
    background-color: #a82a2e;
}
.page-horticulture #production-legend #legend-notes {
    font-size: 0.8em;
    position: relative;
    bottom: -7px;
}
.page-horticulture #production-legend #legend-notes:before {
    display: none;
}
.page-horticulture #chart-potential text.each-bars-text,
.page-horticulture #chart-potential .x-axis-wrapper .tick {
    font-size: 11px;
    fill: #000;
}
.page-horticulture #chart-potential text.x-axis-text {
    font-family: "nexa-regular", sans-serif;
}
.page-horticulture #potential-legend {
    margin-left: 60px;
}
.page-horticulture #potential-legend #legend-bearing:before {
    background-color: #e57e76;
}
.page-horticulture #potential-legend #legend-not-bearing:before {
    background-color: #b3101b;
}
@media (max-width: 767.98px) {
    .page-horticulture #turf-legend {
        width: 94%;
        margin-left: auto;
    }
}
.page-horticulture #turf-legend li {
    width: 32%;
    display: inline-block;
}
@media (max-width: 767.98px) {
    .page-horticulture #turf-legend li {
        width: 49%;
    }
}
.page-horticulture #turf-legend li label {
    display: flex;
    align-items: center;
    text-align: left;
    margin: 0;
}
.page-horticulture #turf-legend li label span {
    flex-shrink: 0;
    margin-bottom: 2px;
}
.page-horticulture #turf-legend #legend-buffalo span {
    background-color: #951721;
}
.page-horticulture #turf-legend #legend-couch span {
    background-color: #b54342;
}
.page-horticulture #turf-legend #legend-kikuyu span {
    background-color: #cc6e66;
}
.page-horticulture #turf-legend #legend-zoysia span {
    background-color: #dd9a94;
}
.page-horticulture #turf-legend #legend-blue span {
    background-color: #566a32;
}
.page-horticulture #turf-legend #legend-other span {
    background-color: #92a371;
}
.page-horticulture #turf-source {
    float: left;
}

/*****************
 * Fisheries Page
 */
.page-fisheries {
    /*****************
   * Page Parent Section Styles
   */
}
.page-fisheries ::selection {
    background-color: #cbe7e9;
}
.page-fisheries a:hover {
    color: #357a80;
}
.page-fisheries h1,
.page-fisheries h2,
.page-fisheries h3,
.page-fisheries h4,
.page-fisheries .chart-subheading {
    color: #357a80;
}
.page-fisheries section.pdi-breakout .btn {
    background-color: #357a80;
}
.page-fisheries section.pdi-breakout .btn:hover {
    background-color: #26585c;
}
@media (max-width: 2400px) {
    .page-fisheries section.pdi-header {
        background-color: #357a80;
    }
}
.page-fisheries section.pdi-key-metrics ul li {
    border-color: #357a80;
}
.page-fisheries section.pdi-content h1 {
    border-bottom-color: #357a80;
}
.page-fisheries section.pdi-key-metrics ul li .metric-name,
.page-fisheries section.pdi-key-metrics ul li .metric-number {
    color: #357a80;
}
.page-fisheries .key-metric-icon span svg * {
    stroke: #357a80 !important;
}
.page-fisheries section.pdi-breakout {
    background-color: #357a80;
}
.page-fisheries section.highlight-bg {
    background-color: #d3e3e3;
}
.page-fisheries .img-swipe-wrapper .img-swipe {
    background-color: #357a80;
}
.page-fisheries .circle-icon {
    background-color: #357a80;
}
.page-fisheries section.pdi-header .pdi-header-left .page-icon {
    width: 130px;
}
.page-fisheries #harvest-row .chart-title {
    font-size: 0.9rem;
}
.page-fisheries #harvest-row .d-inline:first-child {
    width: 48%;
}
.page-fisheries #harvest-row .d-inline:first-child .chart-title {
    text-align: right;
}
.page-fisheries #harvest-row .d-inline:last-child {
    width: 52%;
}
.page-fisheries #harvest-row .d-inline:last-child .chart-title {
    text-align: left;
    margin-left: 72px;
}
.page-fisheries #harvest-row text.each-bars-text {
    font-family: "nexa-regular", sans-serif;
    font-size: 13px;
}
.page-fisheries #wild-harvest-row .chart-download {
    margin-top: -20px;
}
.page-fisheries #legend-harvest #legend-crustacean:before {
    background-color: #357a80;
}
.page-fisheries #legend-harvest #legend-fish:before {
    background-color: #539cb6;
}
.page-fisheries #legend-harvest #legend-mollusc:before {
    background-color: #db8f2e;
}
.page-fisheries #legend-harvest #legend-other:before {
    background-color: #333333;
}
.page-fisheries .faded-background-img {
    position: absolute;
    bottom: -90px;
    left: -145px;
    width: 680px;
    max-width: none;
    z-index: -1;
}
.page-fisheries img#table-fisheries-bg {
    position: absolute;
    left: 0;
    top: 57px;
    width: 78.2%;
}
@media (max-width: 1199.98px) {
    .page-fisheries img#table-fisheries-bg {
        display: none;
    }
}
.page-fisheries .table-responsive {
    overflow-x: visible;
}
.page-fisheries #table-fisheries-catch {
    width: 100%;
    font-family: "nexa-regular", sans-serif;
    text-align: left;
    z-index: 1;
    position: relative;
    margin-top: -52px;
}
.page-fisheries #table-fisheries-catch th,
.page-fisheries #table-fisheries-catch tr,
.page-fisheries #table-fisheries-catch td {
    background: transparent;
    color: #000;
    padding: 8px 5px;
    vertical-align: bottom;
    height: 68px;
}
.page-fisheries #table-fisheries-catch tr {
    transform: scale(0);
    transition: all 0.5s;
    border-bottom: 2px solid #283645;
}
.page-fisheries #table-fisheries-catch tr:first-child,
.page-fisheries #table-fisheries-catch tr:last-child {
    border-bottom: 0;
}
.page-fisheries #table-fisheries-catch tr:hover .col-bars,
.page-fisheries #table-fisheries-catch tr.selected .col-bars {
    opacity: 1;
}
.page-fisheries #table-fisheries-catch tr.selected .catch-circle,
.page-fisheries #table-fisheries-catch tr:hover .catch-circle {
    background-color: #5c666b;
}
.page-fisheries #table-fisheries-catch tr.selected .catch-circle {
    background-color: #5c666b;
}
.page-fisheries #table-fisheries-catch tr.selected .catch-label {
    color: #000;
}
.page-fisheries #table-fisheries-catch tr:active .catch-circle {
    transform: scale3d(0.75, 0.5, 0.75);
}
.page-fisheries #table-fisheries-catch td:first-child {
    font-size: 17px;
    padding-bottom: 7px;
    vertical-align: bottom;
    width: 9%;
}
@media (max-width: 991.98px) {
    .page-fisheries #table-fisheries-catch td:first-child {
        font-size: 15px;
    }
}
@media (max-width: 767.98px) {
    .page-fisheries #table-fisheries-catch td:first-child {
        font-size: 13px;
    }
}
@media (max-width: 575.98px) {
    .page-fisheries #table-fisheries-catch td:first-child {
        font-size: 12px;
    }
}
.page-fisheries #table-fisheries-catch .col-bars {
    width: 60%;
}
.page-fisheries #table-fisheries-catch .col-circle {
    width: 5%;
}
.page-fisheries #table-fisheries-catch .col-avg {
    width: 17%;
}
.page-fisheries #table-fisheries-catch .catch-label {
    font-family: "Roboto", sans-serif;
    color: #4d4d4d;
    font-size: 13px;
    width: 100%;
    transition: all 0.3s;
}
.page-fisheries #table-fisheries-catch .col-bars {
    opacity: 0;
    transition: all 0.2s;
}
.page-fisheries #table-fisheries-catch .catch-left {
    float: left;
    width: 70%;
    max-width: 212px;
}
.page-fisheries #table-fisheries-catch .catch-right {
    float: right;
    width: 30%;
    text-align: right;
}
.page-fisheries #table-fisheries-catch .catch-value-row,
.page-fisheries #table-fisheries-catch .catch-return-row {
    display: flex;
}
.page-fisheries #table-fisheries-catch .catch-gvp-col .catch-value {
    font-size: 15px;
    font-family: "nexa-regular", sans-serif;
    color: #000;
    margin-right: 0;
}
.page-fisheries #table-fisheries-catch .catch-bar {
    width: 70%;
}
.page-fisheries #table-fisheries-catch .catch-bar div {
    display: inline-flex;
    vertical-align: middle;
    height: 15px;
    margin-top: -4px;
}
.page-fisheries #table-fisheries-catch .catch-value-row .catch-bar div {
    background-color: #357a80;
}
.page-fisheries #table-fisheries-catch .catch-value-row .catch-value {
    color: #4d4d4d;
}
.page-fisheries #table-fisheries-catch .catch-return-row .catch-bar div {
    background-color: #539cb6;
}
.page-fisheries #table-fisheries-catch .catch-return-row .catch-value {
    color: #4d4d4d;
}
.page-fisheries #table-fisheries-catch .catch-value {
    font-family: "Roboto", sans-serif;
    color: #808080;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    margin-right: 5px;
}
@media (min-width: 992px) {
    .page-fisheries #table-fisheries-catch .catch-value {
        width: 75px;
    }
}
.page-fisheries #table-fisheries-catch .catch-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #9db8c4;
    margin: auto;
    transition: all 0.3s;
}
.page-fisheries #table-fisheries-catch .col-avg {
    text-align: right;
    vertical-align: middle;
}
.page-fisheries #table-fisheries-catch .col-circle {
    vertical-align: middle !important;
    text-align: center !important;
}
.page-fisheries #table-fisheries-catch .catch-avg-value {
    font-size: 1.2em;
}
@media (max-width: 991.98px) {
    .page-fisheries #table-fisheries-catch .catch-avg-value {
        font-size: 1em;
    }
}
@media (max-width: 767.98px) {
    .page-fisheries #table-fisheries-catch .catch-avg-value {
        font-size: 0.9em;
    }
}
@media (max-width: 575.98px) {
    .page-fisheries #table-fisheries-catch .catch-avg-value {
        font-size: 0.8em;
    }
}
.page-fisheries #row-trade .legend-trade li {
    width: 100%;
    cursor: default;
}
.page-fisheries #row-trade .legend-trade #legend-molluscs::before {
    background-color: #4b7784;
}
.page-fisheries #row-trade .legend-trade #legend-fish-frozen::before {
    background-color: #659bb3;
}
.page-fisheries #row-trade .legend-trade #legend-fish-fillets::before {
    background-color: #dda04d;
}
.page-fisheries #row-trade .legend-trade #legend-prawns::before {
    background-color: #d5806b;
}
.page-fisheries #row-trade .legend-trade #legend-other::before {
    background-color: #76b298;
}
.page-fisheries #row-trade .legend-trade #legend-prepared::before {
    background-color: #3d8066;
}
@media (min-width: 1200px) {
    .page-fisheries #row-trade .chart-download {
        margin-top: -25px;
    }
}
.page-fisheries #row-trade .trade-header {
    height: 52px;
    margin-bottom: 15px;
}
.page-fisheries #row-trade #chart-exports-donut,
.page-fisheries #row-trade #chart-imports-donut {
    clear: both;
}
.page-fisheries #row-trade #trade-exports {
    text-align: center;
}
@media (min-width: 992px) {
    .page-fisheries #row-trade #trade-exports {
        text-align: right;
    }
    .page-fisheries #row-trade #trade-exports .trade-header {
        float: right;
    }
}
.page-fisheries #row-trade #trade-imports {
    text-align: center;
}
@media (min-width: 992px) {
    .page-fisheries #row-trade #trade-imports {
        text-align: left;
    }
    .page-fisheries #row-trade #trade-imports .trade-header {
        float: left;
    }
}
.page-fisheries #fisheries-trade-row table tr {
    background-color: transparent;
}
.page-fisheries #fisheries-trade-row table th,
.page-fisheries #fisheries-trade-row table td {
    color: #000;
    background-color: transparent;
    padding: 8px;
}
.page-fisheries #fisheries-trade-row table th {
    color: #357a80;
    font-family: "nexa-regular", sans-serif;
    font-size: 1.3rem;
    font-weight: normal;
    padding-bottom: 12px;
}
.page-fisheries #fisheries-trade-row .trade-bar {
    width: 70%;
}
.page-fisheries #fisheries-trade-row .trade-percent,
.page-fisheries #fisheries-trade-row .trade-number {
    font-family: "nexa-heavy", sans-serif;
    font-size: 1.2rem;
    background-color: transparent !important;
    opacity: 0;
    transition: all 1s;
}
.page-fisheries #fisheries-trade-row .trade-percent {
    padding-left: 20px;
    padding-right: 20px;
}
.page-fisheries #fisheries-trade-row p {
    font-family: "nexa-regular", sans-serif;
    font-size: 0.9rem;
    float: left;
    width: 100%;
    margin-top: 5px;
}
.page-fisheries #fisheries-trade-row .trade-bar span {
    display: inline-block;
    background: #333;
    height: 45px;
    transition: all 1s;
    transform: scaleX(0);
}
.page-fisheries #fisheries-trade-row .trade-molluscs .trade-number,
.page-fisheries #fisheries-trade-row .trade-molluscs .trade-bar span {
    color: #4b7785;
    background-color: #4b7785;
}
.page-fisheries #fisheries-trade-row .trade-prep .trade-number,
.page-fisheries #fisheries-trade-row .trade-prep .trade-bar span {
    color: #659cb3;
    background-color: #659cb3;
}
.page-fisheries #fisheries-trade-row .trade-frozen .trade-number,
.page-fisheries #fisheries-trade-row .trade-frozen .trade-bar span {
    color: #659cb3;
    background-color: #659cb3;
}
.page-fisheries #fisheries-trade-row .trade-fish .trade-number,
.page-fisheries #fisheries-trade-row .trade-fish .trade-bar span {
    color: #dda04c;
    background-color: #dda04c;
}
.page-fisheries #fisheries-trade-row .trade-shrimp .trade-number,
.page-fisheries #fisheries-trade-row .trade-shrimp .trade-bar span {
    color: #d4806b;
    background-color: #d4806b;
}
.page-fisheries #fisheries-trade-row .trade-other .trade-number,
.page-fisheries #fisheries-trade-row .trade-other .trade-bar span {
    color: #75b297;
    background-color: #75b297;
}
.page-fisheries #fisheries-trade-row .col-sm-6:first-of-type table th {
    text-align: right;
}
.page-fisheries #fisheries-trade-row .col-sm-6:first-of-type table p {
    text-align: right;
}
.page-fisheries #fisheries-trade-row .col-sm-6:first-of-type table .trade-bar {
    padding-left: 10%;
}
.page-fisheries #fisheries-trade-row .col-sm-6:first-of-type table .trade-bar span {
    float: right;
    transform-origin: right;
}
.page-fisheries #fisheries-trade-row .col-sm-6:last-of-type table th {
    text-align: left;
}
.page-fisheries #fisheries-trade-row .col-sm-6:last-of-type table .trade-bar {
    padding-right: 10%;
}
.page-fisheries #fisheries-trade-row .col-sm-6:last-of-type table .trade-bar span {
    float: left;
    transform-origin: left;
}
.page-fisheries #col-aquaculture {
    padding-bottom: 160px;
}
.page-fisheries #output-legend li {
    cursor: default;
    padding-top: 5px;
    padding-bottom: 5px;
}
.page-fisheries #output-legend li span {
    width: 23px;
    height: 23px;
    margin-left: -29px;
}
.page-fisheries #output-legend .aquaculture-category {
    height: 50px;
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}
.page-fisheries #output-legend .aquaculture-category span {
    width: 42px;
    border-radius: 40px;
    height: 42px;
    padding: 2px;
    flex-shrink: 0;
    align-self: end;
}
.page-fisheries #output-legend .aquaculture-category span img {
    padding: 4px;
}
.page-fisheries #output-legend #li-crustaceans {
    color: #263c46;
}
.page-fisheries #output-legend #li-crustaceans span {
    background-color: #263c46;
}
.page-fisheries #output-legend #li-crustaceans img {
    margin-top: 5px;
}
.page-fisheries #output-legend #li-molluscs {
    color: #128064;
}
.page-fisheries #output-legend #li-molluscs span {
    background-color: #128064;
}
.page-fisheries #output-legend #li-molluscs img {
    height: 35px;
    margin-left: 6px;
    margin-top: 2px;
}
.page-fisheries #output-legend #li-freshwater-fish {
    color: #db8f2e;
}
.page-fisheries #output-legend #li-freshwater-fish span {
    background-color: #db8f2e;
}
.page-fisheries #output-legend #li-freshwater-fish img {
    padding-top: 6px;
    width: 35px;
}
.page-fisheries #output-legend #li-hatchery {
    color: #95979e;
    margin-top: 5px;
    margin-bottom: 5px;
}
.page-fisheries #output-legend #li-hatchery span {
    background-color: #95979e;
}
.page-fisheries #output-legend #li-hatchery img {
    padding-top: 7px;
}
.page-fisheries #output-legend #li-others {
    color: #232728;
}
.page-fisheries #output-legend #li-others span {
    background-color: #232728;
}
.page-fisheries #output-legend #li-others img {
    padding-top: 12px;
}
.page-fisheries #output-legend #li-black-tiger-prawn span {
    background-color: #4c728b;
}
.page-fisheries #output-legend #li-yabby span {
    background-color: #4c728b;
}
.page-fisheries #output-legend #li-yabby-bait span {
    background-color: #9db8c4;
}
.page-fisheries #output-legend #li-sydney-rock-oyster span {
    background-color: #4f5936;
}
.page-fisheries #output-legend #li-pacific-oyster span {
    background-color: #6d8045;
}
.page-fisheries #output-legend #li-native-oyster span {
    background-color: #3e8066;
}
.page-fisheries #output-legend #li-oyster-spat span {
    background-color: #659480;
}
.page-fisheries #output-legend #li-barramundi span {
    background-color: #9f6837;
}
.page-fisheries #output-legend #li-golden-perch span {
    background-color: #e7b980;
}
.page-fisheries #output-legend #li-murray-cod span {
    background-color: #d1806b;
}
.page-fisheries #output-legend #li-rainbow-trout span {
    background-color: #e1ac9f;
}
.page-fisheries #output-legend #li-silver-perch span {
    background-color: #666666;
}
.page-fisheries #fisheries-trade-svg {
    max-width: 800px;
    margin: auto;
}
.page-fisheries #map-estuary .map-area {
    fill-opacity: 0.1;
}
.page-fisheries #map-estuary path {
    pointer-events: none;
}
.page-fisheries #map-estuary .map-point {
    pointer-events: all;
}

/*****************
 * Forestry Page
 */
.page-forestry {
    /*****************
   * Page Parent Section Styles
   */
}
.page-forestry ::selection {
    background-color: #a2f1dc;
}
.page-forestry a:hover {
    color: #148064;
}
.page-forestry h1,
.page-forestry h2,
.page-forestry h3,
.page-forestry h4,
.page-forestry .chart-subheading {
    color: #148064;
}
.page-forestry section.pdi-breakout .btn {
    background-color: #148064;
}
.page-forestry section.pdi-breakout .btn:hover {
    background-color: #0d5442;
}
@media (max-width: 2400px) {
    .page-forestry section.pdi-header {
        background-color: #148064;
    }
}
.page-forestry section.pdi-key-metrics ul li {
    border-color: #148064;
}
.page-forestry section.pdi-content h1 {
    border-bottom-color: #148064;
}
.page-forestry section.pdi-key-metrics ul li .metric-name,
.page-forestry section.pdi-key-metrics ul li .metric-number {
    color: #148064;
}
.page-forestry .key-metric-icon span svg * {
    stroke: #148064 !important;
}
.page-forestry section.pdi-breakout {
    background-color: #148064;
}
.page-forestry section.highlight-bg {
    background-color: #d3e3e3;
}
.page-forestry .img-swipe-wrapper .img-swipe {
    background-color: #148064;
}
.page-forestry .circle-icon {
    background-color: #148064;
}
.page-forestry p.note {
    font-size: 120% !important;
}
@media (min-width: 1200px) {
    .page-forestry .popout-image {
        padding: 10px 0;
    }
}
.page-forestry #section-employment h1,
.page-forestry #section-employment p {
    position: relative;
    z-index: 1;
}
.page-forestry #section-employment #img-cut-tree {
    position: absolute;
    bottom: -75px;
    z-index: 0;
}
@media (max-width: 991.98px) {
    .page-forestry #section-employment #img-cut-tree {
        bottom: -40px;
    }
}
@media (max-width: 767.98px) {
    .page-forestry #section-employment #img-cut-tree {
        display: none;
    }
}
.page-forestry #section-employment #legend-industry {
    padding-left: 25px;
}
.page-forestry #section-employment #legend-industry #legend-value:before {
    background-color: #128064;
}
.page-forestry #section-employment #legend-industry #legend-change:before {
    background-color: #e1952e;
}
.page-forestry #section-employment .chart-selector {
    padding-left: 32px;
}
.page-forestry #section-employment #chart-industry .tick text {
    font-size: 11px;
}
.page-forestry #section-employment #chart-industry .bar-texts {
    font-size: 12px;
}
@media (max-width: 400px), (min-width: 576px) and (max-width: 750px) {
    .page-forestry #section-employment #chart-industry .bar-texts {
        font-size: 10px;
    }
}
.page-forestry #section-employment #chart-industry .y-axis-label {
    font-size: 13px;
}
.page-forestry #plantations-legend {
    margin-left: 14px;
}
.page-forestry #plantations-legend li {
    text-indent: -25px;
    width: 30%;
    display: inline-table;
    cursor: default;
    transition: all 0.3s;
}
.page-forestry #plantations-legend #legend-cyprus:before {
    background-color: #f49e37;
}
.page-forestry #plantations-legend #legend-cyprus-hardwood:before {
    background-color: #143066;
}
.page-forestry #plantations-legend #legend-softwood-hardwood:before {
    background-color: #148064;
}
.page-forestry #plantations-legend #legend-softwood:before {
    background-color: #d3666c;
}
.page-forestry #plantations-legend #legend-hardwood:before {
    background-color: #36b3f2;
}
.page-forestry #plantations-legend #legend-production:before {
    background-color: #d3d3d3;
}
.page-forestry #row-donut-volume .chart-selector {
    padding-left: 7px;
}
.page-forestry #legend-volume #legend-native::before {
    background-color: #a9662a;
}
.page-forestry #legend-volume #legend-plantation::before {
    background-color: #185a7d;
}
.page-forestry #legend-volume #legend-softwood::before {
    background-color: #008065;
}
.page-forestry #legend-exports-product {
    margin-left: 40px;
}
.page-forestry #legend-exports-product #legend-product-woodchips:before {
    background-color: #008564;
}
.page-forestry #legend-exports-product #legend-product-other:before {
    background-color: #7dcfbe;
}
.page-forestry #legend-exports {
    display: none;
    margin-left: 40px;
}
.page-forestry #legend-exports #legend-japan:before {
    background-color: #148064;
}
.page-forestry #legend-exports #legend-china:before {
    background-color: #80c4af;
}
.page-forestry #legend-exports #legend-other:before {
    background-color: #9e6828;
}
.page-forestry .chart-selector {
    padding-left: 46px;
}
.page-forestry #legend-woodchip li {
    display: inline;
    margin: 0 10px;
}
.page-forestry #legend-woodchip #legend-china span {
    background-color: #148064;
}
.page-forestry #legend-woodchip #legend-japan span {
    background-color: #1d5580;
}
.page-forestry #legend-woodchip #legend-taiwan span {
    background-color: #9f6928;
}
.page-forestry #legend-woodchip #legend-indonesia span {
    background-color: #80c4af;
}
.page-forestry #legend-woodchip #legend-other span {
    background-color: #a9662a;
}
.page-forestry #woodchips-source {
    width: 100%;
    text-align: right;
}
.page-forestry #chart-woodchips text.default-label,
.page-forestry #chart-woodchips .label-percentage,
.page-forestry #chart-woodchips .label-value {
    fill: #808080;
}

@font-face {
    font-family: "nexa-regular";
    font-weight: normal;
    font-style: normal;
    src: url("https://www.dpi.nsw.gov.au/__data/assets/file/0007/1189357/nexa-regular-webfont.woff2")
            format("woff2"),
        url("https://www.dpi.nsw.gov.au/__data/assets/file/0006/1189356/nexa-regular-webfont.woff")
            format("woff");
}
@font-face {
    font-family: "nexa-heavy";
    font-weight: normal;
    font-style: normal;
    src: url("https://www.dpi.nsw.gov.au/__data/assets/file/0003/1189353/nexa-heavy-webfont.woff2")
            format("woff2"),
        url("https://www.dpi.nsw.gov.au/__data/assets/file/0011/1189352/nexa-heavy-webfont.woff")
            format("woff");
}
@font-face {
    font-family: "nexa-light";
    font-weight: normal;
    font-style: normal;
    src: url("https://www.dpi.nsw.gov.au/__data/assets/file/0005/1189355/nexa-light-webfont.woff2")
            format("woff2"),
        url("https://www.dpi.nsw.gov.au/__data/assets/file/0004/1189354/nexa-light-webfont.woff")
            format("woff");
}
body {
    font-weight: 400;
    color: #000000;
}

/* Prevent flicker for Scroll Reveal plugin */
.load-hidden {
    visibility: hidden;
}

/* Hide the ext icon added automatically */
.btn .ext {
    display: none;
}

/* Disable some default DPI styles/sections */
ul li:before {
    content: none !important;
}

.breadcrumbs,
.page-title,
.addthis {
    display: none !important;
}

.main {
    padding-top: 0 !important;
}

main .content-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

main .content-wrapper ul li {
    position: relative;
}

#main > .container:first-of-type {
    width: auto;
    max-width: none;
    padding: 0;
}

@media (min-width: 1200px) {
    #pdi-main .col-xs-1,
    #pdi-main .col-sm-1,
    #pdi-main .col-md-1,
    #pdi-main .col-lg-1,
    #pdi-main .col-xs-2,
    #pdi-main .col-sm-2,
    #pdi-main .col-md-2,
    #pdi-main .col-lg-2,
    #pdi-main .col-xs-3,
    #pdi-main .col-sm-3,
    #pdi-main .col-md-3,
    #pdi-main .col-lg-3,
    #pdi-main .col-xs-4,
    #pdi-main .col-sm-4,
    #pdi-main .col-md-4,
    #pdi-main .col-lg-4,
    #pdi-main .col-xs-5,
    #pdi-main .col-sm-5,
    #pdi-main .col-md-5,
    #pdi-main .col-lg-5,
    #pdi-main .col-xs-6,
    #pdi-main .col-sm-6,
    #pdi-main .col-md-6,
    #pdi-main .col-lg-6,
    #pdi-main .col-xs-7,
    #pdi-main .col-sm-7,
    #pdi-main .col-md-7,
    #pdi-main .col-lg-7,
    #pdi-main .col-xs-8,
    #pdi-main .col-sm-8,
    #pdi-main .col-md-8,
    #pdi-main .col-lg-8,
    #pdi-main .col-xs-9,
    #pdi-main .col-sm-9,
    #pdi-main .col-md-9,
    #pdi-main .col-lg-9,
    #pdi-main .col-xs-10,
    #pdi-main .col-sm-10,
    #pdi-main .col-md-10,
    #pdi-main .col-lg-10,
    #pdi-main .col-xs-11,
    #pdi-main .col-sm-11,
    #pdi-main .col-md-11,
    #pdi-main .col-lg-11,
    #pdi-main .col-xs-12,
    #pdi-main .col-sm-12,
    #pdi-main .col-md-12,
    #pdi-main .col-lg-12 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.img-swipe-wrapper {
    left: 13px;
    width: 567px;
    height: 809px;
    position: absolute;
    display: inline-block;
    overflow: hidden;
    margin-right: 15px;
    animation-fill-mode: forwards;
    background-size: 0;
    opacity: 0;
}
@media (min-width: 1200px) {
    .img-swipe-wrapper {
        opacity: 1;
    }
}
@media (max-width: 1199.98px) {
    .img-swipe-wrapper {
        width: 94%;
        height: 740px;
        transition: all 1.5s;
    }
    .img-swipe-wrapper.loaded {
        opacity: 1;
    }
}
@media (max-width: 991.98px) {
    .img-swipe-wrapper {
        height: 620px;
    }
}
@keyframes show-boxshadow {
    26% {
        box-shadow: none;
    }
    100% {
        box-shadow: 0 0 60px 5px rgba(0, 0, 0, 0.75);
    }
}
.img-swipe-wrapper .img-swipe {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 0;
    z-index: 4;
    background-color: #677c44;
    width: 100%;
    transform: translate3d(-101%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg)
        rotateZ(0deg) skew(0deg, 0deg);
    transition: transform 0.8s;
    display: none;
}
@media (min-width: 1200px) {
    .img-swipe-wrapper .img-swipe {
        display: initial;
    }
}
.img-swipe-wrapper img {
    transform: scale(1.3);
    transition: scale 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.7s;
    opacity: 0;
    display: none;
}
@media (min-width: 1200px) {
    .img-swipe-wrapper img {
        display: initial;
    }
}
@keyframes scale-and-visible {
    25% {
        opacity: 0;
    }
    26% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
body .row-main {
    padding-bottom: 0;
}
@media (max-width: 960px) {
    .js-back-to-top {
        z-index: 5;
    }
}
@media (max-width: 767.98px) {
    .table-data {
        font-size: 0.9em;
    }
}

.table tr:nth-child(odd),
.table tr.tr-odd td {
    background-color: #fff;
}

.content-wrapper ul,
.content-wrapper ol {
    text-indent: initial !important;
}

/* Safari fix for bootstrap 4 */
.row:before,
.row:after {
    display: inline-block;
}

/* Default footer gets clipped in some instances */
.footer {
    position: relative;
    z-index: 1;
}

h1,
h2,
h3,
h4 {
    font-family: "nexa-heavy", sans-serif;
    font-weight: normal;
}

h2 {
    font-size: 2.1em;
}
@media (max-width: 991.98px) {
    h2 {
        font-size: 1.8em;
        line-height: 1.1em;
    }
}
@media (max-width: 767.98px) {
    h2 {
        font-size: 1.5em;
        line-height: 1.1em;
    }
}

p {
    font-size: 1.1em;
}
@media (max-width: 767.98px) {
    p {
        font-size: 1em;
    }
}

sup {
    font-family: sans-serif;
}

section {
    padding-top: 75px;
    padding-bottom: 75px;
}
@media (max-width: 991.98px) {
    section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

section.grey-bg {
    background-color: #ebebeb;
}

.col-featured-image img {
    width: 100%;
    box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.4);
}
@media (max-width: 767.98px) {
    .col-featured-image img {
        margin: 40px 0;
    }
}

.nexa-havy {
    font-family: "nexa-heavy", sans-serif !important;
}

.nexa-regular {
    font-family: "nexa-regular", sans-serif !important;
}

.nexa-light {
    font-family: "nexa-light", sans-serif !important;
}

.note {
    font-size: 0.9em !important;
    font-style: italic;
}

.check-box {
    width: 24px;
    height: 24px;
    border: 2px solid #000;
    display: inline-block;
    margin-right: 10px;
    margin-left: 0;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    background: #fff;
    left: 0;
    top: -4px;
}

.check-box.active:after {
    content: "";
    position: absolute;
    z-index: 9;
    width: 24px;
    height: 24px;
    border: 2px solid #000;
    left: -2px;
    top: -2px;
}

#pdi-main {
    padding-top: 0px;
    /**
   * Increase column gutters
  /*

  @include breakpoint-min(lg) {
      [class*="col-"] {
          padding-left: 25px;
          padding-right: 25px;
      }
  }
  */
}
@media (max-width: 991.98px) {
    #pdi-main .container {
        max-width: 100%;
    }
}
#pdi-main input[type="checkbox"] + label {
    padding-left: 32px;
}
#pdi-main input[type="checkbox"] + label:before {
    width: 24px;
    height: 24px;
    top: -3px;
    background: none;
    position: absolute;
}
#pdi-main input[type="checkbox"]:checked + label:before {
    content: "";
    font-weight: lighter;
    font-size: 36px;
    line-height: 20px;
    position: absolute;
    padding: 0px 0 0;
}

@media screen and (min-width: 37.5em) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (min-width: 60em) {
    .container {
        min-width: 0;
    }
}

/* Prevent flicker on page load */
.scroll-reveal-1,
.scroll-reveal-2,
.scroll-reveal-3,
.scroll-reveal-4 {
    visibility: hidden;
    opacity: 1;
    bottom: -20px;
}

/*----------------
 * Header
 */
section.pdi-header {
    background-position: center top;
    background-color: #e7e7e7;
    background-size: auto !important;
    background-repeat: no-repeat;
    min-height: 774px;
    padding-top: 167px;
    padding-bottom: 15px;
}
@media (max-width: 1199.98px) {
    section.pdi-header {
        min-height: 714px;
    }
}
@media (max-width: 991.98px) {
    section.pdi-header {
        min-height: 644px;
    }
}
@media (max-width: 767.98px) {
    section.pdi-header {
        min-height: 450px;
    }
}
section.pdi-header .pdi-header-left h1,
section.pdi-header .pdi-header-left h5,
section.pdi-header .pdi-header-left ul li {
    color: #fff;
}
section.pdi-header .pdi-header-left h1 {
    opacity: 1;
    transition: all 1s;
    font-size: 6rem;
    line-height: 125%;
    font-weight: 500;
    margin-left: -5px;
}
@media (max-width: 1199.98px) {
    section.pdi-header .pdi-header-left h1 {
        font-size: 4.8rem;
    }
}
@media (max-width: 991.98px) {
    section.pdi-header .pdi-header-left h1 {
        font-size: 3.5rem;
    }
}
@media (max-width: 767.98px) {
    section.pdi-header .pdi-header-left h1 {
        font-size: 3rem;
    }
}
section.pdi-header .pdi-header-left h1:not(.splitting) {
    opacity: 0;
}
section.pdi-header .pdi-header-left h1 .line {
    overflow: hidden;
    position: relative;
    padding-bottom: 2px;
    margin-top: -2px;
}
section.pdi-header .pdi-header-left h1 .line .word {
    padding-right: 20px;
    display: inline-block;
    animation: slide-up 1.25s cubic-bezier(0.5, 0.2, 0, 1);
    animation-fill-mode: both;
    animation-delay: calc(0.1s * var(--word-index));
}
@keyframes slide-up {
    from {
        transform: translateY(125%);
    }
}
section.pdi-header .pdi-header-left h2 {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 2.2em;
    font-weight: 700;
}
section.pdi-header .pdi-header-left h5 {
    text-transform: uppercase;
    letter-spacing: 0.6rem;
    font-weight: 300;
    /* TODO */
    /* opacity: 0; */
    transition: all 2.5s;
}
section.pdi-header .pdi-header-left .page-icon {
    opacity: 0;
    transition: all 2.5s;
    transition-delay: 0.3s;
    width: 180px;
}
@media (max-width: 1199.98px) {
    section.pdi-header .pdi-header-left .page-icon {
        max-width: 160px;
    }
}
@media (max-width: 991.98px) {
    section.pdi-header .pdi-header-left .page-icon {
        max-width: 140px;
    }
}
@media (max-width: 767.98px) {
    section.pdi-header .pdi-header-left .page-icon {
        max-width: 120px;
    }
}
@media (max-width: 767.98px) {
    section.pdi-header .pdi-header-right {
        display: none;
    }
}

section.pdi-key-metrics {
    background-color: #e8e8e8;
    padding: 20px 0;
}
@media (max-width: 767.98px) {
    section.pdi-key-metrics {
        padding: 10px 0;
    }
    section.pdi-key-metrics .col-sm-12 {
        padding-left: 0;
    }
}
section.pdi-key-metrics ul {
    padding-bottom: 0;
}
section.pdi-key-metrics ul li {
    padding: 17px 0;
    border-bottom: 2px solid #677c44;
    list-style: none;
    font-size: 1.3rem;
    font-weight: 500;
    display: flex;
}
@media (max-width: 1199.98px) {
    section.pdi-key-metrics ul li {
        padding: 12px;
    }
}
@media (max-width: 767.98px) {
    section.pdi-key-metrics ul li {
        padding: 5px;
    }
}
section.pdi-key-metrics ul li:first-of-type .key-metric-icon {
    padding-top: 7px;
}
section.pdi-key-metrics ul li:before {
    content: none;
}
section.pdi-key-metrics ul li:last-child {
    border-bottom: none;
}
section.pdi-key-metrics ul li:last-child p {
    padding-top: 4px;
}
section.pdi-key-metrics ul li:last-child img {
    margin-top: -5px;
}
section.pdi-key-metrics ul li .metric-name,
section.pdi-key-metrics ul li .metric-number {
    color: #677c44;
    font-family: "nexa-heavy", sans-serif;
    font-weight: normal;
}
section.pdi-key-metrics ul li .key-metric-icon {
    min-width: 80px;
    text-align: center;
    padding: 10px 10px 0 0;
    margin-right: 20px;
}
@media (max-width: 991.98px) {
    section.pdi-key-metrics ul li .key-metric-icon {
        margin-right: 0;
    }
}
@media (max-width: 991.98px) {
    section.pdi-key-metrics ul li .key-metric-icon img {
        max-height: 50px;
    }
}
@media (max-width: 575.98px) {
    section.pdi-key-metrics ul li .key-metric-icon img {
        max-height: 40px;
    }
}
@media (max-width: 991.98px) {
    section.pdi-key-metrics ul li .key-metric-icon svg {
        max-height: 40px;
    }
}
@media (max-width: 575.98px) {
    section.pdi-key-metrics ul li .key-metric-icon svg {
        max-height: 30px;
    }
}
section.pdi-key-metrics ul li .key-metric {
    display: flex;
    align-items: center;
    width: 100%;
    font-family: "nexa-regular", sans-serif;
    font-weight: normal;
    font-size: 1.25rem;
}
section.pdi-key-metrics ul li .key-metric .metric-number {
    font-size: 4.1rem;
    font-weight: 700;
    margin-bottom: -4px;
    line-height: 100%;
}
section.pdi-key-metrics ul li .key-metric .metric-name {
    font-size: 1.4rem;
    margin-left: 20px;
    line-height: 130%;
}
@media (max-width: 1199.98px) {
    section.pdi-key-metrics ul li .key-metric .metric-name {
        font-size: 1.2rem;
    }
}
@media (max-width: 991.98px) {
    section.pdi-key-metrics ul li .key-metric .metric-name {
        font-size: 1rem;
    }
}
@media (max-width: 767.98px) {
    section.pdi-key-metrics ul li .key-metric .metric-name {
        font-size: 0.9rem;
    }
}
section.pdi-key-metrics ul li p {
    padding: 0;
    font-size: 1.05em;
}
@media (max-width: 1199.98px) {
    section.pdi-key-metrics ul li p {
        font-size: 0.9em;
    }
}
@media (max-width: 991.98px) {
    section.pdi-key-metrics ul li p {
        font-size: 0.8em;
    }
}
@media (max-width: 767.98px) {
    section.pdi-key-metrics ul li p {
        font-size: 0.7em;
    }
}

/*----------------
 * Overview Page Styles
 */
.overview-header-icons {
    padding-bottom: 0;
    margin-bottom: 100px;
}
.overview-header-icons .overview-icon-row {
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.overview-header-icons .overview-icon-row .overview-icon-link {
    text-decoration: none;
    font-family: "nexa-regular", sans-serif;
    font-size: 1.2em;
    margin: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.overview-header-icons .overview-icon-row .overview-icon-link:hover .overview-icon img {
    transform: scale(1.1);
}
.overview-header-icons .overview-icon-row .overview-icon-link:active .overview-icon img {
    transform: scale(1) !important;
}
.overview-header-icons .overview-icon-row .overview-icon-link .overview-icon {
    width: 17vw;
    height: 17vw;
    border-radius: 50%;
    border: 10px solid #fff;
    padding: 16%;
    margin-bottom: 20px;
    transition: all 0.2s;
}
@media (max-width: 991.98px) {
    .overview-header-icons .overview-icon-row .overview-icon-link {
        margin: 20px;
    }
    .overview-header-icons .overview-icon-row .overview-icon-link .overview-icon {
        border-width: 5px;
        margin-bottom: 15px;
        padding: 5%;
    }
}
@media (max-width: 767.98px) {
    .overview-header-icons .overview-icon-row .overview-icon-link .overview-icon {
        border-width: 3px;
        margin-bottom: 10px;
        width: 23vw;
        height: 23vw;
    }
}
.overview-header-icons .overview-icon-row .overview-icon-link .overview-icon img {
    width: 100%;
    height: 100%;
    display: inline-block;
    transition: all 0.2s;
}
@media (max-width: 575.98px) {
    .overview-header-icons .overview-icon-row .overview-icon-link .mnu-text {
        font-size: 0.9em;
        font-weight: bold;
    }
}

section.pdi-summary p {
    font-size: 1.3rem;
}
@media (max-width: 991.98px) {
    section.pdi-summary p {
        font-size: 1.1rem;
    }
}
@media (max-width: 767.98px) {
    section.pdi-summary p {
        font-size: 1rem;
    }
}
section.pdi-summary p:last-of-type,
section.pdi-summary div p:last-of-type {
    padding-bottom: 0;
}
@media (max-width: 767.98px) {
    section.pdi-summary .col-featured-image img {
        margin-top: 0;
    }
}

section.pdi-content h1 {
    border-bottom: 3px solid #677c44;
    padding-bottom: 2px;
    margin-bottom: 25px;
    font-size: 2.5rem;
}
@media (max-width: 1199.98px) {
    section.pdi-content h1 {
        font-size: 2.2rem;
    }
}
@media (max-width: 991.98px) {
    section.pdi-content h1 {
        font-size: 2rem;
    }
}
@media (max-width: 767.98px) {
    section.pdi-content h1 {
        font-size: 1.8rem;
    }
}
section.pdi-content p:last-of-type,
section.pdi-content div p:last-of-type {
    padding-bottom: 0;
}

section.pdi-breakout {
    padding: 50px 0;
    background-color: #677c44;
    color: #fff;
    position: relative;
}
@media (max-width: 1199.98px) {
    section.pdi-breakout {
        padding: 40px 0;
    }
}
@media (max-width: 575.98px) {
    section.pdi-breakout {
        padding: 26px 0 20px;
    }
}
section.pdi-breakout::before {
    background-image: url("https://www.dpi.nsw.gov.au/__data/assets/file/0006/1188816/waratah.svg");
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.15;
    background-repeat: no-repeat;
    background-position: -90px 170px;
    background-size: 770px;
}
@media (max-width: 575.98px) {
    section.pdi-breakout::before {
        background-position: 50% 130%;
    }
}
section.pdi-breakout .row {
    align-items: center;
}
@media (max-width: 575.98px) {
    section.pdi-breakout .row {
        flex-flow: column;
    }
}
section.pdi-breakout h1,
section.pdi-breakout h2,
section.pdi-breakout h3,
section.pdi-breakout h4 {
    color: #fff;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.01rem;
    font-weight: 800;
}
section.pdi-breakout h1 {
    font-size: 2.1em;
}
section.pdi-breakout {
    font-size: 1em;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.005rem;
    font-weight: 300;
}
@media (max-width: 767.98px) {
    section.pdi-breakout p {
        font-size: 1em;
    }
}
section.pdi-breakout .btn {
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.005rem;
    border: 2px solid #fff;
    border-radius: 25px;
    padding: 10px 20px;
    height: auto;
    letter-spacing: 0.03rem;
    background-color: #677c44;
    margin-right: 15px;
    transition: all 0.2s;
}
@media (max-width: 991.98px) {
    section.pdi-breakout .btn {
        margin-top: 6px;
        margin-bottom: 6px;
    }
}
section.pdi-breakout .btn:hover {
    transform: scale(1.05);
    color: #fff;
    background: #586b3a;
}
section.pdi-breakout .btn img {
    margin-top: -1px;
    margin-left: 11px;
    width: 21px;
    height: 21px;
}
section.pdi-breakout .col-featured-image img {
    margin-top: -120px;
    margin-bottom: -120px;
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.4);
}
@media (max-width: 1199.98px) {
    section.pdi-breakout .col-featured-image img {
        margin-top: 0;
        margin-bottom: 0;
    }
}
@media (max-width: 575.98px) {
    section.pdi-breakout .col-featured-image img {
        margin: 0 0 40px;
    }
}
@media (max-width: 575.98px) {
    section.pdi-breakout .col-featured-image {
        order: -1;
    }
}
section.pdi-breakout .breakout-arrows {
    display: block;
    float: right;
    margin-top: 11px;
}
@media (max-width: 991.98px) {
    section.pdi-breakout .breakout-arrows {
        float: none;
        text-align: center;
    }
}
section.pdi-breakout .breakout-arrows img {
    width: 17px;
    margin: 0 15px 0 auto;
    cursor: pointer;
    transition: all 0.2s;
}
@media (max-width: 991.98px) {
    section.pdi-breakout .breakout-arrows img {
        margin: 10px 15px 0;
    }
}
section.pdi-breakout .breakout-arrows img:hover {
    transform: scale(1.3);
}

.slick-slider {
    margin: -45px 0 -90px;
}
.slick-slider img {
    display: inline;
}
.slick-slider .pdi-breakout {
    margin: 75px 0 90px;
}
.slick-slider .slick-slide:first-child .breakout-arrows .slick-left {
    opacity: 0.3;
}
.slick-slider .slick-slide:first-child .breakout-arrows .slick-left:hover {
    transform: none;
}
.slick-slider .slick-slide:last-child .breakout-arrows .slick-right {
    opacity: 0.3;
}
.slick-slider .slick-slide:last-child .breakout-arrows .slick-right:hover {
    transform: none;
}

@media (max-width: 900px) {
    .slick-slide ul {
        padding-left: 20px;
    }
}

.waratah-background {
    background-image: url("https://www.dpi.nsw.gov.au/__data/assets/file/0006/1188816/waratah.svg");
    background-repeat: no-repeat;
    background-position: -80px 70px;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    height: 100%;
}

.highlight-bg {
    background-color: #e9f2d1;
}
.highlight-bg h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 2.2rem;
}
@media (max-width: 1199.98px) {
    .highlight-bg h1 {
        font-size: 2rem;
    }
}
@media (max-width: 991.98px) {
    .highlight-bg h1 {
        font-size: 1.8rem;
    }
}
@media (max-width: 767.98px) {
    .highlight-bg h1 {
        font-size: 1.6rem;
    }
}
.highlight-bg p:last-of-type,
.highlight-bg div p:last-of-type {
    padding-bottom: 0;
}

.popout-image {
    padding: 0;
    margin: 75px 0;
}
@media (max-width: 991.98px) {
    .popout-image {
        padding: 60px 0;
        margin: 50px 0;
    }
}
@media (min-width: 992px) {
    .popout-image .col-featured-image img {
        margin-top: -40px;
        margin-bottom: -40px;
    }
}

.circle-icon {
    width: 160px;
    height: 160px;
    background-color: #677c44;
    padding: 2.2rem;
    border-radius: 50%;
    margin: -154px auto 50px;
}

/*----------------
 * Main Menu
 */
#pdi-top-nav-container {
    display: none;
}
@media (max-width: 991.98px) {
    #pdi-top-nav-container {
        display: block;
    }
}
@media (max-width: 767.98px) {
    #pdi-top-nav-container .navbar-brand-pdi {
        font-size: 0.9em;
    }
}
#pdi-top-nav-container button {
    background-color: transparent;
    border: 0;
}
#pdi-top-nav-container .navbar {
    width: 100%;
    padding: 5px 10px;
    font-family: "nexa-regular", sans-serif;
}
#pdi-top-nav-container .navbar .nav-link {
    color: rgba(0, 0, 0, 0.85);
}
#pdi-top-nav-container .navbar-brand-pdi {
    text-align: left;
    font-family: "nexa-heavy", sans-serif;
    font-weight: normal;
}

@media (max-width: 991.98px) {
    #pdi-menu-container {
        max-width: none;
    }
}
#pdi-menu-container .row > div {
    min-height: auto;
}

#pdi-nav-container {
    margin-right: 3px;
}

#pdi-new-nav {
    width: 100%;
    margin-left: 160px;
    padding-right: 50px;
}

#pdi-new-nav,
#pdi-new-nav-mobile {
    position: absolute;
}

#pdi-new-nav #home-btn {
    padding: 40px 20px;
}
#pdi-new-nav .pdi-new-nav-wrapper {
    padding: 40px 0;
    display: flex;
    flex-wrap: wrap;
}

#pdi-new-nav-mobile {
    width: 100%;
}

#pdi-new-nav-mobile .pdi-nav-option-wrapper {
    width: 100%;
}

.pdi-nav-option-wrapper {
    position: relative;
    margin: 10px;
}

.pdi-nav-option {
    border: 2px solid #fff;
    border-radius: 40px;
    color: #fff !important;
    padding: 5px 15px 2px;
    font-family: "nexa-regular", sans-serif;
    cursor: pointer;
    display: block;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#pdi-new-nav-mobile .pdi-nav-option {
    font-weight: bold;
    padding: 10px 15px 5px;
}
.pdi-nav-option svg {
    margin-left: 15px;
}
.pdi-nav-option:hover {
    background-color: #fff;
    color: #1c355e !important;
    text-decoration: none;
}

.pdi-nav-option-menu-wrapper {
    position: absolute;
    z-index: 1;
    padding: 5px 0;
    display: none;
    width: 100%;
}
.pdi-nav-option-menu-wrapper.open {
    display: block;
}

.pdi-nav-option-menu {
    background-color: #ffffff;
    font-family: "nexa-regular", sans-serif;
    box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.4);
    border-radius: 18px;
    color: #000;
    width: 100%;
    padding: 12px 0;
}
#pdi-new-nav-mobile .pdi-nav-option-menu {
    height: 300px;
    overflow: scroll;
}
.pdi-nav-option-menu-option {
    padding: 10px 15px;
    cursor: pointer;
    color: #000;
    display: block;
}

a.pdi-nav-option-menu-option {
    text-decoration: none !important;
    border-bottom: none !important;
}

.pdi-nav-option-menu-option:first-child,
.pdi-nav-option-menu-option.bold {
    font-weight: bold;
}

.pdi-nav-option-menu-option:hover {
    background-color: #1c355e;
    color: #fff !important;
    text-decoration: none;
}

/* Menu hover */
#pdi-main.cropping .pdi-nav-option:hover {
    color: #677c44 !important;
}
#pdi-main.cropping .pdi-nav-option-menu-option:hover {
    background-color: #677c44;
}
#pdi-main.livestock .pdi-nav-option:hover {
    color: #a16828 !important;
}
#pdi-main.livestock .pdi-nav-option-menu-option:hover {
    background-color: #a16828;
}
#pdi-main.livestock .pdi-nav-option:hover {
    color: #a16828 !important;
}
#pdi-main.livestock .pdi-nav-option-menu-option:hover {
    background-color: #a16828;
}
#pdi-main.hunting-and-recreational-fishing .pdi-nav-option:hover {
    color: #1b5680 !important;
}
#pdi-main.hunting-and-recreational-fishing .pdi-nav-option-menu-option:hover {
    background-color: #1b5680;
}
#pdi-main.horticulture .pdi-nav-option:hover {
    color: #b3101b !important;
}
#pdi-main.horticulture .pdi-nav-option-menu-option:hover {
    background-color: #b3101b;
}
#pdi-main.wine-grapes .pdi-nav-option:hover {
    color: #95265e !important;
}
#pdi-main.wine-grapes .pdi-nav-option-menu-option:hover {
    background-color: #95265e;
}
#pdi-main.fisheries .pdi-nav-option:hover {
    color: #357a80 !important;
}
#pdi-main.fisheries .pdi-nav-option-menu-option:hover {
    background-color: #357a80;
}
#pdi-main.forestry .pdi-nav-option:hover {
    color: #008564 !important;
}
#pdi-main.forestry .pdi-nav-option-menu-option:hover {
    background-color: #008564;
}

#pdi-nav-button {
    position: absolute;
    z-index: 2;
    top: 54px;
    background-color: #fff;
    padding: 6px 7px 6px 11px;
    color: #1d5580;
    margin-bottom: 30px;
    display: inline-block;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    line-height: normal;
    transition: all 0.2s;
    cursor: pointer;
}
#pdi-nav-button:hover,
#pdi-nav-button.active {
    box-shadow: none;
    color: #fff;
    background-color: #063f5c;
}
#pdi-nav-button .menu-title {
    font-family: "nexa-regular", sans-serif;
    font-weight: normal;
    font-size: 1.25rem;
    margin-top: 3px;
    text-transform: uppercase;
    letter-spacing: 0.01rem;
}
@media (max-width: 767.98px) {
    #pdi-nav-button .menu-title {
        font-size: 1rem;
    }
}
#pdi-nav-button #hamburger-icon {
    width: 28px;
    background: #063f5c;
    padding: 6px 4px;
    margin-left: 13px;
}

#pdi-menu {
    position: absolute;
    background: #e8e8e8;
    z-index: 1;
    box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.3);
    font-size: 13px;
    top: 54px;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: inline-block;
}
@media (max-width: 991.98px) {
    #pdi-menu {
        visibility: hidden;
    }
}
#pdi-menu.active {
    top: 94px;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
#pdi-menu #pdi-mnu-rec-services ul li:first-child a,
#pdi-menu #pdi-mnu-macro a,
#pdi-menu #pdi-mnu-regional a,
#pdi-menu #pdi-mnu-stats a,
#pdi-menu #pdi-mnu-exec a,
#pdi-menu #pdi-mnu-rec-fishing a {
    height: 75px;
}
#pdi-menu ul {
    padding: 0;
}
#pdi-menu ul > li {
    line-height: 14px;
    box-shadow: inset 0px 4px 9px rgba(0, 0, 0, 0.25);
    height: 60px;
    padding: 0;
}
#pdi-menu ul > li span {
    padding: 6px 10px;
    display: flex;
    position: relative;
    z-index: 2;
    background: #e8e8e8;
    box-shadow: inset 0px 4px 9px rgba(0, 0, 0, 0.25);
    height: 100%;
}
#pdi-menu ul > li > ul {
    transition: right 0.2s, opacity 0.05s;
    visibility: hidden;
    position: absolute;
    opacity: 0;
    right: 0;
    width: 185px;
    top: 0;
}
#pdi-menu ul > li > ul li a {
    padding: 0 20px;
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 100%;
    height: 56px;
}
#pdi-menu ul > li svg {
    width: 44px;
    position: relative;
    z-index: 2;
}
#pdi-menu ul > li.active span {
    box-shadow: none;
}
#pdi-menu ul > li.active svg path {
    fill: #fff !important;
}
#pdi-menu ul > li.active > ul {
    opacity: 1;
    right: 64px;
    visibility: visible;
}
#pdi-menu ul > li ul li {
    box-shadow: none;
    padding: 0;
    height: auto;
}
#pdi-menu ul > li ul li:first-of-type a {
    height: 60px;
    box-shadow: 0px 2px 17px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}
#pdi-menu ul > li ul li:after {
    content: "";
    width: 145px;
    background-color: #fff;
    height: 2px;
    display: block;
    margin-top: -2px;
    top: 1px;
    z-index: 2;
    position: relative;
    left: 20px;
}
#pdi-menu ul > li ul li:first-child:after,
#pdi-menu ul > li ul li:last-child:after {
    content: none;
}
#pdi-menu ul > li > a {
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.01em;
    font-size: 1.2rem;
    font-family: "nexa-regular", sans-serif;
    transition: all 0.1s;
}
#pdi-menu ul > li.active {
    box-shadow: none;
}
#pdi-menu ul > li > a:hover div,
#pdi-menu ul > li.active:hover div {
    box-shadow: none;
}

/*----------------
 * Section colors
 */
#pdi-mnu-livestock.active span,
#pdi-mnu-livestock li:first-child a {
    background-color: #9c6828;
}

#pdi-mnu-livestock li a:hover {
    background-color: #9c6828;
}

#pdi-mnu-livestock li a {
    background-color: #c08f67;
}

#pdi-mnu-cropping.active span,
#pdi-mnu-cropping li:first-child a {
    background-color: #566a32;
}

#pdi-mnu-cropping li a:hover {
    background-color: #566a32;
}

#pdi-mnu-cropping li a {
    background-color: #92a371;
}

#pdi-mnu-horticulture.active span,
#pdi-mnu-horticulture li:first-child a {
    background-color: #901921;
}

#pdi-mnu-fishing.active span,
#pdi-mnu-fishing li:first-child a {
    background-color: #2e6873;
}

#pdi-mnu-wine.active span,
#pdi-mnu-wine li:first-child a {
    background-color: #77244e;
}

#pdi-mnu-rec-services.active span,
#pdi-mnu-rec-services li:first-child a {
    background-color: #17234d;
}

#pdi-mnu-rec-services li a:hover {
    background-color: #17234d;
}

#pdi-mnu-rec-services li a {
    background-color: #9196af;
}

#pdi-mnu-forestry.active span,
#pdi-mnu-forestry li:first-child a {
    background-color: #1e6f50;
}

#pdi-mnu-water.active span,
#pdi-mnu-water li:first-child a {
    background-color: #17234d;
}

#pdi-mnu-summary.active span,
#pdi-mnu-summary li:first-child a {
    background-color: #de891a;
}

#pdi-mnu-summary li a:hover {
    background-color: #de891a;
}

#pdi-mnu-summary li a {
    background-color: #dba066;
}

#pdi-mnu-sources.active span,
#pdi-mnu-sources li:first-child a {
    background-color: #de891a;
}

#pdi-mnu-sources li a:hover {
    background-color: #de891a;
}

#pdi-mnu-sources li a {
    background-color: #dba066;
}

a.no-underline {
    text-decoration: none;
}

/*----------------
 * Footer
 */
.pdi-footer-nav {
    padding: 30px 12px 30px 12px;
}
.pdi-footer-nav a {
    font-size: 0.9rem;
    color: #000000;
    font-family: "nexa-regular", sans-serif;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    width: 100%;
}
.pdi-footer-nav a:hover {
    color: #000000;
}
.pdi-footer-nav .pdi-footer-nav-next a {
    flex-direction: row-reverse;
}

/* Create a gap between footer prev/next */
.pdi-footer-nav-next {
    margin-left: 5px;
}
.pdi-footer-nav-prev {
    margin-right: 5px;
}

.pdi-footer-nav-label div:first-child {
    font-weight: 500;
    font-family: "nexa-heavy", sans-serif;
}

.pdi-footer-nav-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/* Footer nav */
.footer-nav-icon {
    width: 36px;
    height: 36px;
}

.pdi-footer-nav svg {
    margin: 0 10px;
    /* width: 7px; */
    /* position: absolute; */
    /* top: 31px; */
}

.footer-nav-icon-wrapper-next {
    margin-left: 10px;
}

.footer-nav-icon-wrapper-prev {
    margin-right: 10px;
}

/*-----------------
* Site Map
*/
.pdi-site-map {
    background-color: #1e2f5e;
    color: #fff;
    padding: 50px 0 20px;
}
.pdi-map {
    max-width: 1140px;
    margin: auto !important;
    display: flex;
    flex-direction: row;
    padding: 0px 15px;
}

.pdi-map-col {
    width: 20%;
    padding: 0px 15px;
}

/* Override */
.pdi-site-map .pdi-map-sub-item,
.pdi-site-map .pdi-map-item {
    text-align: left;
}

.pdi-site-map a.pdi-map-sub-item:hover,
.pdi-site-map .pdi-map-item a:hover {
    color: white;
    text-decoration: underline;
}

@media (max-width: 767.98px) {
    /* .pdi-map-item {
    margin-bottom: 10px;
  } */
}
@media (max-width: 575.98px) {
    .pdi-site-map {
        padding: 30px 20px 20px 20px;
    }
    .pdi-map {
        flex-direction: column;
        padding: 0px;
    }
    .pdi-map-col {
        width: 100%;
    }
    .pdi-download a.btn {
        width: fit-content;
        margin: auto;
    }
    .pdi-map-sub-items {
        max-height: 120px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .pdi-map-sub-item {
        width: 50%;
    }
}
.pdi-download {
    text-align: center;
    margin-bottom: 15px;
}
.pdi-download a.btn {
    background: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
    color: #1e305d;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 100%;
    transition: all 0.2s;
    padding: 10px 60px 10px 29px;
    height: auto;
    display: flex;
}
.pdi-download a.btn:hover {
    background: transparent;
    color: #fff;
}

.pdi-download a.btn:hover svg polygon {
    fill: #fff !important;
}

.pdi-download a.btn svg {
    width: 26px;
    margin-left: 10px;
}
.pdi-download .pdi-download-size {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}
.pdi-map-item {
    margin-bottom: 20px;
    padding: 0 !important;
}
.pdi-map-item > a {
    font-size: 1.2rem;
    line-height: 1.4;
    text-decoration: none;
    color: #fff;
    display: block;
}
.pdi-map-item > a.header-item {
    margin-bottom: 10px;
}
.pdi-map-item a.pdi-map-sub-item {
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 1.7;
    display: block;
    text-decoration: none;
    color: #fff;
}

.pdi-map-sub-item.email-link {
    word-break: break-all;
}

/*----------------
 * Utility classes
 */
.padding-top-lg {
    padding-top: 80px;
}

.padding-bottom-lg {
    padding-bottom: 80px;
}

.padding-top-sm {
    padding-top: 40px;
}

.padding-bottom-sm {
    padding-bottom: 40px;
}

.no-padding-last-paragraph p:last-of-type {
    padding-bottom: 0 !important;
}

.svg-container {
    display: inline-block;
}
.svg-container svg {
    width: 100%;
}

.object-container {
    display: inline-block;
    width: 100%;
}
.object-container svg {
    width: 100%;
}

/*----------------
 * Jarallax library styles
 * https://github.com/nk-o/jarallax
 */
.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: "object-fit: cover;";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/*# sourceMappingURL=pdi-2019.css.map */