/* ----- Colors ----- */
/* ----- Type ----- */
@import url("https://fonts.googleapis.com/css?family=Alegreya|Open+Sans:400,400i,700,700i");
* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }
  *::before, *::after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased; }

body {
  font-family: 'Open Sans', sans-serif;
  color: #2B2B2B; }

h1, h2, h3 {
  font-family: 'Alegreya', serif;
  font-weight: normal; }

.display-5 {
  font-weight: normal; }

h1 {
  font-size: 2.625rem;
  margin-bottom: 0.625rem; }
  @media screen and (max-width: 767px) {
    h1 {
      font-size: 2.25rem; } }

p {
  line-height: 1.875rem; }

.site {
  position: relative; }

.top__wrap {
  background: url(../images/ffbf_blue_bg.png) no-repeat center center;
  background-size: cover;
  padding-top: 20px; }

/* -- Header -- */
@media screen and (max-width: 767px) {
  .main--nav-wrap {
    top: 0.5rem; } }

@media screen and (max-width: 991px) {
  .main--nav-wrap .logo {
    width: 200px; } }

.main--nav-wrap .navbar-nav {
  list-style: none;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .main--nav-wrap .navbar-nav {
      padding-top: 1rem; } }
  @media screen and (min-width: 992px) {
    .main--nav-wrap .navbar-nav li {
      margin-left: 1.5625rem; } }
  .main--nav-wrap .navbar-nav li a {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -0.3px;
    font-size: 0.9375rem;
    transition: all 0.2s ease; }
    .main--nav-wrap .navbar-nav li a:hover, .main--nav-wrap .navbar-nav li a:focus {
      color: #193557; }

.navbar-toggler {
  border-color: white; }

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

/* -- Banner -- */
.jumbotron {
  background: none;
  margin-bottom: 6.25rem;
  border-radius: 0; }
  .jumbotron .container .row h1 {
    text-align: center;
    color: white; }
    @media screen and (max-width: 767px) {
      .jumbotron .container .row h1 {
        font-size: 2.25rem; } }
    @media screen and (max-width: 575px) {
      .jumbotron .container .row h1 {
        font-size: 2rem; } }
  @media screen and (min-width: 992px) {
    .jumbotron .container .row {
      height: 20rem; } }
  @media screen and (max-width: 767px) {
    .jumbotron .container .row {
      padding-top: 2rem;
      padding-bottom: 2.25rem; } }

/* -- About Us -- */
@media screen and (min-width: 768px) {
  .about__wrap p {
    font-size: 1.125rem; } }

.about__wrap p em {
  font-size: 75%; }

/* -- Who we are -- */
.wwa {
  background-color: #C99840;
  padding-top: 5.3125rem;
  padding-bottom: 5.3125rem;
  max-width: 90%;
  margin: 6.25rem auto; }
  @media screen and (max-width: 991px) {
    .wwa {
      padding-top: 2.65625rem;
      padding-bottom: 2.65625rem; } }
  @media screen and (max-width: 767px) {
    .wwa {
      margin: 3.125rem auto; } }
  .wwa > * {
    color: white; }
  .wwa .wwa__wrap {
    max-width: 1300px;
    margin: 0 auto; }
  @media screen and (max-width: 991px) {
    .wwa .wwa__title {
      text-align: center;
      margin-bottom: 1.875rem; } }
  .wwa .wwa__title p {
    font-size: 1rem; }
  .wwa .wwa__content .wwa__block {
    margin-bottom: 2rem; }
    @media screen and (max-width: 767px) {
      .wwa .wwa__content .wwa__block {
        margin-bottom: 1.5rem; } }
    .wwa .wwa__content .wwa__block img {
      display: block;
      margin: 0 auto 0.9375rem; }
    .wwa .wwa__content .wwa__block p {
      text-align: center;
      margin-bottom: 0;
      line-height: 1.5; }
    .wwa .wwa__content .wwa__block .wwa__block--name {
      font-size: 1rem;
      font-weight: 700; }
    .wwa .wwa__content .wwa__block .wwa__block--title {
      font-size: 0.8125rem; }

/* -- What we do -- */
.wwd .col-content {
  padding: 0 3rem 1rem;
  color: white; }
  @media screen and (max-width: 991px) {
    .wwd .col-content {
      padding: 0 2rem 1rem; } }
  @media screen and (max-width: 767px) {
    .wwd .col-content {
      padding: 0 1rem 1rem; } }

.wwd .wwd__wrap {
  position: relative; }
  .wwd .wwd__wrap .wwd__sidebar {
    background-color: #407EC9;
    background: url(../images/ffbf_blue_bg.png) no-repeat center center;
    background-size: cover;
    padding-top: 5rem;
    padding-bottom: 5rem;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .wwd .wwd__wrap .wwd__sidebar {
        text-align: center;
        padding: 3rem 1rem; } }
    @media screen and (max-width: 575px) {
      .wwd .wwd__wrap .wwd__sidebar {
        padding-top: 1.5rem;
        padding-bottom: 2.5rem; } }
    .wwd .wwd__wrap .wwd__sidebar .sidebar--img {
      height: 6.25rem; }
    .wwd .wwd__wrap .wwd__sidebar h4 {
      color: white;
      font-weight: 700;
      font-size: 1rem;
      letter-spacing: -0.2px; }
  .wwd .wwd__wrap .wwd__content {
    padding-top: 6.25rem; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .wwd .wwd__wrap .wwd__content {
        padding-top: 0; } }
    @media screen and (max-width: 767px) {
      .wwd .wwd__wrap .wwd__content {
        padding-top: 0;
        margin-bottom: 2.125rem;
        margin-top: 1.5rem; } }
  @media screen and (min-width: 992px) {
    .wwd .wwd__wrap {
      padding-bottom: 11.875rem; } }
  @media screen and (max-width: 991px) {
    .wwd .wwd__wrap {
      padding-bottom: 8.875rem; } }
  @media screen and (max-width: 575px) {
    .wwd .wwd__wrap {
      padding-bottom: 1.875rem; } }

.top__btn {
  display: none;
  position: fixed;
  bottom: 1.25rem;
  right: 2rem;
  z-index: 99;
  border: none;
  outline: none;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  cursor: pointer;
  padding: 0.6rem;
  border-radius: 4px; }
  .top__btn:hover {
    background-color: #555;
    color: white;
    text-decoration: none; }

.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message,
.frm_style_formidable-style.with_frm_style input[type=submit],
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button],
.frm_style_formidable-style.with_frm_style .frm_submit button,
.frm_form_submit_style,
.frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit] {
  background-color: #407EC9;
  color: white;
  border-radius: 0;
  font-weight: 700;
  font-size: 0.8rem;
  padding: 0.5rem 1.5rem;
  border: 0; }
  .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message:active,
  .frm_style_formidable-style.with_frm_style input[type=submit]:active,
  .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:active,
  .frm_style_formidable-style.with_frm_style .frm_submit button:active,
  .frm_form_submit_style:active,
  .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]:active {
    background-color: #193557;
    color: white; }
  .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message:hover, .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message:focus,
  .frm_style_formidable-style.with_frm_style input[type=submit]:hover,
  .frm_style_formidable-style.with_frm_style input[type=submit]:focus,
  .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover,
  .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:focus,
  .frm_style_formidable-style.with_frm_style .frm_submit button:hover,
  .frm_style_formidable-style.with_frm_style .frm_submit button:focus,
  .frm_form_submit_style:hover,
  .frm_form_submit_style:focus,
  .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]:hover,
  .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]:focus {
    background-color: #244d7f;
    color: white; }

