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

#container {
	display: block;
	width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.newsletterHeader {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding-left: 5px;
}

.newsletterHeader img {
    width: 100%;
    height: auto;
    aspect-ratio: 1000 / 365;
    display: block;
}

.menuClass {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding-left: 5px;
}

.newsletterIssueDiv {
	margin-left: 5px;
	width: 100%;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	background-color: #B048C3;
	text-indent: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	color: #FFFFFF;
	box-sizing: border-box
}

.Article01 {
	clear: both;
	margin-left: 5px;
	width: 100%;
	display: block;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 18px;
	background-color: #FFEAEA;
	background-image: -webkit-linear-gradient(270deg,rgba(255,198,198,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,198,198,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,198,198,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,198,198,1.00) 0%,rgba(255,255,255,1.00) 100%);
	float: left;
	box-sizing: border-box;
	padding: 0 10px;
	
}

.Article01 img {
	width: 239px;
	float: left;
	box-sizing: border-box;
	padding-right: 10px;
}

.DDF-GalleryTitle{
	margin-left: 5px;
	width: 100%;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	background-color: #F4CCFF;
	text-indent: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	
}


.footerClass{
	width: 100%;
    max-width: 1000px;
    
	padding-left: 5px;
	
}

.newsletter-archive {
	margin-left: 5px;
	margin-right: -5px;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	padding-bottom: 1.5rem;
	background-color: #ECDDB9;
	border-radius: 0px 0px 20px 20px;
	
	
	
}

.newsletter-archive h2 {
  margin-bottom: .25rem;
}

.newsletter-archive p {
  margin-bottom: 0rem;
  color: #555;
}

.newsletter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: .75rem;
  margin-bottom: 1.5rem;
}

.newsletter-card {
  display: block;
  padding: 1rem;
  background: white;
  border: 1px solid #d8c9a3;
  border-radius: 10px;
  text-decoration: none;
  color: #2f3b24;
}

.newsletter-card span {
  display: block;
  font-weight: bold;
  font-size: 1.05rem;
}

.newsletter-card small {
  color: #6b5f3a;
}

.newsletter-card:hover {
	background-color: #CFE4F8;
}