.red {
    color: red!important; 
    font-weight: bold!important;
}
body p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* ========= START = Move footer to bottom of small pages ========= */
#page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#content {
  flex-grow: 1;
}
/* ========= END = Move footer to bottom of small pages ========= */
h1 {
  font-size: 40px;
}
h2 {
  font-size: 26px;
  color: #2F2F2F;
}
h2, h3 {
  margin-top: 25px;
  margin-bottom: 10px;
}
h2 > a, h2 > a:hover, h2 > a:focus, h2 > a:visited, h2 > a:active {
  color: #2F2F2F;
  text-decoration: none;
  outline: none;
} 
.btn:hover {
  color: #FFF;
}
.content-area {
  padding-top: 0px;
}
.dropdown-sub-menu {
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 0;
  font-size: 14px;
  text-align: left;
  min-width: 160px;
}
.dropdown-sub-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
}
a.logo {
  font-size: 24px;
  text-decoration: none;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
  color:#fff;
}
.imgPtag {
  margin-top: 30px;
  margin-bottom: 5px;
}
.caption {
  font-style: italic;
  font-size: 0.95em;
}

p.flexfigure {
  margin-bottom: 30px;
}
p.figure {
  margin-top: 30px;
  margin-bottom: 30px;
}
p.caption, p.figuresource {
  margin-top: -25px;
  margin-bottom: 30px;
  font-style: italic;
  font-size: 1em;
  line-height: inherit;
}
/*===== blocks all images from being saved easily - removes right click image options - Breaks fancybox in edge (Look for fix)  =========*/
img.copyright {
    pointer-events: none;
}
.landing-page-title {
  background-color: #e2e2e2;
  padding: 15px;
  height: 20%;
  width: 100%;
}
.landing-page-subtitle-hazards {
  font-size: 1.4em;
  margin: 0px;
}
h2.landing-page-subtitle-hazards a {
  color: #333;
}
.form-control {
  box-shadow: none;
}
.navbar-default {
  background-color: #fff;
  border-color: #e7e7e7;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7;
  font-size: 1.2em;
  margin-top: 109px;
  padding: 0;
  float: left;
}

@media screen and (min-width: 768px) {
.navbar-default .navbar-nav>li>a {
  color: #595959;
  padding: 10px 16px;
}}

.navbar-default .navbar-nav>li>a:hover {
  color: #fff;
  background-color: transparent;
}

@media screen and (max-width: 759px) {
.landing-page-title {
  margin: 0 0 19px;
}}

.navbar-nav {
  margin: 0px;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
  color: #fff;
  background-color: #a33f1f;
  border-color: none;
  outline: none;
}
.btn-download:focus {
  color: #ffffff;
  text-decoration: none;
  outline: none;
}
i.fa,i.fas,i.far {
    padding-left: 7px;
    font-style: normal;
}
i.fas.fa-home {
  padding:0px;
}
a.btn + a.btn {
  margin-left: 0.5em;
}
@media screen and (max-width: 767px) {
  .logo_title_content {
    position: absolute;
    margin-top: 1em;
    margin-right: 75px;
  }
  .title_main_content {
    z-index: 5;
    padding: 0;
    margin: 0;
  }
  .home-btn-icon {
    margin-bottom: 5px;
    display: none !important;
  }
  .mobile-only {
    display: inline !important;
  }
  .navbar-nav {
    margin: 0px;
    background-color: #006983;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    font-size: 1.2em;
    margin-top: 50px;
    padding: 0;
    float: none;
  }
  .navbar-default .navbar-nav>li>a {
    color: #fff;
    padding: 12px 30px;
  }
  .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent;
  }
  .navbar-nav > li > a, .dropdown-menu > li > a, .dropdown-level-3 > li > a {
    margin: 0;
    border-bottom: 1px solid #fff;
  }
  ul li {
    margin-bottom: 0;
  }
}

.dropdown-menu > li > a, .dropdown-level-3 > li > a {
  margin: 0;
  border-bottom: 1px solid #fff;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
  max-height: 100%;
}

.header-nav {
  margin-top: 5px;
  margin-bottom: 0;
  position: absolute;
  right: 15px;
}

.newsheader {
  margin-bottom: 1px;
}

