/**
 * 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);
header {
  min-height: 100px;
  background: #3a5170;
  background: -moz-linear-gradient(top, #3a5170 0%, #3a5170 24%, #1e3a62 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a5170), color-stop(24%, #3a5170), color-stop(100%, #1e3a62));
  background: -webkit-linear-gradient(top, #3a5170 0%, #3a5170 24%, #1e3a62 100%);
  background: -o-linear-gradient(top, #3a5170 0%, #3a5170 24%, #1e3a62 100%);
  background: -ms-linear-gradient(top, #3a5170 0%, #3a5170 24%, #1e3a62 100%);
  background: linear-gradient(to bottom, #3a5170 0%, #3a5170 24%, #1e3a62 100%);
  padding: 0;
}

.layout-container header .region {
  margin: 0;
}

.site-name,
.site-slogan,
nav.menu--utility-bar {
  display: none;
}

#block-sitebranding img {
  position: relative;
  top: 10px;
}

@media (min-width: 768px) {
  header .header-content {
    display: flex;
    margin: 0 auto;
  }
  header .header-content .region {
    flex: 1 1;
  }
  header .header-content .utility-wrapper {
    flex-basis: auto;
    width: 58.3333%;
  }
  header .header-content .region-search-utility {
    display: flex;
    background: #415b81 url("../../images/diag_pat_trans.png");
    height: 40px;
    padding: 0 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 0;
    margin: 10px 0;
  }
  header .header-content nav.menu--utility-bar {
    display: flex;
    width: 66.66666667%;
  }
  header .header-content .region-secondary-utility {
    display: flex;
    justify-content: flex-end;
    padding-right: 0 !important;
  }
}

@media (min-width: 992px) {
  header nav.menu--utility-bar {
    width: 75%;
  }
}

@media (min-width: 1200px) {
  header nav.menu--utility-bar {
    width: 66.666667%;
  }
}