@charset "UTF-8";


/*
 :::  Custom fonts
-------------------------------------------------- */


	  @font-face {
		font-family: 'Custom-Roman';
  		src: url('fonts/Custom-Roman.eot');
  		src: url('fonts/Custom-Roman.woff2') format('woff2'),
             url('fonts/Custom-Roman.woff') format('woff'),
             url('fonts/Custom-Roman.ttf') format('truetype');
      }

	  @font-face {
		font-family: 'Custom-Italic';
		src: url('fonts/Custom-Italic.eot');
		src: url('fonts/Custom-Italic.woff2') format('woff2'),
		   	 url('fonts/Custom-Italic.woff') format('woff'),
   		  	 url('fonts/Custom-Italic.ttf') format('truetype');
      }


      @font-face {
		font-family: 'MA';
        src: url(fonts/MA.otf) format('opentype');
      }

      @font-face {
        font-family: 'MA-us';
        src: url(fonts/MA-us.otf) format('opentype');
      }


      @font-face {
        font-family: 'AkzidenzGrotesk-Regular';
        src: url(fonts/AkzidenzGrotesk-Regular.otf) format('opentype');
      }

      @font-face {
        font-family: 'AkzidenzGrotesk-Medium';
        src: url(fonts/AkzidenzGrotesk-Medium.otf) format('opentype');
      }

      @font-face {
        font-family: 'AkzidenzGrotesk-Italic';
        src: url(fonts/AkzidenzGrotesk-Italic.otf) format('opentype');
      }

      @font-face {
        font-family: 'AkzidenzGrotesk-BoldExtended';
        src: url(fonts/AkzidenzGrotesk-BoldExtended.otf) format('opentype');
      }

      @font-face {
        font-family: 'AkzidenzGrotesk-ExtendedItalic';
        src: url(fonts/AkzidenzGrotesk-ExtendedItalic.otf) format('opentype');
      }



/*
 :::  Typography
-------------------------------------------------- */


      p {
        font-family: "AkzidenzGrotesk-Regular", sans-serif;
        font-size: 1.15em;
        line-height: 1.15em;
        letter-spacing: 0.02em;
        display: block;
      }


      h1 {
        font-family: "AkzidenzGrotesk-ExtendedItalic", sans-serif;
        font-size: 1.75em;
        line-height: 1.15em;
        letter-spacing: 0.02em;
        display: block;
      }



      h6 {
        font-family: "MA", sans-serif;
        font-size: 0.95em;
        line-height: 1.05em;
        letter-spacing: 0.02em;
        display: block;
        text-decoration: none;
      }

      li, ul {
        font-family: "MA-us", sans-serif;
        font-size: 1.15em;
        line-height: 1.15em;
        letter-spacing: 0.02em;
        display: inline;
        padding-right: 20px;
      }

      a {
        color: black;
      }

      a:visited {
        color: black;
      }

      a.menu:link {
        color: white;
        text-decoration: none;
      }

      a.menu:visited {
        color: white;
        text-decoration: none;
      }

      a.menu:hover {
        color: white;
        font-family: "MA", sans-serif;
      }

      a.back:link {
        color: black;
        text-decoration: none;
      }

      a.back:visited {
        color: white;
        text-decoration: none;
      }

      a.back:hover {
        color: white;
        text-decoration: none;
      }

      p.sign-def {
        font-size: 1em;
        display: inline-block;
      }

      a.next {
        font-family: "MA-us", sans-serif;
        text-decoration: none;
        color: white;
        font-size: 1em;
      }

      a.prev {
        font-family: "MA-us", sans-serif;
        text-decoration: none;
        color: white;
        font-size: 1em;
      }



