/* ########## GLOBAL ########## */

/* #hero{
	display:none;
} */

/* Remove template banner */

/* ########## NAVIGATION MENU ########## */

/* Fix the navbar to the top */

@media only screen and (min-width: 320px) and (max-width: 1199px){
	#navigation{
		padding-bottom:10px !important;
		margin-bottom:-8px !important;
	}
}

@media only screen and (min-width: 767px){
	header{
		position:fixed;
		z-index:1;
		padding-bottom:0;
		margin-bottom:0;
		box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);
	}
}

/* Realign the top bar vertically central */

#top-bar{
	padding:10px 0 0 0;
}
#ste_container_Logo{
	padding-top:10px;
}

/* Aligns drop down with menu bar */

#navigation ul{
	margin-top:0.5px;
}

.NewsPage #navigation ul{
	margin-top:0.5px;
}

/* Remove padding from menu items (revisit to set appropriately) */

.RadMenu.RadMenu_GreatBarrierReef .rsmItem{
	padding: 0px 0px
}

/* Puts branches in alignment */

#left-buttons first-of-type a, #left-buttons li:last-of-type a{
	padding-left:36px !important;
}

/* Corrects colour for "Branches" button */

#left-buttons li:last-of-type a{
	color:#000000;
}

/* Hides branches button */

.col-sm-4#left-buttons{
	visibility:hidden;
}

/* Vertically aligns social media and sign in buttons */

.col-sm-4#right-options{
	top:-5px;
}

/* Puts icons in correct order */

#navigation ul.rmHorizontal li:nth-of-type(1) a{background:url(/images/NavIcons/nav-join.png);background-size: cover;}
#navigation ul.rmHorizontal li:nth-of-type(2) a{background:url(/images/NavIcons/nav-your-union.png);background-size: cover;}
#navigation ul.rmHorizontal li:nth-of-type(3) a{background:url(/images/NavIcons/nav-branches.png);background-size: cover;}
#navigation ul.rmHorizontal li:nth-of-type(4) a{background:url(/images/NavIcons/nav-industries.png);background-size: cover;}
#navigation ul.rmHorizontal li:nth-of-type(5) a{background:url(/images/NavIcons/nav-international.png);background-size: cover;}
#navigation ul.rmHorizontal li:nth-of-type(6) a{background:url(/images/NavIcons/nav-campaigns.png);background-size: cover;}
#navigation ul.rmHorizontal li:nth-of-type(7) a{background:url(/images/NavIcons/nav-esa.png);background-size: cover;}
#navigation ul.rmHorizontal li:nth-of-type(8) a{background:url(/images/NavIcons/nav-member-resources.png);background-size: cover;}
#navigation ul.rmHorizontal li:nth-of-type(9) a{background:url(/images/NavIcons/nav-news.png);background-size: cover;}
#navigation ul.rmHorizontal li:nth-of-type(10) a{background:url(/images/NavIcons/nav-march.png);background-size: cover;}
#navigation ul.rmHorizontal li:nth-of-type(11) a{background:url(/images/NavIcons/nav-safety.png);background-size: cover;}

/* Formatting for the content block containing the SEO spiel - CTA so that latest-news and member-services can keep their styling*/

.home-cta-1{
	h2{
		font-size:3rem;
		border-bottom:11px solid #D9F0FA !important;
		padding-bottom:12px;
		margin-bottom:12px;
		}
	margin: 2%;
	}
}
.home-cta-2{
	margin: 2%;
}

/* Adjusting H2 font-size to be inline with latest-news and member-services headers */

.latest-news{
	h2{
		font-size:3rem;
	}
}
.member-services{
	h2{
		font-size:3rem;
	}
}

/* Removing empty space below news-list and the flipbox */
.news-list{
	margin-bottom:-130px;
}
.flipbox-wrap{
	margin-bottom:32px;
}

/* Fit news-list to width of page */

