@charset "utf-8";
/***************************************************************************************
NAA Brand style sheet
Date: July 2016
By: Business Systems Service Centre, National Archives of Australia
Build: 3.0.1001, 14 July 2016
****************************************************************************************/

/********************************************************
Animations
*********************************************************/

/* searchFocus
-------------------------------------------------------*/
@-webkit-keyframes searchFocus {
	0% {transform:scale(1.0, 1.0);}
	25% {transform: scale(1.1, 1.1);}
	50%  {transform:scale(1.0, 1.0);}
	75% {transform: scale(1.1, 1.1);}
	100%  {transform:scale(1.0, 1.0);}
}
@-moz-keyframes searchFocus {
	0% {transform:scale(1.0, 1.0);}
	25% {transform: scale(1.1, 1.1);}
	50%  {transform:scale(1.0, 1.0);}
	75% {transform: scale(1.1, 1.1);}
	100%  {transform:scale(1.0, 1.0);}
}
@keyframes searchFocus {
	0% {transform:scale(1.0, 1.0);}
	25% {transform: scale(1.1, 1.1);}
	50%  {transform:scale(1.0, 1.0);}
	75% {transform: scale(1.1, 1.1);}
	100%  {transform:scale(1.0, 1.0);}
}

/********************************************************
Brand setup
*********************************************************/
html {
	position: relative;
	min-height: 100%;
}

body {
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	background: #ffffff;
	/* Margin bottom by footer height */
	margin-bottom: 180px;
}

#header {
	background: #00afda;
}

#header h1 {
	text-transform: uppercase;
	font-size: 1.25em;
	font-weight: 700;
	margin: 0;
	padding: 1rem 0;
	color: #003441;
}

.mega-menu {
	background: rgba(0,175,218,1);
	background: -moz-linear-gradient(top, rgba(0,175,218,1) 0%, rgba(229,247,251,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,175,218,1)), color-stop(100%, rgba(229,247,251,1)));
	background: -webkit-linear-gradient(top, rgba(0,175,218,1) 0%, rgba(229,247,251,1) 100%);
	background: -o-linear-gradient(top, rgba(0,175,218,1) 0%, rgba(229,247,251,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,175,218,1) 0%, rgba(229,247,251,1) 100%);
	background: linear-gradient(to bottom, rgba(0,175,218,1) 0%, rgba(229,247,251,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AFDA', endColorstr='#E5F7FB', GradientType=0 );
	/*background:#E5F7FB;*/
	border:solid 1px #00AFDA !important;
}

.navbar {
	padding: 0;
	border-radius: 0;
	z-index: 20;
	/*height:86px;*/
}

.navbar-nav {
	padding-top:40px;
	/*position:absolute;
	bottom:0;
	right:0;*/
}

.nav-link {
	color: #000;
}

.navbar-nav .nav-item {
	padding-top: 0.5em;
}

.navbar-nav .nav-item + .nav-item {
	margin-left: 2.5rem;
}

@media (max-width: 991px) {
	.navbar-nav .nav-item:last-of-type {
		padding-bottom:10px;
	}
}

.navbar-toggler {
	padding: 1rem .75rem .5rem 0;
	font-weight: 700;
}

.naa-logo {
	position:relative;
	width:200px; height:auto;
	margin:10px 0 10px 0;
	padding:0;
	float:left;
}

.brand {
	position: relative;
	background-color: #000;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	/*background-position:center;*/
	background-size: cover;
	height: 520px;
}

.brand .container {
	position:relative;
}

.brand .btn-image-details {
	position:absolute;
	right:20px;
	border-radius:0px;
	z-index:100;
	color:#000;
	font-size:1.4em;
	padding:2px 8px;
}

.brand .btn-image-details {
	background-color:#00afda;
}

@media (max-width: 543px) {
	.brand .btn-image-details {
		bottom:460px;
	}
}

@media (min-width: 544px) and (max-width: 767px) {
	.brand .btn-image-details {
		bottom:460px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.brand .btn-image-details {
		bottom:450px;
	}
}

@media (min-width: 768px) and (max-width: 991px) and (-ms-high-contrast: none) {
	.brand .btn-image-details {
		bottom:410px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.brand .btn-image-details {
		bottom:-400px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) and (-ms-high-contrast: none) {
	.brand .btn-image-details {
		bottom:-380px;
	}
}

@media (min-width: 1200px) {
	.brand .btn-image-details {
		bottom:-400px;
	}
}

@media (min-width: 1200px) and (-ms-high-contrast: none) {
	.brand .btn-image-details {
		bottom:-380px;
	}
}

.popover .citation {
	font-style:italic;
}

.letter {
	font-family: 'Raleway Black', sans-serif;
	/*font-weight: 900;*/
	-ms-transform: scale(1.05, 1.0);
	transform: scale(1.05, 1.0);
	position: absolute;
	color: #00afda;
	transition: all 0.2s;
}

#n {
	z-index: 1;
}

#a {
	margin: 0 0 0 92px;
	z-index: 2;
}

#a1 {
	margin: 0 0 0 163px;
	z-index: 3;
}

.black {
	color: #000;
}

.brand__naa {
	position: absolute;
	top: -25px;
	left: 8px;
}

.brand__naa h2 {
	padding:0;
	margin:0;
	font-size:8.5em;
	}

.resources {
	padding: 30px 0;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	/*height: 260px;*/
	background-color: #fff;
	color: #fff;
}

#footer {
	font-size: 0.9em;
	/*background-color: #7e747e;*/
	background:#6B636B;
}

