/* CSS Reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Colored div overlay */
.cover {
  position: fixed;
  padding: 0px;
  margin: 0px;

  top: 0px;
  left: 0px;

  width: 100vw;
  height: 100vh;

  z-index: 100;

  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.cover-hidden {
  visibility: hidden;
  opacity: 0.0;
  transition: visibility 0s 0.5s, opacity 0.5s linear;
}

.cover-show {
  visibility: visible;
  opacity: 1.0;
  transition: opacity 0.5s linear;
}

#cover_1 {
    background: #f77066;
 	color: black;
}

#cover_2 {
    background: #43174b;
 	color: white;
}

#cover_3 {
    background: #f8dfc9;
 	color: black;
}

#cover_4 {
    background: #19a2ae;
 	color: black;
}

#cover_5 {
    background: #d5e393;
 	color: black;
}

#cover_6 {
    background: #ef4072;
 	color: black;
}

#cover_7 {
    background: #664fb9;
 	color: black;
}

#cover_8 {
    background: #ac83b5;
 	color: black;
}

#cover_9 {
    background: #9ed5ce;
 	color: black;
}

#cover_10 {
    background: #000000;
 	color: white;
}

#cover_11 {
    background: #ffffff;
 	color: black;
}

#cover_12 {
    background: #fbc6c5;
 	color: black;
}

#cover_13 {
    background: #6b7c4d;
 	color: black;
}

#cover_14 {
    background: #f6583a;
 	color: black;
}

#cover_15 {
    background: #f2b72b;
 	color: black;
}

#cover_16 {
    background: #377412;
 	color: black;
}

#cover_17 {
    background: #be115b;
 	color: black;
}

#cover_18 {
    background: #e6ac39;
 	color: black;
}

#cover_19 {
    background: #1898b9;
 	color: black;
}

#cover_20 {
    background: #faa99d;
 	color: black;
}

#cover_21 {
    background: #1ea7e4;
 	color: black;
}

#cover_22 {
    background: #fbc6c5;
 	color: black;
}

#cover_23 {
    background: #204193;
 	color: white;
}

#cover_24 {
    background: #f2c4dd;
 	color: black;
}

#cover_25 {
    background: #1bb391;
 	color: black;
}

#cover_26 {
    background: #ded531;
 	color: black;
}

#cover_27 {
    background: #4aba6d;
 	color: black;
}

#cover_28 {
    background: #ecf1ea;
 	color: black;
}

#cover_29 {
    background: #231b70;
 	color: white;
}

#cover_30 {
    background: #4784b0;
 	color: black;
}

#cover_31 {
    background: #f9ad81;
 	color: black;
}

#cover_32 {
    background: #892c3d;
 	color: black;
}

/* Stop scrolling of body when full-screen div */
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

/* Loading screen */
#container {
	display: none;
}

#loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: #CC0000;
    background-image: url('../images/ncsu_loading.svg');
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: center;
}

/* Style */
.title {
	font-family: Univers-Black, sans-serif;
	font-size: 43pt;
	text-align: center;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 7.5rem;
	margin-bottom: 0;
}

.description {
	margin-top: 2rem;
	margin-bottom: 3rem;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 70vw;
	max-width: 500px;
}

.blurb {
	font-family: Univers-Bold, sans-serif;
	font-size: 13pt;
	margin-bottom: 1rem;
	line-height: 110%;
}

.setting {
	font-family: Univers-Bold, sans-serif;
	font-size: 9.5pt;
	margin-bottom: 2rem;
	color: #CC0000;
	line-height: 130%;
}

#title2 {
	margin-top: .5rem;
	font-family: Univers-Bold;
	font-size: 20pt;
}

#title3 {
	margin-top: 3rem;
	font-family: Univers-Bold;
	font-size: 10pt;
}

#blurb2 {
	font-family: Univers-Regular, sans-serif;
	font-size: 9pt;
	margin-bottom: .75rem;
}

#setting2 {
	font-family: Univers-Regular, sans-serif;
	font-size: 8pt;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
	width: 75%;
}

#setting3 {
	font-family: Univers-Regular-Italic, sans-serif;
	font-size: 8pt;
	color: gray;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}

