/* jonolist/css/style.css */

@import url('https://api.fontshare.com/css?f[]=tanker@400,700&display=swap');
@import url('https://api.fontshare.com/css?f[]=satoshi@400,700&display=swap');

body {
  font-family: 'Satoshi', Arial, sans-serif;  
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  font-family: 'Tanker', Impact, serif;
  font-weight: 700;
}

a.h1 {
  text-decoration: none;
}

a.h1:hover {
  text-decoration: underline;
}

.cursor-pointer {
  cursor: pointer;  
}

[x-cloak] { 
  display: none !important; 
}

/* custom adjustments for sticky header */

.thead-dark.sticky-top {
  z-index: 1020;
}

@media screen and (min-width: 992px) {
  .thead-dark.sticky-top {
    top: 76px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .thead-dark.sticky-top {
    top: 74px;
  }
}

@media screen and (max-width: 768px) {
  .thead-dark.sticky-top {
    top: 72px;
  }
}