* { font-family: 'Open Sans'; }

#homepage-section-1 {
  background-image: url(/themes/sketchup_developer_terra/images/SU2021-UXWH-ModusUIKIt-Launch-web-banner.jpg);
  background-size: cover;
  padding: 120px 0;
}
#homepage-section-1 p, #homepage-section-1 h2{
  color: #262533;
}
.latest-ruby-button {
  padding: 15px 9px;
  display: block;
  background-color: #eee;
}

.main-container { padding-top: 30px; }


.navbar, .navbar__nav--collapse {
  background-color: #f9f9fb;
  box-shadow: none;
}

.navbar__nav > ul > li > a:not(.button) {
  font-size: 12px;
  font-weight: 800;
  color: #363545;
  text-decoration: none;
  text-transform: uppercase;
}


.highlighter {
  padding: 10px;
  background: #474655;
  color: white;
  font-family: monospace;
  white-space: pre;
}

.alert {
  border: 1px solid #eee;
  background: #b5f2ff;
  padding: 20px 20px 0 20px;
}


/* top trimble */
.navbar__universal-header {
    background-color: #ffffff;
    height: 32px;
    display: flex;
    }
.navbar__universal-header .trimble-logo {
    display: inline-flex;
    width: auto;
    align-items: center;
    }

    .navbar__universal-header .container-fluid {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex: 0 0 100%;
  }
.navbar__universal-header .trimble-logo svg {
    width: auto;
    height: 16px;
    fill: #005F9E;
}

.navbar.is-hidden {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}

/* footer */
.trimble-logo { width: 100px; }
footer.footer { background-color: #eaeaef; color: unset; }

footer.footer .footer-links a { color: #005F9E; }
footer.footer .footer-links a:hover { color: #00406b; }
ul.list-inline--left > li { padding-right: 30px; }