/**
 * @file
 * Styles for Instagram feed/profile integration and Instagram media items.
 */

/* Hide the Instagram section unless javascript is enabled. */
.instagram-profile {
  display: none;
}
.js .instagram-profile {
  display: block;
}

/* Set the size of the Instagram logo in the call to action. */
img.instagram-logo {
  width: 100%;
  max-width: 200px;
}

/* Reset list margin and padding. */
.instagram-profile ul.instagram-profile-feed {
  margin: 0;
  padding: 0;
}

/* Mark the throbber as 100% "throbbing", since progress is not measurable. */
ul.instagram-profile-feed .progress .filled {
  width: 100%;
}

/* Reset list item style and provide a basic visual container for each item. */
ul.instagram-profile-feed li {
  list-style-type: none;
  margin: 1em 0;
  padding: 0 1em;
  border: 1px solid #ccc;
}

/* Align the profile picture and user name horizontally. */
ul.instagram-profile-feed li .profile img {
  margin-right: 2%;
  vertical-align: middle;
}

/* Fill the entire width with the Instagram media item's thumbnail. */
ul.instagram-profile-feed li img.thumbnail {
  width: 100%;
  height: 100%;
}