/* -- Contact -- */
.contact .contact__wrap {
  background-color: #F0F0F0;
  padding-top: 6.875rem;
  padding: 6.875rem 5rem 3.75rem; }
  @media screen and (max-width: 767px) {
    .contact .contact__wrap {
      padding: 2.5rem 3.125rem; } }

/* --- Legend --- */
@media screen and (min-width: 768px) {
  #myChart {
    margin-left: 150px; } }

@media screen and (max-width: 767px) {
  #myChart {
    height: 700px; } }

@media screen and (max-width: 767px) {
  #legend .chart-wrap {
    height: 300px !important; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #legend {
    width: 33%; } }

@media screen and (min-width: 768px) {
  #legend {
    position: absolute;
    top: 50px;
    left: 50px; } }

#legend ul {
  list-style: none;
  padding: 0; }
  @media screen and (max-width: 767px) {
    #legend ul {
      text-align: center; } }
  #legend ul li {
    margin-bottom: 0.625rem;
    display: flex;
    align-items: center;
    font-size: 13px; }
    @media screen and (max-width: 767px) {
      #legend ul li {
        display: inline-flex;
        margin: 8px; } }
    #legend ul li span {
      width: 1rem;
      height: 1rem;
      margin-right: 0.625rem; }
      @media screen and (max-width: 767px) {
        #legend ul li span {
          margin-right: 5px; } }

/* -- Financial -- */
.financial__wrap {
  color: white;
  background-color: #407EC9;
  padding: 4.975rem 5rem 3.75rem;
  margin: 6.25rem auto; }
  @media screen and (max-width: 767px) {
    .financial__wrap {
      padding: 2.5rem 3.125rem; } }

.financial__doc {
  background-color: #F0F0F0;
  padding: 15px 20px;
  color: black;
  margin-right: 5px;
  white-space: nowrap;
  display: inline-block;
  margin-top: 10px; }

.financial img.download__icon {
  width: 25px;
  height: auto;
  margin-right: 8px;
  padding-bottom: 3px; }

.frm_style_formidable-style.with_frm_style .form-field {
  margin-bottom: 0; }

.fund_form .frm_submit {
  margin-top: 1.25rem; }

.formBtn {
  border-radius: 0;
  border: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  background-color: #407EC9;
  font-size: 0.875rem;
  padding: 0.625rem 1.875rem; }

/* -- Footer -- */
.site-footer {
  text-align: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }
  .site-footer p {
    font-size: 0.875rem; }
    .site-footer p a {
      color: #2B2B2B; }

/*# sourceMappingURL=style.css.map */