/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
  ARTICLE PAGE CSS FOR CANOPY
//////////////////////////////////*/
#page-header.article h1{font-size:2.6rem}
.article .blog-article-thumbnail .date{min-width:62px;font-size:3rem;padding:.5rem .2rem 0 .5rem}
.article .blog-article-details h6{margin-bottom:1rem}
.article .blog-article-author img{width:85px}
p.is_paged{display:block;position:relative;font-size:1.6rem;font-weight:700;font-style:italic;color:inherit;margin:-4rem auto 5rem;padding:0}
.sharePost i{padding:0 .5rem 0 .8rem}
.article .blog-article .author_box{position:relative;width:100%;border:1px solid #ccc;padding:1.5rem;margin:0 auto 5rem}
.article .blog-article .author_box h4{font-size:1.6rem;font-weight:500;margin:0 auto .8rem}
.article .blog-article .author_box h4 span{font-weight:600}
.article .blog-article .author_box img{display:block;width:74%;height:auto}
.article .blog-article .author_box .social_wrap{font-size:1.8rem;font-weight:400}
.article .blog-article .author_box .social_wrap a{display:inline-block;margin-left:1rem}
.article .blog-article .author_box .social_wrap a i{font-size:2.4rem}
.article .blog-article .author_box p{font-size:1.4rem;font-style:italic;line-height:1.4;margin-bottom:0}
.article .img_object_fit_featured{border:1px solid #ddd}
.article .blog-article-thumbnail .date{border:1px solid #ddd;border-left:none;border-bottom:none}

/**===== article (geo-targeting & rules for seo) settings =====**/
#page-content.article #training{display:block;position:relative;font-family:"Montserrat",sans-serif !important;font-size:1.6rem;font-weight:400}
#page-content.article #training h2,
#page-content.article #training h3,
#page-content.article #training h4{display:block;position:relative;font-family:"Playfair Display",serif!important;font-weight:600;letter-spacing:.2px;margin:4rem auto 2rem}
#page-content.article #training h2::after,
#page-content.article #training h3::after,
#page-content.article #training h4::after{display:block;width:33%;border-bottom:2px solid #ddd;padding-top:.6rem;content:""}
#page-content.article #training h2{font-size:3rem!important}
#page-content.article #training h3{font-size:2.8rem!important}
#page-content.article #training h4{font-size:2.4rem!important}
#page-content.article #training span.important{position:relative;font-size:1.7rem;font-weight:500;color:#555;padding:0 .5rem 0 0}
#page-content.article #training span.important i{font-size:1.8rem}
#page-content.article #training div.example{display:block;position:relative;font-size:1.5rem;font-weight:400;color:#444;margin:1rem auto .5rem}
#page-content.article #training li .rule{display:block;position:relative;font-size:1.8rem;font-weight:400;margin:3rem auto 0}
#page-content.article #training ul.sample{position:relative;margin:1rem auto 0;padding:0 0 1.2rem}
#page-content.article #training ul.sample li.codes{position:relative;font-size:1.5rem;font-weight:400;padding:.2rem 0;bottom:0;color:#777}
#page-content.article #training ul.sample li.last{position:relative;margin-bottom:1.8rem}
#page-content.article #training ul.sample i.code{position:relative;font-size:1.2rem;font-weight:400;padding:.6rem .1rem;bottom:0;color:#337ab7}
#page-content.article #training ul.sample li span.fntwgt5{color:#555}

@media (min-width:480px) {
	.article .blog-article .author_box h4{font-size:1.8rem}
}
@media (min-width:576px) and (max-width:767.98px) {
	.article .blog-article .author_box [class^="col-"].right{padding-left:1.5rem}
	.article .blog-article .author_box img{width:100%}
	.article .blog-article .author_box h4{margin:-.3rem auto .6rem}
	.article .blog-article .author_box .social_wrap{margin-bottom:.8rem}
}
@media (min-width:768px) and (max-width:991.98px) {
	.article .blog-article .author_box .row{margin-right:0;margin-left:0}
	.article .blog-article .author_box [class^="col-"].right{padding-left:1.5rem}
	.article .blog-article .author_box img{width:auto;height:100px}
	.article .blog-article .author_box h4{margin:-.3rem auto .6rem}
	.article .blog-article .author_box .social_wrap{margin-bottom:.8rem}
}
@media (min-width:992px) {
	#page-header.article h1{font-size:2.8rem}
	.article .blog-article .author_box [class^="col-"].right{padding-left:0}
	.article .blog-article .author_box img{width:auto}
	.article .blog-article .author_box h4{font-size:2rem;margin-bottom:1rem}
	.article .blog-article .author_box .social_wrap{margin-bottom:1rem}
	.article .blog-article .author_box p{font-size:1.5rem}
}
@media (min-width:992px) and (max-width:1199.98px) {
	.article .blog-article .author_box img{height:132px}
}
@media (min-width:1200px) {
	.article .blog-article-thumbnail .date{min-width:70px;font-size:3.4rem;padding:1rem .2rem 0 .5rem}
	.article .blog-article-details{padding-left:7rem}
	.article .blog-article .author_box [class^="col-"].left{-ms-flex:0 0 18%;-webkit-box-flex:0;flex:0 0 18%;max-width:18%}
	.article .blog-article .author_box [class^="col-"].right{-ms-flex:0 0 82%;-webkit-box-flex:0;flex:0 0 82%;max-width:82%}
	.article .blog-article .author_box img{height:130px}
}