html { font-size: 1.7vw; }



@font-face {
src: url('../../fonts/equity_ot_a_regular.woff2') format('woff2');
font-family: equity;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
font-variant-numeric: oldstyle-nums;
font-feature-settings: 'onum' on; 
}

@font-face {
src: url('../../fonts/equity_ot_a_italic.woff2') format('woff2');
font-family: equity;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
font-variant-numeric: oldstyle-nums;
font-feature-settings: 'onum' on; 

}

@font-face {
src: url('../../fonts/equity_ot_a_bold.woff2') format('woff2');
font-family: equity;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
font-variant-numeric: oldstyle-nums;
font-feature-settings: 'onum' on; 
}

@font-face {
src: url('../../fonts/equity_ot_a_bold_italic.woff2') format('woff2');
font-family: equity;
font-style: italic;
font-weight: bold;
font-stretch: normal;
font-display: auto;
font-variant-numeric: oldstyle-nums;
font-feature-settings: 'onum' on;
}


@font-face {
font-family: concourse;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
font-variant-numeric: oldstyle-nums;
font-feature-settings: 'onum' on; 
src: url('../../fonts/concourse_ot_3_regular.woff2') format('woff2');
}

@font-face {
font-family: concourse;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
font-variant-numeric: oldstyle-nums;
font-feature-settings: 'onum' on; 
src: url('../../fonts/concourse_ot_3_bold.woff2') format('woff2');
}

@font-face {
font-family: concourse;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
font-variant-numeric: oldstyle-nums;
font-feature-settings: 'onum' on; 
src: url('../../fonts/concourse_ot_3_italic.woff2') format('woff2');
}


@font-face {
font-family: concourse;
font-style: italic;
font-weight: bold;
font-stretch: normal;
font-display: auto;
font-variant-numeric: oldstyle-nums;
font-feature-settings: 'onum' on; 
src: url('../../fonts/concourse_ot_3_bold_italic.woff2') format('woff2');
}


@font-face {
font-family: concourse_index;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('../../fonts/concourse_index_regular.woff2') format('woff2');
}

