/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* EkMukta Font */
@font-face {
  font-family: "EkMukta";
  src: url('/fonts/EkMukta-ExtraLight.ttf') format('truetype');
  font-weight: 200; /* normal */
  font-style: normal;
}

@font-face {
  font-family: "EkMukta";
  src: url('/fonts/EkMukta-Light.ttf') format('truetype');
  font-weight: 300; /* normal */
  font-style: normal;
}

@font-face {
  font-family: "EkMukta";
  src: url('/fonts/EkMukta-Regular.ttf') format('truetype');
  font-weight: 400; /* normal */
  font-style: normal;
}

@font-face {
  font-family: "EkMukta";
  src: url('/fonts/EkMukta-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "EkMukta";
  src: url('/fonts/EkMukta-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "EkMukta";
  src: url('/fonts/EkMukta-Bold.ttf') format('truetype');
  font-weight: 700; /* bold */
  font-style: normal;
}

@font-face {
  font-family: "EkMukta";
  src: url('/fonts/EkMukta-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}


/* CitaPro Font */
@font-face {
  font-family: "CitaPro";
  src: url('/fonts/CitaPro-Regular.otf') format('truetype');
  font-weight: 400; /* normal */
  font-style: normal;
}

/* source for mapping numbers to files: https://qr.ae/pGVP9G */

h1, h2, h3, h4 {
  margin-bottom: 4px !important;
}
 
p {
  margin-bottom: 16px !important;
}

.markdown a {
  text-decoration: underline;
}

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #5C57A2;
  --ifm-color-primary-dark: #534e92;
  --ifm-color-primary-darker: #4e4a8a;
  --ifm-color-primary-darkest: #403d71;
  --ifm-color-primary-light: #6a65ad;
  --ifm-color-primary-lighter: #726db1;
  --ifm-color-primary-lightest: #8a86be;
  --ifm-code-font-size: 95%;

  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
  --ifm-heading-font-family:"EkMukta", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';  
  --ifm-heading-font-weight: 700;
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
  --ifm-color-primary: #ff8500;
  --ifm-color-primary-dark: #e67800;
  --ifm-color-primary-darker: #d97100;
  --ifm-color-primary-darkest: #b35d00;
  --ifm-color-primary-light: #ff911a;
  --ifm-color-primary-lighter: #ff9726;
  --ifm-color-primary-lightest: #ffaa4d;
}

/* Cards */
.card {
  margin: 2em 0em;
  border: 0;
  border-radius: 0;
}

a .card {
  color: var(--near-font-color);
}

a:hover {
  text-decoration: none;
}

.card:hover {
  -webkit-transform: translateY(-0.5em);
  -moz-transform: translateY(-0.5em);
  -o-transform: translateY(-0.5em);
  -ms-transform: translateY(-0.5em);
  transform: translateY(-0.5em);
}

.card__image {
  overflow: hidden;
  border: 0;
  max-height: 215px;
}

.card__image img {
  min-width: 100%;
}

.card__body h3 {
  margin: 0em 0 0.3em 0 !important;
  color: var(--ifm-font-color-base);
}

.card__body {
  color: var(--ifm-font-color-base);
}

.into-cards {
  zoom: 90%;
}

.intro_image {
  zoom: 55%;
}