/*@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700&subset=latin);"News Cycle"*/
.article, .article-small {
  font-size: 1.1em;
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  border-bottom: 1px solid #eeeeee; }
  .article a, .article-small a {
    color: inherit; }
  .article .title, .article-small .title {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 1.7em;
    line-height: 1.1em; }
    .article .title a, .article-small .title a {
      color: #333333; }
    .article .title a:hover, .article-small .title a:hover {
      color: #555555; }
  .article .metadata, .article-small .metadata {
    font-family: "Franklin Gothic Medium", futura, "nimbus sans l", arial;
    margin-bottom: 1em;
    color: #777777; }
    .article .metadata a, .article-small .metadata a {
      color: inherit; }
    .article .metadata a:hover, .article-small .metadata a:hover {
      text-decoration: underline dotted; }
    .article .metadata .category, .article-small .metadata .category {
      text-transform: uppercase; }
    .article .metadata .author + .author::before, .article-small .metadata .author + .author::before {
      content: ', '; }
  .article .photo, .article-small .photo {
    margin-bottom: 1em;
    /*background: $gray-light;*/
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee; }
    .article .photo img, .article-small .photo img {
      background: none;
      border-radius: 0;
      border: 0;
      display: block;
      margin-left: auto;
      margin-right: auto; }
    .article .photo .caption, .article-small .photo .caption {
      margin-top: 5px;
      margin-bottom: 5px;
      padding: 5px;
      background: #eeeeee;
      font-size: 0.9em;
      color: #555555; }
    .article .photo.left, .article-small .photo.left, .article .photo.right, .article-small .photo.right {
      max-width: 300px; }
    .article .photo.left, .article-small .photo.left {
      float: left !important;
      margin-right: 1.5em; }
    .article .photo.right, .article-small .photo.right {
      float: right !important;
      margin-left: 1.5em; }
  .article .body-text a, .article-small .body-text a, .article .home-text a, .article-small .home-text a {
    color: #51b56a;
    font-weight: bold; }
    .article .body-text a:hover, .article-small .body-text a:hover, .article .home-text a:hover, .article-small .home-text a:hover {
      color: #307040; }
  .article #tags, .article-small #tags {
    font-size: 0.9em;
    line-height: 1.2em;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 1.3em;
    padding: 0.4em; }
    .article #tags span a, .article-small #tags span a {
      color: #777777;
      margin-right: 1.3em; }
      .article #tags span a:hover, .article-small #tags span a:hover {
        text-decoration: underline dotted; }

.frontpage-col.col-xs-12 .article .title, .frontpage-col.col-xs-12 .article-small .title {
  font-size: 2.1em; }
.frontpage-col.col-xs-12 .article .photo img, .frontpage-col.col-xs-12 .article-small .photo img {
  max-height: 280px; }

.frontpage-col.col-xs-6 .article .photo img, .frontpage-col.col-xs-6 .article-small .photo img {
  max-width: 90%;
  max-height: 280px; }

.teaser-h .article-small {
  border-bottom: none; }
  .teaser-h .article-small .title {
    min-height: 3em; }

.article-small {
  /*teasers use this*/ }
  .article-small .photo {
    vertical-align: bottom;
    border: 0;
    height: 160px;
    /* keep image gap even if no image is found */ }
    .article-small .photo img {
      max-height: 160px; }
  .article-small .title {
    font-size: 1.4em;
    line-height: 1em; }

.recent-articles {
  /*margin-top:20px;*/
  margin-bottom: 20px; }
  .recent-articles .title {
    font-size: 1.4em;
    color: #777777;
    margin-bottom: 1em;
    font-family: "Franklin Gothic Medium", futura, "nimbus sans l", arial; }
  .recent-articles ul {
    border-left: 4px solid #eeeeee;
    padding-left: 0.7em; }
    .recent-articles ul li {
      margin-bottom: 0.3em;
      font-family: Georgia, Times, "Times New Roman", serif;
      font-size: 1.2em;
      border-bottom: 2px solid #eeeeee; }

#carousel-fullpage .carousel-caption {
  position: relative;
  text-shadow: none;
  width: 30em;
  /*margin:0 auto;*/ }
#carousel-fullpage .carousel-indicators {
  position: fixed; }

.modal.modal-fullscreen .modal-content {
  background: rgba(0, 0, 0, 0.5); }

.modal.modal-fullscreen .modal-header {
  border: 0;
  color: #fff; }

.modal.modal-fullscreen .modal-footer {
  border-color: rgba(0, 0, 0, 0.5); }

.images-row {
  margin-top: 20px; }

.images-row img {
  max-height: 150px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer; }

#sel-image {
  /*border-left:5px solid #eee;*/
  padding-left: 10px; }

#sel-image .articles {
  font-size: 1.1em;
  margin-top: 15px; }

#sel-image img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-height: 260px; }

.page {
  font-size: 1.2em; }
  .page .title {
    font-size: 2.1em;
    line-height: 1.1em;
    font-family: Georgia, Times, "Times New Roman", serif; }
  .page a {
    color: #333333; }
  .page a:hover {
    color: #555555; }

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.fa.btn {
  font-size: 130%; }
  .fa.btn:hover {
    background: #eeeeee; }

li.unstyled {
  list-style: none; }

.content {
  /*where?*/
  min-height: 700px;
  padding-top: 1.2em; }

.fake-link {
  cursor: pointer; }

/*.pull-bottom {    pull a COLUMN to the bottom of a row. 
 display:inline-block;
 vertical-align: bottom;
 float:none;

  &.col-xs-3 {   fix misalignment for 4 columns; Last one goes below others  
    margin-left:-5px;
    margin-right:-5px;
  } 
}*/
span.btn-collapsed {
  font-size: 18px; }

.btn-collapsed.collapsed:after {
  font-family: 'Glyphicons Halflings';
  content: "\e252";
  vertical-align: middle; }

.btn-collapsed:after {
  font-family: 'Glyphicons Halflings';
  content: '\e253';
  vertical-align: middle; }

table.th-center tr th {
  text-align: center; }

/*twitter typeahead*/
/* input form addon fix. May not work with IE 9 */
.form-control.typeahead {
  float: none; }

.tt-menu, .gist {
  text-align: left; }

.typeahead {
  background-color: #fff; }
  .typeahead:focus {
    border: 1px solid #337ab7; }

.tt-query {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  /*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/ }

.tt-hint {
  color: #999; }

.tt-menu {
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.tt-suggestion {
  padding: 3px 20px; }
  .tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #337ab7; }
  .tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #337ab7; }
  .tt-suggestion p {
    margin: 0; }

#left-sidebar-menu {
  position: absolute;
  z-index: 1;
  top: -1em;
  /*box-shadow:6px 8px 6px #ccc;*/
  -webkit-box-shadow: 6px 8px 6px #ccc;
  box-shadow: 6px 8px 6px #ccc;
  min-width: 20em; }

#pager-next, #pager-previous {
  top: 35%;
  color: #fff;
  width: 10em;
  height: 10em;
  background: #eeeeee;
  position: fixed;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-radius: 10em;
  text-align: center;
  z-index: 2;
  opacity: 0.8; }

#pager-next {
  right: -7em;
  padding: 2.5em 0 2.5em 1em;
  text-align: left;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear; }
  #pager-next:hover {
    padding: 2.5em 0 2.5em 2.5em;
    color: #eeeeee;
    background: #777777;
    right: -5em; }

#pager-previous {
  left: -7em;
  padding: 2.5em 1em 2.5em 0;
  text-align: right;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear; }
  #pager-previous:hover {
    padding: 2.5em 2.5em 2.5em 0;
    color: #eeeeee;
    background: #777777;
    left: -5em; }

/*# sourceMappingURL=common.css.map */