/**
 * 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);
body main {
  padding: 0 20px;
}

@media (min-width: 768px) {
  body.one-sidebar main > .layout-content {
    flex-basis: calc((100%/1.5) - 20px);
  }
  body.one-sidebar main > aside {
    flex-basis: calc((100%/3) - 20px);
  }
  body.two-sidebars main > .layout-content {
    flex-basis: calc((100%/2) - 20px);
  }
  body.two-sidebars main > aside {
    flex-basis: calc((100%/4) - 20px);
  }
  body.sidebar-first main .region-content {
    margin-right: 10px;
  }
  body.sidebar-second main .region-content {
    margin-left: 10px;
  }
  body main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
  }
  body main > .layout-content {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 100%;
    order: 1;
  }
  body main > aside {
    flex-grow: 0;
    flex-shrink: 0;
  }
  body main > aside.layout-sidebar-first {
    order: 0;
    margin-left: 10px;
  }
  body main > aside.layout-sidebar-second {
    order: 2;
    margin-right: 10px;
  }
  body main .region-content {
    background: #ffffff;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  body main .region-content h1.page-title {
    line-height: 1.75em;
    width: 100%;
    padding-left: 10px;
    margin-left: -5px;
    font-weight: 400;
    color: #ffffff;
    border: 1px solid #193051;
    margin-top: 0;
    margin-bottom: 20px;
    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%);
  }
  body main .region-content .block-block-content-hero {
    margin: 0 -30px;
  }
}