/** Screen size **/
div#app {
  width: 80%;
  margin-left: 10%;
}

/** Navbar and hero **/
body.has-navbar-fixed-top, html.has-navbar-fixed-top {
  padding-top: 0 !important;
}

#navbar-background {
  background: rgb(29, 75, 132);
  background: linear-gradient(90deg, rgb(29, 75, 132) 0%, rgb(29, 132, 129) 100%);
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  height: 65px;
}

#main-hero {
  position: relative;
  background: rgb(29, 75, 132);
  background: linear-gradient(90deg, rgb(29, 75, 132) 0%, rgb(29, 132, 129) 100%);
}
#main-hero .hero-body {
  z-index: 2;
}
#main-hero:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-image: url("../img/bg-hero.jpg");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

/** Mobile and tablet view **/
@media screen and (max-width: 1023px) {
  /** Screen size **/
  div#app {
    width: 100%;
    margin-left: 0;
  }
  /** Navbar menu design fixes **/
  .navbar-menu.is-active {
    padding: 0;
  }
  .navbar-menu.is-active a.navbar-item {
    color: white;
  }
  .navbar-menu.is-active a.navbar-item:hover {
    background-color: transparent;
  }
  .navbar-menu.is-active .menu-title {
    color: white;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    top: -3px;
  }
}
/** Overwrite Bulma defaults **/
.button.is-success {
  background-color: #12956e;
}

a {
  color: #0d68ce;
}

.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .taginput .is-active.taginput-container.is-focusable, .taginput .is-focused.taginput-container.is-focusable, .taginput .taginput-container.is-focusable:active, .taginput .taginput-container.is-focusable:focus, .textarea:active, .textarea:focus {
  box-shadow: none;
}

/** Add blue color to tabs **/
div.b-tabs.is-info .tabs li.is-active a {
  color: #0d68ce;
  border-bottom-color: #0d68ce;
}

/** Breaks words with hyphen **/
.is-word-breaking {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/** Truncated with ellipsis ... */
.is-truncated {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/** Footer **/
div.footer {
  padding: 10px;
  background-color: #006144;
  font-size: 11px;
}
div.footer span {
  margin-right: 70px;
}
div.footer a {
  color: white;
  margin: 0 10px;
}

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