#footer .container {
	padding-top: 60px;
	padding-bottom: 60px;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}

.link--color-blue {
	background-color: #69b64c;
	color: #fff;
	padding: 8px 12px;
	width: 175px;
	display: inline-block;
}

.link--color-blue:hover {
	color: #fff;
	text-decoration: none;
}

.linkbtn--color-darkgrey {
	background-color: #555555;
	padding: 8px 14px;
	margin-left: 2px;
	display: inline-block;
	color: #fff;
}

.linkbtn--color-darkgrey:hover {
	color: #fff;
	text-decoration: none;
}

.resources__block-image {
	position: relative;
	margin-bottom: 15px;
	max-height: 300px;
	overflow: hidden;
}

.resources__block-image img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.resources__block-image img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.resources__block-caption {
	width: 100%;
	padding: 10px 0;
	text-align: center;
	position: absolute;
	bottom: 0;
	background: rgba(0, 175, 218, 0.9);
}

.resources__block-caption h3 {
	text-transform: uppercase;
	margin: 0;
	font-size: 1.25em;
	font-weight: 700;
	color: #003441;
}

.brand__search {
	margin-top: 30px;
	background: rgba(0, 0, 0, 0.4);
	padding: 15px;
}

.brand__search .form-inline {
	margin-right: 40px;
	display: inline-block;
}

.brand__search a {
	color: #fff;
	text-decoration: none;
}

.brand__search a:hover {
	color: #fff;
	text-decoration: underline;
}

.brand__search h2 {
	color: #00afda;
	text-transform: uppercase;
	font-size: 1.5em;
	margin: .45em 0;
	font-weight: 700;
}

.brand__search-links {
	display: inline-block;
}

.brand__search-links .list-inline {
	margin: 0;
}

#main-nav a {
	color: #003441;
	font-weight:700;
}

#main-nav a:hover {
	color: #fff;
	text-decoration: none;
}

.btn-blue {
	color: #003441;
	background-color: #00afda;
	border-color: #00afda;
	border-radius: 0;
	padding: 0 1rem;
}

.brand__search .form-inline .input-group > .form-control {
	width: 100%;
	border-color: #fff;
	border-radius:0;
}

@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop,
	.brand {
		height: 500px;
	}
	/* IE11 */
	*::-ms-backdrop,
	.brand__search .form-control {
		padding: 8.5px 12px;
	}
}

