/**********************************
Cheats:
  colors
    earthdata foooter solid blue: #3581B3 (aka rgb(53,129,179))
    earthdata light gray: #C6C6C6 (aka rgb(198,198,198))
    earthdata medium gray: #95a5a6 (aka rgb(149,165,166))
    earthdata almost-black menu bar: #303133 (aka rgb(48,49,51))
  links:
     http://www.w3schools.com/cssref/css_selectors.asp
*************************************/

/************************************************
Style footer
*************************************************/
/* Earthdata blue + nice padding on bottom */
#footer {
  background-color:  #3581B3;
  padding-bottom: 1.5em;
	margin-top: 3em;
}

/* Make links in footer white, incl. "social" icons */
#footer a {
  color: white;
}

/* Except make them gray when you hover on them */
#footer a:hover {
  color: #C6C6C6;
}

/* Touch up social icons */
#social-footer-icons {
  margin-top: 30px;
}

#social-footer-icons > a {
  text-decoration: none;
}

#social-footer-icons > a > i.fa {
  font-size: 2em;
  margin-left: 20px;
}

/* Make the links in the footer-link-col divs 1 per line */
div.footer-link-col > a {
  display: block;
  text-decoration: none;
}

/* Remove underline on the links in the footer link lists */
a.footer-link-col {
  text-decoration: none;
}

/* Make the footer UAH + ITSC logos look nice */
.footer-logo {
  min-width: 200px;
  margin-top: 3em;
}

/* Make footer's tagline pretty */
#footer-tagline > p {
  color: white;
  padding-bottom: 20px;
}

#footer-tagline > a {
  margin-left: 20px;
  text-decoration: none;
}

#rahul-span {
  color: white;
}

#rahul-span > a {
  margin-left: 0;
  text-decoration: none;
}


/************************************************
Multi-use
************************************************/
/* Center contents of a row -- currently used in footer social media */
.row-center {
  text-align: center;
}

/* A paragraph that precedes a list of links -- currently used in footer */
p.link-list-heading {
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  padding-top: 2em;
  font-size: 1.7em;
}

/* Make links tagged as "ext"ernal use the tiny arrow to their right */
a.ext:after {
  content: "\f08e";
  font-family: FontAwesome;
  padding-left: 7px;
}



/***********************************************
Small screens only
***********************************************/
/* We make this adjustment
because we want to build up a gutter for the
kayako feedback button on smaller screens -- we
cause the footer to become padded at a wider size
than the rest of the content (see below) */
@media only screen and (max-width: 991px) {
  #footer {
    padding-left: 20px;
  }
}

/* this keeps the columns on one row until the min-widthe 
1200px where the MEASUREMENTS AND RESOURCES colmn titles 
begin to overlap-Lindsey Poppe*/
@media(min-width: 1000px) and (max-width: 1900px){
	.col-md-2{
		width: 15%;
	}
}

@media(min-width: 768px) and (max-width: 999px){
	#footer{
		box-sizing: border-box;
	}
	.col-md-2 {
		width: 50%;
		float: left;
	}
	.footer-logo{
		max-width: 25%;
	}
}



/* As above, we make this adjustment 
because we want to build up a gutter for the
kayako feedback button on smaller screens */
@media only screen and (max-width: 835px) {
  /* Add padding to main content but not nav, etc. at top;
  also add to special front-page-only sections */
  .main-container,
  #front-page-welcome,
  #front-page-news
  {
    padding-left: 35px;
  }
}