/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./meric/bootstrap/assets/stylesheets/bootstrap/_variables.scss
 */
@import url(https://fonts.googleapis.com/css?family=Francois+One|Merriweather:400,700&display=swap);
.region-content h2 {
  border-bottom: 0px;
}

.region-primary-menu {
  background: #284d69;
}

.region-primary-menu .menu {
  background: #284d69;
}

.region-primary-menu .menu a.is-active {
  background: #284d69;
  color: #ffffff;
}

.region-primary-menu .menu a {
  color: #ffffff;
  text-shadow: none;
  border-radius: 0px;
  background: #284d69;
  font-family: Open Sans;
}

.region-primary-menu .menu a:hover, .region-primary-menu .menu a:focus {
  background: #DBEBF3;
  color: #000000;
}

@media (min-width: 768px) {
  .region-primary-menu .menu li {
    border-right: 1px solid #ffffff;
    border-left: none;
  }
}