/*
 * Application Stylesheet
 * Bulma is loaded via CDN in the layout
 */

/* Custom Bulma variable overrides via CSS custom properties */
:root {
  --navbar-item-img-max-height: 3.5rem;
  --success: #1AAA55;
  --danger: #db3b21;
}

/* Navbar image height override */
.navbar-item img {
  max-height: 3.5rem;
}

/* IE 11 Fix / Desktop navbar hover states */
@media screen and (min-width: 1024px) {
  .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
  }

  .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
}

/* Service Card Styles */
.service-card {
  width: 100%;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  overflow: hidden;
  /* Display all cards same height when text wraps */
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: background-color .15s linear, border .15s linear;
}

.service-card h3 {
  color: #363636;
  line-height: normal;
}

/* vertically align icons with text */
.service-card p {
  display: flex;
  align-items: center;
}

.service-card i {
  margin-left: 4px;
}

.service-card .g-background-container {
  width: 101%;
  min-height: 240px;
  background-size: cover !important;
  background-position: center center;
  background-repeat: no-repeat;
}

.service-card:hover {
  background-color: #eef7ff;
  border: 1px solid #005fb9 !important;
}

.service-card:hover .g-link {
  color: #00508C;
  text-decoration: underline;
}