/*In here are style elements that override the defaults (in framework.css etc)*/

.md .tabbar-labels a.tab-link {
	color: rgba(255, 255, 255, 1); 	/*needed to ensure all bottom bar text is same colour*/
}
.tab-link-highlight{
	width: 0% !important; /*this is to remove link-highlight in all pages not just home/advice/about!!!*/
}	

.weatherwidth {
	display: block;				/*puts column of weather in centre*/
	margin-left: auto;
	margin-right: auto;
	width:  90%;
	}
	
@media screen and (max-width: 400px){	/*used to ensure weather is centred and visible*/
	.weatherwidth {
		
	width: 90%;
	}
	}
	

/*@media only screen 
and (min-device-width : 1668px) 
and (max-device-width : 2732px) { 
.toolbar {
 margin-bottom: constant(safe-area-inset-bottom) !important; /* iOS 11.0 *!/
 margin-bottom: env(safe-area-inset-bottom) !important; /* iOS 11.2 *!/
}
}*/


/*following is to give compatibilty to iPhone X	*/
	
/*.toolbar {
margin-bottom: constant(safe-area-inset-bottom) !important;  iOS 11.0 
margin-bottom: env(safe-area-inset-bottom) !important;  iOS 11.2 
}*/