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

/* CSS RESET DONT TOUCH */
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;
	background-color: black;
}
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;
}
/*END of --> CSS RESET DONT TOUCH */


.layout {
	position: fixed;
	height: 98vh;
	margin: 1vh 1vw;
	background-color: black;
	display: grid;
	grid-template-rows: 8vh 9vh 1fr 1fr;
	grid-row-gap: 0.3vh;
	grid-column-gap: 0vh;
}
#title-banner {
  font-family: 'UnifrakturMaguntia', cursive;
  font-size: 7vh;
  height: 10vh;
  background-color: whitesmoke;
  padding-top: 2.5vh;
  text-align: center;
  align-self: stretch;
  grid-column-start: 1;
  grid-column-end: 4;
  position: relative;
}

.sub-header {
	align-content: center;
	position: relative;
	padding-top: 1vh;
	height: 8vh;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-row-start: 2;
	grid-column-start: 1;
	grid-column-end: 4;
	background-color: whitesmoke;
}

#date-header{
  font-family: 'Public Sans', sans-serif;
  font-size: 3.5vh;
  text-align: center;
  padding-top: 1.5vh;
  /* align-self: stretch; */
  grid-row-start: 1;
  grid-column-start: 1;
  grid-column-end: 4;
  /* background: #edb307; */
}

.social-media-nav{
	position: relative;
	justify-self: right;
	width: 20vw;
	top: -0.5vh;
	left: 7vw;
	/* background-color: #f35e5ea6; */
	grid-row-start: 1;
	grid-column-start: 3;
	display: grid;
	grid-template-columns: 7vw 7vw 7vw;
	align-items: end;
}
#email-link {
	grid-row-start: 1;
	grid-column-start: 1;
	position: relative;
	/* left: 21.2vw;
	top: 0.5vw; */
}
#email-icon {
	position: relative;
	top: 0.8vh;
	width: 69%;
	max-height: 47px;
	/* max-width: 81px; */
	margin: 0.3vh;
	/* background-color: #f0ffff78; */
}
#twitter-link {
	grid-row-start: 1;
	grid-column-start: 2;
	position: relative;
	/* display: block; */
	/* top: 1vh;
  left: 28vw; */
	top: 0.5vh;
	left: -2.9vw;
}

#twitter-icon {
	/* display: none; */
	/* background-color: #8bc34aab; */
	width: 71%;
	height: auto;
	max-height: 41px;
	/* max-width: 81px; */
	position: relative;
	margin: 0.3vh;
	/* top: -83.2vh;
  left: 92vw; */
}
#insta-icon {
	/* display: none; */
	/* background-color: #7fff009c; */
	width: 31%;
	/* height: auto; */
	/* grid-row-start: 1;
	grid-column-start: 3: */
	max-height: 47px;
	/* max-width: 36px; */
}
#insta-link {
	grid-row-start: 1;
	grid-column-start: 3;
	position: relative;
	/* top: 1vh;
	left: 25.7vw; */
	/* top: 0.1vh; */
	left: -4.4vw;
}
.nav-small-media {
	display: none;
}

.content-wrapper{
	background: black;
	width: 98vw;
	grid-row-start: 3;
	grid-row-end: 5;
	grid-column-start: 1;
	grid-column-end: 4;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 0.3vw;
}
.content-title {
	font-family: 'Public Sans', sans-serif;
	font-size: 3vh;
	text-align: center;
	/* background-color: #6fec74; */
	height: 5vh;
	border-bottom: 0.3vh solid black;
	padding-top: 2vh;
}
 /* - - - - - - - - - - - - - - - - - - - - */
 /* BLOG SECTION */
.blog-container {
    position: relative;
    background-color: whitesmoke;
    height: 78vh;
    width: 32.5vw;
}

.blog-blurb{
  display: grid;
}

/* .blog-title {
   font-family: 'Public Sans', sans-serif;
   text-align: center;
	 border-top: 1px;
   border-bottom: 4px solid;
   background-color: whitesmoke;
   padding-top: 1vh;
   height: 3.3vh;
} */

.blog-scroll{
	height: 71vh;
	/* background-color: #85e290; */
	position: relative;
	/* height: 77.4vh;
  width: 33vw; */
	overflow: scroll;
	border-bottom: 1vh solid black;
}
.dana-title {
	text-align: center;
  font-weight: bold;
  position: relative;
  top: 1vh;
  margin-bottom: 2vh;
}
.dana-text{
	text-align: justify;
  margin-left: 1vw;
  margin-right: 1vw;
}
.dana-image {
	width: 30vw;
	margin-left: auto;
  margin-right: auto;
}
.dana-list{
	margin-left: 3.5vw;
}
.dana-listItem{
	list-style: disc;
}
/* END of -->  BLOG SECTION */
/* - - - - - - - - - - - - - - - - - - - - */

/* ARCHIVE SECTION */
.archive-container {
  height: 78vh;
  width: 33vw;
  position: relative;
  background-color: whitesmoke;
  border-bottom: 1vw solid black;
}

/* .archive-title {
  text-align: center;
  border-bottom: 4px solid;
  padding-top: 1vh;
  height: 3.3vh;
} */

.archive-scroll{
  height: 70vh;
  overflow: scroll;
  position: relative;
  /* background-color: #CDDC39; */
  /* border-bottom: #ff9801; */
}

.archive-article {

}

.article-title {
    text-align: center;
    font-weight: bold;
    padding-top: 1vh;
    padding-bottom: 1vh;
}
.article-blurb {
    text-align: justify;
    margin-left: 1vh;
    margin-right: 1vh;
}

/* END of -->  ARCHIVE SECTION */
/* - - - - - - - - - - - - - - - - - - - - */

/* TEXT FORMATING STYLES */
.divider {
  text-align: center;
}
.italicize {
    font-style: italic;
}

/* TEXT FORMATING STYLES */
/* - - - - - - - - - - - - - - - - - - - - */

/* BIO SECTION */
.bio-container {
    position: relative;
    /* width: 31.1vw;
		height: 82.3vh; */
    /* border-top: 2px solid;
    border-left: 0.3em solid;;
    border-right: 6px solid; */
    background-color: whitesmoke;
    /* grid-row-start: 3;
    grid-row-end: 5; */
    height: 78vh;
    border-bottom: 1vh solid black;
}
/* .bio-header {
  font-family: 'Public Sans', sans-serif;
  text-align: center;
  border-bottom: 4px solid;
  padding-top: 1vh;
  height: 3.3vh;
} */
.bio-scroll {
  height: 68.5vh;
  overflow: scroll;
  position: relative;
	overflow-x: hidden;
}

.bio-title {
  text-align: center;
  font-weight: bold;
  position: relative;
  top: 1vh;
  margin-bottom: 2vh;
}

#bio-image {
  position: relative;
  width: 8vw;
  left: 1vw;
  top: 1vh;
  margin-right: 1vw;
  padding-right: 1vw;
  padding-bottom: 2vh;
}
.bio-text{
  text-align: justify;
  margin-left: 1vw;
  margin-right: 1vw;
}
.video-container {
  align-content: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2vh;
  width: 25vw;
}
.bio-details {
  width: 29vw;
  margin-left: auto;
  margin-right: auto;
}
.writing-list {
  list-style: none;
}
.writing-list li:before {
   content: "\2192";
}
.list-item {
  margin-top: 1.5vw;
}
.writing-link{
	padding-left: 1vw;
	/* font-size: 2vw; */
}
/* END of -->  BIO SECTION */
.small-media-nav {
	display: none;
}