/*
 :::  Menu
-------------------------------------------------- */


      .logo {
        font-family: "MA", sans-serif;
        font-size: 1.75em;
        line-height: 0.15em;
        letter-spacing: 0.02em;
        padding-left: 20px;
        display: block;
      }

      .navigation {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 200px;
        background-color: black;
        padding-top: 10px;
        padding-right: 30px;
        padding-bottom: 10px;
        z-index: 1;
      }

      .top {
        position: fixed;
        top: 0;
        left: 0;
        max-width: 200px;
        background-color: yellow;
        padding-top: 0px;
        padding-right: 20px;
        padding-bottom: 0px;
      }

      .blank {
        height: 100px;
      }

      .pagination {
        position: fixed;
        top: 0;
        max-width: 200px;
        left: 0;
        max-width: 265px;
        background-color: blue;
        color: white;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        margin-top: 45px;
        margin-left: 70%;
      }



/*
 :::  Footnotes
-------------------------------------------------- */


      .footnote {
        font-size: 1em;
        line-height: 0.6em;
        background-color: yellow;
        color: white;
      }

      .footnotes {
        margin-top: 50px;
        font-style: italic;
      }



/*
 :::  Blog page
-------------------------------------------------- */


      .blog-title {
        margin-left: 100px;
        width: 60%;
        margin-top: 50px;
      }

      .blog-read-more {
        max-width: 200px;
        margin-top: -24px;
        margin-left: 5%;
        position: relative;
        width: 60%;
        font-family: "AkzidenzGrotesk-ExtendedItalic", sans-serif;
        font-size: 1.25em;
        height: 1.6em;
        padding-left: 20px;
        padding-right: 20px; 
        padding-top: 5px;
        margin-bottom: 50px;
      }

      .blog-date {
        max-width: 450px;
        margin-top: 0%;
        margin-left: 100%;
        width: 100%;
        float: center;
        font-family: "MA", sans-serif;
        font-size: 0.9em;
        z-index: -1;
        height: 1.6em;
        padding-left: 10px;
        padding-right: 10px; 
        padding-top: 5px; 
        display:inline-block;

      }

      p.blog-date {
        text-align: right;
      }

      .blog-article-container {
        max-width: 1000px;
        margin: 0 auto 0 auto;

      }

      .blog-article-image-container {
        margin-top: 50px;
        margin-left: 20%; 
        font-size: 0.7rem;
        max-width: 480px;
        padding-left: 0px;
        padding-right: 40px;
      }



/*
 :::  Blog text post
-------------------------------------------------- */


      .blog-article-text-title {
        margin-top: 2%;
        margin-left: 10%;
        text-transform: uppercase;
        display:inline-block;
      }

      .blog-article-text-subtitle {
        display:inline-block;
        font-family: "AkzidenzGrotesk-Regular", sans-serif;
        margin-left: 5%;
      }

      .blog-article-text-text {
        margin-top: -4%;
        font-size: 1.3125rem;
        max-width: 750px;
        padding-left: 20px;
        padding-right: 20px;
        display:inline-block;

      }


/*
 :::  Blog quote post
-------------------------------------------------- */


      .blog-article-quote-title {
        font-family: "MA", sans-serif;        
        margin-top: 1%;
        margin-left: 10%;
        display:inline-block;
      }

      .blog-article-quote-quote {
        font-family: "AkzidenzGrotesk-ExtendedItalic", sans-serif;
        font-size: 2.3125rem;
        max-width: 700px;
        display:inline-block;
        margin-left: 5%;
        margin-top: 20px;
      }


/*
 :::  Blog image post
-------------------------------------------------- */


      .blog-article-image-title {
        padding-left: 20px;
        max-width: 500px;
        margin: 20px auto;
          -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
                  box-sizing: border-box;
      }

      p.blog-article-image-title {
        text-align: left;
      }

      .blog-article-image-image {
        padding-left: 20px;
        padding-right: 20px;
        display:inline-block;
        width: auto;
        max-width: 100%;
        height: auto;
      }