.newsdate {
  font-weight: bold;
  font-size: 0.9em;
}

hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  clear: both;
}

.title_main_content > a > img {
  max-height:73px;
}

     
    

      
/*------------------------------------*\
        LEFT NAV
\*------------------------------------*/
      
      
.withleftnav {
  padding-bottom: 0;
  padding: 0;
}


@media screen and (min-width: 768px) {
.rightofnav {
  padding-left: 38px;
  margin-top: 0;
}}

@media screen and (min-width: 768px) {
.rightofnav > h1 {
  margin-top: 0;
}}

@media screen and (max-width: 767px) {
.rightofnav {
  padding: 0;
}}

@media screen and (min-width: 768px) {
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #006983;
}}

#main-content {
  padding: 0;
}

div#main-content > div.container {
  padding: 0px;
}

@media screen and (min-width: 768px) {
#leftnav, #main-content {
  margin-top: 200px;
}}
      
#content {
  overflow: auto;
}

.noleftnav {
  width: 100%;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 747px;
  float: none;
}

@media screen and (min-width: 768px) {
.noleftnav {
  margin-top:  0;
}}

.noleftnav > h1 {
  margin-top: 0;
}
      

      

footer {
  z-index: 10;
}

@media screen and (max-width: 767px) {
.footer-global {
  padding: 0 0 15px 0;
}}

#newnav {
  box-shadow: 0 5px 15px #ccc;
}
/*------------------------------------*\
        Responsive menu overides
\*------------------------------------*/
      
      
div#navbar {
  display: none!important;
}
.col-xs-12, .col-md-12 {
  padding: 0;
}
      
@media screen and (max-width: 767px) {
  .navbar-inverse {
    background-color: transparent;
    border: 0;
  }
  .navbar-inverse .navbar-toggle {
    border-color: #ddd;
  }
  .navbar-collapse {
    padding: 0;
  }
  .navbar-fixed-top {
    border: 0 0 1;
  }
  .subnav, .navbar-nav > li > a {
    font-size: 1em;
    color: #fff;
    padding: 12px 30px;
  }
  .subnav > a {
    color: #fff;
    padding: 12px 20px;
  }
  .navbar-fixed-top .navbar-collapse {
    margin-top: 0;
  }
  .navbar-fixed-top {
    position: fixed;
  }  
}

.img-caption-right p, .img-caption-left p, .img-caption-centre p, .img-caption {
  font-size: 0.875em;
  font-style: italic;
  line-height: normal;
  margin: 12px 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
.img-caption-right, .img-caption-left, .img-caption-centre, .img-caption {
  float: right;
  margin: 0 0 20px 0;
  padding: 0;
}}

/*------------------------------------*\
      Responsive menu overides end
\*------------------------------------*/
      
      
      
      
@media screen and (min-width: 768px) {
  nav#navigation__main > ul.navbar-nav.nav > li > a {
    color: #777;
    margin-right: 2em;
  }
  nav#navigation__main > ul.navbar-nav.nav > li.active > a {
    padding: 0 0.4em 0.4em 0.4em;
    color: #006983;
  }
  .nav > li.current > a {
    color: #006983;
  }
  .nav > li.current-parent > a {
    color: #006983;
  }
  nav#navigation__main {
    border-color: #e7e7e7;
    font-size: 1.2em;
    margin-top: 109px;
    padding: 0;
    float: left;
  }
  .navbar {
    border: 0;
  }
}



.content li {
  margin: 0;
}
.content ul, .content ol {
  margin-left: 0;
  padding-left: 35px;
}
.content ul > ul, .content ol > ol, .content ul > ol, .content ol > ul, .content li > ul, .content li > ol {
  margin-left: 0;
  padding-left: 25px;
}



/*.content ol > li:first-child, .content ul > li:first-child {
    margin-top: -14px;
}*/
p + ol, p + ul {
    margin-top: -14px;
}



ul.h2list > li:first-child, ul.h3list > li:first-child, ol.h2list > li:first-child, ol.h3list > li:first-child {
  margin-top: -5px;
}
.content ol > ol > li:first-child, .content ul > ul >li:first-child, .content ol > ul > li:first-child, .content ul > ol >li:first-child, .content ol > li> ol > li:first-child, .content ul > li> ul >li:first-child, .content ol > li> ul > li:first-child, .content ul > li> ol >li:first-child {
    margin-top: 0;
}

