/**
 * 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.region-content {
  margin-right: 5%;
}

.region-branding img {
  padding: 0px;
  width: 75%;
}

.media-oembed-content {
  width: 100%;
}

body {
  font-family: Open Sans;
}

p {
  font-family: Open Sans;
  font-size: 14px;
}

a {
  font-family: Open Sans;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Open Sans;
}

h1 {
  font-weight: bold !important;
  font-size: 32px;
}

h2 {
  font-weight: 600;
  color: #284d69;
  font-size: 26px;
}

h3 {
  color: #4a87b5;
  font-size: 24px;
}

h4 {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 10px;
}

h5 {
  font-size: 18px;
  font-weight: 600;
}

h6 {
  font-size: 16px;
  font-weight: 300;
}

iframe.pdf {
  height: 1000px;
}

.fullIMG img {
  width: 100%;
}

.smallerIMG img {
  width: 40%;
}

.smallerIMG2 img {
  width: 35%;
}

.btn {
  padding: 10px 10px;
  font-family: "Open Sans",Arial,Helvetica,sans-serif !important;
  text-align: center;
  display: block !important;
  margin: 10px;
}

.btn-blue {
  background: #4a87b5;
  color: #ffffff;
  border-radius: 20px;
}

a.btn-blue:hover, a.btn-blue:focus {
  color: #ffffff;
  background: #284d69;
}

.btn-blue-dark {
  background: #284d69;
  color: #ffffff;
  border-radius: 20px;
}

a.btn-blue-dark:hover, a.btn-blue-dark:focus {
  color: #ffffff;
  background: #3a5170;
}

.blueside {
  padding: 0px 15px 15px 15px;
}

.blueside h2 {
  background-color: #3a5170;
  border-color: #cfcfcf;
  color: white;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  margin-top: 0px;
  margin-bottom: 0px;
}

.bluesidebody {
  background-color: #eff3f6;
  border: 1px solid #CFCFCF;
  paddinG: 0px 20px 0px 20px;
}

.blueblockgrid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
  margin-bottom: 10px;
}

.blueborderblock {
  padding: 10px;
  border: 5px solid #4a87b5;
  border-radius: 5px;
}

.btn-noblock {
  padding: 10px 10px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  text-align: center;
  margin: 10px;
}

.lighter-blue {
  background: #eff6f9;
}

.padding {
  padding: 10px 10px;
}

.margin {
  margin: 20px 10px;
}

.padding5 {
  padding: 8px 0px;
}

.fasttrackgreen {
  background: #21873A;
  color: white;
  padding: 10px;
}

@media (min-width: 768px) {
  .region-branding img {
    padding: 20px;
  }
  body main .region-content h1.page-title {
    background: #ffffff;
    color: #000000;
    border: 0px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .blueblockgrid {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (min-width: 1062px) {
  body main {
    margin: 0px 10%;
  }
}