section.newsletter-preview h1 {
	padding: var(--margin);
	background: var(--background);
	bottom: var(--margin);
	font-size: 54px;
	line-height: 1;
	-moz-border-radius-topright: 12px;
	border-top-right-radius: 12px;
	font-weight: 300;
	font-weight: 500;
	color: var(--color);
	border-bottom: var(--border);
	/* margin-bottom: var(--margin); */
}
section.newsletter-preview .image{

border-bottom: var(--border);

height: 345px;

margin-bottom: var(--margin);

padding: var(--margin);
}
section.newsletter-preview .image img{
	
width: 100%;
	
height: 100%;
	
border-radius: var(--border-radius);
	
object-fit: cover;
}
section.newsletter-preview .pro-only {
	background: var(--color);
	color: black;
	text-align: center;
	padding: var(--margin) 0;
	font-weight: 900;
	font-size: 20px;
}

section.newsletter-preview .pro-only a {
	background: black;
	color: white;
	padding: 2px 6px;
	border-radius: var(--border-radius);
}

section.newsletter-preview h1 span {
	background: var(--color);
	padding: 0 6px;
	border-radius: var(--border-radius);
	color: black;
	font-weight: 500;
}



section.newsletter-preview h2 {
	border-top: var(--border);
	border-bottom: var(--border);
	padding: var(--margin);
	color: var(--color);
	font-size: 50px;
	line-height: 1;
}
section.newsletter-preview h3 {
	border-top: var(--border);
	border-bottom: var(--border);
	padding: var(--margin);
	color: var(--color);
	font-size: 35px;
	line-height: 1;
}
section.newsletter-preview>.info {
	border-bottom: var(--border);
	padding: var(--margin);
	font-size: 22px;
	line-height: 1.1;
}

section.newsletter-preview>.info a {
	color: var(--color);
	font-weight: 600;
}

section.newsletter-preview>.info a:hover {
	opacity: 0.7
}

section.newsletter-preview>.info i {
	color: var(--color);
}



section.newsletter-preview article{
	/* padding: var(--margin); */
}

section.newsletter-preview article p{
	padding-left: var(--margin);
	padding-right: var(--margin);
	margin-bottom: 10px;
	line-height: 1.5;
}
section.newsletter-preview article ul{
	padding-left: var(--margin);
	padding-right: var(--margin);
}
section.newsletter-preview article li{
	padding-left: 22px;
	position: relative;
	margin-bottom: 10px;
	opacity: 0.8;
}
section.newsletter-preview article li:before{
	content:"";
	position: absolute;
	left: 0;
	top: 6px;
	width: 10px;
	height: 10px;
	background: var(--color);
	border-radius: var(--border-radius);
}
section.newsletter-preview article .authors{padding: var(--margin) 0;}


section.newsletter-preview article  .authors a{
	
}

section.newsletter-preview article  .authors a > div{
	display:inline-block;
	vertical-align: middle;
}
section.newsletter-preview article  .authors .username{
	
background: var(--color);
	
padding: 0 6px;
	
line-height: 1;
	
font-size: 15px;
	
padding: 2px 5px;
	
font-weight: 600;
	
border-radius: var(--border-radius);
}
html.dark section.newsletter-preview article  .authors .username{
	color:black;
}
section.newsletter-preview article  .authors .author_name{
	
font-weight: 600;
}
section.newsletter-preview article  .authors .job_title{
	background: #efefef;
	font-size: 14px;
	line-height: 1;
	padding: 4px 6px;
	border-radius: var(--border-radius);
	opacity:0.7;
}
html.dark section.newsletter-preview article  .authors .job_title{
background:#333333;
}

section.newsletter-preview article  .authors a:hover .author_name{
	color:var(--color);
}

/* [l] */
@media all and (max-width: 1140px) {
	section.newsletter-preview h1 {
	
	}
	section.newsletter-preview .image {
	
	}
	section.newsletter-preview .image img {
	
	}
	section.newsletter-preview .pro-only {
	
	}
	section.newsletter-preview .pro-only a {
	
	}
	section.newsletter-preview h1 span {
	
	}
	section.newsletter-preview h2 {
	
	}
	section.newsletter-preview h3 {
	
	}
	section.newsletter-preview>.info {
	
	}
	section.newsletter-preview>.info a {
	
	}
	section.newsletter-preview>.info a:hover {
	
	}
	section.newsletter-preview>.info i {
	
	}
	section.newsletter-preview article {
	
	}
	section.newsletter-preview article p {
	
	}
	section.newsletter-preview article ul {
	
	}
	section.newsletter-preview article li {
	
	}
	section.newsletter-preview article li:before {
	
	}
	section.newsletter-preview article .authors {
	
	}
	section.newsletter-preview article  .authors a {
	
	}
	section.newsletter-preview article  .authors a > div {
	
	}
	section.newsletter-preview article  .authors .username {
	
	}
	html.dark section.newsletter-preview article  .authors .username {
	
	}
	section.newsletter-preview article  .authors .author_name {
	
	}
	section.newsletter-preview article  .authors .job_title {
	
	}
	html.dark section.newsletter-preview article  .authors .job_title {
	
	}
	section.newsletter-preview article  .authors a:hover .author_name {
	
	}
}

