/* Layout */
.main-container { min-height: 100vh; font-family: 'Open Sans', arial; font-size: 16px; color: #000; background: #fff; }
.prototype { box-sizing: border-box; width: 100%; position: relative; }
.row { margin: 0; padding: 0; }
.padding-all { padding: 15px; }
.no-margin { margin: 0; }
.full-width { width: 100%; }
.content-edit { white-space: pre-line; }
.content-edit img { max-width: 100%; }

/* Typography */
.prototype a, .prototype a:hover { color: inherit; }
.prototype h1, .prototype h2, .prototype h3, .prototype h4, .prototype h5, .prototype h6 {
  font-family: 'Jockey One', arial; color: rgb(0, 130, 0);
}
.main-container .table > tbody > tr:first-child > td { border-top-width: 0; }

/* Menu */
.prototype .navbar { background: transparent; box-shadow: none; border-width: 0; margin: 0; padding: 0; }
.prototype .navbar .navbar-nav { margin: 0; }
.prototype .navbar .navbar-nav li { margin: 0; }
.prototype .navbar .navbar-nav li a { transition: all .5s ease; }
.prototype .navbar .navbar-nav > li > a { color: rgb(128, 128, 128); background: rgba(255, 255, 255, 0); font-family: Barlow Condensed; }
.prototype .navbar .navbar-nav .dropdown-menu { font-family: Barlow Condensed; }
.prototype .navbar .navbar-nav > li > a:hover,
.prototype .navbar .navbar-nav > li.open > a,
.prototype .navbar .navbar-nav > li > a.active { color: rgb(0, 130, 0); background: rgba(192, 192, 192, 0); }
.prototype .dropdown-menu { border-radius: 0; border: none; padding: 0; margin: 0; }
.prototype .dropdown-menu .dropdown-menu { box-shadow: 0 0 5px rgba(0, 0, 0, .5); }
.dropdown-submenu { position: relative; }
.dropdown-submenu.open > .dropdown-menu { display: block; }

@media (min-width: 992px) {
  .prototype .navbar.menu-centered .navbar-nav { display: inline-block; float: none; vertical-align: top; }
  .prototype .navbar.menu-centered .collapse { text-align: center; }
  .prototype .navbar .navbar-nav > li > a { font-size: 22px; }
  .prototype .navbar .navbar-nav .dropdown-menu { font-size: 20px; }
}

/* Menu collapses below 992px (Bootstrap's default is 768px) */
@media (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
    position: static; float: none; width: auto; margin-top: 0;
    background-color: transparent; border: 0; box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; padding: 5px 15px 5px 25px; }
  .dropdown-menu > li > a {
    display: block; padding: 3px 20px; clear: both; font-weight: normal;
    line-height: 1.42857143; color: #333; white-space: nowrap;
  }
  .navbar-header { float: none; }
  .navbar-collapse { border-top: 1px solid transparent; box-shadow: none; }
  .navbar-collapse.collapse { display: none !important; }
  .navbar-collapse.collapse.in { display: block !important; }
  .navbar-nav { float: none !important; margin: 7.5px 50px 7.5px -15px; }
  .navbar-nav > li { float: none; }
  .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
  .collapsing { overflow: hidden !important; }
  .prototype .navbar { padding: 0; }
  .prototype .navbar-collapse { padding-left: 0; padding-right: 0; border: none; }
  .prototype .navbar .navbar-nav li > a { color: rgb(128, 128, 128) !important; background: transparent !important; }
  .prototype .navbar .navbar-nav li > a:hover,
  .prototype .navbar .navbar-nav > li.open > a,
  .prototype .navbar .navbar-nav li > a.active { color: rgb(0, 130, 0) !important; background: transparent !important; }
  .menu-collapse-btn > i { margin: -5px; }
}

.menu-collapse-btn {
  border: 0; padding: 0 15px; font-size: 35px; cursor: pointer; max-height: 50px;
  color: rgb(128, 128, 128); background: transparent; transition: all .5s ease;
}
.menu-collapse-btn:hover { color: rgb(0, 130, 0); }

/* Contact form */
.feedbackForm { font-weight: 300; padding-top: 15px; padding-bottom: 15px; }
.feedbackForm .input-group { margin-bottom: 15px; }
.feedbackForm .input-group-addon { color: #fff; background: rgb(150, 150, 150); border: none; border-radius: 0; }
.feedbackForm .form-control {
  background-color: rgb(245, 245, 245); border: 0; color: #000; border-radius: 0; box-shadow: none; transition: all .35s;
}
.feedbackForm .form-control:focus { border: 0; box-shadow: none; }
.feedbackForm .btn { border-radius: 0; background: #3183b9; transition: all .3s; cursor: pointer; }
.feedbackForm .btn:hover { background: #26638b; }
