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

/******* Blog  ******/
.single.single-nexoninfographics .elementor-page-title .elementor-heading-title {
    font-size: 42px;
    line-height: 1.3em;
	margin: 20px 0px 40px;
}
.single.single-nexoninfographics .infographics-body-content h2 {
	font-size: 34px;
}
.single.single-nexoninfographics .infographics-body-content h3 {
    font-size: 28px;
}
.single.single-nexoninfographics .infographics-body-content h4 {
    font-size: 24px;
}
.single.single-nexoninfographics .infographics-body-content h5 {
    font-size: 21px;
}
.single.single-nexoninfographics .infographics-body-content h6 {
    font-size: 19px;
}
.single.single-nexoninfographics .infographics-body-content h2 {
    margin-top: 1.3em;
    margin-bottom: 0.5em;
}

.single.single-nexoninfographics .infographics-body-content h6 {
  	text-transform: lowercase;
}

.single.single-nexoninfographics p,
.single.single-nexoninfographics p.content,
.single.single-nexoninfographics .infographics-body-content p,
.single.single-nexoninfographics .infographics-body-content p.content {
	font-family: 'HKGROTESK-REGULAR', sans-serif;
	font-size: 18px;
	line-height: 1.6em;
	margin-bottom: 1.2em;
	font-weight: 400;
}
.single.single-nexoninfographics p em,
.single.single-nexoninfographics p.content em
{
	  font-family: 'HKGROTESK-REGULAR', sans-serif;
	  font-style: italic;
	  font-weight: 400;
}
.single.single-nexoninfographics p strong, 
.single.single-nexoninfographics p.large strong,
.single.single-nexoninfographics li strong {
  font-family: 'HKGrotesk-Bold', sans-serif;
  font-weight: 700;
  font-size: 1.02em;
}
.single.single-nexoninfographics p strong em,
.single.single-nexoninfographics p.content strong em
{
  font-family: 'HKGrotesk-Bold', sans-serif;
  font-style: italic;
  font-weight: 700;
}
.single.single-nexoninfographics p.large,
.single.single-nexoninfographics cta p.large {
  font-size: 24px;
  margin-bottom: 0px;
}
.single.single-nexoninfographics .post-content ul li,
.single.single-nexoninfographics .post-content ol li {
  font-family: 'HKGROTESK-REGULAR', sans-serif !important;
  font-size: 18px;
}
.single.single-nexoninfographics h2 b,
.single.single-nexoninfographics h2 strong,
.single.single-nexoninfographics h3 b,
.single.single-nexoninfographics h3 strong {
    font-family: 'Nexa Bold', sans-serif;
}
.single.single-nexoninfographics .post-content ol li::marker {
    font-family: 'Nexa Bold';
    font-size: 24px;
}


.post-content ol {
  counter-reset: item;
  margin-left: 0;
  padding-left: 0;
}
.post-content ol li {
  display: block;
  margin-bottom: .5em;
  margin-left: 2em;
}
.post-content ol li::before {
    display: inline-block;
    content: counter(item) "";
    counter-increment: item;
    width: 2em;
    height: 2em;
    margin-left: -2em;
    font-family: 'Nexa Bold';
    padding: 0.25em;
    background: black;
    border-radius: 20px;
    color: white;
    text-align: center;
    margin-right: 0.5em;
}
ol li h1, ol li h2, ol li h3, ol li h4, ol li h5,
.single.single-nexoninfographics ol li h2,
.single.single-nexoninfographics ol li h3,
.single.single-nexoninfographics ol li h4,
.single.single-nexoninfographics ol li h5 {
	display: inline-block;
	margin-top: 0.25em;
}

/****** Blog related articles **********/
.nexoninfographics-body-content .blog-related-articles .blog-post-main-wrapper .blog-post-wrapper {
    display: inline-flex;
    width: 100%;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: space-between;
}
.nexoninfographics-body-content .blog-related-articles .blog-post-main-wrapper .blog-post-wrapper .single-column-wrapper-padding {
	flex-basis: 32.5%;
}
/**** related articles tag *****/
.nexoninfographics-body-content .blog-related-articles .blog-post-main-wrapper .category-background-image-wrapper .category-button a {
    padding: 8px 32px;
    background: rgb(0 0 0 / 80%);
    color: white;
}
.nexoninfographics-body-content .blog-related-articles .blog-post-main-wrapper .single-post-title {
    margin: 20px 0px 11px 0px;
}
.nexoninfographics-body-content .blog-related-articles .blog-post-main-wrapper .single-post-title.related-articles h3 {
	font-size: 26px;
    line-height: 1.3em;
}
/***** learn more related articles *****/
.nexoninfographics-body-content .blog-related-articles .blog-post-main-wrapper .learn-more-button a {
    padding: 8px 20px;
    border: 1px solid #00CA81;
    border-radius: 100px;
    color: black;
    display: inline-flex;
    align-items: center;
    flex-flow: row wrap;
    line-height: 1;
	transition: 0.3s all;
}
.nexoninfographics-body-content .blog-related-articles .blog-post-main-wrapper .learn-more-button a:hover {
    background: #00CA81;
}
.nexoninfographics-body-content .blog-related-articles .blog-post-main-wrapper .learn-more-button a i.fa.fa-angle-right {
    background: #00CA81;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    padding: 4px 7px;
    margin-right: 10px;
	transition: 0.3s all;
	color: white;
}
.nexoninfographics-body-content .blog-related-articles .blog-post-main-wrapper .learn-more-button a .fa.fa-angle-right:before {
    font-size: 15px;
    line-height: 15px;
    vertical-align: middle;
}
.nexoninfographics-body-content .blog-related-articles .blog-post-main-wrapper .learn-more-button a:hover i.fa.fa-angle-right {
    background: white;
	color: black;
}
@media (max-width: 360px) {
    
}

@media (max-width: 767px) {
	
	.single.single-nexoninfographics p,
	.single.single-nexoninfographics p.content,
	.single.single-nexoninfographics .infographics-body-content p,
	.single.single-nexoninfographics .infographics-body-content p.content {
		font-size: 17px;
		line-height: 1.4em;
	}
	.post-content ol li::before {
		font-size: 16px;
		padding: 0.58rem;
		line-height: 16px;
		margin-right: 10px;
		display: block;
		width: 70px;
	}
	.post-content ol li h4, 
	.single.single-nexoninfographics ol li h4 {
		font-size: 16px;
		line-height: 1.4em
	}
	.single.single-nexoninfographics ul.elementor-nav-menu li.main-menu {
    display: block;
	}
}