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

/* Enable pictures on history page */

@media only screen and (min-width: 320px) and (max-width:1199px){
	.history-images .col-sm-3{
		display:block !important;
		width:100% !important;
	}
}
	.latest-news h2{
		margin-top:-20px;
		margin-bottom:-5px;
	}
}
/* Restores sm-col-3 on news articles */

@media only screen and (min-width: 320px) and (max-width: 1199px){
	#news-articles .col-sm-3{
		display:block;
	}
}

/* Hides sm-col-3 on homepage */

@media only screen and (min-width: 320px) and (max-width: 1199px){
	#news-articles .news-list-btn{
		display:none !important;
	}
}

/* Fix for navbar moving into two rows when screen is extended */

@media only screen and (min-width:1200px){
	#navigation ul.rmHorizontal{	
		left:-5px;
	}
	#navigation ul.rmHorizontal li{
		margin-left:10px;
	}
}

/* ########## MOBILE PHONES ########## */

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

/* Fixes navbar to top of page */

@media only screen and (min-width: 320px) and (max-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);
	}
}

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

/* Reposition logo, add social media icons and portal login - this is really bad script, review at a later date */

@media only screen and (min-width: 320px) and (max-width: 767px){
	#ste_container_Logo{
		position:relative;
		top:5px;
		left:0px;
		padding-top:0;
		width:90%;
	}
	#right-options{
		display:block !important;
		position:relative;
		right:-3px;
	}
	#right-options{
		width:50%;
	}
	#right-options li{
		display:block !important;
	}
	#right-options li:nth-child(1){
		display:none !important;
	}
	#right-options li:nth-of-type(2){
		width: 80%;
    		position: relative;
    		top: 5px;
    		right: -35px;
	}
	#right-options li:nth-of-type(3){	
    		width: 80%;
   		position: relative;
   		top: -26px;
   		right: 3px;
	}
	#right-options li:nth-of-type(4){
		width: 80%;		
   		position: relative;
    		top: -56px;
   		right: 41px;
	}
	.UtilitySection.UtilityAuthentication{
		position:relative;
		top:-58px;
		margin-bottom:-45px;
	}
}

/* Repositions icons and text */

@media only screen and (min-width: 320px) and (max-width: 767px){
	.RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText{
		font:bold 7px Montserrat,sans-serif;
		top:70px;
	}
	.NewsPage #navigation ul{
		margin-top:-10px;
	}
}

/* Move hero banner up to reduce empty space */

@media only screen and (min-width: 320px) and (max-width: 767px){
	.Wrapper-HomePage #hero{
		margin-top:158px !important;
	}
	.NewsPage .carousel-inner{
		margin-top:-88px;
	}
	#navigation{
		margin-top:-36px;
	}
	.nav-primary{
		padding:10px 0px 0px 0px;
	}
}

/* Add gray background back for mobile view */

@media only screen and (min-width: 320px) and (max-width: 767px){
	.RadMenu.RadMenu_GreatBarrierReef{
		background-color:#f2f2f2;
		padding:16px;
		margin-top:0px;
		margin-bottom:-20px;
		width:196%;
	}
}

/* ##### HOMEPAGE ##### */

/* Fit content to edge of screen */

@media only screen and (min-width: 320px) and (max-width: 767px){
	.home-cta-1, boxed-in row.boxed-in{
		max-width:96.5%;
	}
	.latest-news h2:before{
		padding:0px 5px 0px 0px;
	}
	.news-list .TaggedListPanel{
		width:98%;
	}
	.member-services h2:before{
		padding:0px 5px 0px 0px;
	}
	.member-services h2{
		margin-bottom:10px;
	}
	.Wrapper-HomePage .member-services h2:before{
		width:55px;
		height:55px;
		content:url(/images/navicons/m-ic-your-union.png);
		top:20px!important;position:relative;}
	.bg-blue{
		width:100% !important;
	}
	.footer{
		width:104%;
	}
	#lower-footer p{
		max-width:100%;
	}
}

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

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

/* Fixes the overwrite for col-sm-4 (33% blocks) */

@media only screen and (min-width: 320px) and (max-width: 767px){
	.Branches .col-sm-4{
		width:100%;
	}
}

/* Set "jump" scroll to be above headers */

@media only screen and (min-width: 320px) and (max-width: 767px){
	#Newcastle, #NorthernTerritory, #Queensland, #SouthAustralia, #SouthernNSW, #Sydney, #Tasmania, #Victoria, #WesternAustralia{
		scroll-margin-top: 225px;
	}
}

/* ##### LANDSCAPE ##### */

/* Unfix header for now */

@media only screen and (orientation: landscape) and (min-width: 430px) and (max-width: 932px){
	header{
		position:absolute;
		top:15px;
	}
}

/* Centre logo, Portal-Branch and navigation buttons */

