/* Typography */
@import url('https://rsms.me/inter/inter.css');
@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@300;400;500;600&display=swap');

body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Lucida Grande', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
.navbar-brand {
  font-family: 'Epilogue', 'Inter', -apple-system, BlinkMacSystemFont, 'Lucida Grande', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

@supports (font-variation-settings: normal) {
  body { font-family: 'Inter var', -apple-system, BlinkMacSystemFont, 'Lucida Grande', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }
  
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6,
  .display-1, .display-2, .display-3, .display-4, .display-5, .display-6,
  .navbar-brand {
    font-family: 'Epilogue', 'Inter var', -apple-system, BlinkMacSystemFont, 'Lucida Grande', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
}

.navbar .navbar-brand.show-on-shrink {
  visibility: hidden;
}
.navbar.shrink .navbar-brand.show-on-shrink {
  visibility: visible;
}

/* Colours */
.bg-kaeru-flipnote-orange { background-color: #f64b01; }
.bg-kaeru-black { background-color: #000; }
.bg-kaeru-navy { background-color: rgb(12, 21, 30); }
.text-kaeru-lavender { color: rgb(155, 163, 186); }

.navbar-dark.bg-kaeru-flipnote-orange .navbar-nav .nav-link:focus, .navbar-dark.bg-kaeru-flipnote-orange .navbar-nav .nav-link:hover {
  color: rgb(255,255,255);
}
.navbar-dark.bg-kaeru-flipnote-orange .navbar-nav .nav-link {
  color: rgba(255,255,255,.75);
}

/* Footer */
footer a {
  color: #6c757d!important;
}
footer.bg-kaeru-navy a {
  color: rgb(155, 163, 186)!important;
}
footer.bg-kaeru-navy a:hover {
  color: #fff!important;
}

.footer-group {
  margin-bottom: 1em;
}
.footer-group .footer-group__title:not(:first-of-type) {
  margin-top: 1em;
  margin-bottom: 0.25eem;
}

html, body { height: 100%; }
body {
  padding-top: 56px;
}

.banner {
  text-align: center;
  margin-top: -56px;
  /* min-height: 640px; */
  
  background: rgb(12, 21, 30);
  /* background: rgb(29,194,57);
  background: -moz-linear-gradient(135deg, rgba(29,194,57,1) 0%, rgba(86,255,112,1) 45%, rgba(145,255,109,1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(29,194,57,1) 0%, rgba(86,255,112,1) 45%, rgba(145,255,109,1) 100%);
  background: linear-gradient(135deg, rgba(29,194,57,1) 0%, rgba(86,255,112,1) 45%, rgba(145,255,109,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1dc239",endColorstr="#91ff6d",GradientType=1); */
}

nav.site-header {
  background: rgb(12, 20, 29);
}
nav.site-header.has-banner {
  -webkit-transition: padding-top .3s,padding-bottom .3s;
  -moz-transition: padding-top .3s,padding-bottom .3s;
  transition: padding-top .3s,padding-bottom .3s;
  border: none;
  background: transparent;
}

nav.site-header.shrink {
  padding-top: 0;
  padding-bottom: 0;
  background: rgba(12, 20, 29, .85);
  /* -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px); */
}

main section {
  margin: 4rem 0;
}

.rounded-lg, .card, .dropdown-menu {
  border-radius: .6rem!important;
}

.bg-gray-200 {
  background-color: #e9ecef!important;
}