@import "../fonts/font-awesome/css/font-awesome.min.css";
/* Table of Contents
------------------------------------------------------- *

	0. Bootstrap Fixes
	1. Less Variables & Mixins
	2. Top Bar
	3. Header
	4. Links
	5. Navigation Menu

	7. Content
		7.1. Primary
		7.2. Secondary
	8. Pagination
	9. Footer
	10. HTML Markup and Formatting
	11. Widgets Style
	12. Comments

Font awesome codes
https://astronautweb.co/snippet/font-awesome/

Colors:

Links: #6587BC (dark blue)

/* 0. Bootstrap Fixes
-------------------------------------------------------	*/
body {
  background: #f5f5f5;
  font-size: 14px;
}
.container {
  margin: auto;
}
code {
  white-space: pre-wrap !important;
  background: #f5f5f5;
}

dd {
    margin-left: 10px;
}

.navbar-default .navbar-nav > li > a {
  color: none;
}
.navbar-default .navbar-nav > li > a:hover {
  color: none;
}

h1, .h1, h2, .h2, h3, .h3 {
    font-family: Raleway, "Open Sans", Times, serif;
}

h1, .h1 {
    font-size: 32px;
    font-weight: 300;
}

h2, .h2 {
    font-weight: 300;
}

h3, .h3 {
    font-size: 20px;
}

/* 1. Less Variables & Mixins
-------------------------------------------------------	*/
.font {
  font-family: Raleway, "Open Sans", Times, serif;
}
.font-heading {
  font-family: Raleway, "Open Sans", Arial, Helvetica, sans-serif;
}
.font-title {
  font-family: Raleway, "Open Sans", Helvetica, sans-serif;
}
body {
  font-family: Raleway, "Open Sans", Times, serif;
}
#parallax-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#page {
  position: relative;
  z-index: 888;
}

::selection {
  background: #6587BC; /* WebKit/Blink Browsers */
  color: white;
}
::-moz-selection {
  background: #6587BC; /* Gecko Browsers */
  color: white;
}


/* 2. Header-top
------------------------------------------------------- */
#header-top {
  background: #333; /* #0995D5*/
  padding-top: 15px;
}
.site-branding {
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
  margin-top: 0px;
}
.site-title {
  float: left;
  font-family: Raleway, "Open Sans", Arial, Helvetica, sans-serif;
  position: relative;
  min-height: 2em;
  margin-top: 5px;
  margin-left: 15px;
  color: #ccc;
  line-height: 1.5em;
}
.site-title a {
  color: #6587BC;
  font-size: 26px;
  font-weight: 200;
}
.site-title a:hover {
  text-decoration: none;
  color: #eee;
}

.sub-title a {
    font-variant: small-caps;
    padding-left: 2px;
    font-size: 17px;
    color: #ccc;
}

.site-description {
  font-family: Raleway, "Open Sans", Helvetica, sans-serif;
  color: #b4b4b4;
  font-size: 16px;
  font-weight: 100;
  text-transform: uppercase;
}
.main_logo {
  z-index: 100;
  max-width: 590px;
  margin-bottom: -25px;
  margin-left: -10px;
  float:left;
}
@media screen and (max-width: 400px) {
  .main_logo {
    max-width: 320px;
  }
}

/* 3. header-2
------------------------------------------------------- */
#header-2 {
  padding-top: -10px;
  padding-left: 80px;
  width: 100%;
  background: #FFF;
}
#top-search {
  float: right;
  position: relative;
  top: 9px;
  z-index: 999;
  margin-bottom: 10px;
}
#top-search input[type=text] {
  background: #444;
  color: #ccc;
  border: solid 1px #444;
  /*width: 280px;*/
  padding-right: 30px;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 4px;
  font-family: Raleway, "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: lighter;
}
#top-search input[type=text]:hover,
#top-search input[type=text]:focus {
  background: #555;
}
#top-search ::-webkit-input-placeholder {
  color: #888;
}
#top-search :-moz-placeholder {
  /* Firefox 18- */

  color: #888;
}
#top-search ::-moz-placeholder {
  /* Firefox 19+ */

  color: #888;
}
#top-search :-ms-input-placeholder {
  color: #888;
}
#top-search button {
  position: relative;
  padding: 2px 5px;
  background: none;
  border: none;
  -webkit-linear-gradient: none;
  top: -2px;
  box-shadow: none;
  left: -33px;
  color: #aaa;
}
#top-search .search-form {
  /* width: inherit; */

  float: right;
}
/* 4. Links
------------------------------------------------------- */
a {
  color: #3866aa;
}
a:hover,
a:focus,
a:active {
  color: #333;
}

