/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height + content to footer spacing */
  margin-bottom: 229px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 209px;
  background-color: #f5f5f5;
}

#footer .row {
  padding: 12px 0;
}

#footer .row .flexbox {
  min-height: 30px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.footer-selector {
  margin-bottom: 15px;
}

.footer-selector::before {
  clear: both;
}

@media screen and (min-width: 768px) {
  body {
    /* Margin bottom by footer height + content to footer spacing */
    margin-bottom: 144px;
  }
  #footer {
    /* Set the fixed height of the footer here */
    height: 124px;
  }
}

@media screen and (min-width: 900px) {
  body {
    margin-bottom: 100px;
  }
  #footer {
    height: 54px;
  }
  .footer-selector {
    margin-bottom: 0;
  }
  #footer .row .flexbox {
    margin-bottom: 0;
  }
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 70px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

#footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

/* Homepage Jumbotron */
.jumbotron {
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Homepage News Accordion */
.panel-group-accordion .panel-heading {
  cursor: pointer;
}

.panel-group-accordion .panel-heading:hover {
  background-color: #eee;
}

.panel-group-accordion .panel-heading .glyphicon-chevron-right {
  transition: 0.2s;
  transform: rotate(-90deg) scale(0.8);
  color: #666;
}

.panel-group-accordion .panel-heading.collapsed .glyphicon-chevron-right {
  transform: rotate(90deg) scale(0.8);
}