/*------------------------------------*\
      Dropdown Menu
\*------------------------------------*/

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1em;
  text-align: left;
  background-color: #006983;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  min-width: 200px;
  border: none;
  border-radius: 0;
}








/*------------------------------------*\
      Dropdown Menu With Hover
\*------------------------------------*/

@media (min-width:768px) {
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
  margin-right: 0;
  margin-left: 15px;
  float: left;
}}

.navbar {
  min-height: 0px;
  box-shadow: none;
  background: none;
}
ul.navbar-nav.nav {
  float: none;
}

#bs-example-navbar-collapse-1 {
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 990px;
}

div#section-nav > nav > div.container {
    background: white;
    box-shadow: 0 5px 15px #ccc;
    max-width: 100%;
}

.dropdown:after {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    content: none;
    font-family: 'fontawesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}


nav.navbar-fixed-top > div.container {
  padding: 0;
  width: 100%
}

.dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .dropdown-menu > ul > li > ul > li {
    border-bottom: solid 1px #fff;
  }
  .dropdown-menu > ul> li {
    border-bottom: solid 1px #fff;
  }
  .dropdown-menu > li {
    border-bottom: none;
  }
  .navbar-nav > li > .dropdown-menu {
    border-top: 1px solid #fff; 
  }
}




@media screen and (max-width: 767px) {
  .navbar-collapse {
    border: none;
  }
}




.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #003145;
}
.dropdown-menu > li > ul > li > a:hover, .dropdown-menu > li > ul > li > a:focus {
  text-decoration: none;
  color: white;
  background-color: #003145;
}
button.navbar-toggle.collapsed:focus, .navbar-toggle {
  background-color: #fff;
  margin: 15px 30px 48px 10px;
}

@media (min-width: 768px) {
.container {
    width: 100%
}}

@media screen and (max-width: 767px) {
li.dropdown.current > a {
  background: #003145;
}}

@media screen and (max-width: 767px) {
li.dropdown.current-parent > li.current > a {
  background: #003145;
}}

.dropdown-menu > li > a {
  white-space: normal;
}







/* ====== START = HOME PAGE RESPONSIVE TILES ===== */

/*.tiles_container  {
  padding-left: 10px;
  padding-right: 10px;
}*/
.tiles_container > h2 {
  margin-left: 10px;
}
.subpage > .block-group {
  margin: 0px;
}

@media screen and (max-width: 767px) {
.subpage > .col-xs-6 {
  padding: 20px 10px 0 10px;
}}

.col-xs-4 {
  padding: 10px;
}
@media screen and (max-width: 479px) {
.col-xs-4 {
  width: 50%;
}}
.landing-page-title {
  margin: 0px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 759px) {
.landing-page-title {
  padding: 10px 10px;
}}
@media screen and (max-width: 759px) {
h2.landing-page-subtitle-hazards a {
  font-size: 0.7em;
}}
@media screen and (max-width: 759px) {
.tiles_container > h2 {
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 5px;
}}
div.tiles_container {
    margin: 0;
    position: relative;
    background: #fff;
    z-index: 200;    
    max-width: 100%
}

div.tiles_container > div.subpage {
    max-width: 1480px;
    margin: 0 auto;
    padding: 70px 10px;
}

@media screen and (max-width: 812px) {
div.tiles_container > div.subpage {
    padding: 10px 1.2rem;
}}

div.tiles_container > div.subpage>div.block-group {
  margin: 0px 10px;
}

/* ====== END = HOME PAGE RESPONSIVE TILES ===== */


.navbar-fixed-bottom, .navbar-fixed-top {
    z-index: 300;
}


/*------------------------------------*\
           START LEFTHAND NAV
\*------------------------------------*/

@media screen and (max-width: 767px) {
#leftnav {
  display: none;
}}

#leftnav {
  width: 140px;
}

.subnavlist > li {
  color: #006983;
}

.subnavlist > li > a {
  color: #777;
}

#leftnav > ul {
  padding: 0px;
  border-right: #777 1px solid;
  max-width: 140px;
  margin-bottom: 0px;
}

