@font-face {
    font-family: 'PlayfairDisplay Black';
    font-weight: 400;
    src: url("../fonts/PlayfairDisplay-Black.woff") format('woff');
}

@font-face {
    font-family: 'PlayfairDisplay Italic';
    font-weight: 400;
    src: url("../fonts/PlayfairDisplay-Italic.woff") format('woff');
}

@font-face {
    font-family: 'PlayfairDisplay BlackItalic';
    font-weight: 400;
    src: url("../fonts/PlayfairDisplay-BlackItalic.woff") format('woff');
}

@font-face {
    font-family: 'PlayfairDisplay Bold';
    font-weight: 400;
    src: url("../fonts/PlayfairDisplay-Bold.woff") format('woff');
}

@font-face {
    font-family: 'PlayfairDisplay BoldItalic';
    font-weight: 400;
    src: url("../fonts/PlayfairDisplay-BoldItalic.woff") format('woff');
}

@font-face {
    font-family: 'PlayfairDisplay Regular';
    font-weight: 400;
    src: url("../fonts/PlayfairDisplay-Regular.woff") format('woff');
}

@font-face {
    font-family: 'PlayfairDisplay SC-Regular';
    font-weight: 400;
    src: url("../fonts/PlayfairDisplaySC-Regular.woff") format('woff');
}

@font-face {
    font-family: 'VG5000-Regular';
    font-weight: 400;
    src: url("../fonts/VG5000-Regular_web.woff") format('woff');
}

button, [type=button] {
    -webkit-appearance: none;
}

html {
    font-size: 1.2em;
    @apply bg-CoconutCream;
}

img {
    @apply py-2;
}

/* purgecss ignore */
h1 {
    @apply text-3xl;
    break-after: avoid;
}

/* purgecss ignore */
h2 {
    @apply text-2xl;
    break-after: avoid;
}

/* purgecss ignore */
h3 {
    @apply text-xl;
    break-after: avoid;
}

/* purgecss ignore */
blockquote {
    @apply italic;
}

p {
    @apply pb-2 leading-tight;
}

footer {
    @apply font-vg5000 text-xs text-Revolver;
}

article ul {
    @apply relative list-none ml-0 pl-3;
}

article ul li:before {
    @apply font-vg5000 text-AuChico text-xs left-0 absolute pt-2 pb-2;
	  content: "•";
}

article li {
    @apply pl-2;
}

a {
    @apply text-AuChico;
}

a:hover {
    @apply underline;
}

.edit-button {
    @apply border-b-4 border-CoconutCream px-1 bg-AuChico mb-2 font-vg5000 text-CoconutCream;
}

.edit-button:hover {
    @apply bg-CoconutCream text-AuChico border-b-2 border-AuChico;
}

.title-text {
    @apply font-playfair text-4xl text-AuChico;
}

.title-pretext {
    @apply font-vg5000 text-base text-AuChico;
}
.content-text {
    @apply font-playfair text-xl text-Revolver;
}

.sidebar-title {
    @apply font-vg5000 text-base text-AuChico;
}

.sidebar-list {
    @apply font-vg5000 text-xl text-AuChico;
}

.logo {
    @apply font-vg5000 text-xl text-AuChico pt-2;
}

/* dropdown menu */

.ddmenu .sidebar-title {
    cursor: pointer;
}

.ddmenu input {
    display: none;
}

.ddmenu .hiddendiv {
    @apply pb-1 hidden;
}

.ddmenu input:not(:checked) ~ .hiddendiv {
    @apply block pb-4;
}

#TableOfContents {
    @apply font-vg5000 text-xl text-AuChico -ml-2;
}

#TableOfContents ul {
    @apply ml-2;
}

#TableOfContents li:before {
    content: "> ";
}