.news-list .TaggedListPanel{
	width:103.5%;
}

/* ########## CONTENT PAGES ########## */

/* ##### NAVIGATION MENU ##### */

/* Realigns top margin of icons to be uniform with home page */

@media (min-width: 768px){
	body:not(.Wrapper-HomePage) .primary-navigation-area{
		margin-top:26.25px;
	}
}

/* ##### LANDING PAGES ##### */

/* Branded H4 */
h4{
	color:#000000;
	font-size:110%;
	font-weight:600;
}

/* Correct last-of-type colour */

p:first-of-type{
	color:#000000 !important;
}

/* Make the Industries text boxes more opaque */

.pic-grid div h2{
	background:#FFFFFFBB;
}

.gallery-slider .carousel-caption{
	top:80% !important;
}


/* ##### OUR INDUSTRIES ##### */

/* Accordions */

.industries-accordions{
	display: grid;
	gap: 10px;
	grid-template-columns: auto auto auto;
}
.industries-accordions details{
	background: #75C7EB;
	padding:5px;
	text-align: center;
	outline: none;
}
.industries-accordions details a{
	background:none;
}
.industries-accordions details[open]{
	box-shadow:2.5px 2.5px 5px rgba(0,0,0,0.45);
}

.industries-accordions details summary{
	font-size:2.4rem;
	font-weight:bold;
	color:#FFFFFF;
}

/* Full width for news cards */

.our-industries .BlockTLImage img{
	width:100%;
	}
}

/* ##### CONFERENCE CENTER ##### */

/* Custom slider */

.conference-slider .carousel-indicators{
	display:block;
}

.carousel-indicators .active{
	background-color:#75C7F1;
	height:20px;
	width:20px;
	margin:1px;
}

.carousel-indicators li{
	background-color:##FFFFFF00;
	height:20px;
	width:20px;
	border:2px solid #ffffff;
}

.conference-slider, .carousel-control.left, .carousel-control.right{
	background-image:none !important;
}

.conference-slider .carousel-caption h3{
	color:#000000;
	margin:0;
}

@media only screen and (min-width: 767px){
	.conference-slider .carousel-caption{
		top:10% !important;
		bottom:82% !important;
		width:40% !important;
		background-color:rgb(255 255 255 / 50%) !important;
	}
}

/* ##### BRANCHES ##### */

/* Set "jump" scroll for headers */

#Newcastle, #NorthernTerritory, #Queensland, #SouthAustralia, #SouthernNSW, #Sydney, #Tasmania, #Victoria, #WesternAustralia{
	scroll-margin-top: 275px;
}

/* ##### CAMPAIGNS ##### */

/* Make campaign images full width */

.campaigns-list img{
	width:100%;
}

/* Add left-right margins to full width blocks */

.campaign-body{
	padding-left:40px;
	padding-right:40px;
}

/* ##### NEWS ARTICLES ##### */

/* Fix for Latest News pagination */

/* Repositions the carousel caption */

.news-results-custom{
	margin-bottom:10%;
}

@media (min-width: 1200px){
	.carousel .carousel-caption{
		left: 5%;
		top: 45%;
		width: 60%;
	}
}
/* Removes colour overlay on clicked news cards */

/* .RadGrid.RadGrid_MetroTouch .rgSelectedRow{ */

/* Blockquote styling */

.blockquote{
	border-left:10px solid #f2f2f2;
	padding-left:10px;
}

/* ##### MICROSOFT SWAY ##### */

/* Allow embedded iframe to stretch to height of the Sway page */

@media (min-width: 320px){
	.sway iframe{
		border:none;
		width:100% !important;
		height:100% !important;
		aspect-ratio:1 / 25;
	}
}

/* ##### PORTAL SIGN-IN ##### */

/* Reposition sign-in module */

#ste_container_ciNewContactSignInCommon{
	position:relative;
	top:-775px;
}