/* Antonis Tsolomitis for Lab of Digital Typography http://myria.math.aegean.gr/labs/dt/ */

/* Upright & Small Caps */



@font-face {
font-family:'BrisaSans-Regular-SmallCaps';
src: url('https://pythagoras.samos.aegean.gr/fonts/BrisaSans-Medium.otf') format("opentype");
font-weight: 400;
font-style: normal;
font-variant: normal;
font-stretch: normal;
unicode-range: U+0020-FFFC;
/* font-feature-settings: "smcp" 1; */
}

@font-face {
font-family:'BrisaSans-Regular-noonums';
src: url('https://pythagoras.samos.aegean.gr/fonts/BrisaSans-Regular.otf') format("opentype");
font-weight: 400;
font-style: normal;
font-variant: normal;
font-stretch: normal;
unicode-range: U+0020-FFFC;
}

@font-face {
font-family:'BrisaSans-Regular';
src: url('https://pythagoras.samos.aegean.gr/fonts/BrisaSans-Regular.otf') format("opentype");
font-weight: 400;
font-style: normal;
font-variant: normal;
font-stretch: normal;
unicode-range: U+0020-FFFC;
font-variant-numeric: oldstyle-nums;
font-feature-settings: "onum" 1;
}

@font-face {
font-family:'BrisaSans-Bold';
src: url('https://pythagoras.samos.aegean.gr/fonts/BrisaSans-Bold.otf') format("opentype");
font-weight: 700;
font-style: normal;
font-variant: normal;
font-stretch: normal;
unicode-range: U+0020-FFFC;
}

@font-face {
font-family:'BrisaSans-Light';
src: url('https://pythagoras.samos.aegean.gr/fonts/BrisaSans-Light.otf') format("opentype");
font-weight: 700;
font-style: normal;
font-variant: normal;
font-stretch: normal;
unicode-range: U+0020-FFFC;
}

/* Italics */

@font-face {
font-family:'BrisaSans-Italic';
src: url('https://pythagoras.samos.aegean.gr/fonts/BrisaSans-Italic.otf') format("opentype");
font-weight: 400;
font-style: italic;
font-variant: normal;
font-stretch: normal;
unicode-range: U+0020-FFFC;
}

@font-face {
font-family:'BrisaSans-BoldItalic';
src: url('https://pythagoras.samos.aegean.gr/fonts/BrisaSans-BoldItalic.otf') format("opentype");
font-weight: 700;
font-style: italic;
font-variant: normal;
font-stretch: normal;
unicode-range: U+0020-FFFC;
}

@font-face {
font-family:'Porson';
src: url('https://pythagoras.samos.aegean.gr/fonts/GFSPorson.otf') format("opentype");
font-weight: 400;
font-style: normal;
font-variant: normal;
font-stretch: normal;
unicode-range: U+0020-FFFC;
}



/* Set body, paragraphs, headers etc */

body {
font-family: BrisaSans-Regular;
font-weight: 400;
font-size: 18px;
font-variant: normal;
line-height: 24px;
<!--text-shadow: 4px 4px 4px #aaa;-->
}

p {
font-family: BrisaSans-Regular;
font-weight: 400;
font-size: 18px;
font-variant: normal;
line-height: 24px;
     -webkit-hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
     -webkit-hyphenate-limit-chars: 6 3 3;
     -webkit-hyphenate-limit-lines: 2;
     -webkit-hyphenate-limit-last: always;
     -webkit-hyphenate-limit-zone: 8%;     
     -moz-hyphens: auto;
     -moz-hyphenate-limit-chars: 6 3 3;
     -moz-hyphenate-limit-lines: 2;
     -moz-hyphenate-limit-last: always;
     -moz-hyphenate-limit-zone: 8%;     
     -ms-hyphens: auto;
     -ms-hyphenate-limit-chars: 6 3 3;
     -ms-hyphenate-limit-lines: 2;
     -ms-hyphenate-limit-last: always;
     -ms-hyphenate-limit-zone: 8%;
     hyphens: auto;
     hyphenate-limit-chars: 6 3 3;
     hyphenate-limit-lines: 2;
     hyphenate-limit-last: always;
     hyphenate-limit-zone: 8%;
}

pp {
font-family: Porson;
font-weight: 400;
font-size: 21px;
font-variant: normal;
line-height: 24px;
     -webkit-hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
     -webkit-hyphenate-limit-chars: 6 3 3;
     -webkit-hyphenate-limit-lines: 2;
     -webkit-hyphenate-limit-last: always;
     -webkit-hyphenate-limit-zone: 8%;
     -moz-hyphens: auto;
     -moz-hyphenate-limit-chars: 6 3 3;
     -moz-hyphenate-limit-lines: 2;
     -moz-hyphenate-limit-last: always;
     -moz-hyphenate-limit-zone: 8%;
     -ms-hyphens: auto;
     -ms-hyphenate-limit-chars: 6 3 3;
     -ms-hyphenate-limit-lines: 2;
     -ms-hyphenate-limit-last: always;
     -ms-hyphenate-limit-zone: 8%;
     hyphens: auto;
     hyphenate-limit-chars: 6 3 3;
     hyphenate-limit-lines: 2;
     hyphenate-limit-last: always;
     hyphenate-limit-zone: 8%;
}

pm {
font-family: BrisaSans-Regular;
font-weight: 400;
font-size: 18px;
font-variant: normal;
line-height: 24px;
     -webkit-hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
     -webkit-hyphenate-limit-chars: 6 3 3;
     -webkit-hyphenate-limit-lines: 2;
     -webkit-hyphenate-limit-last: always;
     -webkit-hyphenate-limit-zone: 8%;
     -moz-hyphens: auto;
     -moz-hyphenate-limit-chars: 6 3 3;
     -moz-hyphenate-limit-lines: 2;
     -moz-hyphenate-limit-last: always;
     -moz-hyphenate-limit-zone: 8%;
     -ms-hyphens: auto;
     -ms-hyphenate-limit-chars: 6 3 3;
     -ms-hyphenate-limit-lines: 2;
     -ms-hyphenate-limit-last: always;
     -ms-hyphenate-limit-zone: 8%;
     hyphens: auto;
     hyphenate-limit-chars: 6 3 3;
     hyphenate-limit-lines: 2;
     hyphenate-limit-last: always;
     hyphenate-limit-zone: 8%;
}



h1 {
	font-family: BrisaSans-Regular;
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 23px;
}

h2 {
	font-family: BrisaSans-Regular;
	font-size: 32px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 53px;
text-shadow: 4px 4px 4px #aaa;
}

h3 {
	font-family: BrisaSans-Regular;
	font-size: 16px;
	font-style: italic;
	font-variant: normal;
	font-weight: 500;
	line-height: 23px;
}

m {
font-family: BrisaSans-Regular-noonums;
font-weight: 400;
font-size: 18px;
font-variant: normal;
line-height: 24px;
}

sc {
font-family: BrisaSans-Regular-SmallCaps;
font-weight: 400;
font-size: 14.2px;
font-variant: normal;
line-height: 24px;
}

<!--sup { vertical-align: top; font-size: 0.8em; }-->
sup { vertical-align: top; position: relative; top: -0.3em; }

div.horizontalgap {
  float: left;
  overflow: hidden;
  height: 1px;
  width: 0px;
}

hr.flaired-edges {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.flaired-edges:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}


hr.gradient-transparent {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


hr.centered-glyph {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.centered-glyph:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}


dd {
    margin-bottom: 1em;
}

/*
dt {
    font-weight: bold;
}
*/