/* Import Geomanist font */
@import url('/assets/fonts/geomanist.css');

div>a{
  color: var(--mango-green) !important;
}
:root {
  --mango-green: #0CAF6D;
}
.text-brand {
  color: var(--mango-green) !important;
}
.bg-brand-light {
  background-color: rgba(12, 175, 109, 0.1) !important;
}

/* navbar */

nav.navbar{
  background-color: #EDF2F7 !important;
}


body {
    font-family: 'Geomanist', sans-serif;
    background-color: rgb(255, 255, 255);
    -webkit-font-smoothing: antialiased;
  }

  /* animation for texts */
  @keyframes textAnimation {
    0% { transform: translateX(100%); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* menu items */
@media (max-width: 767px) {
  .offcanvas-body .nav-link {
    font-weight: 400;
    font-size: 1.2rem;
    color: #090A0D !important;
    line-height: 0.95rem;
    padding-left: 15px;
    animation: textAnimation 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  }
  .offcanvas-title{
    font-weight: 600;
  }
}
a.nav-link{
  font-weight: 400;
  color:#090A0D;
  -webkit-font-smoothing: antialiased;
}


.btn-rf{
  background-color: #0caf6d;
  font-weight: 400;
  font-size: 16px;
  width: auto;
  height: auto;
  border-radius: 5px;
  padding: 5px;
  color: white !important;
}
.btn-rf:hover{
  background-color: #0caf6d;
  font-weight: 500;
  color: white !important;
}

/* Fix ALL green/success button text colors for visibility across entire site */
/* Normal state */
.btn-success,
.btn-qasa,
.btn-primary,
.badge.bg-success,
button.btn-success,
a.btn-success,
button.btn-primary,
a.btn-primary,
.btn.btn-success,
.btn.btn-primary,
[class*="btn-success"],
[class*="btn-qasa"],
.bg-success,
.btn-info {
  color: white !important;
}

/* Hover, focus, and active states */
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-qasa:hover,
.btn-qasa:focus,
.btn-qasa:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
button.btn-success:hover,
a.btn-success:hover,
button.btn-primary:hover,
a.btn-primary:hover,
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  color: white !important;
}

/* Outline success buttons */
.btn-outline-success {
  color: #0B7D3F !important;
  border-color: #0B7D3F !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
  background-color: #0B7D3F !important;
  border-color: #0B7D3F !important;
  color: white !important;
}

/* Links inside buttons should be white */
.btn-success a,
.btn-primary a,
.btn-qasa a,
.btn-rf a,
.btn-info a {
  color: white !important;
  text-decoration: none !important;
}