/**
 *
Las Cumbres Observatory main style sheet. Integrates with Bulma CSS framework.
Requires Google fonts, Libre Franklin and Heebo to be imported in HTML
23 July 2020
 *
 **/
html {
  background-color:#090a0f;
}
body {
  margin: 0px;
	font-size: 1.125em;
	line-height: 1.5em;
  font-family: 'Libre Franklin', sans-serif;
  background-color: #fdfdfd;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

#wrapper {
  flex: 1;
}

nav.navbar.main-navbar.navbar.is-dark {
  background-color: #0B3053;
}

section {
  padding-top:0;
  padding-bottom:0;
}

hr {
  margin: 10px auto;
  width: 85%;
  height:6px;
}

.navbar-bg {
  background-color: #0B3053;
  padding: 0 70px;
}
.navbar-brand{
  text-align: right;
  margin-left: 0.75rem !important;
}
.navbar-item{
  align-self: flex-end;
  color: #fdfdfd;
  font-weight: bold;
}

.navbar-dropdown .navbar-item{
  color: #090a0f;
}

.navbar-dropdown a.navbar-item:hover{
    background-color: #f5f5f5;
    color: #0a0a0a;
  }

.navbar.is-dark .navbar-brand > a.navbar-item:hover {
  background-color: rgba(0,0,0,0);
}

.navbar-link:hover{
  color:#000;
}

a.navbar-link:hover{
  background-color: #ffcd05;
  color:#000000;
}

.navbar-burger {
  color: #fdfdfd;
}

.navbar.is-dark .navbar-end .navbar-link::after {
  border-color:#ffcd05;
}

p {
  padding-bottom:1.1em;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Heebo', sans-serif;
  line-height: 1.25em;
  margin-bottom: 0.5em;
  color:#090a0f;
}
h1, .content h1  {
  font-size:3.5em;
}
h2, .content h2 {
  font-size:2.75em;
}
h3, .content h3 {
  font-size:2.25em;
}
h4, .content h4 {
  font-size:1.75em;
}
h5, .content h5 {
  font-size: 1.125em;
}

a {
	color: #065c99;
	text-decoration: none;
}
a:hover {
	background-color: #ffcd05;
}
a.nohover:hover {
  background-color: rgba(255, 255, 255, 0.0);
}

p > a{
  border-bottom: dotted thin #065c99;

}

.colour-button {
  font-family: 'Heebo', sans-serif;
  color:#fff;
  padding:10px;
}

.white {
  color: #fdfdfd;
}

.white-bg {
  background-color: #fdfdfd;
}

.red {
  color:#f04e23;
}

.green {
  color:#a6ce39;
}

.blue {
  color:#065c99;
}

.blue-spot {
  color:#00adef;
}

.gold {
  color:#ffcd05;
}

.black{
  color:#231f20;
  border:none;
}

.opacity-half {
  opacity: 0.5;
}
.opacity-third {
  opacity: 0.3;
}

.opacity-tenth {
  opacity: 0.1;
}

.red-bg {
background-color:#f04e23;
}
.red-name{
  border-left:5px solid;
  border-color: #f04e23;
}

.red-border{
  border:2px solid;
  border-color: #f04e23;
}

.red-bg-op-fifth{
  background-color:rgba(240,78,35,0.15);
}

.red-bg-op-tenth,
.highlight .news .name{
  background-color:rgba(240,78,35,0.1);
}

.green-bg {
  background-color:#a6ce39;
}
.green-name{
  border-left:5px solid;
  border-color: #a6ce39;
}

.green-border{
  border:2px solid;
  border-color: #a6ce39;
}

.green-bg-op-fifth{
  background-color:rgba(166, 206, 57, 0.15);
}

.green-bg-op-tenth{
  background-color:rgba(166, 206, 57, 0.1);
}

.blue-bg {
  background-color:#065c99;
}

.darkblue-bg {
  background-color: #0B3053;
}

.blue-bg-home {
  background-color: #e1f6fd ;
}

.blue-name{
  border-left:5px solid;
  border-color: #065c99;
}

.blue-border {
  border:2px solid;
  border-color: #065c99;
}

.blue-bg-op-fifth {
  background-color:rgba(0, 173, 239, 0.15);
}

.blue-bg-op-tenth {
  background-color:rgba(0, 173, 239, 0.1);
}

.gold-bg {
  background-color:#ffcd05;
}
.gold-name{
  border-left:5px solid;
  border-color: #ffcd05;
}
.gold-border {
  border:2px solid;
  border-color: #ffcd05;
}

