/*** MOBILE ***/

@media (max-width: 768px) {

	/** BODY **/
	#MainBody, body {
		height:auto;
		
		background-color: #FFF;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		line-height: 1.5em;
		font-size: 16px;
		color: #6e6e6e;
		max-width:768px;
        background-size: 100%;
        background-position: top center; 
        background-repeat: no-repeat;
		margin:0 auto;
		padding:0px;
	}

	/** GENERAL **/
	h1, h2, h3, h4 {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
		font-weight: bold;
	}
	h1 {
		font-weight: normal!important;
		font-size: 32px!important;
		color: #07171c!important;
	}
	h2 {
		font-weight: normal!important;
		font-size: 26px!important;
		color: #07171c!important;
	}
	h3 {
		font-weight: normal!important;
		font-size: 22px!important;
		color: #07171c!important;
	}	

	h4{
		font-size:18px;
		color:#000 !important;
	}

	img.journalFan{
		width:100%;
		max-width:340px;
		padding-top:2px;
	}
	
	
	/** HEADER **/
	.header-container {
		padding-left: 10px;
		padding-right: 10px;
	}
	#masterHeaderImage {
        width:94px;
		padding-top:8px;
	}
	
	#masterContentArea{
		margin-top:10px;
	}
	
	.header-top-container{
		padding:0px;
	}
	.header-container{
		background:transparent !important;
		clear:both;
	}
	
	.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink
	.nav-auxiliary .nav-aux-button .NavigationLink {
		margin-left: 7px!important;
	}
	.nav-auxiliary .TextButton, .nav-auxiliary .navbar-toggle {
		margin-left: 2px!important;
	}
	
	
	 /*Commented 2024 to account for bad width in mobile */
.wrapper {
  display: block;
  width: 100%;
  height: 100%;
}
	
	
	/** NAVIGATION **/
	.nav-primary, .nav-secondary {
		font-family: 'Merriweather Sans', Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;
		text-transform: uppercase;
	}
	.RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink {
		color: #FFF!important;
	}
	.rmResponsive .rmSlide .rsmSelected > .rsmLink, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
		color: #FFF;
	}
	.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus { 		color: #FFF;
		color: #FFF;
	}
	.rmResponsive .rmSlide .rmLink:hover, .rmResponsive .rmSlide .rsmLink:hover {
		color: #FFF;
	}
	.RadMenu.rmResponsive .rmToggle .rmIcon {
		margin-top: 15px!important;
	}

	/** COLOUR OVERRIDES **/
	.nav-auxiliary .nav-aux-button .NavigationLink, .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus .nav-auxiliary .nav-aux-button .NavigationLink:active { 
		color: #019392!important;
	}
    .nav-auxiliary .nav-aux-button .NavigationLink {
        background-color: #017675
	}
	.NavigationLink:hover, .NavigationLink:focus {
		background-color: #017675
	}
	.nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
		background-color: #017675
	}
	.nav-auxiliary .nav-aux-button .NavigationLink:active {
		background-color: #017675
	}
    .navbar {
		background:transparent;
    }
	.navbar-toggle, .navbar-toggle.collapsed, .navbar-toggle:hover, .navbar-toggle:focus {
		background-color: #017675
	}
	.sub-nav-head {
		background-color: #017675!important;
	}

.navbar-collapse{
	background-color:#017675;
}
.navbar-collapse a:active{color:#fff !imporatant;}
.navbar .auth-link-container a{
	text-align:right;
	color:#fff;
	font-weight:600;
}
.auth-link-container{
	background-color:transparent;
	text-align:right;
}



	/** HIDE TEMPORARILY **/
	#masterSocialNetworking {
		display: none!important;
	}
	#ft {
		display: none!important;
	}
}