/*Overrides*/

:root {
  --bulma-text: #282828;
  --bulma-link: #235390;
  --bulma-link-h: #235390;
  --bulma-dropdown-divider-background-color: #d7dae0;
}

.card {
  --bulma-card-radius: 1.2rem;
}

.notification.is-success.is-light {
  --bulma-notification-background-l: 93%;
}

.button.is-link.is-ghost {
  color: #235390;
}

/*Fonts*/

@font-face {
  font-family: "SF Pro";
  src: url(../fonts/SF-Pro-Text-Regular.otf) format("opentype");
}

@font-face {
  font-family: "SF Pro";
  font-weight: 300;
  src: url(../fonts/SF-Pro-Text-Light.otf) format("opentype");
}

@font-face {
  font-family: "SF Pro";
  font-weight: 800;
  src: url(../fonts/SF-Pro-Text-Bold.otf) format("opentype");
}

@font-face {
  font-family: "SF Pro";
  font-weight: 500;
  src: url(../fonts/SF-Pro-Text-Medium.otf) format("opentype");
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local("Lato"), local("Lato-Regular"),
    url(../fonts/Lato-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"),
    url(../fonts/MaterialIcons-Regular.ttf) format("truetype");
}

.is-font-lato {
  font-family: "Lato";
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: "liga";
}

.material-icons.md-30 {
  font-size: 30px;
}

/*Main*/

body {
  font-family: "SF Pro";
  padding-bottom: 4rem;
  line-height: 1.2;
}

.primary-button {
  background: #235390;
  min-width: 150px;
  color: #fff;
}

.container {
  max-width: unset !important;
}

.card {
  box-shadow: 0px 4px 16px 0px #30303026 !important;
}

.notification {
  border-radius: 1rem;
}

/*Navbar*/
.navbar {
  min-height: unset !important;
}

.navbar-item.is-active {
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 7px;
}

@media screen and (max-width: 1023px) {
  .dropdown-item.is-active {
    background: rgba(178, 212, 255, 0.12);
    font-weight: 800;
    color: #235390;
  }
}

.logo {
  font-size: 20px;
}

@media screen and (max-width: 1023px) {
  .logo {
    font-size: 18px;
  }
}

.logo-img {
  margin-right: 1rem !important;
  width: 40px !important;
  height: 40px !important;
  max-width: unset !important;
  max-height: unset !important;
}

@media screen and (max-width: 1023px) {
  .logo-img {
    margin-right: 0.5rem !important;
  }
}

.top-info {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/*Desktop spacing*/

@media screen and (min-width: 1024px) {
  /*Main*/

  body {
    padding-bottom: 8rem;
  }

  /*Navbar*/
  .navbar {
    min-height: 107px;
  }

  /*Top Info*/

  .top-info {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }

  .top-info h1 {
    font-size: 3em;
  }
}