body.single, body.news {
	background: linear-gradient(#d0ddff 0%, #feffff 79.49%, #fff 100%);
}

.basic.newsbasic {
	max-width: 840px;
}

.basic.expertbasic {
	max-width: 1040px;
}

#articleheader {
	background: #fff;
	box-shadow: 0 3px 36px -3px rgba(22, 77, 160, 0.15);
	padding: 148px 0 130px;
}

#newsheader {
	background: #fff; text-align: center;
	box-shadow: 0 3px 36px -3px rgba(22, 77, 160, 0.15);
	padding: 148px 0 320px;
}

.newsnav {
	padding: 8px 6px;
	border: 1px solid #B3D4ED; border-radius: 30px;
	height: 56px; display: inline-block;
	margin: 30px auto 0;
}

.newsnav a {
	display: inline-block; line-height: 38px;
	color: #1578C5; font-size: 1.2rem;
	border-radius: 30px; padding: 0 16px;
}

.newsnav a:hover, .newsnav a.active {
	background: rgba(179, 212, 237, 0.7);
}

.newscat {
	font-size: 1.1rem; letter-spacing: 0.3em;
    line-height: 2.18; background: #16273B;
    border-radius: 4px; padding: 0 10px;
    text-transform: uppercase; color: #fff;
    margin-bottom: 16px; display: inline-block;
}

.newsintro {
	margin-top: 20px;
	font-size: 1.6rem;
}

#articlecontent {
	position: relative; z-index: 2;
	margin: -96px 0 60px;
}

.expertvid {
	border-radius: 4px;
	overflow: hidden;
}

.featuredimg {
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 30px;
}

.mainarticle h3 {
	font-weight: 500;
}

#newswrap {
	position: relative; z-index: 2;
	margin: -240px 0 60px;
}

.newsgrid .card {
    margin-bottom: 30px;
}

.blog-pagination {
	text-align: center;
}

.blog-pagination a, .blog-pagination span {
	display: inline-block; vertical-align: top;
	margin: 0 5px; font-weight: 500;
}

.mainarticle strong {
	font-weight: 500;
}

.mainarticle ul, .mainarticle ol {
	margin: 0 0 20px 20px;
}

.mainarticle li {
	line-height: 1.5;
	margin-bottom: 8px;
}

blockquote {
	color: #1578C5; font-size: 1.8rem;
	line-height: 1.42; margin-bottom: 30px;
}

blockquote p {
	margin-bottom: 12px;
}

blockquote p.cite {
	font-size: 1.3rem; color: #555;
	margin-bottom: 0;
}

p.imgcite {
	text-align: center; font-size: 1.3rem;
	color: #555; margin: -15px 0 30px;
}

@media only screen and (min-width: 375px) {

	.newsnav {
		padding: 8px 10px;
	}

	.newsnav a {
		font-size: 1.3rem;
		padding: 0 18px;
	}

}

@media only screen and (min-width: 768px) {

    #articleheader {
		padding: 148px 0 320px;
	}

	.newsnav a {
		font-size: 1.6rem;
		padding: 0 30px;
	}

	#newsheader {
		padding: 148px 0 348px;
	}

	.newsintro {
		font-size: 1.8rem;
	}

	#articlecontent {
		margin: -270px 0 96px;
	}

	.featuredimg {
		margin-bottom: 64px;
	}

	.newsgrid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
    	grid-column-gap: 10px;
	}

	.mainarticle li {
		margin-bottom: 10px;
	}

	blockquote {
		font-size: 2rem;
	}

}

@media only screen and (min-width: 1024px) {

	#articleheader {
		padding: 220px 0 320px;
	}

	#newsheader {
		padding: 220px 0 400px;
	}

	.newsnav {
		margin: 50px auto 0; 
	}

	.newscat {
		font-size: 1.3rem;
      	line-height: 2.07; padding: 0 12px;
	    margin-bottom: 30px;
	}

	.newstop h1 {
		font-size: 6rem;
	}
	
	.postid-834 .newstop h1 {
		font-size: 5.6rem;
	}

	.newsintro {
		font-size: 2.4rem;
		margin-top: 50px;
	}

	.featuredimg {
		margin-bottom: 130px;
	}

	.expertvid {
		border-radius: 10px;
	}

	.mainarticle {
		font-size: 2rem;
		line-height: 1.75;
		letter-spacing: normal;
	}

	.mainarticle p {
		margin-bottom: 30px;
	}

	#newswrap {
		margin: -290px 0 60px;
	}

	.newsgrid {
    	grid-column-gap: 10px;
	}

	.newsgrid .card {
	    margin-bottom: 40px;
	}

	.mainarticle ul, .mainarticle ol {
		margin: 0 0 24px 30px;
	}

	.mainarticle li {
		margin-bottom: 16px;
	}

	blockquote {
		font-size: 2.8rem;
		margin-bottom: 60px;
	}

	blockquote p {
		margin-bottom: 16px;
	}

	blockquote p.cite {
		font-size: 1.4rem;
	}

	p.imgcite {
		font-size: 1.4rem;
		margin: -25px 0 40px;
	}

}

@media only screen and (min-width: 1280px) {

   #newsheader {
		padding: 280px 0 504px;
	}

	#newswrap {
		margin: -370px 0 60px;
	}

	.newsgrid {
    	grid-column-gap: 20px;
	}

	.newsgrid .card {
	    margin-bottom: 70px;
	}

	.blog-pagination a, .blog-pagination span {
		margin: 0 8px; 
	}

}

/*SHARE*/

.article-sm {
	display: none;
}

.article-msm {
	margin-top: 40px;
}

.asm-title {
	display: inline-block; vertical-align: top;
	line-height: 44px; font-size: 1.2rem;
	font-weight: 700; letter-spacing: 0.2em;
}

.asm-list {
	display: inline-block; vertical-align: top;
	list-style: none;
}

.asm-list li {
	display: inline-block; vertical-align: top;
	width: 44px; margin: 0 0 0 8px;
}

@media only screen and (min-width: 1280px) {

	.single .content {
		overflow: visible;
	}

	.mainarticle {
		margin: 0 -200px; padding-right: 200px;
		display: flex;
	}

	.share-col {
		width: 200px; padding-top: 9px;
	}

	.copy-col {
		width: 760px;
	}

	.newsbasic  .article-sm {
		display: block;
		margin-top: 0; position: sticky;
		width: 60px; top: 100px;
	}

	.newsbasic  .article-msm {
		display: none;
	}

	.newsbasic .asm-title {
		display: block; text-align: center;
		line-height: 1.2; margin-bottom: 16px;
	}

	.newsbasic .asm-list {
		display: block; margin: 0;
	}

	.newsbasic .asm-list li {
		display: block; 
		margin: 0 auto 10px;
	}

}