/* 5. Navigation Menu
-------------------------------------------------------	*/
/* Default Navigation */
.nav-wrapper {
  margin-bottom: 25px;
}
#site-navigation {
  clear: both;
  display: block;
  display: inline-block;
  background: transparent;
  padding-bottom: 0px;
  border: none;
  margin-top: 8px;
  text-align: center;
  float: left;
  font-family: Raleway, "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: lighter;
}
#site-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  padding-bottom: 0px;
}
#site-navigation ul > li > a {
  padding-bottom: 10px;
  padding-top: 5px;
}

#site-navigation ul li:hover > ul {
  /* Dropdown*/
  display: block;

}

#site-navigation ul ul {
  display: none;
  float: left;
  position: absolute;
  top: 2.5em;
  left: 0;
  z-index: 99999;
  background: #eee;
  text-align: left;
  padding-top: 0px;
  box-shadow: 0px 6px 10px -6px #aaaaaa;
}
#site-navigation ul ul ul {
  left: 100%;
  border: none;
  top: 0;
}


#site-navigation ul ul a {
  min-width: 230px;
  font-size: 13px;
  font-weight: normal;
  color: #555;
  padding: 10px 20px;
}
#site-navigation ul ul a:hover {
  border-bottom: none;
  background: #333;
  color: #eee;
  padding: 10px 20px;
}
#site-navigation li {
  position: relative;
  clear: right;
  float: left;
}
#site-navigation .nav .caret {
  display: none;
}
#site-navigation a {
  display: block;
  color: #555;
  text-decoration: none;
  padding: 5px 20px;
  font-weight: normal;
  font-weight: lighter;
}

#site-navigation a:hover {
  background: none;
  color: #428bca;
}
#site-navigation ul ul a {
  border-bottom: none;
}
#site-navigation ul ul a:hover {
  border-bottom: none;
  background: none;
}
#site-navigation li:hover > a {
  padding-bottom: 10px;
  color: #428bca;
}
#site-navigation ul ul li:hover > a {
  background: #ffffff;
  border-bottom: none;
  padding: 10px 20px;
  color: black;
  border-top: none;
}
@media screen and (max-width: 767px) {
  #site-navigation {
    width: 100%;
  }
  #site-navigation .active > a,
  #site-navigation .current_page_item > a {
    border-top: solid 4px #ffffff;
    background: none;
  }
  #site-navigation ul {
    margin-left: 0px;
  }
  #site-navigation ul ul {
    display: none;
  }
  #site-navigation li {
    display: block;
    width: 100%;
    text-align: left;
  }
  #site-navigation li:hover > a {
    border-top: none;
    padding-top: 20px;
  }
  #site-navigation li:hover ul {
    display: none !important;
  }
  #site-navigation .navbar-default .navbar-collapse {
    border-color: #6587bc;
  }
  .menu-toggle,
  .main-navigation.toggled .nav-menu {
    display: block;
    color: #6587bc;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
    font-size: 25px;
    padding-bottom: 10px;
    position: relative;
    top: -8px;
    width: 100%;
    float: left;
  }
  h1.menu-toggle {
    width: 100%;
  }
  .menu-toggle:before {
    content: "\f0c9";
    font-family: "FontAwesome";
    height: 0;
    width: 0px;
    margin-right: 20px;
    position: relative;
  }
}
/* Small menu */
.menu-toggle {
  display: none;
  cursor: pointer;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .menu-toggle {
    display: block;
  }
}