#skip-links a {
	transition: all 0.2s ease-in-out;
	display: block;
	width: 100%;
	padding: 15px;
	background-color: #009dc4;
	color: #fff;
	text-align: center;
}

.search {
	display: none;
	background-color: #009dc4;
}

.search input {
	background-color: #009dc4;
	border: none;
	color: #003441;
	padding: 1.875rem 0;
	font-size: 1.75em;
}

.search ::-webkit-input-placeholder {
	color: #003441;
	opacity: 1 !important;
}

.search :-moz-placeholder {
	/* Firefox 18- */
	color: #003441;
	opacity: 1 !important;
}

.search ::-moz-placeholder {
	/* Firefox 19+ */
	color: #003441;
	opacity: 1 !important;
}

.search :-ms-input-placeholder {
	color: #003441;
	opacity: 1 !important;
}

.search-options {
	margin-top: 2.5em;
}

.search-options .c-input {
	color: #003441;
}

.c-indicator {
	color: #fff;
	background-color: #fff;
}

.c-input > input:checked ~ .c-indicator {
	color: #fff;
	background-color: #003441;
}

.c-input > input:focus ~ .c-indicator {
	-webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #003441;
	box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #003441;
}

.c-input > input:active ~ .c-indicator {
	color: #fff;
	background-color: #003441;
}

.carousel {
	margin-bottom: 20px;
}

.icon-lg {
	font-size: 1.5em;
}

.dropdown-item {
	color: #333 !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: #fff !important;
	text-decoration: none;
	background-color: #00afda;
	display: block;
}

.dropdown-menu {
	padding: 0;
	margin: 8px 0 0;
	border: none;
	border-radius: 0;
}

.dropdown-item {
	padding: 10px 20px;
	color: #003441;
}

.nav-mega {
	width: 100%;
}

.nav-mega .dropdown {
	position: static;
}

.nav-mega .dropdown-menu.mega-menu {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	min-width: auto;
	width: 100%;
	margin-top: 0;
	padding: 0;
	border-color: #fff;
}

.mega-col {
	margin: 10px 0;
	padding: 0;
}

.mega-col:first-child {
	padding-left: 0.9375em;
}


.mega-col--border {
	border-right: 1px solid #ddd;
}

@media (max-width:1200px) {
	.navbar-nav .nav-item + .nav-item {
		margin-left: 1.5rem;
	}
	.brand__search .form-inline {
		margin-right: 10px;
	}
	.brand {
		background-position:center;
	}
}

@media (max-width:991px) {
	.nav-item {
		width: 100%;
	}
	.navbar-nav .nav-item + .nav-item {
		margin-left: 0;
	}
	.brand {
		background-position:center;
	}
	.brand__search {
	  margin-top: 400px;
	  width:90%;
	  margin-left:auto; margin-right:auto;
	}
	.brand__search .form-inline {
		margin-right: 40px;
	}
	.dropdown-menu {
		background-color: #00afda;
	}
	.dropdown-item {
		padding: 10px 40px;
	}
	#collapsingNav {
		width:100%;
	}
	.mega-col {
		margin: 0;
	}
	.mega-col:first-child {
		padding: 0;
	}
	.mega-col--border {
		border-right: none;
	}
	.nav-mega .dropdown-menu.mega-menu {
		position: relative;
	}
	.brand__search-links {
		float:right;
		margin-top:3px;
	}
}

@media (max-width:767px) {
	 body {
	margin-bottom: 320px;
  }
  
  #footer {
	  height:320px;
  }
	
	.brand__search {
		width:100%;
	}
	
	.brand__search  .form-inline {
		width:100%;
		margin-right:0;
	}
	
	.brand__search .form-group {
		width:85%;
	}
	
	.brand__search .form-group .input-group {
		width:100%;
	}
	
	.brand__search .form-group .input-group .input-group-addon .form-control {
		float:right;
	}
	
	.brand__search .btn {
		float:right;
	}
	.brand__search-links {
		float:none;
		margin-top:10px;
		display:block;
	}
	.brand__search-links ul {
		text-align:center;
	}
	
	#footer .list-inline {
	text-align:center;  
  }
  
  #footer p {
	text-align:center;  
  }
}