#leftnav {
  padding: 0;
}




@media screen and (min-width: 768px) {
  #leftnav {
    position: -webkit-sticky;
    position: fixed;
    z-index: 1; 
  }
  #leftnav > ul > li {
    list-style: none;
    padding: 5px 10px 5px 0px;
    margin-bottom: 0px;
  }
  #leftnav > ul > li > a {
    color: #777;
  }
  #leftnav > .subnavlist > li.activesub > a {
    color: #006983;
    padding: 0 0 5px 0;
    font-weight: bold;
  }
  #leftnav > .subnavlist > li.activesub > ul {
    list-style-type: none;
    padding: 0;
  }
  #leftnav > .subnavlist > li.activesub > ul > li {
    margin: 0;
    padding: 5px 0;
  }
  #leftnav > .subnavlist > li.activesub > ul > li > a {
    color: #777;
  }
  #leftnav > .subnavlist > li.activesub > ul > li.leftnav-active > a {
    color: #006983;
  }
  #leftnav > ul > li > a:hover, a:focus {
    color: #006983;
    text-decoration: none;
  }
  #leftnav .subnavlist > li> ul > li > a:hover, a:focus {
    color: #006983;
    text-decoration: none;
  }
}

/*------------------------------------*\
           END LEFTHAND NAV
\*------------------------------------*/




h3 {
  clear: none;
}
.banner-img {
  margin: 0 0 30px 0;
}

@media screen and (max-width: 767px) {
.banner-img {
  display: none;
}}


@media screen and (min-width: 768px) {
.navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:hover {
  color: #fff;
}}


@media screen and (min-width: 768px) {
.navbar-default .navbar-nav > li:hover {
  color: #fff;
  background-color: #003145;
  /*padding: 10px 16px;*/
  margin-bottom: 0px;
}}

@media screen and (min-width: 768px) {
.navbar-default .navbar-nav > li:hover > a {
  color: #fff;
}}

@media screen and (min-width: 768px) {
.navbar-default .navbar-nav > li {
  /*padding: 10px 16px;*/
  margin-bottom: 0px;
}}

@media screen and (min-width: 768px) {
ul.dropdown-menu > li.current-parent > ul > li.current > a {
  background-color: #003145;
}}

@media screen and (min-width: 768px) {
ul.dropdown-menu > li.current > a {
  background-color: #003145;
  border-bottom: solid 1px #fff;
}}


@media screen and (max-width: 767px) {
li.dropdown.current-parent > ul > li.current > a {
  background-color: #003145;
}}

@media screen and (max-width: 767px) {
ul.dropdown-menu > li.current-parent > ul > li.current > a {
  background-color: #003145;
}}


/* ================= HIDES LEVEL 2 AND LEVEL 3 MENU ITEMS IN THE TOP MENU ================= */
/*@media screen and (min-width: 768px) {
li.dropdown:hover > ul.dropdown-menu > li.current > ul, li.dropdown:hover > ul.dropdown-menu > li.current-parent > ul, li.dropdown > ul.dropdown-menu > li.current > ul, li.dropdown > ul.dropdown-menu > li.current-parent > ul {
  display: none;
}}*/

@media screen and (max-width: 767px) {
li.dropdown:hover > ul.dropdown-menu, li.dropdown > ul.dropdown-menu {
  display: none!important;
}}


/* ================= ADDS THE CARET ICON ON MENU ITEMS WITH SUB MENUS ================= */

