/*	--------------------------------------------------
Type
-------------------------------------------------- */

@font-face {
    font-family: 'lacuna_regularregular';
    src: url('/issue01/type/lacuna-webfont.woff') format('woff'),
         url('/issue01/type/lacuna-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'lacuna_italicregular';
    src: url('/issue01/type/lacuna-italic-webfont.woff') format('woff'),
         url('/issue01/type/lacuna-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'NoticiaTextRegular';
    src: url('/issue01/type/NoticiaText-Regular-webfont.woff') format('woff'),
         url('/issue01/type/NoticiaText-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NoticiaTextItalic';
    src: url('/issue01/type/NoticiaText-Italic-webfont.woff') format('woff'),
         url('/issue01/type/NoticiaText-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NoticiaTextBold';
    src: url('/issue01/type/NoticiaText-Bold-webfont.woff') format('woff'),
         url('/issue01/type/NoticiaText-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NoticiaTextBoldItalic';
    src: url('/issue01/type/NoticiaText-BoldItalic-webfont.woff') format('woff'),
         url('/issue01/type/NoticiaText-BoldItalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*	--------------------------------------------------
Base
-------------------------------------------------- */

html, body {
  height: 100%; 
  width: 1210px;
  margin: 0 auto;
  font:14px/1.6 'lacuna_regularregular', serif;
  -webkit-font-smoothing: antialiased;}

.content {font:14px/1.6 'NoticiaTextRegular', serif;
  -webkit-font-smoothing: antialiased;}

.content strong {font:14px/1.6 'NoticiaTextBold', serif;
  -webkit-font-smoothing: antialiased;}

.content em {font:14px/1.6 'NoticiaTextItalic', serif;
  -webkit-font-smoothing: antialiased;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	
h1 { font-size: 40px; line-height: 38px; margin-bottom: 8px; }
h2 { font-size: 35px; line-height: 38px; margin-bottom: 8px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }

p { margin: 0 0 20px 0; }

em { font-style: italic; }
strong { font-weight: bold;}
small { font-size: 80%; }

a, a:visited { color: #000000; text-decoration: none; }
a:visited { color: #656263 }
a:hover, a:focus { color: #918987; }
a:focus { outline: 2px solid currentColor; outline-offset: 2px; }
p a, p a:visited { line-height: inherit; color: #656263}

/*	--------------------------------------------------
Container
-------------------------------------------------- */
div#container, div.container { position: relative; width: 1210px; margin: 0 auto; padding: 0; }

/*	--------------------------------------------------
Grid
-------------------------------------------------- */
.column-row, .row { margin: 0 0 2px -20px; }
.column, .columns { float: left; display: inline; margin: 0 0 0 10px; }
 
.zero { width: 30px;}
.one { width: 70px; }
.two { width: 146px; }
.three { width: 222px; }
.four { width: 298px; }
.five { width: 374px; }
.six { width: 450px; }
.seven { width: 526px; }
.eight { width: 602px; }
.nine { width: 678px; }
.ten { width: 754px; }
.eleven { width: 830px; }
.twelve { width: 906px; }
.thirteen { width: 982px; }
.fourteen { width: 1058px; }
.fifteen { width: 1134px; }
.sixteen { width: 1210px; }
 
.offset-by-one-half { margin-left: 38px; }
.offset-by-one { margin-left: 76px; }
.offset-by-two { margin-left: 152px; }
.offset-by-three { margin-left: 228px; }
.offset-by-four { margin-left: 304px; }
.offset-by-five { margin-left: 380px; }
.offset-by-six { margin-left: 456px; }
.offset-by-seven { margin-left: 532px; }
.offset-by-eight { margin-left: 608px; }
.offset-by-nine { margin-left: 684px; }
.offset-by-ten { margin-left: 760px; }
.offset-by-eleven { margin-left: 836px; }
.offset-by-twelve { margin-left: 912px; }
.offset-by-thirteen { margin-left: 988px; }
.offset-by-fourteen { margin-left: 1064px; }
 
/* Clear the columns automagically, thanks @kneath */
.column-row:after, .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.column-row, .row, .clearfix { display: inline-block; }
.column-row, .row, .clearfix { display: block; }
/* Layout Utilities
   ========================================================================== */

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.lowercase {
  text-transform: lowercase;
}

/* Container variants */
.container-padded {
  padding-top: 20px;
}

.container-index {
  padding-top: 20px;
  margin-bottom: 0;
  height: 900px;
}

/* Logo container */
.logo-container {
  position: relative;
  height: 180px;
}

/* Spacer classes to replace invisible hr elements */
.spacer-10 {
  display: block;
  height: 10pt;
}

.spacer-15 {
  display: block;
  height: 15pt;
}

.spacer-20 {
  display: inline-block;
  height: 20pt;
}

.spacer-100 {
  display: block;
  height: 100pt;
}

/* Margin utilities */
.top-10 {
  margin-top: 10px;
}

.top-25 {
  margin-top: 25px;
}

/* Empty cell placeholder */
.empty-cell {
  min-width: 1px;
}

.text-center {
  text-align: center;
}

.align-bottom {
  vertical-align: text-bottom;
}

.spacer-160 {
  display: block;
  height: 160pt;
}

/* Logo footer - replaces <br><br><br>&nbsp;&nbsp; before footer logos */
.logo-footer {
  margin-top: 60px;
  margin-left: 24px;
}

/* Section divider spacer - replaces <br><br><br><br> before : : : : : dividers */
.section-divider-spacer {
  display: block;
  height: 80px;
}

/* Prose and verse typography classes - replaces common inline styles */
.prose {
  text-align: justify;
  text-justify: inter-word;
  margin-right: 1em;
}

.verse {
  margin-left: 2em;
  margin-right: 2em;
  margin-top: 1em;
}

.verse-indent {
  margin-left: 3em;
  margin-right: 3em;
  text-align: justify;
  text-justify: inter-word;
}

.prose-indent {
  margin-left: 1em;
  margin-right: 1em;
  text-align: justify;
  text-justify: inter-word;
}

/* Responsive - allow horizontal scroll on mobile
   ========================================================================== */
@media (max-width: 1250px) {
  html, body, .container, div#container, div.container {
    width: auto;
    min-width: 320px;
    overflow-x: auto;
  }
}

/* Accessibility - Skip Link
   ========================================================================== */
.skip-link {
  position: absolute;
  left: -9999px;
  z-index: 9999;
  padding: 0.5em 1em;
  background: #000;
  color: #fff;
  text-decoration: none;
}

.skip-link:focus {
  left: 10px;
  top: 10px;
}