@font-face {
	font-family: advocate_slab;
	src: url('../../fonts/advocate_ot_slab_34_narr_reg.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: advocate;
    src: url('../../fonts/advocate_ot_34_narr_reg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: huronia;
    src: url('../../fonts/HuroniaComplete2BETA-Regular.woff2') format('woff2');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: huronia;
    src: url('../../fonts/HuroniaComplete2BETA-Italic.woff2') format('woff2');
    font-weight: normal;
	font-style: italic;
}

@font-face {
    font-family: noto_serif;
    src: url('../../fonts/NotoSerif-VariableFont_wdth,wght.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: noto_serif;
    src: url('../../fonts/NotoSerif-Italic-VariableFont_wdth,wght.woff2') format('woff2');
    font-style: normal;
}


.derivative {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 79.5%;
    padding-bottom: 2vh;
    padding-top: 2.3%;
}

h1{
    display: inline-block;
    font-family: advocate_slab;
    box-sizing: border-box;
    background: transparent;
}

h1:active {
  text-decoration: underline;
  background-color: rgba(251, 243, 243, 1);
  color: #444;
  transition: background-color 0.2s ease-in-out;
}

h3{
    font-family: equity;
}

.container {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    max-width: 79.5%;
    margin-top: .5vh;
    padding-bottom: 2vh;
}

.button,
.prologue {
    box-sizing: border-box;
    font-family: advocate;
    font-size: 1.4em;
    margin: 0;
    padding: 0;
}

.button {
    float: right;
}

.prologue {
    float: left;
}

body {
    margin-left: 10%;
    margin-right: 6%;
    padding-bottom: 7%;
    width: 100%;
    max-width: 78%;
    min-height: 100%;
    position: relative; z-index: -10000; -webkit-font-smoothing: subpixel-antialiased; /* corrects safari rendering */
  font-family: "equity_b";
    }

.footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 7vh;
    padding-top: 3vh;
}

.spacer {
    height: 0.91vh;
}

.lineheight {
    margin-bottom: 0.4vw;
}



.button:hover {
  transition-duration: 0.3s;
  text-decoration: underline;
  background-color: rgba(251, 243, 243, 1);
  color: #444;
}

.show-all {
    box-sizing: border-box;
    float: right;
}


.entry {
    display: flex;
    align-items: flex-start;
    padding-top: 1.35vh;
    padding-bottom: 1.35vh;
}

.quotation {
    max-width: 77%;
    display: block;
    font-family: equity;
    font-size: 0.98rem;
    font-variant-numeric: oldstyle-nums;
}

.quotation-box {
    flex: 1;
    padding-right: 8vw;
}

.anecdote {
    padding-left: 3%;
    max-width: 90%;
    display: block;
    font-family: equity;
    font-size: 0.98rem;
    font-variant-numeric: oldstyle-nums;
}

.wrapper {
    box-sizing: border-box;
  display: inline-block;
    margin-top: 0;
    font-family: equity;
    font-style: italic;
    font-size: 0.83rem;
    font-variant-numeric: oldstyle-nums;
    text-align: left;
}

.wrapper:hover {
  transition-duration: 0.3s;
  text-decoration: underline;
  background-color: rgba(251, 243, 243, 1);
  color: #444;
  display: inline-block;
}

.author-box {
    display: flex;
    flex: .5;
    flex-direction: row;
    align-items: flex-start;
    padding-left: 0vw;
    margin-left: 0;
    text-align: left;
}


.columnette {
    flex: 1;
    flex-direction: row;
    line-height: 1.2;
    font-size: 0.764rem;
    padding-bottom: .3vh;
}
  
.deco-line {
  width: 61%;
  border: 15px solid transparent; /* control the offset of the lines */
  outline: 2px solid #000; /* adjust the 2px here */
  outline-offset: -10px; /* control the offset of the rectangle */
  background:
    linear-gradient(#000 0 0) top,
    linear-gradient(#000 0 0) left,
    linear-gradient(#000 0 0) bottom,
    linear-gradient(#000 0 0) right,
    linear-gradient(45deg, #000 25%, transparent 25%) 0 0,
    linear-gradient(-45deg, #000 25%, transparent 25%) 0 0;
  background-size: 200% 2px, 2px 200%, 20px 20px, 20px 20px; /* adjust sizes as needed */
  background-origin: padding-box;
  background-repeat: no-repeat;
  padding: 0vw 1vw;
}

#deco-element {
    transform: scale(0.4);
    margin-left: -33%;
}

h1{
    font-family: advocate_slab;
}

h2{
    font-family: advocate;
}

h3{
    font-family: equity;
}

.box {
  border:15px solid transparent; /* control the offset of the lines */
  outline:2px solid #000; /* adjust the 2px here */
  outline-offset:-10px; /* control the offset of the rectangle */
  background:
    linear-gradient(#000 0 0) top,
    linear-gradient(#000 0 0) left,
    linear-gradient(#000 0 0) bottom,
    linear-gradient(#000 0 0) right;
  background-size:200% 2px,2px 200%; /* adjust the 2px here */
  background-origin:padding-box;
  background-repeat:no-repeat;
  padding: 0vw 1vw;
}

.parenthetical {
    font-family: equity;
    font-style: italic;
    font-size: 0.8rem;
    font-variant-numeric: oldstyle-nums;
    padding: 0rem 0.34rem 0rem 0rem;
}

#minicols {
    display: flex;
    align-items: flex-start;
    max-width: 84%;
}

#foreign {
    font-family: huronia;
    font-size: 0.764rem;
    flex: .8;
}

#notforeign{
    flex: 1.1;
}

#block {
    font-size: 0.9rem;
     max-width: 84%;
}

#inset {
    margin-left: 3%
}

.response {
     margin-left: 7%
}

.poem {
     margin-left: 3%
}

.greek {
    font-family: huronia;
    font-style: italic;
    font-size: 0.98rem;
    padding: 0rem 0.34rem 0rem 0rem;
}

.cyrillic{
    font-family: 'Noto Serif';
    font-style: normal;
    font-size: 0.88rem;
    padding: 0rem 0.34rem 0rem 0rem;
}

.hebrew{
    font-family: 'Noto Serif';
    font-style: normal;
    font-size: 0.88rem;
    padding: 0rem 0.34rem 0rem 0rem;
}

.foreign{
    font-family: huronia;
    font-style: italic;
    font-size: 0.98rem;
}


.pompous {
    font-family: advocate_slab;
    font-size: 0.82rem;
}

.fraction {
    font-feature-settings: "frac" 1;
}

.precis{
    padding-top: 2vw;
}

.backToTopButton{
}

.hover:hover {
  transition-duration: 0.3s;
  text-decoration: underline;
  background-color: rgba(251, 243, 243, 1);
  color: #444;
  display: inline-block;
}

.small-caps {
    font-family: equity;
    font-feature-settings: 'ss10' on;
}

.itemization {
    font-size: 0.8rem;
    line-height: 0.94rem;
    padding: 0.1em;
        }
        
#itemization{
            margin: 0; /* Reset default margin */
            margin-left: 1.5em; /* Set left margin for all paragraphs */
            text-indent: -1.5em; /* Adjust the indentation for the first line */
        }