/*		NEWSLETTER COVERS		*/

/*		Back Issues Cover		*/

/* 	 	No.03 Cover 			*/
#one {
	background-image: url("../img/no1/cover/ATFno1_cover_150.png");
	background-size: 3.8em;
	background-repeat: repeat;
	background-position: center;
	margin: 4em 0em;
	padding: 0em; 
	outline: 3px solid white;
	outline-offset: -5.4px;
	border: solid 8px;
	border-style: double;	
}

#two {
	background-image: url("../img/no2/cover/ATFno2_cover_200.png");
	background-size: 5.0em;
	background-repeat: repeat;
	background-position: center;
	margin: 4em 0em;
	padding: 0em; 
	outline: 3px solid white;
	outline-offset: -5.4px;
	border: solid 8px;
	border-style: double;	
}

#three {
	background-image: url("../img/no3/cover/Cover_100.png");
	background-size: 4em;
	background-repeat: repeat;
	background-position: center;
	margin: 4em 0em;
	padding: 0em; 
	outline: 3px solid white;
	outline-offset: -5.4px;
	border: solid 8px;
	border-style: double;	
}

#four {
	background-image: url("../img/no4/cover/ATFno4_cover2_100.png");
	background-size: 1.5em;
	background-repeat: repeat;
	background-position: center;
	margin: 4em 0em;
	padding: 0em; 
	outline: 3px solid white;
	outline-offset: -5.4px;
	border: solid 8px;
	border-style: double;	
}

#five {
	background-image: url("../img/no5/cover/ATFno5_cover1_100.png");
	background-size: 4.0em;
	background-repeat: repeat;
	background-position: center;
	margin: 4em 0em;
	padding: 0em; 
	outline: 3px solid white;
	outline-offset: -5.4px;
	border: solid 8px;
	border-style: double;	
}

/* 	 	No.06 Cover 			*/
#six {
	background-image: url("../img/no6/cover/MonotypeCaster_50.png");
	background-size: 2em;
	background-repeat: repeat;
	background-position: center;
	margin: 4em 0em;
	padding: 0em; 
	outline: 3px solid white;
	outline-offset: -5.4px;
	border: solid 8px;
	border-style: double;	
}

#seven {
	background-image: url("../img/no7/cover/ATFno7_cover2_200.png");
	background-size: 8em;
	background-repeat: repeat;
	background-position: center;
	margin: 4em 0em;
	padding: 0em; 
	outline: 3px solid white;
	outline-offset: -5.4px;
	border: solid 8px;
	border-style: double;	
}

#eight {
	background-image: url("../img/no8/cover/ATFno8_cover2_100.png");
	background-size: 1.4em;
	background-repeat: repeat;
	background-position: center;
	margin: 4em 0em;
	padding: 0em; 
	outline: 3px solid white;
	outline-offset: -5.4px;
	border: solid 8px;
	border-style: double;	
}

#nine {
	background-image: url("../img/no9/cover/ATFno9_cover3_200.png");
	background-size: 8em;
	background-repeat: repeat;
	background-position: center;
	margin: 4em 0em;
	padding: 0em; 
	outline: 3px solid white;
	outline-offset: -5.4px;
	border: solid 8px;
	border-style: double;	
}

/* 	 	No.10 Cover 			*/
#ten {
	background-image: url("../img/no10/cover/ATF_q10_w300.jpg");
	background-size: 8em;
	background-repeat: repeat;
	background-position: center;
	margin: 4em 0em;
	padding: 0em; 
	outline: 3px solid white;
	outline-offset: -5.4px;
	border: solid 8px;
	border-style: double;	
}

#fourteen {
	background-image: url("../img/no14/cover/ATFno14cover_100.jpg");
	background-size: 2.5em;
	background-repeat: repeat;
	background-position: center;
	margin: 4em 0em;
	padding: 0em; 
	outline: 3px solid white;
	outline-offset: -5.4px;
	border: solid 8px;
	border-style: double;	
}

#eighteen {
	background-image: url("../img/no18/cover/ornament_150.png");
	background-size: 1.8em;
	background-repeat: repeat;
	background-position: center;
	margin: 4em 0em;
	padding: 0em; 
	outline: 3px solid white;
	outline-offset: -5.4px;
	border: solid 8px;
	border-style: double;	
}

#nineteen {
	background-image: url("../img/no19/cover/cover_300.jpg");
	background-size: 4em;
	background-repeat: repeat;
	background-position: center;
	margin: 4em 0em;
	padding: 0em; 
	outline: 3px solid white;
	outline-offset: -5.4px;
	border: solid 8px;
	border-style: double;	
}



/* 		NEWSLETTER COVER Typography 	*/
.title {
	background-color: var(--cream);
	border: solid 6px;
	border-style: double;
	outline: 1px solid black;
	width: fit-content;
	padding: 4.0em 2.0em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6em;
	margin-bottom: 6em;
}


.cover h1, .cover h2, .cover h3 {
	text-transform: uppercase;
	text-align: center;
}

.cover h1:first-line {
	font-size: 3.0em;
	line-height: 0.8em;
}

.cover h2 {
	font-size: 1.0em;
}

.cover h3 {
	font-size: 1.0em;
	letter-spacing: 0.3em;
	padding-top: 6em;
}

.cover h2.fleuron {
	font-size: 4em;
	margin-top: 0.1em;
}

.cover h2.mag {
	color: #CC00CC;
}