@charset "UTF-8";
/* CSS Document */

body {
	background: #f6ebcf;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	color: #000;
	font-size: 0;
	line-height: 0;
	font-family: garamond-premier-pro/*-caption*/, serif;
	font-weight: 500;
	font-variant-ligatures: common-ligatures contextual;
	-webkit-text-size-adjust: 100%;
}


div {
	margin: 0 auto;
	padding: 0;
}

#cover {
	margin: 0 auto;
	padding: 0;
}

h1 {
	font-size: 60px; /*fallback just in case vw doesn't work*/
	font-size: 12vw;
	font-weight: 600;
	font-style: regular;
	letter-spacing: 0em;
	font-family: garamond-premier-pro-display, serif;
	text-align: center;
	color: #000;
	padding: 0 0 0 0;
	margin: -1vw 0 -5vw 0;
	line-height: 1.4em;
}

h2 {
	font-size: 21px; /*fallback just in case vw doesn't work*/
	font-size: 8vw;
	font-weight: 600;
	font-style: italic;
	letter-spacing: 0.025em;
	font-family: garamond-premier-pro-display, serif;
	text-align: center;
	color: #000;
	padding: 5vw 0 3vw 0;
	margin: 0;
	line-height: 1.2em;
}

h3 {
	font-size: 21px; /*fallback just in case vw doesn't work*/
	font-size: 8vw;
	font-weight: 600;
	font-style: regular;
	letter-spacing: 0.025em;
	font-family: garamond-premier-pro-display, serif;
	text-align: center;
	color: #000;
	padding: 3vw 0 8vw 0;
	margin: 0;
	line-height: 1.2em;
}

h4 { /*byline*/
	font-size: 15px; /*fallback just in case vw doesn't work*/
	font-size: 1.1vw;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .2em;
	padding: 2.5em 0 0 0;
	margin: 0;
}

h5 { /*date*/
	font-size: 12px; /*fallback just in case vw doesn't work*/
	font-size: 1.1vw;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .1em;
	padding: 0;
	margin: .75em 0 3em 0;
}

h6 { /*section*/
	font-size: 6px; /*fallback just in case vw doesn't work*/
	font-size: 1vw;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .15em;

}


p {
	margin: 0;
	padding: 0px 6px 12px 6px; /*ORIGINAL IS padding: 0; */
	font-size: 21px;
	line-height: 24px;
	-webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: justify;
  text-align-last: left;
  	font-variant-numeric: old-style-nums;
	font-feature-settings: "onum";
}


span.italic {
	font-style: italic;
}


.q {
	font-style: italic;
}

.n {
	font-style: normal;
}

.helvetica {
	font-family: Helvetica, Arial, "sans-serif";
	font-weight: 500;
	font-size: 80%;
}



span.small {
	font-variant: small-caps;
}






div.photo {
	text-align: center;
	margin: 8vw auto 0 auto;
	width: 84%;
}



img {
	margin: 0;
	padding: 0;
}


img.full-bleed {
	width: 100%;
}

img.photo {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	opacity: 1;
}







.cf {
  position:relative;/*
  height:281px;
  width:450px;
  margin:0 auto;*/
  margin: 8vw auto 0 auto;
  width: 84%;
}

.cf img {
  position:absolute;
  top: 0;
  left: 0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  width: 100%;
}

/*
#cf img.top:hover {
  opacity:0;
}
*/









.img-transition-2.top {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 6s;
animation-direction: alternate;
}

/* original speed
  @keyframes cf3FadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}
*/

  @keyframes cf3FadeInOut {
  0% {
  opacity:1;
}
30% {
opacity:1;
}
70% {
opacity:0;
}
100% {
opacity:0;
}
}






/*
.img-transition-3 {
  position:absolute;
  top: 0;
  left: 0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  width: 100%;
}*/

.img-transition-3 {
animation-name: cf4FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 18s;
/*animation-direction: alternate;*/
transition: 0s;
}

@keyframes cf4FadeInOut {
  0% {
    opacity:1;
  }
  22% {
    opacity:1;
  }
  33% {
    opacity:0;
  }
  78% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}



.img-transition-3:nth-of-type(1) {
  animation-delay: 12s;
}
.img-transition-3:nth-of-type(2) {
  animation-delay: 6s;
}
.img-transition-3:nth-of-type(3) {
  animation-delay: 0;
}











.transparent {
	opacity: 0;
}













.caption {
	font-size: 15px;
	font-size: 1.5vw;
	line-height: 1.1em;
	font-family: garamond-premier-pro-caption, serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0em;
	padding: 0;
	margin: 0.1em 8% 8vw 8%;
	text-align: center;
	font-variant-numeric: normal;
	word-spacing: .2em;
}

span.diacritic {
	margin: -.4em;
}

ol {
	font-size: 2vw;
	line-height: 1.2em;
}




div.header {
	background-color: #000;
	margin: 0 0 5vw 0;
	padding: 0;
}








article {
    -webkit-columns: 4 300px;
       -moz-columns: 4 300px;
            columns: 4 300px;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
			padding: 0;
			margin: 3vw 24px 3vw 24px;
}


.last {
	margin-bottom: 0;
}


.ad-bottom {
	margin: 1vw;
	padding-top: .5vw;
	border-top: 1px solid #000;
}

img.ad {
	width: 100%;
}





sup {
	vertical-align: top;
	position: relative;
	top: .66em;
	font-size: 50%;
	line-height: 0;
	padding: 0 0 0 .1em;
	font-weight: 700;
	font-variant-numeric: lining-nums;
}


.z2 {
	vertical-align: top;
	position: relative;
	top: -.2em;
	font-size: 90%;
}

.z3 {
	vertical-align: top;
	position: relative;
	top: -.4em;
	font-size: 80%;
}



.lc {
	text-transform: lowercase;
}



.square {
	font-size: 84%;
}


.third-person {
	color: #908979;
}

.lining-nums {
	font-variant-numeric: lining-nums;
}

.bookmark {
	margin: 0;
	padding: 0px 6px 12px 6px; /*ORIGINAL IS padding: 0; */
	font-size: 21px;
	line-height: 24px;
	-webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: center;
  text-align-last: center;
  	font-variant-numeric: old-style-nums;
	font-feature-settings: "onum";
}







/*
.ad-wide {
	max-width: 970px;
	max-height: 250px;
}
*/












p.footer {
	font-size: 4px; /*fallback just in case vw doesn't work*/
	font-size: 1.1vw;
	line-height: 1.4em;
	margin: 2em;
	padding: 0;
	text-align: center;
	color: #000;
	font-family: futura-pt, sans-serif;
	font-weight: 700;
}





a {
	text-decoration: underline;
	text-decoration-thickness: .1em;
}

a:link {
	color: #000;
	text-decoration-color: #e5c77a;
}

a:visited {
	color: #000;
	text-decoration-color: #e5c77a;
}

a:hover {
	color: #000;
	text-decoration-color: #000;
}

a:active {
	color: #000;
}



a.third-person:link {
	color: #908979;
	text-decoration-color: #e2c16b;
}

a.third-person:visited {
	color: #908979;
	text-decoration-color: #e2c16b;
}

a.third-person:hover {
	color: #908979;
	text-decoration-color: #000;
}

a.third-person:active {
	color: #908979;
}






a.wikipedia:link {
	color: #000;
	text-decoration-color: #ead7a5;
}

a.wikipedia:visited {
	color: #000;
	text-decoration-color: #ead7a5;
}

a.wikipedia:hover {
	color: #000;
	text-decoration-color: #000;
}

a.wikipedia:active {
	color: #000;
}








a.byline:link {
	color: #000;
}

a.byline:visited {
	color: #000;
}

a.byline:hover {
	color: #000;
	text-decoration: underline
}

a.byline:active {
	color: #000;
}







a.nugget:link {
	color: #fff;
}

a.nugget:visited {
	color: #fff;
}

a.nugget:hover {
	color: #fff;
	text-decoration: underline
}

a.nugget:active {
	color: #fff;
}