@media (max-width:543px){
  body {
	margin-bottom: 320px;
  }
  
  #footer {
	  height:320px;
  }
  
  .brand__search {
	  margin-top: 340px;
  }
  
  .btn-blue {
	width:100%;
  }
  
  .brand__search .form-group {
		width:100%;
	}
  
  .input-group-addon select.form-control {
		width:110px;
	}
}

@media (max-width:480px) {
   body {
	margin-bottom: 350px;
  }
  
  #footer {
	  height:350px;
  }
   
	#header h1 {
		font-size: 0.9em;
	}
	.navbar-toggler {
		padding: 0.75rem .75rem .5rem 0;
	}
}

@media (max-width:320px) {
	body {
	margin-bottom: 380px;
  }
  
  #footer {
	  height:380px;
  }
}

.dropdown.open a.nav-link {
	color: #fff!important;
}

.input-group-addon {
	padding: 0 .75rem;
	color: #003441;
	background-color: #fff;
	border: 0;
	border-radius: 0;
}

.input-group-addon select.form-control {
	border: none;
	background: #f8f8f8;
}
.dropdown-item {
	white-space:normal;
}
.last.dropdown-item:hover {
	width:95%;
}
.p-b-30 {
	padding-bottom:30px;
}

.brand__search #search_form_input:focus {
	-webkit-animation:searchFocus ease-in-out 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-duration:0.5s;
	-moz-animation:searchFocus ease-in-out 1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-duration:0.5s;
	animation:searchFocus ease-in-out 1;
	animation-fill-mode:forwards;
	animation-duration:0.5s;
}

.mega-col__featured {
	padding:5px 10px 0 10px;
}

.mega-col__featured img {
	border:solid 2px #FFF;
	padding-bottom:0; margin-bottom:0;
}

.mega-col__featured img:hover, .mega-col__featured img:focus {
	border-color:#00AFDA;
}

.mega-col__featured .dropdown-item {
	padding-left:4px;
}

#front-page-announcements {
	margin-top:-20px;
}

#front-page-announcements p.alert-heading {
	font-size:1.1em;
	font-weight:bold;
}

#front-page-announcements .alert-custom {
  background-color: #00AFDA;
  border-color: #00AFDA;
  color: #000;
}

#front-page-announcements .alert-custom hr {
  border-top-color: #c9e2b3;
}

#front-page-announcements .alert-custom .alert-link {
  color: #000;
}

#front-page-announcements .alert {
	border-radius:0px;
}


/********************************************************
Incorporate BS 3.3.6 elements
*********************************************************/
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-xl-block,
.visible-xl-inline,
.visible-xlinline-block {
  display: none !important;
}
@media (max-width: 543px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 543px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 543px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 543px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 544px) and (max-width: 767px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 544px) and (max-width: 767px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 544px) and (max-width: 767px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 544px) and (max-width: 767px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl {
    display: block !important;
  }
  table.visible-xl {
    display: table !important;
  }
  tr.visible-xl {
    display: table-row !important;
  }
  th.visible-xl,
  td.visible-xl {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-xl-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 543px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 544px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xl {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

/********************************************************
Custom common elements
*********************************************************/
@media (max-width: 543px) {
  .clear-xs {
    clear:both;
  }
}
@media (min-width: 544px) and (max-width: 767px) {
  .clear-sm {
    clear:both;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .clear-md {
    clear:both;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .clear-lg {
    clear:both;
  }
}
@media (min-width: 1200px) {
  .clear-xl {
    clear:both;
  }
}

.offscreen {
	position:fixed;
	top: -99999px;
	left: -99999px;
}