html {
  height: 100%;
}
body {
  position: relative;
  min-height: 100%;
}
body img.emoji {
  width: 20px;
  height: 20px;
}
#content {
  padding-bottom: 50px;
}
@media (max-width: 768px) {
  #content {
    padding-bottom: 150px;
  }
}

.yt-cover-wrapper {
  background-color: #eeeeee;
}
.yt-cover-wrapper.loaded {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
.yt-cover-wrapper.loading {
  cursor: wait;
}
.yt-cover-wrapper .glyphicon {
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 50px;
  transition: 0.5s ease-in-out all;
  border-radius: 50%;
  background-color: #ffffff;
}
.yt-cover-wrapper .play {
  position: absolute;
  left: 50%;
  top: 85%;
}
.yt-cover-wrapper .errorMessage {
  position: absolute;
  bottom: 2em;
  text-align: center;
  width: 100%;
}

.videos .video {
  margin-bottom: 2em;
}
.videos .video .embed-responsive {
  box-shadow: 0 0 10px -2px #808080;
}
.videos .video .all-videos-link {
  font-size: 140%;
  display: inline-block;
  margin: 0.5em 0;
}
.videos .video .all-videos-link:after {
  content: "\25BA";
  padding-left: 0.4em;
}

@media (max-width: 768px) {
  footer {
    position: absolute;
  }
}

.warning-text {
  margin-top: 10em;
}
.warning-text .panel-title {
  font-size: 175%;
}
@media (max-width: 768px) {
  .warning-text {
    margin-top: 2em;
  }
}
.warning-text .glyphicon {
  font-size: 8em;
  line-height: 1.33;
}
.warning-text p {
  margin-top: 1em;
  font-weight: bold;
  font-size: 1.3em;
}
.version-text {
  margin-top: 5em;
}
.version-text a {
  font-size: 1.3em;
}

/* Social Button CSS for YouTube */
.btn-youtube {
  color: #ffffff;
  background-color: #ff0000;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.open > .dropdown-toggle.btn-youtube {
  color: #ffffff;
  background-color: #cc0000;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-youtube:active,
.btn-youtube.active,
.open > .dropdown-toggle.btn-youtube {
  background-image: none;
}
.btn-youtube .badge {
  color: #ff0000;
  background-color: #ffffff;
}

.page-header {
  font-weight: 100;
  border-bottom: 1px solid lightgray;
  margin: 1em 0 0 0;
}
.social-buttons {
  float: left;
  padding: 12px;
  text-align: center;
}
.social-buttons li {
  display: inline-block;
  list-style-type: none;
  margin: 0 1em;
}
.social-buttons li a {
  font-size: 2em;
  display: inline-block;
  width: 2em;
  height: 2em;
  text-align: center;
  border-radius: 100%;
  padding-top: 3px;
}
li.feed-item {
  list-style-type: none;
  border-bottom: 2px solid #ccc;
  padding: 2em 0;
}
.feed-content {
  overflow: auto;
}
.feed-content img {
  max-width: 100%;
}
.comments.hide {
  display: none;
}
.feed-body .feed-item-meta {
  overflow: auto;
}
.feed-body .feed-item-meta ul {
  list-style: none;
  /*display: inline-block;*/
  display: none;
  padding-left: 0;
}

.feed-body .feed-item-meta ul li {
  display: inline-block;
  padding: 0 1em;
}
.feed-body .feed-item-meta ul li:first-of-type {
  padding-left: 0;
}

li.paging-url {
  display: none;
}
a.unlike {
  display: none;
}
.annotated-body {
  display: none;
}
.feed-body .share-body {
  padding-bottom: 1em;
  display: inline-block;
  font-size: 1.3em;
}
.feed-item a.nus-timestamp {
  float: right;
  font-size: smaller;
}
/* wiley stuff */
#content.wiley {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#content.wiley > div,
#content.wiley iframe {
  width: 100%;
  height: 100%;
  min-height: 100%;
  border: none;
}
.unsupported {
  padding-top: 2em;
}
.contact-item {
  margin: 1em 0;
  clear: both;
}
.contact-item a {
  font-size: 2em;
}
.contact-item p {
  margin-left: 6em;
	font-size: 1.25em;
}
.contact-item img {
  float: left;
  padding: 10px;
  margin: 0 10px;
}
#fb-root {
  display: none;
}
/* To fill the container and nothing else */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

.br-footer {
  bottom: 0;
  width: 100%;
  font-size: 80%;
  position: fixed;
  background: #003951;
  color: white;
  height: 50px;
  line-height: 1.1;
  z-index: 100;
}

.br-footer .container .row .col > div {
  margin-top: 15px;
}

.br-footer ul {
  padding: 0 0 4px;
  margin: 0;
}

.br-footer .linksCol {
  text-align: right;
}

.br-footer ul li {
  list-style: none;
  display: inline-block;
}

.br-footer ul li::after {
  content: "";
  margin: 0 4px;
}

#bottom-bar {
  display: table;
  width: 100%;
  height: 100%;
}

#bottom-bar-left,
#bottom-bar-right {
  display: table-cell;
  vertical-align: middle;
}