/* [m] */
@media all and (max-width: 960px) {
	section.newsletter-preview h1 {
	
	}
	section.newsletter-preview .image {
	
	}
	section.newsletter-preview .image img {
	
	}
	section.newsletter-preview .pro-only {
	
	}
	section.newsletter-preview .pro-only a {
	
	}
	section.newsletter-preview h1 span {
	
	}
	section.newsletter-preview h2 {
	
	}
	section.newsletter-preview h3 {
	
	}
	section.newsletter-preview>.info {
	
	}
	section.newsletter-preview>.info a {
	
	}
	section.newsletter-preview>.info a:hover {
	
	}
	section.newsletter-preview>.info i {
	
	}
	section.newsletter-preview article {
	
	}
	section.newsletter-preview article p {
	
	}
	section.newsletter-preview article ul {
	
	}
	section.newsletter-preview article li {
	
	}
	section.newsletter-preview article li:before {
	
	}
	section.newsletter-preview article .authors {
	
	}
	section.newsletter-preview article  .authors a {
	
	}
	section.newsletter-preview article  .authors a > div {
	
	}
	section.newsletter-preview article  .authors .username {
	
	}
	html.dark section.newsletter-preview article  .authors .username {
	
	}
	section.newsletter-preview article  .authors .author_name {
	
	}
	section.newsletter-preview article  .authors .job_title {
	
	}
	html.dark section.newsletter-preview article  .authors .job_title {
	
	}
	section.newsletter-preview article  .authors a:hover .author_name {
	
	}
}

/* [s] */
@media all and (max-width: 720px) {
	section.newsletter-preview h1 {
	
	}
	section.newsletter-preview .image {
	
	}
	section.newsletter-preview .image img {
	
	}
	section.newsletter-preview .pro-only {
	
	}
	section.newsletter-preview .pro-only a {
	
	}
	section.newsletter-preview h1 span {
	
	}
	section.newsletter-preview h2 {
	
	}
	section.newsletter-preview h3 {
	
	}
	section.newsletter-preview>.info {
	
	}
	section.newsletter-preview>.info a {
	
	}
	section.newsletter-preview>.info a:hover {
	
	}
	section.newsletter-preview>.info i {
	
	}
	section.newsletter-preview article {
	
	}
	section.newsletter-preview article p {
	
	}
	section.newsletter-preview article ul {
	
	}
	section.newsletter-preview article li {
	
	}
	section.newsletter-preview article li:before {
	
	}
	section.newsletter-preview article .authors {
	
	}
	section.newsletter-preview article  .authors a {
	
	}
	section.newsletter-preview article  .authors a > div {
	
	}
	section.newsletter-preview article  .authors .username {
	
	}
	html.dark section.newsletter-preview article  .authors .username {
	
	}
	section.newsletter-preview article  .authors .author_name {
	
	}
	section.newsletter-preview article  .authors .job_title {
	
	}
	html.dark section.newsletter-preview article  .authors .job_title {
	
	}
	section.newsletter-preview article  .authors a:hover .author_name {
	
	}
}

/* [xs] */
@media all and (max-width: 540px) {
	section.newsletter-preview h1 {
	
	}
	section.newsletter-preview .image {
	
	}
	section.newsletter-preview .image img {
	
	}
	section.newsletter-preview .pro-only {
	
	}
	section.newsletter-preview .pro-only a {
	
	}
	section.newsletter-preview h1 span {
	
	}
	section.newsletter-preview h2 {
	
	}
	section.newsletter-preview h3 {
	
	}
	section.newsletter-preview>.info {
	
	}
	section.newsletter-preview>.info a {
	
	}
	section.newsletter-preview>.info a:hover {
	
	}
	section.newsletter-preview>.info i {
	
	}
	section.newsletter-preview article {
	
	}
	section.newsletter-preview article p {
	
	}
	section.newsletter-preview article ul {
	
	}
	section.newsletter-preview article li {
	
	}
	section.newsletter-preview article li:before {
	
	}
	section.newsletter-preview article .authors {
	
	}
	section.newsletter-preview article  .authors a {
	
	}
	section.newsletter-preview article  .authors a > div {
	
	}
	section.newsletter-preview article  .authors .username {
	
	}
	html.dark section.newsletter-preview article  .authors .username {
	
	}
	section.newsletter-preview article  .authors .author_name {
	
	}
	section.newsletter-preview article  .authors .job_title {
	
	}
	html.dark section.newsletter-preview article  .authors .job_title {
	
	}
	section.newsletter-preview article  .authors a:hover .author_name {
	
	}
}