/* ==========================================================================
   NOISE CSS
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,700;1,700&family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

/**** Colours ***/
 
/** Main Accent Colour (Orange): #F79120 **/

a, .welcome-message h4, .header-container .nav-auxiliary .UtilityAuthentication a, #ctl01_ciWelcomebackContactName_institute, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected{color:#F79120;}
h2, .bordered-area, .welcome-message, .news-article h1, .stories-long h3{border-left-color:#F79120;}
h2{border-left:8px solid #F79120!important;}
li.rmItem a.rmSelected{border-bottom-color:#F79120;}
.my-panels .card-shadow h5:after, .btn, .BigButtonLinkList,.BigButtonLinkList:visited, .TextButton, .TextButton:visited, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton, .large-news .BlockTLItem h4:after, .navbar-toggle.collapsed,
.mat-fab.mat-accent, .mat-flat-button.mat-accent, .mat-mini-fab.mat-accent, .mat-raised-button.mat-accent{background-color:#F79120;}



/** - Secondary Accent Colour (Darker orange for hovers etc): #f68910 **/

a:hover, a:visited{color:#f68910;}
.btn:hover, .btn:focus, .btn:active, .BigButtonLinkList:hover, .BigButtonLinkList:focus,.BigButtonLinkList:active,.TextButton:hover, .TextButton:focus, .TextButton:active, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:active, .ruButton:hover, .ruButton:focus, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active{background-color:#f68910;}


/** Neutral Backgrounds: #F7F8FA **/

.service-boxes, .sidebar, .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded, .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover, .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused, .col-secondary, .my-panels .card-shadow,
.sidebar-zone, .RadTabStrip {background:#F7F8FA;}
#masterContentArea, .border-content-top{border-top-color:#F7F8FA;}

/** Blacks **/

body, h1, .h1, .PageTitle, h2, .h2, .PanelTitle, h3,h4,h5,h6, .large-news .BlockTLItem h4 a, .sidebar-zone .SectionLabel, .PanelField.Left{color:#000;}
.footer-nav-copyright, .footer-content, #ft{background-color:#000;}
.backToTop{background-color:#000!important;}

/** Whites **/

body, .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused, .InternalHeaderArea .carousel-inner::before{background-color:#fff;}
.icon-bar{background-color:#fff!important;}
.carousel-inner.bg-img div, .InternalHeaderArea, #hd{background-color:transparent!important;}


/** Fonts **/

body, h1, .h1, .PageTitle, h2, .h2, .PanelTitle{font-family: 'Roboto', sans-serif;}

.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink{font-family: 'Roboto Condensed', sans-serif;}

/**************************/


body{font-size:15px;line-height:22px;background-image:url(/images/bg-g.png);background-repeat:repeat-x;}
p, li{font-weight:300;}
h1,h2,h3,h4,h5,h6{font-weight:700;}
h2, .bordered-area, .welcome-message, .news-article h1, .stories-long h3{padding-left:36px;border-left-width:8px;border-left-style:solid;}
h2, .h2, .PanelTitle {line-height: 1.2em; font-size: 180%;}
.btn, .TextButton, .BigButtonLinkList, .TextButtonWithImage, .RadUpload .ruButton, .RadUploadProgressArea .ruButton {font-size:15px;}

.service-boxes{text-align:center;0 45px 37px;}
.service-boxes h3{font-size:34px;}
.service-boxes h3:after{display:block;width:105px;height:5px;content:'';margin:20px auto;}

.button{color:#fff;text-decoration:none;font-weight:700;padding:12px 33px;}


.sidebar h4{font-size:26px;}
.sidebar h5{font-size:15px;}

/* Header */

.carousel-inner.bg-img div{background-image:none!important;}
body:not(.Wrapper-HomePage) #hd, body:not(.Wrapper-HomePage) .InternalHeaderArea{box-shadow:none!important;}
.header-container .nav-auxiliary .UtilityAuthentication a{font-weight:300;font-size:15px;text-decoration:underline;}
#masterHeaderBackground, .header{border-bottom:none;}
body:not(.Wrapper-HomePage) #hd, body:not(.Wrapper-HomePage) .InternalHeaderArea{height:200px;min-height:200px;}
body:not(.Wrapper-HomePage) .primary-navigation-area{margin-top:50px;}
#masterLogoArea img {max-height: 110px !important; max-width: 300px;}
body:not(.Wrapper-HomePage) .header-top-container #masterLogoArea {top: 75px;}


/* Navigation */

.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > li.rmItem {font-weight: 700; margin-left: 20px;}
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected{border-bottom-width:7px;border-bottom-style:solid;padding-bottom:18px;}
.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink{font-weight:700;}

/* Content Area */

#masterContentArea{border-top-width:4px;border-top-style:solid;padding:50px 20px;}
.container, .header-container, .SliderPage1{max-width:1280px;}
#ctl01_ciWelcomebackContactName_institute{font-size:22px;font-weight:700;}
.welcome-message .panel-body{padding:56px 0;}
.welcome-message h1{font-size:54px;font-weight:300;border:none;padding-left:0;}
.welcome-messageContainer{margin-bottom:50px;}
.welcome-message .panel-body-container{margin-top:-28px;}
#ctl01_ciWelcomebackContactName_fullName{font-weight:300;font-size:33px;}
.banner{margin:50px 0;}

/* Footer */

.footer-nav-copyright .footer-copyright{display:block;float:none;}
.backToTop{bottom:5px;}
.large-news .BlockTLItem h4 a{text-decoration:none;}
#ft h2 {
	border-left: none;
}

/* Home */
.MembersHome .welcome-message {margin-bottom:35px;}
.MembersHome .sidebar-zone {margin-top: 238px;}\
.large-news .TextButton {margin-left: 10px;}

/* News Lists */

.large-news img{display:block;width:440px!important;margin-bottom:25px;}
.large-news .BlockTLItem h4{font-size:25px;font-weight:700;}
.large-news .BlockTLItem h4:after{display:block;content:'';height:5px;width:100%;margin:20px 0;}

.small-news-list img{display:block;float:right;}
.small-news-list .BlockTLItem{clear:right;min-height:101px;}

.internal-news-list{margin-top:60px;padding-top:54px;border-top:2px solid #EFEFEF;}
.internal-news-list .TaggedListPanel{margin-left:36px;}
.internal-news-list .BlockTLItem{float:left;width:30%;margin-left:3%;}
.internal-news-list .BlockTLItem:first-of-type{margin-left:0;}

/* News Articles */

.news-article h1{background:#fff;margin-top:-134px;padding:40px 60px 40px 36px;font-weight:300;font-size:62px;}
.news-article article{padding-left:46px;margin-top:60px;}
.news-image{margin-top:-50px;}

/* My Services */

.row.my-panels{margin-top:17px;}
.my-panels .card-shadow{height:469px;max-height:469px;text-align:center;margin-top:15px;}
.my-panels .card-shadow h5:after{display:block;content:'';width:105px;height:5px;margin:17px auto;}
.my-panels .card-shadow h5{font-size:24px;margin:30px auto 20px;}
.my-panels .card-shadow p{padding:10px 20px 0;}

/* Center buttons */
.buttonBlock p {
	text-align: center;
}
.buttonBlock p > a {
	width: 80%;
}

/* Miscellaneous */

/* .collapse{display:block;} */
.border-content-top{border-top-width:4px;border-top-style:solid;margin:45px 0;padding-top:45px;}
.stories-long .ContentItemContainer{border-top:10px solid #F5F7FA;padding:40px 0 20px;}
.stories-long h3{padding-left:28px;}
.stories-long p{padding-left:36px;}
#ste_container_ciBanner1_55d8b9cc4892483c8dcca8442f10bd31{margin:70px 0;}
.sidebar-zone{padding:40px 20px;}
.sidebar-zone .SectionLabel, .PanelField.Left{font-size:15px;font-weight:700;}
#ctl01_TemplateBody_WebPartManager1_gwpciFB_c1e99d843d2b4ab78ad2c0a1f0a552bb_ciFB_c1e99d843d2b4ab78ad2c0a1f0a552bb_Panel_FB h4{margin-top:100px;}
ul.sidelinks{list-style-type:none;padding-left:0;}
ul.sidelinks li{padding:20px 0;border-bottom:1px solid rgba(0,0,0,0.13);}
ul.sidelinks li:hover{background:#ffffff55;}
ul.sidelinks li a{text-decoration:none;}
.my-workplace .BlockTLImage span:last-of-type{display:none;}
.my-workplace .BlockTLImage span{display:block;float:left;margin-right:15px;}
.my-workplace .PublishDate{display:none;}
.my-workplace .BlockTLItem{float:left;padding:25px 0;}
.my-workplace .TaggedListPanel .tags{clear:left;}
.my-workplace .BlockTLImage img {width: 300px;display: inline-block;margin-bottom: 10px;}
.my-workplace #ctl01_TemplateBody_WebPartManager1_gwpciNewsContentTaggedList_ciNewsContentTaggedList_TaggedListRepeater_ctl05_ViewAllButton {margin-top: 20px;
margin-left: 0px !important;}



/* Tabs */

.RadTabStrip{padding:15px 15px 0;}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected{background-color:#fff!important;border-color:#fff!important;}
.RadTabStrip_MetroTouch .rtsTxt{font-weight:700;}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink, .ContentTabbedDisplay, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripTop .rtsLevel1{border:none!important;}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover{background-color:#00000008!important;}


/* My Career */

.my-career .my-panels .card-shadow, .my-workplace .my-panels .card-shadow{height:auto;max-height:initial;padding-bottom:30px;}



/* Mobiles */
@media only screen and (min-width: 320px) and (max-width: 767px){
#ctl01_masterWrapper {padding-left: 20px;padding-right: 20px;}
body:not(.Wrapper-HomePage) #hd, body:not(.Wrapper-HomePage) .InternalHeaderArea {height: 120px; min-height: 120px;}
#masterContentArea{padding:25px 0;}
body{background-position:0 -59px}
.header-logo-container.header-logo-container {width: 120px; margin: 20px auto;}
.welcome-message{margin-top:20px;}
.welcome-message h1{font-size:30px;}
.welcome-message h4, #ctl01_ciFooterCopyright_ContentRecordTemplateArea_Zone1PlaceHolder p{font-size:15px;}
.welcome-message .panel-body{padding:40px 0 20px;}
.navbar-header{float:none;}
.header-container .UtilityNavigation.nav-auxiliary, .navbar-header{text-align:center;}
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected{border-bottom:none;border-left:8px solid #F79120;padding:0;}
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink{padding-left:36px;}
li.rmItem{margin-left:0;}
.MembersHome .sidebar-zone {margin-top: 0px;}
.container, .header-container, .SliderPage1 {padding-left: 0px;padding-right: 0px;}
.header-container .nav-auxiliary .UtilityAuthentication a {font-size: 12px;}
.header-container .UtilityNavigation.nav-auxiliary, .navbar-header {text-align: right;}
#ste_container_ciUtilityNavigation {margin-top: 30px; max-width: 165px;}
body:not(.Wrapper-HomePage) .primary-navigation-area {margin-top: 0px;}
#ctl01_ciPrimaryNavigation_NavControl_NavMenu {height: 100vh;background-color: #fff;}
.navbar-toggle .icon-search {background: transparent url("images/ResponsiveHeaderSprite.png") 0 0px no-repeat;}
}


/* Small devices (landscape phones, tablets vertical)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
.primary-navigation-area{margin-left:15em;}
.RadMenu.RadMenu_GreatBarrierReef .rmText, .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText, .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmText{padding-left:0;text-align:left;}
.body-container{margin-left:20px;}
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected{border-bottom:none;padding-bottom:0;}
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected .rmText{color:#F79120;}
.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem{width:133px;}
}

/* Medium devices (landscape tablets) and old desktops*/
@media (min-width: 992px) and (max-width: 1365px) {
.primary-navigation-area {margin-left: 12em;}
.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > li.rmItem {margin-left: 5px;}
}

/* 1440 */
@media (min-width: 1366px) and (max-width: 1440px) {
}

/* 1680 */
@media (min-width: 1441px) and (max-width: 1680px) {
}

/* 1920px and larger */
@media screen and (min-width: 1900px) {
}

/* Hide first news article on homepage (shows in spotlight instead). JD uhub */
/* TODO: replace with dynamic news IQA */
.small-news-list .TaggedListPanel .BlockTLItem:first-child {
	display: none;
}


/***  ~~~~~~~~~~Secondary Nav (replaces hardcoded links) - JD Hub ~~~~~~~~~~ ***/

/** Nav Heading **/
/* Revert imis styling */
.nav-secondary .sub-nav-head {
	background: none;
	color: #000;
	text-transform: revert;
	padding: 0;
}

/** Nav List **/
/* Revert imis styling */
.sub-nav-body .RadTreeView .rtTop,
.sub-nav-body .RadTreeView .rtMid, 
.sub-nav-body .RadTreeView .rtBot {
	padding: 0;
}
.sub-nav-body .RadTreeView .rtIn {
	padding: 0;
	border: none;
	background: none;
}

/* styling */
.sub-nav-body ul.rtUL {
	list-style-type:none;
	padding-left:0;
}
.sub-nav-body ul.rtUL li {
	padding:20px 0;
	border-bottom:
	1px solid rgba(0,0,0,0.13);
}
.sub-nav-body ul.rtUL li:hover,
.RadMenu.RadMenu_GreatBarrierReef .rsmItem:hover  {
	background:#ffffff55;
}
.sub-nav-body ul.rtUL li a {
	text-decoration:none;
}
	
/** ~~~~~~~~~~ End Secondary Nav ~~~~~~~~~~ **/