/* 7. Content
------------------------------------------------------- */
#content {
  background: none;
  padding: 0;
  padding-top: -15px;
  margin-right: 0px;
  margin-left: 0px;
}
/* 7.1 Primary
------------------------------------------------------- */
#primary {
  padding: 20px 15px ;
  background: #fff;
  padding-top: 0px;
  margin-top: 5px;
  border: solid 1px #eee;
  min-height: 350px;
}
.byline {
  display: inline;
}
.single .fa-clock-o:before,
.single .fa-user:before {
  color: #6587BC !important;
}
article.archive .article-rest {
  margin: auto;
}
.featured-thumb {
  margin: auto;
  margin-top: 35px;
  overflow: hidden;
  width: 95%;
  padding: 0px;
}
.featured-thumb .img-meta {
  position: absolute;
  z-index: 9999;
  background: rgba(0, 210, 222, 0.5);
  width: 100%;
  height: 100%;
  left: 0px;
  display: none;
  text-align: center;
}
.featured-thumb .img-meta .meta-icon {
  display: inline-block;
  font-size: 24px;
  width: 36px;
  background: #00595e;
  border-radius: 4px;
  margin-top: 150px;
}
.featured-thumb .img-meta .meta-link {
  padding: 15px 25px;
  color: #00bfc9;
  padding-left: 26px;
}
.featured-thumb .img-meta .meta-link:hover {
  color: #02f2ff;
  text-decoration: none;
}
.featured-thumb .img-meta .meta-link i {
  position: relative;
  left: -19px;
}
.featured-thumb .img-meta .meta-link .icon-link {
  left: -17px;
}
.featured-thumb .img-meta .img-meta-img .meta-link {
  padding-left: 24px;
}
.featured-thumb:hover .img-meta {
  background: rgba(0, 210, 222, 0.65);
}
.featured-thumb:hover img {
  -webkit-transform: scale(1.05);
  opacity: 0.98;
}
.featured-thumb img {
  box-shadow: 0px 1px 2px #444;
  margin-bottom: 0px;
  transition: 0.4s all ease;
  min-width: 100%;
  height: auto;
}