li.dropdown a:not(:only-child)::after {
  content: '\f078';
  font-size: 0.7rem;
  vertical-align: top;
  padding-left: 0.4rem;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

/* ================= STYLES THE NAV ON MOBILE ================= */
@media screen and (max-width: 767px) {
  li.dropdown.current-parent > ul.dropdown-menu {
    display: block !important;
    position: static;
    float: none;
    box-shadow: none;
  }
  .dropdown-menu > li {
    border: none;
  }
  li.dropdown.current > ul.dropdown-menu {
    display: block !important;
    position: static;
    float: none;
    box-shadow: none;
  }
  li.dropdown > ul.dropdown-menu > li > a{
    padding-left: 45px;
  }
  li.dropdown > ul.dropdown-menu > li> ul > li > a{
    padding-left: 60px;
  }
  li.current-parent > a  {
    font-weight: bold;
  }
}




/* ================= SETS WIDTH OF SMALL LIGHTBOX IMAGE AND WRAPS CAPTION ================= */
@media screen and (min-width: 768px) {
  .img-caption-right {
    max-width: 200px;
  }
  .img-caption-left {
    max-width: 200px;
  }
}



/* ================= HOME PAGE LOGO AND BKGD IMAGE ================= */
.title_main {
  top:0;
  z-index: 5;
  background: #003145;
  padding: 3em 2em 3em 2em;
  width:200px;
  margin:auto;
}
.title_aera {
  font-size: 2rem;
  margin: 2em 0 0 0;
  line-height: 2.8rem;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  color:#fff;
}

.enterSiteButton {
  width: 200px;
  margin: 4px auto 0 auto;
  height: 52px;
}
.enterSiteButton > span > a.btn-default {
  border-radius: 0px;
  background: #003145 !important;
  width: 200px;
  min-width: 200px;
  text-align: center;
  margin-bottom: 0;
  padding-top: 29px;
  padding-bottom: 9px;
}


div.enterSiteButton:after {
content: '';
    position: inherit;
    display: block;
    width: 0;
    height: 0;
    border-right: 100px solid transparent;
    border-left: 100px solid transparent;
    border-top: 25px solid #003145;
    right: 0px;
    bottom: -26px;
}

.cover {
  background: url(http://ausseabed.gov.au/__data/assets/image/0016/61612/banner-2000x400.png) no-repeat center top;
    margin-top: 0px;
    padding-top:0px;
    text-align:center;
    background-attachment: relative;
    background-position: center center;
    width: 100%;
    margin-bottom:0em;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 400;
}
.cover p {
  color: #ffffff;
}
.cover:first-child .fullscreen {
  max-height: 100%;
}




/* ================= ADDED FOR HOSTED WEBSITE TEMPLATE ================= */

@media screen and (min-width: 768px) {
.bannercover {
  margin-top: 149px;
}}
@media screen and (max-width: 767px) {
.bannercover {
  margin-top: 97px;
}}
section.bannercover {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.banner-border {
  border-bottom: 4px solid #003145;
}

.bg-secondary {
  background: none;
}


.align-children {
  margin: 3em 0
}

.homesummary > h2 {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .homesummary > p,.homesummary > a, hr {
    display: none;
  }
  .align-children {
    width: 50%;
    float: left;
    margin: 1em 0 3em 0;
  }
  .tiletitle {
    margin-bottom: 0;
  }
  .homesummary > h2 {
    font-size: 1.5em;
  }
  .bg-secondary {
    margin: 2em 0;
  }
}

@media screen and (max-width: 450px) {
  .homesummary > h2 {
    font-size: 1em;
  }
}

/*============ START = TARGET POSITION FOR INTERNAL LINKS WHEN STICKY HEADER ============*/

@media screen and (min-width:768px) {
:target:before {
  content: " "!important;
  display: block!important;
  height: 169px;               /* fixed header height*/
  margin-top: -169px;          /* negative fixed header height */
}}

@media screen and (min-width:768px) {
.anchor:before {
  content: ""!important;
  height: 169px;               /* fixed header height*/
  margin-top: -169px;          /* negative fixed header height */
  position: absolute!important; 
}}

@media screen and (max-width:767px) {
:target:before {
  content: "";
  display: block;
  height: 121px;               /* fixed header height*/
  margin: -121px 0 0;          /* negative fixed header height */
}}

@media screen and (max-width:767px) {
.anchor:before {
  content: "";
  height: 121px;               /* fixed header height*/
  margin-top: -121px;          /* negative fixed header height */
  position: absolute;
}}

a:focus, :focus {
  outline: none;
}

/*============ END = TARGET POSITION FOR INTERNAL LINKS WHEN STICKY HEADER ============*/



/* ========================= START == GA Tables ========================= */

/* ===== makes tables scroll on mobile ===== */
@media screen and (max-width: 767px) {
.gatablescroll {
  overflow-x:auto;
}}
.gatablescroll {
  margin-bottom: 25px;
}
/* ===== Recolours bottom border of tables ===== */
table.gatable tbody tr:last-child td {
  border-bottom: 1px solid #006983;
}
/* ===== Recolours top border of tables with no header ===== */
table.gatable.noheaderrow {
  border-top: 1px solid #006983;
}

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

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

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

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

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

/* ========================= END == GA Tables ========================= */

/* ========= START = Template Table Styles ========= */

.table-responsive th, table:not([class]) th {
    padding: 0.5rem;
    font-weight: bold;
    font-size: 12px;
}
.table-responsive th > p, table:not([class]) th > p {
    padding: 0;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
}
.table-responsive td, table:not([class]) td {
    padding: 0.5rem;
    font-weight: 400;
    font-size: 12px;
}
.table-responsive td > p, table:not([class]) td > p {
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    margin: 0;
}
table, .table-responsive, table:not([class]) {
    border-collapse: collapse;
    margin-bottom: 30px;
}
.content table {
    margin-bottom: 30px;
}


table > tbody > tr {
  border-bottom: 1px solid #d8e6eb;
}
table > tbody > tr:last-child td {  /* Can use tr:not(:last-child) to access every other bottom border in a table */
    border-bottom: 1px solid #006983;;
}
table th{
    background-color: #006983;
    vertical-align: middle;
    color: #fff !important;
}
table td {
    vertical-align: top;
}
/*p:not([class]) + p:not([class]) {
  margin: 1rem 0;
}*/
table p:last-child, table p:not([class]) + p:not([class]):last-child {
  margin-bottom: 0px;
}
table {
  background-color: #fff;
}
tbody tr:nth-child(even) {
  background: #e9f2f4;
}
tbody tr:hover {
  background-color: rgba(114,199,231,0.1);
}
table th, table td {
    border: none;
}
th, td, th > p, td > p {
    line-height: 20px !important;
}
.table > thead > tr > th {
  vertical-align: inherit;
  border-bottom: none;
}

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


table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

table.fixedHeader-floating {
  position: fixed !important;
  background-color: white;
}


table.fixedHeader-locked {
  position: absolute !important;
  background-color: white;
}

@media print {
  table.fixedHeader-floating {
    display: none;
  }
}

/* ========= END = Template Table Styles ========= */


.footnote {
  font-size: 11px;
  line-height: 16px;
  margin: 8px 0 0 0;
}
/*p.footnote a {
  font-style: italic;
}*/
.quote {
  font-weight: bold ;
  font-style: italic;
  font-size: 1.2em;
  line-height: 1.7em;
  color: #00a1de;
  margin: 40px 10% 5px 10%;
}
.quoteSource {
  font-style: italic;
  font-size: 0.95em;
  text-align: right; 
  margin: 0px 10% 40px 10%;
}

a.btn-lg, a.btn-filled, a.btn-filled:visited {
    color: #2f2f2f;
    background-color: #def0fd;
    border: 1px solid #36a9e1;
    border-radius: 4px;
    min-width: 0px;
    max-width: none;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px;
    margin: 10px 0;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    padding: 6px 12px;
    font-weight: 400;
}

/* ================= ADDED TO MAKE LOGO RESPONSIVE IN IE ================= */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
div.logo_title_content {
  max-width: 75%;
}}


.img-list-para {
  text-align: center;
}

.img-list {
  margin: 0 15px 20px 15px;
  max-height: 52px;
}




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

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.videorow > div {
  padding: 0 0 19px 0;
}
@media screen and (min-width:768px) {
.videorow > div {
  padding: 0 15px 15px 0px;
}}
.videorow {
  margin: 0;
}
.video-fullwidth {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 30px 0;
}
.video-fullwidth iframe, 
.video-fullwidth object, 
.video-fullwidth embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed-responsive {
  padding-bottom: 56.25%;
}
.video-right {
  margin: 30px 0;
}
@media (min-width: 760px) {
.video-right {
  float: right;
  padding: 0 0 10px 15px;
  margin: 0;
  width: 50%;
}}

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



/* ============== START === CAROUSEL ================= */

.carousel-indicators li {
  width: 30px;
  height: 3px;
  margin: 0 3px;
}
.carousel-indicators .active {
  width: 30px;
  height: 3px;
  margin: 0 3px;
  background-color: #fff;
}
.carousel-indicators {
    padding: 0 !important;
    margin: 0 auto 15px auto !important;
    width: 100%;
    left: 0;
}
.carousel{
  margin-top: 0px;
}

@media screen and (min-width:768px) {
.carousel .item {
    height: 400px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}}
@media screen and (max-width:767px) {
.carousel .item {
    height: 200px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}}

.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */

}
section.bannercover.banner-carousel {
    max-width: 100%;
}
.carousel-inner {
  padding-bottom: 0px;
  background-color: white;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ============== END === CAROUSEL ================= */




/* ============== START === FLEXBOX  === This Flexbox code should be copied and pasted into flexbox.css (82805) ================= */

.flexcontainer {
  display:flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 30px;
  margin-bottom: 30px;
}
.flexitem {
  flex-basis: 31%;
  max-width: 31%;
  margin-bottom: 3.5%;
}

@media screen and (max-width: 767px) {
  .flexitem {
    flex-basis: 48%;
    max-width: 48%;
    margin-bottom: 4%;
  }
}

/*@media screen and (max-width: 500px) {
  .flexitem {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 1.2rem;
  }
}*/


.flexitem img {
    max-width: 100%;
    height: auto;
    display: block;
}


.flexitem+.flexitem {
  margin-left: 3.5%;
}
.flexitem:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .flexitem+.flexitem {
    margin-left: 4%;
  }
  .flexitem:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
}

/*@media screen and (max-width: 500px) {
  .flexitem+.flexitem {
    margin-left: 0;
  }
}*/
.fleximg {
    overflow: hidden;
}

a.flexfigure img {
-webkit-filter: brightness(100%);
}
a.flexfigure:hover img {
-webkit-filter: brightness(67%);
-webkit-transition: all 0.75s ease;
-moz-transition: all 0.75s ease;
-o-transition: all 0.75s ease;
-ms-transition: all 0.75s ease;
transition: all 0.75s ease;
}
a.flextile img {
-webkit-filter: brightness(100%);
}
a.flextile:hover img {
-webkit-filter: brightness(67%);
-webkit-transition: all 0.75s ease;
-moz-transition: all 0.75s ease;
-o-transition: all 0.75s ease;
-ms-transition: all 0.75s ease;
transition: all 0.75s ease;
}

/*a.flexfigure:hover img {
  transform: scale(1.02); 
  transition: .75s ease;
}
a.flextile:hover img {
  transform: scale(1.02); 
  transition: .75s ease;
}*/
.flextile {
    background: #fff;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
}
a.flextile:hover {
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}
/*@media screen and (max-width: 500px) {
  .flextile:last-child {
    margin-bottom:30px;
}}*/
.h1flex {
  margin: 0;
  /*padding: 10px;*/
  padding: 15px;
  font-weight: normal;
  font-size: 1.4em;
  line-height: 1.4em;
}
.pflex {
  /*margin-bottom: 10px;
  padding: 0 10px;*/
  margin-bottom: 15px;
  padding: 0 15px;
}
.flexcontainer > a.flexitem > p.caption {
  margin-bottom: 0;
  color: #2f2f2f;
/*  text-decoration: underline;*/
}
.flexcontainer > a:hover p.caption, .flexcontainer > a:hover {
  text-decoration: none!important;
}
.flexcontainer > a > .caption {
  -moz-user-select: all;
  -webkit-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
.flexfullwidth > .flexitem {
  max-width: 100%;
  flex-basis: 100%;
  margin-bottom: 0px;
}
@media screen and (min-width: 501px) {
  .flexfloat {
    float: right;
    margin: 0 0 1em 1em;
}}
@media screen and (min-width: 501px) {
  .flexfloat > .flexitem {
    max-width: 200px;
    flex-basis: 100%;
}}
@media screen and (max-width: 500px) {
  .flexfloat > .flexitem {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 1.2rem;
}}

.flexfloat > .flexitem {
  margin-bottom: 0;
}
.flexfigure p.caption {
  margin-top: 5px;
  margin-bottom: 0;
}
p.videoheading {
    color: #5E6A71;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
p.videocaption {
    margin-top: 10px;
    margin-bottom: 0px;
    font-style: italic;
    font-size: 1em;
    line-height: inherit;
}


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

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


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


/*=== START === Social Icons ============*/
.header-nav a {
  color: #006983;
  font-size: 1.5em;
  font-weight: 300;
  color: #bbbbbb;
}
.header-nav a:hover i.fa-x-twitter {
  color: black;
}
.header-nav a:hover i.fa-facebook-f {
  color: #4267b2;
}
.header-nav a:hover i.fa-youtube {
  color: #ED3833;
}
.header-nav a:hover i.fa-linkedin-in {
  color: #0077B5;
}
/*=== END === Social Icons ============*/

.landingpage {
  margin: 14em 0 0 0;
}

@media screen and (max-width: 767px) {
.landingpage {
  margin-top: 10em;
}}




a, button {
  text-underline-position: under;
}

/* ========= Min-height of header: must equal logo height +30px - OVERRIDE IN WEBEXTRAS.CSS ========= */
.navbar-header {
    min-height: 103px;
}






/* ========= START = Delete from template.css after hamburger is live ========= */

button.navbar-toggle.collapsed:focus, .navbar-toggle {
    background-color: transparent;
    margin: 0;
}
.navbar-default .navbar-toggle {
    border: none;
}
@media screen and (max-width: 767px) {
.logo_title_content {
    margin-right: 60px
}}

/*FROM BOOTSTRAP*/
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
} 
.container>.navbar-header {
    margin-right: 0px;
    margin-left: 0px;
    display: flex;
    justify-content: flex-end;
}

/* ========= END = Delete from template.css after hamburger is live ========= */


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

button.navbar-toggle.collapsed:focus, .navbar-toggle {
  padding: 11px 0px;
  margin: 13px 15px;
} 

.hamburger {
  position: relative;
  cursor: pointer;
  height: max-content;
}
.hamburger__bar {
  position: relative;
  transform: translateY(1rem);
  transform: none;
}
.hamburger__bar, .hamburger__bar:before, .hamburger__bar:after {
  height: 2px;
  width: 30px;
  background-color: #888;
  /*border-radius: 5px;*/
}
.hamburger__bar:before, .hamburger__bar:after {
  content: '';
  left: 0;
  position: absolute;
}
.hamburger .hamburger__bar:before {
  bottom: 10px;
  transition: bottom 150ms 150ms cubic-bezier(0.23, 1, 0.32, 1), transform 150ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger .hamburger__bar:after {
  top: 10px;
  transition: top 150ms 150ms cubic-bezier(0.23, 1, 0.32, 1), transform 150ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger.is-active .hamburger__bar {
  background-color: transparent;
}
.hamburger.is-active .hamburger__bar:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 150ms cubic-bezier(0.23, 1, 0.32, 1), transform 150ms 150ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger.is-active .hamburger__bar:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 150ms cubic-bezier(0.23, 1, 0.32, 1), transform 150ms 150ms cubic-bezier(0.23, 1, 0.32, 1);
}

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

/* ========= puts main logo behind menu buttons when they overlap - eg: location index site ========= */
.logo_title_content {
  z-index: auto;
}

.flexspaceevenly {
    display: flex;
    justify-content: space-evenly;
}
@media screen and (max-width: 600px) {
.flexspaceevenly, .flexspaceevenly a.btn-download {
  display: block;
}}

li .flexcontainer a {
  border-bottom: none!important;
}

.au-accordion__body-wrapper > .flexcontainer {
  margin-bottom: 0px
}

.acknowl {
    padding-top: 15px;
}

/* ===== START === show/hide social icons in footer ===== */
@media screen and (max-width: 768px) {
  #footer-main .header-nav {
    display:block;
    padding-top: 15px;
}}
@media screen and (min-width: 768px) {
  #footer-main .header-nav {
    display: none;
}}
@media screen and (min-width: 768px) {
  .footer-global .nav li {
    width: auto;
}}
@media screen and (max-width: 767px) and (min-width: 47.5em) {
  .footer-global .nav li {
    width: -webkit-fill-available;
}}
/* ===== END === show/hide social icons in footer ===== */


.news-date {
    margin-bottom: 19px;
}

/*===== makes long web addresses break  =========*/
a {
    overflow-wrap: break-word;
}