/* ===============================================
 * Makes the footer stick to the bottom.
 */
html, body {
  height: 100%;       /* Full viewport height */
  margin: 0;          /* Remove default margins */
  overflow-x: hidden; /* Prevent horizontal scroll */
}

main {
  flex: 1 0 auto;    /* Grow, don't shrink, auto height */
  width: 100%;       /* Prevent width fluctuations */
}

.footer {
  flex-shrink: 0;    /* Prevent footer from shrinking */
  width: 100%;       /* Full-width stability */
}

.footer__copyright {
  margin-top: auto; /* Critical for sticky effect */
}

/* ===============================================
 * reduce margines of some page elements to
 * condense page layout.
 */
.hero {
    margin: 0;
}

.post {
    margin: 0;
    padding: 0;
}

.post__title {
    margin: unset;
}

/* Reduce top and bottom margine on horizontal ruller
 */
hr {
    margin-top: calc(var(--baseline) * 2);
    margin-bottom: calc(var(--baseline) * 2);
}

.active > a{
  color: #FFA96B !important;
}


/* ===============================================
 * In content of the page (class="post_entry")
 * (which is generated in "Publli app" interface)
 * Any list should be offseted by 3m to the
 * right. This wal, lists are indented relative
 * to the text.
 */
.post__entry ul {
     margin-left: 3rem;
}

/* ===============================================
 * Change font size in footer copyright. Also
 * change colof of links in copyright text.
 */

.container {
    padding: var(--page-margin);
    padding-bottom: 0px;
}
a:-webkit-any-link {
    text-decoration: none;
}

h4 a {
  color: #e67e23;
}