.archive .entry-meta {
  font-size: small;
  color: #00bac4;
  /* border-bottom: solid 6px lighten(@sidebar-link-color,25%); */

  padding-bottom: 15px;
  color: #999999;
}
.archive .entry-meta a {
  color: #999999;
}
.archive .entry-meta .posted-on {
  margin-right: 6px;
}
.archive .entry-header {
  padding: 0 15px;
  margin-bottom: -30px;
}
.blog .entry-title,
.search .entry-title,
body.archive .entry-title {
  font-family: Raleway, "Open Sans", Arial, Helvetica, sans-serif;
  padding-bottom: 0px;
  display: block;
}
.tag .entry-meta {
  border-bottom: none;
}
.cat-page-title {
  margin: 20px 0px !important;
}
.single .entry-h1,
.page .entry-h1 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: block;
}
.single .entry-h1 h1,
.page .entry-h1 h1 {
  font-size: 30px;
  font-family: Raleway, Arial, Helvetica, sans-serif;
}
.single .entry-h1:after,
.page .entry-h1:after {
  content: "";
  clear: both;
  width: 92%;
  height: 6px;
  position: absolute;
  margin-left: 1%;
  margin-top: 10px;
  /* border-bottom: double 6px lighten(@sidebar-link-color,25%); */

}
.single .entry-title,
.page .entry-title {
  color: #000 /* #0995D5*/;
  line-height: 1.15em;
  _font-variant: small-caps;
  border-bottom: 0px solid #ddd;
  font-family: Raleway, "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 300;
}
.entry-content {
  line-height: 1.8em;
  color: #666;
}
.comments-link {
  float: right;
}
.entry-meta {
  color: #555;
}
.entry-meta .posted-on {
  margin-right: 10px;
}
.entry-meta .edit-link {
  float: right;
}
.entry-meta .fa-tags {
  margin-left: 10px;
}
footer.entry-meta {
  margin-top: 25px;
}
.single article.post,
.page article.post {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.single .entry-meta,
.page .entry-meta {
  border-bottom: solid 1px #e5e5e5;
  padding-bottom: 15px;
}
.single footer.entry-meta,
.page footer.entry-meta {
  border-bottom: none;
  padding-bottom: 0px;
}
#nav-below {
  margin-top: 30px;
  margin-bottom: 20px;
}
#nav-below a {
  font-family: Raleway, "Open Sans", Arial, Helvetica, sans-serif;
}
.featured-image-single {
  text-align: center;
  margin: 30px auto;
  margin-top: 20px;
}
.featured-image-single img {
  max-width: 98%;
  box-shadow: 0px 25px 6px -20px #888888;
  margin-bottom: 15px;
  border-radius: 5px;
}
h1.page-title {
  text-transform: uppercase;

  font-family: Raleway, "Open Sans", Times, serif;
  display: inline-block;
  margin-top: -15px;
}
.page-header {
  border-bottom: 0px;
}
@media screen and (max-width: 480px) {
  .featured-thumb .img-meta .meta-icon {
    margin-top: 30px;
  }
}
#primary-home article {
  padding: 0px;
}
#primary-home .article-wrapper {
  border: solid 1px #eee;
  width: 94%;
  background: #fff;
  height: 100%;
}
#primary-home .featured-thumb {
  margin-top: 0px;
  width: 100%;
}
#primary-home .entry-title a {
  font-family: Raleway, "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #6587BC;
  transition: 0.4s all ease;
  line-height: 1.3em;
}
#primary-home .entry-title a:hover {
  text-decoration: none;
  color: #000;
}
#primary-home .entry-meta {
  margin-top: 8px;
  font-size: 12px;
  color: #999999;
  display: block;
  border-bottom: solid 1px #ccc;
  padding-bottom: 6px;
}
#primary-home .entry-meta a {
  color: #999999;
}
#primary-home .entry-content {
  line-height: 1.7em;
}
#primary-home h1.entry-title {
  margin-bottom: 0px;
}
#primary-home h1.entry-title:after {
  content: none;
}
#primary-home .entry-meta {
  font-size: small;
  color: #00bac4;
  border-bottom: solid 1px #d9d9d9;
  color: #999999;
}
#primary-home .entry-meta a {
  color: #999999;
}
#primary-home .entry-meta .posted-on {
  margin-right: 6px;
}
#primary-home .entry-header {
  padding: 0;
  margin-bottom: 0;
}
/* 7.2 Secondary
------------------------------------------------------- */
#secondary,
#footer-sidebar {
  padding: 0px 10px 20px 10px;
  font-size: 13px;

}
#secondary ul,
#footer-sidebar ul {
  list-style: none;
  margin-left: 5px;
}
#secondary ul li:before,
#footer-sidebar ul li:before {
  margin-right: 5px;
  content:"\f054";
  font-family: "FontAwesome";
  color: #ccc;
  font-size: 12px;

}
#secondary ul li,
#footer-sidebar ul li {
  margin-bottom: 8px;
}
#secondary ul ul,
#footer-sidebar ul ul {
  margin-left: 15px;
}
#secondary ul ul li:before,
#footer-sidebar ul ul li:before {
  content: "\f111";
  font-size: 5px;
  position: relative;
  top: -3px;
}
#secondary ul ul ul,
#footer-sidebar ul ul ul {
  margin-left: 5px;
}
#secondary .widget_recent_entries li:before,
#footer-sidebar .widget_recent_entries li:before {
  content: "\f0f6";
}
#secondary .widget_recent_entries li,
#footer-sidebar .widget_recent_entries li {
  border-bottom: solid 1px #ffffff;
  padding: 5px 0px;
}
#secondary .widget_recent_comments li:before,
#footer-sidebar .widget_recent_comments li:before {
  content: "\f075";
  font-size: 12px;
  position: relative;
  top: -2px;
}
#secondary .widget_calendar caption,
#footer-sidebar .widget_calendar caption {
  font-weight: bold;
  margin-bottom: 7px;
}
#secondary .widget_calendar table,
#footer-sidebar .widget_calendar table {
  padding: 5px;
  text-align: center;
  background: #fff;
}
#secondary .widget_calendar thead,
#footer-sidebar .widget_calendar thead {
  border-bottom: solid 1px #00d2de;
}
#secondary .widget_calendar thead th,
#footer-sidebar .widget_calendar thead th {
  background: #ddd;
  padding: 5px;
  text-align: center;
}
#secondary .widget_calendar tr td,
#footer-sidebar .widget_calendar tr td {
  padding: 8px !important;
  background: #eee;
  margin: 4px;
  text-align: center;
}
#secondary .widget_calendar #prev,
#footer-sidebar .widget_calendar #prev {
  text-align: left;
}
#secondary .widget_calendar #next,
#footer-sidebar .widget_calendar #next {
  text-align: right;
}
#secondary h1.widget-title,
#footer-sidebar h1.widget-title {
  font-size: 17px;
  font-weight: normal;
  padding: 3px;
  margin-top: 0px;
  color: #333;
  font-family: Raleway, "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 17px;
  padding-bottom: 4px;
}