#instructions {
	font-family: Univers-Cn-Regular-Italic, sans-serif;
	font-size: 10pt;
	color: gray;
}

.inspired_credits {
	font-family: Univers-Regular-Italic, sans-serif;
	font-size: 8pt;
	color: black;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
	width: 50vw;
	margin-bottom: 2rem;
	line-height: 130%;
}

#inspired_white_text {
	color: white;
}

.poster_number {
	margin-left: 10px;
}

.gallery_poster {
	width: 100%;
}

.card {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 9vw;
	padding-right: 9vw;
	margin-bottom: 25px;
	height: 100%;
}

/* Formatting of additional information */
.name {
	text-align: center;
	font-family: Univers-Black, sans-serif;
	margin-top: 8rem;
	width: 80vw;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	font-size: 25pt;
}

.dates {
	text-align: center;
	font-family: Univers-Bold, sans-serif;
	margin-top: 2rem;
	width: 80vw;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	font-size: 15pt;
}

.quote {
	text-align: center;
	font-family: Univers-Regular-Italic, sans-serif;
	margin-top: 1rem;
	width: 80vw;
	margin-left: auto;
	margin-bottom: 5rem;
	margin-right: auto;
	font-size: 12pt;
}

.timeline-part {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.timeline-left {
  padding-top: 0.5rem;
  display: inline-block;
  vertical-align: top;
  width: 10%;
}

.primary_info {
  font-family: Univers-Bold, sans-serif;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0.5rem;
  font-size: 8pt;
  text-align: right;
}

.timeline-right {
  padding-top: 0.5rem;
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid;
  padding-left: 0.5rem;
  width: 80%;
}

.intermediate_info {
	font-family: Univers-Regular, sans-serif;
  margin-top: 0px;
	margin-bottom: 0.5rem;
	font-size: 11pt;
}

.paragraph {
	font-family: Univers-Regular-Italic, sans-serif;
	margin-top: 3rem;
	width: 80vw;
	margin-left: auto;
	margin-bottom: 5rem;
	margin-right: auto;
	font-size: 10pt;
}

/* Font */
.back_content {
}

@font-face {
  font-family: "Univers-Black";
  src: url(../fonts/UniversLTStd-Black.otf);
}

@font-face {
  font-family: "Univers-Bold";
  src: url(../fonts/UniversLTStd-Bold.otf);
}

@font-face {
  font-family: "Univers-Bold-Italic";
  src: url(../fonts/UniversLTStd-BoldObl.otf);
}

@font-face {
  font-family: "Univers-Regular";
  src: url(../fonts/UniversLTStd.otf);
}

@font-face {
  font-family: "Univers-Regular-Italic";
  src: url(../fonts/UniversLTStd-Obl.otf);
}

@font-face {
  font-family: "Univers-Cn-Regular-Italic";
  src: url(../fonts/UniversLTStd-CnObl.otf);
}

@font-face {
  font-family: "Univers-Cn-Light";
  src: url(../fonts/UniversLTStd-LightCn.otf);
}

/* Side bar navigation */
#mobile_nav {
    list-style-type: none;
	right: 0;
	top: 4vh;
	position: fixed;
	z-index: 1;
	margin-right: 3px;
}

.side_number, .side_number:hover, .side_number:active, .side_number:visited {
	height: 2.75vh;
	display: block;
	text-decoration:none;
	font-family: Univers-Cn-Light, sans-serif;
	color:gray;
	text-align:center;
	width:30px;
}

.poster_number {
	font-family: Univers-Cn-Light, sans-serif;
	color: gray;
	font-size: 8pt;
	margin-top: 3%;
	margin-bottom: 0;
}

/* Credits */
hr {
    display: block;
    height: 1px;
    margin-top: 70px;
    margin-left: 9vw;
    margin-right: 9vw;
    border: 0;
    border-top: 2px solid gray;
    padding: 0;
}

.credits {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
  max-width: 700px;
  width: 82vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.credits_container {
  width: 10px; /* NOTE(coalman): allows credit_image to size correctly */
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  margin: auto;
}

.credits_spacer {
  flex-grow: 0.5;
}

.credits_link {
  display: inline-block;
	text-decoration: none;
}

.credit_image {
  width: 100%;
}