@media only screen and (orientation: landscape) and (min-width: 430px) and (max-width: 932px){
	#ste_container_Logo{
		padding-left:251px !important;
		padding-right:52px;
		position:relative;
		z-index:1;
	}
	.col-sm-4#left-buttons{
		top:32px;
		left:-487px !important;
		width:78%;
	}
	#navigation{
		top:-47px;
		margin-bottom:-56px !important;
	}
}

/* Reposition Latest News header */

@media only screen and (orientation: landscape) and (min-width: 430px) and (max-width: 932px){
	.latest-news h2{
		margin-top:-20px;
		margin-bottom:-5px;
	}
}

/* Reposition Member Services header and flipbox */

@media only screen and (orientation: landscape) and (min-width: 430px) and (max-width: 932px){
	.flipbox-wrap{
		margin: 0px 30px 80px 30px !important;
		grid-gap:40px 0px !important;
	}
	.member-services h2{
		margin-top:0px;
		margin-bottom:15px;
	}
}

/* ########## TABLETS ########## */

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

/* Centre logo and Portal-Branch buttons */

@media only screen and (min-width: 768px) and (max-width: 1199px){
	#ste_container_Logo{
		padding-left:258px;
		margin-top:-15px;
	}
	#left-buttons{
		position:relative;
		margin-top:-15px;
		left:484px;
	}
	.col-sm-4#left-buttons{
		left:0;
	}
	#left-buttons li:last-of-type a{
		padding-left:11px !important;
	}
	.UtilitySection.UtilityAuthentication{
		display:none;
	}
}

/* Move hero banner up to reduce empty space */

@media only screen and (min-width: 768px) and (max-width: 1199px){
	#navigation{
		margin-top:10px;
	}
	.primary-navigation-area{
		margin-top:20.25px;
	}
	.RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText{
		top:70px;
	}
	.RadMenu_GreatBarrierReef .rmSlide .MegaDropDownMenu{
		display:none;
	}
}

/* ##### HOMEPAGE ##### */

/* Fit content to edge of screen */

@media only screen and (min-width: 768px) and (max-width: 1199px){
	.latest-news h2:before{
		padding:0px 5px 0px 0px;
	}
	.news-list .TaggedListPanel{
		width:101.5%;
	}
	.news-list .BlockTLItem{
		width:47%;
	}
	.Wrapper-HomePage .member-services h2:before{
		width:55px;
		height:55px;
		content:url(/images/navicons/m-ic-your-union.png);
		top:20px!important;position:relative;
	}
	.bg-blue{
		width:100% !important;
	}
	.member-services h2:before{
		padding:0px 5px 0px 0px;
	}
	.flipbox-wrap{
		margin:50px 30px 80px 30px;
		grid-gap:170px 45px;
	}
	.box .back-face{
		top:-32px;
		height:443px;
	}
}

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

/* Resize news header and repositions caption */

@media only screen and (min-width: 768px) and (max-width: 1199px){
	.carousel .carousel-caption{
		left: 5%;
		top: 45%;
		width: 60%;
	}
	.carousel-inner.bg-img > .item{
		height: 100% !important;
	}
	.NewsPage .carousel-inner{
		height:76vh;
	}
	.NewsPage.Listing .carousel-inner{
		height:76vh;
	}
}

/* Restores sm-col-3 */

@media only screen and (min-width: 768px) and (max-width: 1199px){
	#news-articles .col-sm-3{
		display:block;
	}
}

/* ##### LANDSCAPE ##### */

/* Reposition right side buttons */

@media only screen and (orientation: landscape) and (device-width: 1024px) and (device-width: 1366px){
	.Wrapper-HomePage #right-options{
		top:-5px;
		/* padding-right:50px; */
		right:35px;
	}
}

/* Spread hero banner to width of screen */

@media only screen and (orientation: landscape) and (device-width: 1024px) and (device-width: 1366px){
	.Wrapper-HomePage #hero{
		width:102%;
	}
}

/* Reposition Navigation menu */

@media only screen and (orientation: landscape) and (device-width: 1024px) and (device-width: 1366px){
	#navigation{
		left:-30px;
	}
	#navigation ul{
		left:-20px;
	}
}

/* Reposition Latest News header */

@media only screen and (orientation: landscape) and (device-width: 1024px) and (device-width: 1366px){
	.latest-news h2{
		margin-top:-35px;
	}
	#news-articles .news-list-btn{
		margin-top:-42px;
	}
}

/* Realign navigation menu on landing pages */

@media only screen and (orientation: landscape) and (device-width: 1024px) and (device-width: 1366px){
	header:not(.Wrapper-HomePage){
		left:30px;
	}
	#top-bar:not(.Wrapper-HomePage){
		margin-left:-30px;
	}	
	.NewsPage #right-options{
		padding-right:0;
		right:10px;
	}
	.NewsPage #navigation ul{
		left:-10px;
	}
}