/*******************************************************************************
*
* Media Queries
*
* People's Weather
* Created by JDP Creative Outbursts
* https://www.facebook.com/jdpcreativeoutbursts
*******************************************************************************/

/* Responsive Menu */
@media screen and (max-width:850px) {
	h1 {font-size:20pt;}
	h2 {font-size:18pt;}
	h3 {font-size:16pt;}
	h4{font-size:14pt;}
	h5{font-size:13pt;}
	h6{font-size:12pt;}

	body {
		padding-top:45px;
	}
	#sideBarCtrl {
		display: block;
	}
	
	#mobileNav,
	#mobileNav.responsive {
		display:block;
	}
	
	
	header,
	#topNav {
		height: 50px;
	}
	ul.topnav li:not(:first-child) {display: none;}
	ul.topnav li.icon {
		float: right;
		display: inline-block;
	}
	ul.topnav.responsive {
		position: relative;
		margin:0px;
		padding:0px;
	}
	ul.topnav.responsive li {
		margin:0px;
		padding:0px;
	}
	ul.topnav.responsive li.icon {
		border:none;
		position: absolute;
		right: 0;
		top: 0;
	}
	ul.topnav.responsive li {
		float: none;
		display: inline;
	}
	ul.topnav.responsive li a {
		display: block;
		text-align: left;
		border-top:1px solid #eee;;
	}
	ul.topnav.responsive li.icon a {
		border:none;
	}
	ul.topnav li a {		
		border-bottom:none;
		background-color:#559DB1;
		margin:0px;
	}
	
	ul.topnav li a#topnavLogo,
	ul.topnav li.icon a	{
		background-color:#ffffff;
	}
	
	ul.topnav li.icon a:focus {
		background-color:#0E5A6F;
	}

	ul.topnav li a.active,
	ul.topnav li a.active:hover {
		border-bottom:none;
		background-color:#0E5A6F;
	}

	ul.topnav li a:hover {
		color:#ccc;
		background-color:#333;
		border-bottom:none;
		transition: all 0.5s;
	}	
	ul.topnav.responsive li.myaccount-desktop {
		display:none;
	}
	
	.logo {
		display: none;
	}	
	.logo-mobile {
		display: block;
		padding-left: 40px;
		padding-top: 4px;
	}
	#topnavLogo{	
		height:38px;
		padding:0;
		margin:0 10px;
	}
	#topnavLogo:hover {	
		background-color:rgba(255,255,255,0);
		border-bottom:none;
		transition: all 0.5s;
	}

	#topnavLogo img {
		height:35px;
		margin-top:5px;
		margin-left:10px;
	}
	section.content  {		
		padding-top:7px;
	}
}


/* Small Screen */
@media only screen and (max-width: 40em) {
	h1 {font-size:22pt;}
	h2 {font-size:20pt;}
	h3 {font-size:18pt;}
	h4{font-size:16pt;}
	h5{font-size:14pt;}
	h6{font-size:12pt;}

	#footer-links .columns:nth-child(n+2) {
		border-left: none;
		min-height: 0px;
	}
	#footer-links .columns {
		text-align:center;
	}
	footer {
		text-align:center;
	}
	footer .logo,
	footer .footer	{
		float:none;
		display:inline-block;
	}
	footer .social-media {
		float:none;
	}
	footer .logo {
		margin-bottom:14px;
		display:block;
	}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */