/* Extra Large devices (desktops, less than 75em) */
@media (min-width: 1200px) {
    .display-1 {
        font-size: 300%;
    }

    .display-2 {
        font-size: 230%;
    }
}

/* Large devices (desktops, less than 75em) */
@media (max-width: 1200px) {
  .display-1 {
    font-size: 500%;
  }

  .display-2 {
    font-size: 148%;
  }
}

/* Medium devices (tablets, less than 62em) */
@media (max-width: 992px) {
    .display-1 {
        font-size: 270%;
    }
  .display-2 {
    font-size: 148%;
  }
}

/* Small devices (landscape phones, less than 48em) */
@media (max-width: 768px) {
    .display-1 {
        font-size: 350%;
    }

  .display-2 {
    font-size: 118%;
  }

  .table-col {
      min-width: unset !important;
      max-width: 100% !important;
  }
}

/* Extra small devices (portrait phones, less than 34em) */
@media (max-width: 544px) {
    .display-1 {
        font-size: 250%;
        text-align: center;
    }

  .display-2 {
    font-size: 80%;
    /* TODO: Once Bootstrap is upgraded, instead use class text-xs-center */
    text-align: center;
  }

  .navbar-collapse li {
    border-bottom: 1px solid #666;
    padding: 0.5em 1em 0.4em;
  }

  .navbar-toggler {
    padding: 0.3em;
  }
}


/* Main styles */
@font-face { 
    font-family: Cutive;
    src: url(./cutive.regular.ttf);
}

.display-2 {
  font-weight: bold;
  margin: 0;
}

h1, h2, h3, h4, h5 {
    font-family: 'Cutive', serif;
}

h6 {
  font-family: 'Cutive', serif;
  margin: 1.8rem 0 0.8rem 0;
  font-size: 100%;
  line-height: 1.6rem;
}

h6:first-child {
  margin-top: 0.8rem;
}

nav {
  font-family: 'Cutive', serif;
}

.banner, .gutter {
    background-color: #eceeef;
}

.sidebar-module-inset {
    padding: 1rem;
    background-color: #f5f5f5;
    border-radius: .25rem;
}

/* Navigation menu styles. */
.dropdown-pull-right {
    float: right !important;
    right: 0;
    left: auto;
}

.dropdown-pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropdown-item:last-of-type { 
    margin-bottom: 0 !important;
}


/* Sticky footer styles */
.footer {
    background-color: #f5f5f5;
}

.footer a {
    margin: 0 0.75rem;
}

/* Markdown spices */
img[src~="autoscale"] {
    width: calc(100% - (0.3655 * 100vw - 182.7px)) !important;
}

img[src~="center"] {
    display: block;
    margin: auto;
}

.md > h2 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.md > h2:first-of-type {
    margin-top: 0;
}

.md > h5 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;    
}

/* home.html */
.banner > .container:has(#banner) {
    max-width: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#banner {
    height: 12.5rem;
}

#banner h1 {
    color: rgba(255, 255, 255, .80) !important;
}

/* block/table.html */
.table-col {
    max-width: 66.6666667%;
    min-width: 50%;
}


/* block/children_list.html */
.rec-children-icon {
    max-width: 3.5rem;
}