#footer-sidebar h1.widget-title {
  color: #fff;
}

#secondary .widget_search label,
#footer-sidebar .widget_search label {
  width: 100%;
}
#secondary .widget_search form,
#footer-sidebar .widget_search form {
  width: 100%;
  padding: 10px 5px;
}
#secondary .widget_search input[type=submit],
#footer-sidebar .widget_search input[type=submit] {
  display: none;
}
#secondary .widget_search input[type=text],
#footer-sidebar .widget_search input[type=text] {
  display: block;
  min-width: 96%;
  margin-left: 20px;
}
#secondary select#cat,
#footer-sidebar select#cat {
  margin-bottom: 10px;
  margin-left: 10px;
}
#secondary .widget,
#footer-sidebar .widget {
  border: 1px solid #eee;
  margin-top: 5px;
  padding: 10px;
  padding-top: 20px;
  background-color: #fff;
}

#footer-sidebar .widget {
  border:none;
  background-color: #333;
  padding-top: 0px;
}

#secondary .widget a {
    color: #333;
    font-size: 13px;
}

#footer-sidebar .widget a {
    color: #ccc;
}

li.current-menu-item {
    /* */
}

#secondary .widget  ul.sub-menu {
    margin-top: 7px;
}

#secondary .widget  ul.sub-menu li a,
#footer-sidebar .widget ul.sub-menu li a {
  color: #888;
  font-size: 13px;
}

#footer-sidebar .widget ul.sub-menu li a {
  color: #ccc;
}

#secondary .widget > div,
#footer-sidebar .widget > div {
  padding: 7px;
}
#footer-sidebar {
  clear: both;
  padding: 0px;
  background-color: #333;
}
#footer-sidebar .footer-column {
  margin: 15px 0;
  padding: 0 5px;
}
/* 8. Pagination
-----------------------------------------------*/
.pagination {
  margin: 20px 0;
  width: 100%;
  margin-left: -20px;
  text-align: center;
  clear: both;
}
.pagination ul {
  list-style: none;
  display: inline-block;
  text-align: center;
  margin-bottom: 0;
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a {
  color: #eeeeee;
  transition: all 0.4s ease;
}
.pagination ul > li > a .next {
  float: right;
}
.pagination ul > li > a:hover {
  color: #00bac4;
  background: #eee;
}
.pagination .current {
  background: #00d2de;
}
.pagination ul  > li  > a,
.pagination ul  > li  > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: solid 1px #f1f1f1;
  border-left-width: 0;
  display: inline-block;
  color: #27979d;
}
.pagination ul  > li:first-child  > a,
.pagination ul  > li:first-child  > span {
  border-left-width: 1px;
}
.pagination ul  > li:last-child  > a,
.pagination ul  > li:last-child  > span {
  border-right-width: 1px;
}

/* [japp] breadcrumbs */

#crumbs {

   margin: 6px 5px 1px 13px;
    font-size: 13px;
    color: #999;
}


/* 9. Footer
------------------------------------------------------- */
#colophon {
  background: #333;
  padding: 10px;
  border-top: solid 10px #999;
  border-bottom: solid 4px #ddd;
  width: auto;
  margin-top: 20px;
  margin-left: 0px;
  margin-right: 0px;
}
.sep {
  font-size: 8px;
  position: relative;
  top: -2px;
  padding: 0 5px;
  color: #999999;
}
/* 9. HTML Markup & Formatting
--------------------------------------------------- */


article blockquote {
  font-family: Raleway, "Open Sans", Arial, Helvetica, sans-serif;
}