.gold-bg-op-fifth{
  background-color:rgba(255, 205, 5, 0.15);
}

.gold-bg-op-tenth{
  background-color:rgba(255, 205, 5, 0.1);
}

.black-bg{
  background-color:#090a0f;
}

.grey-bg {
  background-color:#ced6e0;
}
.rich-text ul li::before,
.richtext ul li::before {
  content: "\25AA";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #ffcd05; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  font-size: 1.5em;
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: 0px; /* Also needed for space (tweak if needed) */
}

ol, ul {
  margin-left: 0;
  padding-left: 20px;
}

input.search-box {
  background-color: #0B3053;
  border:1px solid #fdfdfd;
  color: #fdfdfd;
}

.hero-body h2, .hero-body h3{
  color:#fdfdfd;
}

.navbar-link:not(.is-arrowless)::after {
  border-color:#ffcd05;
}

.homepage {
  background-color: #0B3053;
  /* background: url('../img/bg4.jpg') no-repeat center left; */
  /* background-origin: padding-box; */
  background-image: linear-gradient( to bottom, #0B3053 0%, #0B3053 35%, #0481B8 100%);
}

.centre-container {
  display: flex;
  align-items: center;
  height:100%;
}

.name-partone {
   font-weight:normal;
 }

.name-parttwo{
  font-weight:bold;
}



.page-title {
  color: #0B3053;
  padding-top: 30px;
  padding-bottom: 40px;
  padding-left: 40px
}

.page-title .title-spots{
  font-size:0.3em;
  padding-right:20px;
  vertical-align: middle;
}

.button.wide {
  padding:10px 60px;
}

#title-wrapper{
  border-bottom: 5px solid;
  border-color:#ffcd05;
}
#title-wrapper h1{
  padding-bottom: 0;
  padding-left:0;
}

.top-highlight {
  font-size: 1.125em;
  font-weight: bold;
  font-family: 'Heebo', sans-serif;
  line-height: 1.25em;
  padding: 0.5em 0;
}

.tag-line {
  font-size: 1.75em;
  font-weight: bold;
  font-family: 'Heebo', sans-serif;
  line-height: 1.25em;
  padding: 0.5em 0;
  color: #fff;
  display:block;
}

.is-v-paddingless {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.extra-menu {
    position: absolute;
    right: 70px;
    top: 10px;
    z-index: 20002;
}
.social-links .icon {
  font-size:2rem;
  width: 2.5rem;
  height:2.5rem;
}
.social-links a {
  color: #fdfdfd;
}

.footer {
  background-color: #ced6e0;
}

.footer ul li {
   display: inline-block;
   border: 1px;
   border-left:1px solid black;
   line-height: 0.8em;
   padding: 0 26px;}
.footer ul li:first-child{
    border:none;}


.image img.is-rounded {
    border-radius: 10px;
}

@media screen and (max-width: 1023px) {
  a.navbar-link{
    color:#0b3054;
  }
  .container {
      padding: 0 20px;
  }
  .navbar-bg {
    padding: 0 20px;
  }
  h1 {
    font-size:2.5em;
  }
  h2{
    font-size:2em;
  }
  h3{
    font-size:1.75em;
  }
  h4{
    font-size:1.5em;
  }
  h5 {
    font-size: 1.25em;
  }
}

@media screen and (min-width: 1024px) {
.social-links {
    right: 20px;
    top: 25px;
  }
  .navbar.main-navbar {
    height:120px;
  }
  section > .container {
      padding: 0 20px;
  }
}

@media screen and (max-width: 1215px) {
  .extra-menu {
    display:none;
  }
  .navbar-brand img {
    max-height: 2em;
  }
}

@media screen and (min-width: 769px) and (max-width: 1215px) {
.highlight-box {
  min-height:250px;
  font-size:85%;
}
}

@media screen and (min-width:1216px){
  .navbar-brand img {
    max-height:96px
  }
}

@media screen and (min-width:1216px) and ( max-width:1407px){
  .highlight-box {
    min-height:150px;
  }
}

@media screen and (min-width:1408px){
  .container {
      max-width: 1440px;
  }
  section > .container {
      padding: 0 70px;
  }
}

.navbar-item.has-dropdown .navbar-dropdown {
	 display: none;
}
 .navbar-item.has-dropdown.is-active .navbar-dropdown {
	 display: block;
}