.home {
  margin: 0;
  padding: 0;

  font-family: Arial;
}


.ibe-container {
  padding: 0 1.5rem;

  margin-right: auto;
  margin-left: auto;

  max-width: 1320px;
}


.ibe-header img,
.ibe-footer img {
  max-width: 100%;
  height: auto;
}



.ibe-header {
  border-bottom: 1px solid #dcdcdc;
  padding: 1rem 0;
}


#navbar_main {
  padding: 0;

  ul {
    margin-left: auto;

    li {
      padding: 1rem .5rem;
      margin: auto 0;
      border-bottom: 2px dotted rgba(25,8,81,.2);

      > a {
        padding: 1rem auto;
        display: block;
        font-size: 1.25rem;

        color: #190851;
        text-decoration: none;


      }

      &:last-child { padding-right: 0; }
      &:hover > a { color: #a890fe; }

      @media (min-width: 1200px) {
        padding-right: 3rem;
        border-bottom: none;

        a { color: black;  }
      }
    }
  }

  .offcanvas-xl {
    background: #fbf9f2;

    @media (max-width: 767.98px) { width: 100vw !important; }
    @media (min-width: 768px) and (max-width: 1199.98px) { width: 50vw !important; }
  }
  .offcanvas-header { position: relative; height: 70px; }
}


.navbar-toggler.custom-toggler {
  font-size: 2rem;
  background: none;
  border: 0;
  padding: 0;
  margin-left: 1.5rem;

  .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(25, 8, 81, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }
}


.ibe-wrapper { padding: 3rem 0; }


.ibe-footer {
  padding: 3rem 0;

  color: white;

  background-image: url(../images/footer-pattern.webp);
  background-repeat: repeat;
  background-position: center;
  background-size: 50% !important;
  background-attachment: inherit;
}

.ibe-footer .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.navbar-footer {
  margin-top: 3rem;

  ul {
    display: inline-flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;

    li {
      padding: 0 .8rem;

      a {
        color: white; text-decoration: none;
        &:hover { color: #a890fe; }
      }
    }
  }
}


@media (min-width: 576px) {
  .ibe-footer .container { justify-content: start; }
  .navbar-footer { margin-top: 0; margin-left: auto; }
}