/* 11. Widgets Style
---------------------------------------------------- */
.rp-item {
  display: block;
  clear: both;
  overflow: auto;
  margin-bottom: 8px;
  border-bottom: solid 1px #ffffff;
  padding-bottom: 5px;
}
.rp-item:before {
  content: none !important;
}
.rp-thumb {
  float: left;
  width: 64px;
  margin-right: -5px;
  margin-top: 3px;
}
.rp-thumb img {
  width: 48px;
  border: solid 2px #eee;
  border-radius: 2px;
}
.rp-thumb rp-title {
  clear: none;
}
.rp-thumb rp-title a {
  display: block;
}
/* 12. Comments
---------------------------------------------------------- */
#respond input[type=text] {
  max-width: 450px;
}
#comments ol.comment-list {
  list-style: none;
}
#comments li.comment {
  border: solid 1px #eee;
  padding: 10px;
  margin-top: 15px;
  list-style: none;
  background: #f9f9f9;
}
#comments .vcard img {
  border: solid 4px #ffffff;
  border-radius: 5px;
  margin: 0 10px 10px 0;
}
#comments .comment-metadata {
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  li.comment {
    margin-left: -5%;
  }
}
/* 13. Header Fixes for Responsive Part
 -------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  #top-search {
    text-align: center;
    margin-top: 10px;
  }
  #top-search .search-form {
    float: none;
  }
  h1.site-title,
  #social-icons {
    display: block;
    text-align: center;
    padding: 5px;
  }
  #top-bar {
    padding-bottom: 5px;
  }
  div.slide-description {
    display: none;
  }
  div.slide-title {
    font-size: 12px;
  }
  .nivo-caption {
    max-width: 400px;
    max-width: 75%;
    min-width: 200px;
  }
  #site-navigation ul.menu,
  #site--navigation div.menu {
    display: none;
  }
  #site-navigation ul.menu li a,
  #site--navigation div.menu li a {
    font-size: 14px;
    padding: 10px;
  }
  #site-navigation ul.menu li:hover a,
  #site--navigation div.menu li:hover a {
    border-bottom: none;
    padding-bottom: 25px;
    padding: 10px;
  }
}
@media screen and (max-width: 400px) {
  #top-search input[type=text] {
    width: 250px;
  }
}
@media screen and (min-width: 768px) {
  #site-navigation ul.menu {
    display: block;
  }
}


/* [japp] additional styles */


address {
    margin-top: 20px;
    margin-left: 2px;
    line-height: 1.6em;
    border-left: 4px solid #f3f3f3;
    padding: 0 10px;
    display: table;


}

.spacer50 {
    width: 150px;
    display: block;
}

.spacer50:after, .spacer50:before {
    clear: both;
}

h2, .h2 {
    font-size: 25px;
    color: #777;
    font-family: Raleway, "Open Sans", Arial, Helvetica, sans-serif;
}

h3 {
    margin: 30px 0 20px 0;
    font-family: Raleway, "Open Sans", Arial, Helvetica, sans-serif;
}

h3.popover-title {
    font-size: 16px;
}

.popover-content h4 {
    font-weight: 200;
}

.popover {
    min-width: 300px;
    max-width: 376px;
    font-size: 0.9em;
}

#secondary .widget > div, #footer-sidebar .widget > div {
    padding: 3px;
}



#secondary ul.menu  li::before, #footer-sidebar ul.menu  li::before {

    /*content: "" !important;*/

}

.footer-menus {
     background-color: #fff;
}

/* News in homepage */
.announcements-homepage {
    padding: 8px 14px 0px 14px;
    background-color: #f5f5f5;
    margin-top: 20px;
}

.announcements-homepage h2 {
    margin: 0 0 3px 0;
}

.announcements-homepage ul {
    margin-top: 10px;
    margin-left: 5px;
}