/*
 :::  Blog line page
-------------------------------------------------- */


      .blog-article-line-title {
        font-family: "AkzidenzGrotesk-Regular", sans-serif;
        margin-top: 20px;
        margin-left: 60%;
        display:inline-block;
        font-size: 1.2rem;
        line-height: 1.15em;
        letter-spacing: 0.02em;
      }

      .blog-article-line-subtitle {
        font-family: "AkzidenzGrotesk-Regular", sans-serif;
        font-size: 1.2rem;
        margin-left: 60%;
        margin-top: 1px;
        margin-bottom: 20px;
      }



/*
 :::  Blog link page
-------------------------------------------------- */


      .blog-article-link-title {
        font-family: "AkzidenzGrotesk-Regular", sans-serif;
        margin-top: 20px;
        margin-left: 20%;
        display:inline-block;
        font-size: 1.2rem;
        line-height: 1.45em;
        letter-spacing: 0.02em;
      }

      .blog-article-link-link {
        font-family: "AkzidenzGrotesk-Regular", sans-serif;
        font-size: 1rem;
        margin-left: 20%;
        margin-top: -17px;
        margin-bottom: 20px;

          /* These are technically the same, but use both */
  		    overflow-wrap: break-word;
 		      word-wrap: break-word;

      		-ms-word-break: break-all;
      		/* This is the dangerous one in WebKit, as it breaks things wherever */
      		word-break: break-all;
      		/* Instead use this non-standard one: */
      		word-break: break-word;

      		/* Adds a hyphen where the word breaks, if supported (No Blink) */
      		-ms-hyphens: auto;
      		-moz-hyphens: auto;
      		-webkit-hyphens: auto;
      		hyphens: auto;
      }

      .blog-article-link-container {
        max-width: 100%;
        margin: 20px auto 20px auto;

      }



/*
 :::  Article text page
-------------------------------------------------- */


      .article-text-date {
        float: right;
        padding-right: 20px;
      }

      .article-text-back {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 50px;
        background-color: blue;
        padding-top: 0px;
        padding-right: 30px;
        padding-bottom: 10px;
        padding-left: 30px;
        font-family: "AkzidenzGrotesk-ExtendedItalic", sans-serif;
        font-size: 1.75em;
        text-decoration: none;
      }

      .article-text-title {
        font-family: "AkzidenzGrotesk-BoldExtended", sans-serif;
        margin-top: 2%;
        margin-left: 10%;
        display:inline-block;
        font-size: 1.75em;
        line-height: 1.15em;
        letter-spacing: 0.02em;
      }

      .article-text-subtitle {
        display:inline-block;
        font-family: "AkzidenzGrotesk-Regular", sans-serif;
        margin-left: 5%;
      }

      .article-text-text {
        margin-top: -3%;
        font-size: 1.1rem;
        max-width: 750px;
        padding-left: 20px;
        padding-right: 20px;
        display:inline-block;

      }


      .article-text-image {
        position: relative;
        float: left;
        clear: both;
        max-width: 100%;
        margin: 0 auto;
        padding-top: 10px;
      }

      .article-container {
        max-width: 1000px;
        margin: 1% auto 0 auto;

      }

      .article-text-image-text {
        position: relative;
        float: left;
        clear: none;
        max-width: 100%;
        margin: 0 auto;
        font-family: "MA", sans-serif;        
        margin-top: 1%;
        margin-left: 10%;
        display:inline-block;
      }



/*
 :::  Article quote page
-------------------------------------------------- */


      .article-quote-title {
        margin-left: 50px;
        width: 60%;
      }

      .article-quote-qoute {
        background: red;
        font-family: sans-serif;
        font-size: 3.75em;
        max-width: 600px;
        margin: 0 auto; 
      }



/*
 :::  Article image page
-------------------------------------------------- */


      .article-image-image {
        float: right;
        background: blue;
        padding: 5px;
        width: 50%;
      }

      .article-image-date {
        font-size: 1.85em;

      }




/*
 :::  Footer
-------------------------------------------------- */


      .footer {
         font-family: "Custom-Italic", sans-serif;
         font-size: .68em;
         height: 100px;
      }