/**
 * @file
 * Positioning for responsive footer.
 */

/*
 * Footer
 */

#footer {
	clear: both;
}
#block-menu-block-2 {
	float: right;
	margin-bottom: 10px;
}
div.menu-name-menu-footer-menu ul,
div.menu-name-menu-footer-menu li {
	list-style: none;
}
div.menu-name-menu-footer-menu ul {
	padding: 0;
	margin: 0;
}
div.menu-name-menu-footer-menu li {
	float: left;
	margin-right: 10px;
}
div.menu-name-menu-footer-menu a {
	padding-right: 10px;
	border-right: 1px solid #6ba5d9;
	color: #6ba5d9;
	text-decoration: none;
	font-size: 0.9em;
}
body.page-frontpage #podaac-jpl-clearance {
	font-size: 1em;
}

div.menu-name-menu-footer-menu a:hover {
	color: #fff;
}
div.menu-name-menu-footer-menu .last a {
	padding-right: 0;
	border-right: none;
}

body.page-frontpage #podaac-jpl-clearance {
	font-size: 0.9em;
}

/**
 * Mobile style
 */
@media all and (max-width: 479px) {
	#block-menu-block-2 {
		float: none;
	}
	div.menu-name-menu-footer-menu {
		background: #87a2c5;
	}
	div.menu-name-menu-footer-menu li {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	div.menu-name-menu-footer-menu a {
		display: block;
		border: none;
		padding-right: 0;
		color: #1a345e;
		padding: 5px 10px;
		border-top: 1px solid #b2c7e9;
		border-bottom: 1px solid #5874a2;
		font-size: 0.9em;
	}
	div.menu-name-menu-footer-menu a:hover,
	div.menu-name-menu-footer-menu a:active {
		color: #000;
		background: #d7a464;
		border-top: 1px solid #edd58d;
		border-bottom: 1px solid #cf9331;
	}
}


/*NEW Mobile footer*/
@media (max-width: 700px) {
	#bottom .core-trust-seal {
	   padding: 0 20px;
	}
 }


 /*@media all and (max-width: 479px) {
 @media all and (max-width: 575px) {
@media all and (max-width: 768px) {*/
@media all and (max-width: 1024px) {
	#block-menu-block-2 {
		float: none;
	}
	#bottom .core-trust-seal {
	   padding: 0 20px;
	}
 
	#bottom {
	   padding-top: 15px;
	}
	#bottom .core-trust-seal {
	   float: none;
	   display: block;
	   left: auto;
	   right: auto;
	   top: auto;
	   width: 50px;
	   margin-left: auto;
	   margin-right: auto;
	   margin-top: 0;
	   clear: both;
	   position: relative !important;
	   position: relative !important;
	}
 
 
	#bottom div.menu-name-menu-footer-menu {
	   background: transparent;
	   padding-top: 40px;
	}
	#bottom div.menu-name-menu-footer-menu .menu {
	   display: -webkit-flex; /* Safari */
	   -webkit-flex-wrap: wrap; /* Safari 6.1+ */
	   display: flex;
	   flex-wrap: wrap;
	   -webkit-box-pack: center!important;
	   -ms-flex-pack: center!important;
	   justify-content: center!important;
	   padding: 1em;
	   box-sizing: border-box;
   }
	#bottom div.menu-name-menu-footer-menu li {
	   line-height: 1em;
	   margin-top:15px;
   }
   #bottom #subscription-link-container {
	position: absolute;
	top: 15px;
   }
   #bottom #subscription-link-container,
   #bottom #podaac-jpl-clearance {
	   float: none;
	   width: 100%;
	   text-align: center;
	   margin-top: 10px;
	   margin-bottom: 20px;
	   margin-left: 0px;
	}
	#bottom div.menu-name-menu-footer-menu li {
	   float: left;
	   margin-right: 10px;
	}
	#bottom div.menu-name-menu-footer-menu a {
	   padding-right: 10px;
	   border-right: 1px solid #6ba5d9;
	   color: #6ba5d9;
	   text-decoration: none;
	   font-size: 0.9em;
   }
   #bottom div.menu-name-menu-footer-menu ul li.last a {
	   border-right-width: 0px;
	}
   #bottom div.menu-name-menu-footer-menu a {
	   padding-right: 10px;
	   border-right: 1px solid #6ba5d9;
	   color: #6ba5d9;
	   text-decoration: none;
	   font-size: 0.9em;
	   padding: 0px; padding-right: 10px;
	   border-top-width: 0px;
	   border-bottom-width: 0px;
	}
	#bottom {position: relative;}
 }

#podaac-jpl-clearance {
	padding-bottom: 20px; 
}
@media only screen and (max-width: 961px){
	#podaac-jpl-clearance {
		padding-bottom: 50px; 
	}
}
body.page-frontpage #podaac-jpl-clearance { padding-bottom: 50px;  }