.announcements-homepage ul li, ul.display-posts-listing li {
    list-style: none;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.announcements-homepage ul li {
    padding: 4px 0;
}

.posts-list ul.display-posts-listing li a.title {
    margin: -2px 0 5px 0 ;
    display: block;
    font-size: 18px;
}

code.coordinates {
    color: #555;
    font-size: 16px;
    border: 1px solid #eee;
    padding: 3px 5px;
}

code.coordinates strong {
    color: #000;
}

/* Telescope and instruments cards (homepage) */

.cards-legend {
    text-align: right;
    margin-top: 30px;
    font-size: 14px;
}

.telescopes-blocks  {
    margin: 5px;
}

.telescopes-blocks .col-sm-3, .telescopes-blocks .col-sm-4 {
    padding: 3px;
}

.telescope-name {
    font-size: 15px;
    font-weight: 700;
}

.telescope span.telescope-title {
    font-size: 14px;
    font-weight: 300;
    color: #444;
}

.telescope span.telescope-size {
    font-size: 14px;
    font-weight: normal;
    color: #555;
}

.telescope .telescope-observatory {
    float: right;
    font-size: 16px;
    color: #000;
}

.telescope-info::before {
    font-family: "FontAwesome";
    content: " \f129";
    font-size: 14px;
    color: #555;
}

.telescope-info {
    font-weight: normal;
    float: right;
    cursor: help;
}

.telescope-card {
    background-color: #f5f5f5;
    padding: 4px 8px;
    margin-bottom: 8px;
    border: 1px solid #e8e8e8;
}

/* Dedicated and monotoring telescopes */
.dedicated-telescopes .telescope-name, .monitoring-telescopes .telescope-name {
    font-size: 0.9em ;
}

.dedicated-telescopes .telescope-card, .monitoring-telescopes .telescope-card {
    padding: 2px 5px;
}

.telescope-card:hover {
    background-color: #eee;
}

.label {
    background-color: #bbb;
    border-radius: 0;
    cursor: help;
    font-weight: normal;
}

.label-optical {
    background-color: #2d859e;
    border-radius: 0;
    cursor: help;
}

.label-IR {
    background-color: #d66a06;
    border-radius: 0;
    cursor: help;
}

.label-optical-IR {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7b574+34,207cca+50,2989d8+53,4d93a8+59 */
    background: #f7b574; /* Old browsers */
    background: -moz-linear-gradient(left, #f7b574 34%, #207cca 50%, #2989d8 53%, #4d93a8 59%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f7b574 34%,#207cca 50%,#2989d8 53%,#4d93a8 59%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f7b574 34%,#207cca 50%,#2989d8 53%,#4d93a8 59%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b574', endColorstr='#4d93a8',GradientType=1 ); /* IE6-9 */
    cursor: help;
    border-radius: 0;
}

.label-imaging::after {
    font-family: "FontAwesome";
    content: " \f030";
}

.label-spectroscopy::after {
    font-family: "FontAwesome";
    content: " \f1fe";
}

.label-imaging-spectroscopy::after {
    font-family: "FontAwesome";
    content: " \f030 \f1fe";
    letter-spacing: 3px;
}



.cat_modes span {
    font-size: 0.9em;
    opacity: 0.7;
    font-weight: normal;
    vertical-align: middle;
    cursor: help;
}

.cat_modes .badge, .cards-legend .badge {
    border-radius: 0px;
}


.data_box {
    border: 1px solid #bbb;
    text-align: center;
    min-height: 70px;
    line-height: 1.3em;

}

.data_box > div {
    padding-left: 5px ;
    padding-right: 5px;
}

.data_box header {
    font-weight: bold;
    background-color: #bbb;
    color: #eee;
    padding: 3px 2px;
}

.data_box  div.data-value {
    vertical-align: middle;
    padding: 10px 2px 3px 2px ;
    font-size: 1.3em;
    display: inline-block;

}



/* Service requests */

/* Status y labels */

.btn-row {
    clear: both;
    margin: 3px 0;
}

.btn-label {
    min-width: 150px;
    font-weight: bold;
    background-color: #eee;
    border: 1px solid #ddd;
    text-align: right;
}

.Submitted {
    background-color: #f89406;
}

.Approved, .DDT {
    background-color: #468847;
}

.Done {
    background-color: #000;
}

.Inprocess {
    background-color: #aaa;
}

.Rejected, .Withdrawn, .Expired {
    background-color: #953b39;
}

.current-proposals .progress {
    margin-bottom: 5px;
    width: 100px;
}