/* @import url('https://pro.fontawesome.com/releases/v5.7.1/css/all.css'); */
@import url('https://use.fontawesome.com/releases/v5.0.6/css/all.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext'); /* font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap'); /* font-family: 'Didact Gothic', sans-serif; */

body{ padding-bottom: 15px; font-family: 'Open Sans', sans-serif; }
.backToTop{ display: none; }
.Wrapper-HomePage{ max-width: 1170px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }

/* HEADER */
#hd{ padding-top: 25px; }
#masterHeaderImage{ width: 440px; height: 46px; background-image: url(https://imislive.lpbwa.com/imislive/App_Themes/GreatBarrierReef_Responsive_LPBWA/images/LPBWA-logo.jpg); background-position: left center; background-size: contain; }
.header-top-container{ clear: both; position: relative; left: auto; top: auto; right: auto; display: block; height: 75px; }
.header-bottom-container{ clear: both; position: relative; left: auto; bottom: auto; right: auto; display: block; height: 44px; border-radius: 4px; 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5d653a+0,4a5229+100 */
	background: rgb(93,101,58); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(93,101,58,1) 0%, rgba(74,82,41,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(93,101,58,1) 0%,rgba(74,82,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(93,101,58,1) 0%,rgba(74,82,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d653a', endColorstr='#4a5229',GradientType=0 ); /* IE6-9 */
}
	.primary-navigation-area .MegaDropDownMenuOuter{ text-align: left; }
		.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink{ color: #e2d8be; border-top-color: transparent; font-family: 'Didact Gothic', sans-serif; font-size: 16px; font-weight: 700; text-transform: none; }
			.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink:hover{ color: #5e663a; border-top-color: transparent; 
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1d7bd+0,c5b896+100 */
				background: rgb(225,215,189); /* Old browsers */
				background: -moz-linear-gradient(top,  rgba(225,215,189,1) 0%, rgba(197,184,150,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  rgba(225,215,189,1) 0%,rgba(197,184,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  rgba(225,215,189,1) 0%,rgba(197,184,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1d7bd', endColorstr='#c5b896',GradientType=0 ); /* IE6-9 */
			}
			.RadMenu.RadMenu_GreatBarrierReef .rmText, .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText, .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmText{ padding: 4px 15px 8px; }
				.RadMenu.RadMenu_GreatBarrierReef .rmGroup{ background-color: #e2d8be; }
					.RadMenu_GreatBarrierReef .rmSlide .rmLink, .RadMenu_GreatBarrierReef .rmSlide .rsmLink{ color: #333333; font-family: 'Open Sans', sans-serif; font-size: 14px; }
						.RadMenu_GreatBarrierReef .rmSlide .rmLink, .RadMenu_GreatBarrierReef .rmSlide .rsmLink:hover{ background-color: #bdab7d; color: #333333; }
					.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink
					, .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover
					, .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus{ color: #333333 !important; font-family: 'Open Sans', sans-serif; font-size: 18px; }
					
/* FOOTER */
#ft{ background-color: transparent; }
	.footer-content{ background-color: transparent; }
	.footer-nav-copyright{ border-radius: 4px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5d653a+0,4a5229+100 */
		background: rgb(93,101,58); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(93,101,58,1) 0%, rgba(74,82,41,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(93,101,58,1) 0%,rgba(74,82,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(93,101,58,1) 0%,rgba(74,82,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d653a', endColorstr='#4a5229',GradientType=0 ); /* IE6-9 */
	}
		.footer-nav-copyright .footer-copyright{ display: block; width: 100%; margin: 0; padding: 10px 0 0; color: #ffffff; font-size: 13px; text-align: left; }
			.footer-nav-copyright .footer-copyright a{ display: inline-block; margin-right: 15px; color: #ffffff; font-size: 13px; text-decoration: none; vertical-align: top; }
			.footer-nav-copyright .footer-copyright span{ display: inline-block; color: #ffffff; font-size: 13px; vertical-align: top; }


.RadTabStrip.RadTabStrip_MetroTouch{ border-radius: 5px 5px 0 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5d653a+0,4a5229+100 */
	background: rgb(93,101,58); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(93,101,58,1) 0%, rgba(74,82,41,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(93,101,58,1) 0%,rgba(74,82,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(93,101,58,1) 0%,rgba(74,82,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d653a', endColorstr='#4a5229',GradientType=0 ); /* IE6-9 */
}
	.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink{ background-color: transparent !important; border-color: transparent !important; }
	
.AsiInformation{ padding: 12px 10px 12px 70px; background-color: #f5fcfe; border: solid 1px #bde5f8; }
	.AsiInformation:before{ content: '\f05a'; display: inline-block; margin: 0 20px 0 -40px; color: #7ca8f1; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
	.AsiInformation.red{ background-color: #fbd0ce; border: solid 1px #f12c2c; }
		.AsiInformation.red:before{ content: '\f071'; color: #f12c2c; }

html:not(.t-safari) .PrimaryButton, html:not(.t-safari) .SaveAndClose, html:not(.t-safari) .SaveAs
, html:not(.t-safari) .UsePrimaryButton .TextButton, html:not(.t-safari) .UsePrimaryButton .TextButtonWithImage
, html:not(.t-safari) #masterHeaderActionArea a, html:not(.t-safari) .RadGrid input.PrimaryButton, html:not(.t-safari) .Spotlight .TextButton
, html:not(.t-safari) .BigButtonPanelArea2 .btn, html:not(.t-safari) .RadUpload .ruButton, html:not(.t-safari) .ruButton
, html:not(.t-safari) .ruFileInput{ background: #5d653a !important; color: #ffffff !important; border-radius: 4px; }

html:not(.t-safari) .btn, html:not(.t-safari) .TextButton{ background: #5d653a !important; color: #ffffff !important; border-radius: 4px; }

.Pathway{ display: none !important; }

.IconSprite.AddIcon{ width: 63px; margin-left: -80px; padding: 2px; background-color: #f5f5f5; color: #666666; background-position: 3px 2px; border: solid 1px #5d653a; border-radius: 3px; }
	.IconSprite.AddIcon:hover{ background-position: 3px -33px; color: #333333; }
	.IconSprite.AddIcon:after{ position: absolute; right:0; top: 0; content: 'Add'; display: inline-block; padding: 2px 10px 0 10px; background-color: #f5f5f5; text-transform: uppercase; }


.PanelField label, .PanelField .Label {width:36em!important;}

.ThreeColumns    .PanelField label, .ThreeColumns .PanelField .Label {width:12em!important;}

#ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewPanelEditorCommon_panelEditor_LPBWA_Adm___IdentityDifficult {
	width: 515px!important;
}


.header-container .nav-auxiliary .UtilityAuthentication a {
color: #5d653a;
}

.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
color: #5d653a;
}

.hideme {display: none !important;}
		
@media (max-width:767px){
	#masterHeaderImage{ width: 300px; }
	.navbar{ background-color: #ffffff; }
	.header-bottom-container{ height: auto; }
	.navbar-collapse, .searchbar-collapse{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5d653a+0,4a5229+100 */
		background: rgb(93,101,58); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(93,101,58,1) 0%, rgba(74,82,41,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(93,101,58,1) 0%,rgba(74,82,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(93,101,58,1) 0%,rgba(74,82,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d653a', endColorstr='#4a5229',GradientType=0 ); /* IE6-9 */
	}
}