/* General */
html { scroll-padding-top: 8rem; }
body { background-color: #f4f4f4; }

figure > img { margin: 12px, 0; }   /* where used? */

section.circle:after {background: #f4f4f4;}
section.circle2:after {background: #f4f4f4;}

/* fonts */
@font-face {
    font-family:Mulish;
    src: url(/assets/fonts/Mulish-Variable.ttf);
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:Mulish-Italic;
    src: url(/assets/fonts/Mulish-Italic-Variable.ttf);
    font-weight:normal;
    font-style:italic;
}

@font-face {
    font-family:Astropi;
    src: url(/assets/fonts/AstroPiRegular.ttf);
    font-weight:normal;
    font-style:normal;
}

.astropi {
    font-family: 'Astropi' !important;
    font-size: 2em;
    color: red !important;
}

/* Articles */
article#top > div.container a {
    font-size: 14px;    /* MK:DEP */
    color: #415364;  /* from glossary */
    color: #4b5e70; /* from glossary_item */
}

article#top > div.container a:hover {
    color: #63221a;
}

blockquote > p {
    font-size: .8em !important;
    margin-left: 4em;
}

a.pet {
    box-shadow: inset 0 0 0 0 #ab9e81;
    color: #2b2b2b;
    margin: 0 -.25rem;
    padding: 0 .25rem;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    font-weight: normal;
}

a.pet:hover {
    box-shadow: inset 100px 0 0 0 #ab9e81;
    font-weight: normal;
}

a.peti {
    box-shadow: inset 0 0 0 0 #ab9e81;
    color: #2b2b2b;
    margin: 0 -.25rem;
    padding: 0 .25rem;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    font-weight: normal;
}

a.peti:hover {
    box-shadow: inset 100px 0 0 0 #ab9e81;
    font-weight: normal;
}

/* Glossary */

#the-filter {
    border-radius: 4px;
    border: 2px;
    padding: 4px;
}
button#clear {
    cursor: pointer;
    color: white;
    background-color: grey !important;
    border: none;
    border-radius: 50%;
    position: relative;
    left: -28px;
    top: -1px;
    font-size: smaller;
}

ul#the-list > li > a { color: #4b5e70; }

#main-list p {
    font-family: Mulish;
    font-size: 1em;
    font-weight: 350;
}
#main-list em, #main-list i {
    font-family: Mulish-Italic;
    font-size: 1em;
}

/* #glossary_entry p {
    font-family: Mulish;
    font-size: 1em;
    font-weight: 350;
} */
#glossary_entry em, #glossary_entry i {
    font-family: Mulish-Italic;
    font-size: 1em;
}
/* #glossary_entry a {
    font-family: Mulish-Italic;
    font-size: 1em;
} */

/* Deb */
a {
    font-family: Mulish ;
    font-size: 1em;
    font-weight: 600;
}

.f4 { background: #f4f4f4 }

.it {
    font-family: Mulish-Italic;    
    font-size: 1em;
    font-style: italic;
}

ul {
    font-family: Mulish ;
    list-style-type: circle;
}

li {
    font-family: Mulish ;
    list-style-type: disc;
}

ol > li { list-style-type: decimal; }

header ul.navbar-nav a {
    font-family: Montserrat;
}