.blog-inner-container {
	padding: 10rem 0 0rem 0;
    max-width: 1190px;
    margin: 0 auto;
}

.blog-inner-container h1
{
	text-align: center;
font: normal normal 900 48px/50px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
	max-width:666px;
	padding-bottom:1.3rem;
	margin:0 auto;
}

#resourcesblogssaasmeet-our-payroll-saas-hr-blizz .blog-inner-container h1
{
	max-width:516px;
}

.blog-content h2 span
{
	text-align: left;
    font: normal normal 400 28px/30px Source Sans Pro;
    letter-spacing: 0px;
    color: #001738;
	display:block;
}

.breadcrumb
{
	margin-bottom: 0rem !important;
}

.blog-inner-container .article-category ul
{
	padding:0;
	list-style: none;
	text-align:center !important;
	display: block !important;

}

.article-category ul li
{
    display: inline-block !important;
	    margin-right: 0.8rem;
}

.article-category {
	padding-bottom:3rem;
}

.article-category ul a {
	text-decoration:none;
	text-align: left;
	font: normal normal normal 12px/15px Source Sans Pro;
	letter-spacing: 0px;
	color: #FFFFFF;
	background: #001738 0% 0% no-repeat padding-box;
	border-radius: 4px;
	padding:0.3rem;
	padding-inline: 10px;
}


.feature-image 
{
	    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 24px;
    text-align: center;
	position:relative;
}

.feature-image  img {
    width: 1130px;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 100%;
    border-radius: 12px;
}

.blog-inner-breadcrumb
{
	width:100%;
	background: #EAEFF3 0% 0% no-repeat padding-box;
}

.blog-breadcrumb-grid {
	margin: 0 auto;
    width: 100%;
    max-width: 1220px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    padding-top: 1rem;
    grid-column-gap: 4%;
}


.publish
{
	text-align:right;
}

.inner-post-grid {
	margin: 0 auto;
    width: 100%;
    max-width: 1220px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    padding-top: 1rem;
    grid-column-gap: 9%;
	padding-top:2rem;
	margin-bottom:4rem;
}


.blog-content p
{
	text-align: left;
font: normal normal normal 18px/26px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
}


.blog-content h2 {
	text-align: left;
	font: normal normal 900 28px/30px Source Sans Pro;
	letter-spacing: 0px;
	color: #001738;
	margin-top: 1.8rem;
	margin-bottom: 1.2rem;
}

.blog-content a
{
	font: normal normal normal 18px/26px Source Sans Pro;
    letter-spacing: 0px;
    color: #FF5F1F !important;
	text-decoration:none;
}

.publish-date, .publish
{
	font: normal normal 600 14px/20px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
}

.publish-date img, .publish img
{
	padding-right:1rem;
}

.breadcrumb
{
	font: normal normal 600 14px/20px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
}

.breadcrumb a {
	font: normal normal 600 14px/20px Source Sans Pro;
	letter-spacing: 0px;
	color: #001738;
	text-decoration:none;
}

.breadcrumb a, .breadcrumb span {
		padding-inline: 3px;
}

.section2-blog-archive
{
	max-width:1220px;
}

.article-category ul
{
	padding-top:1rem;
}

.recent-posts
{
	margin: 0 auto;
    width: 100%;
    max-width: 1220px;
	padding-top:5rem;
}

.recent-posts h2
{
	text-align: left;
font: normal normal 900 28px/50px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
}

.section2-blog-post
{
	margin:0 auto;
}

.ez-toc-title
{
	font: normal normal 900 16px/22px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
}

#ez-toc-container ul
{
	text-align: left;
font: normal normal normal 16px/22px Source Sans Pro;
letter-spacing: 0px;
color: #001738;
	    border-top: 3px solid #eef3f5;
}

#ez-toc-container ul li
{
	padding-bottom:0.5rem;
		margin-top:0.6rem;
}

.ez-toc-title-container
{
	padding-bottom: 0.7rem;
}

#ez-toc-container ul a
{
	text-decoration:none;
	color: #001738;
}

.side-bar
{
	padding-top:5rem;

}

::marker
{
	color: #FF5F1F;
}

.blog-content ul, .blog-content ol
{
	text-align: left;
	font: normal normal normal 18px/26px Source Sans Pro;
	letter-spacing: 0px;
	color: #001738;
}
@media only screen  and (max-width: 768px) {
	.blog-content ul, .blog-content ol {
			font: normal normal normal 16px/22px Source Sans Pro !important;
	}
}


.blog-content ul li, .blog-content ol li
{
	padding-bottom:1rem;
}

.blog-content #ez-toc-container
{
	display:none !important;
}

#ez-toc-container
{
	background: transparent !important;
    border: 0px solid #AAAAAA !important;
	webkit-box-shadow: none !important;
    box-shadow: none !important;
}

div#ez-toc-container p.ez-toc-title
{
	text-align: left;
font: normal normal bold 16px/22px Source Sans Pro;
letter-spacing: 0px;
color: #001738;

}



.ez-toc-title-toggle
{
	margin-top:2rem;
}

.postimg1
{
	    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-top: 1rem;
    grid-column-gap: 4%;
	padding-bottom:2rem;
}

.hrb-post-grid
{
	margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-top: 1rem;
    grid-column-gap: 5%;
	padding-bottom:2rem;
}

.hrb-post-grid div
{
    text-align: center;
    font: normal normal 900 22px/26px Source Sans Pro;
letter-spacing: 0px;
color: #FFFFFF;
	background: #FF5F1F;
    border-radius: 20px;
	padding:0.8rem;
	    display: inline-grid;
    align-items: center;
    justify-content: center;
	height:160px;
}


.contactimg p
{
	padding-bottom:0.7rem;
}

.blog-content h3 {
	text-align: left;
    font: normal normal 900 24px/30px Source Sans Pro;
    letter-spacing: 0px;
    color: #001738;
}

.contactimg p img
{
	margin-right:1rem;
}

#breadcrumbs img
{
	padding-right:0.4rem;
}

@media only screen and (max-width: 992px){
	.inner-post-grid
	{
		    grid-template-columns: 1fr;
	}
	.side-bar
	{
		display:none;
	}
	.hrb-post-grid
	{
		
		padding-bottom: 4rem;
	}
	.blog-breadcrumb-grid
	{
		 grid-template-columns: 1fr;
	}
	.blog-breadcrumb-grid .publish
	{
		display:none;
	}
	.hrb-post-grid div
	{
		height:80px;
	}
	.hrb-post-grid
	{
		 grid-template-columns: 1fr;
		    grid-row-gap: 5%;
	}
	.blogimg
	{
		height:190px !important;
	}
	.article-box
	{
		    grid-template-rows: 190px 60px auto auto 55px;
	}
	.content-hrblizz-grid
	{
		grid-template-columns: 1fr !important;
	}
	.blog-content, .recent-posts, .section2-blog-post
	{
		padding-inline:4%;
	}
}

@media only screen and (max-width: 450px){
	.publish-date img, .publish img
	{
		padding-right:0.3rem !important;
	}
	.article-publish-information
	{
		    grid-template-columns: 3fr 1fr;
	}
}

.content-hrblizz-grid {
	margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 0.5rem;
    grid-column-gap: 4%;
}

#ez-toc-container.counter-decimal ul.ez-toc-list li a::before, .ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before
{
	display: none !important;
}

.side-bar li a.active::after
{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: transparent;
    border-radius: 10px;
	color: #FF5F1F !important;
}
.breadcrumb a:hover
{
	color: #FF5F1F !important;
}

@media only screen and (max-width: 767px){
	.blog-inner-container h1
	{
		max-width:386px !important;
		font-size:38px;
		line-height:38px;
		padding-inline:4%;
	}
	.article-category ul li
	{
		margin-right:0.4rem;
	}
	.blog-breadcrumb-grid
	{
		padding:2rem;
		padding-inline: 4%;
	}
	.blog-content h2 {
		font-size:24px !important;
		line-height:30px !important;
	}
		.blog-content h3 {
		font-size:20px !important;
		line-height:28px !important;
	}
	.blog-content p
	{
		font-size: 16px;
		line-height: 22px;
	}
}

@media only screen  and (min-width: 1014px)  and (max-height: 1366px)  and (-webkit-min-device-pixel-ratio: 1.5) {
	.inner-post-grid
	{
		padding-inline:4%;
	}
	.blog-breadcrumb-grid, .recent-posts, .section2-blog-post
	{
		padding-inline:4%;
	}
}
@media only screen  and (min-width: 768px)  and (max-height: 1366px) {
	.blog-inner-breadcrumb {
		padding:2rem;
	}
}


.banner-image {
	max-width: 886px;
	  width: 100%;
	margin:0 auto;
	margin-bottom:4rem;
}

.banner-image img {
    width: 100%;
    box-shadow: 0px 6px 16px #0000001A;
    border-radius: 12px;
   background: #FFFFFF 0% 0% no-repeat padding-box;
    position: relative;
    max-width: 886px;
    padding: 10px;
    margin: 0 auto;
}

.circle-top {
    background: #001738 0% 0% no-repeat padding-box;
    border-radius: 237px;
    opacity: 1;
    float: right;
    height: 70px;
    margin-bottom: -50px;
    width: 70px;
    margin-top: -30px;
    margin-right: -30px;
}

.circle-bottom {
    background: #FF5F1F 0% 0% no-repeat padding-box;
    border-radius: 237px;
    opacity: 1;
    float: left;
    height: 70px;
    margin-bottom: -50px;
    width: 70px;
    margin-top: -30px;
    margin-left: -30px;
}

.arrow {
    width: 80px;
    margin: 0 auto;
}

.arrow img {
    background: #FF5F1F 0% 0% no-repeat padding-box;
    border-radius: 237px;
    height: 58px;
    width: 58px;
    padding: 1.1rem;
	margin-bottom: -20px;
    margin-top: 2rem;
    box-shadow: 0px 6px 16px #00000029;
	border: 4px solid #F8F8F8;
}

.arrowlisting
{
	width: 80px;
    margin: 0 auto;
}

.arrowlisting img {
    background: #001738 0% 0% no-repeat padding-box;
    border-radius: 237px;
    height: 58px;
    width: 58px;
    padding: 1.2rem;
	margin-bottom: -20px;
    margin-top: 2rem;
    box-shadow: 0px 6px 16px #00000029;
}

.arrowlisting a:hover img {
    background: #001738 0% 0% no-repeat padding-box;
}

.arrowlisting a + .hover-text {
    display: none;
}

.arrowlisting a:hover + .hover-text {
		display: initial;
		color:  #001738;
}

.arrowlisting a {
    margin-bottom: -120px;
    margin-top: 2rem;
}

.arrowlisting a:hover + .hover-text {
    display: block;
    text-align: left;
	font: normal normal 900 18px/23px Source Sans Pro;
	letter-spacing: 0px;
	margin-left: -20px;
    margin-top: 65px;
    margin-bottom: -88px !important;
	width:160px !important;
}


#ez-toc-container a:hover
{
	text-decoration:none;
	color: #FF5F1F;
}

.ez-toc-title-toggle
{
	display:none !important;
}

@media only screen and (max-width: 992px){
	
	.banner-image
	{
		margin-bottom:0rem !important;
	}
	.arrow img
	{
		    margin-top: -5rem;
		    margin-bottom: -320px;
	}
	
	#resourcesblogssaasmeet-our-payroll-saas-hr-blizz .inner-post-grid
	{
		    padding-top: 5rem;
	}
}

@media only screen and (max-width: 552px){
	
	.arrow img
	{
		    margin-top: -5rem;
		    margin-bottom: -320px;
	}
}

@media only screen and (min-width: 552px) and (max-width: 767px) 
{
		.arrow img
	{
		    margin-top: -5rem;
		    margin-bottom: -290px;
	}
}

@media only screen and (min-width: 767px) and (max-width: 92px) 
{
		.arrow img
	{
		    margin-top: -5rem;
		    margin-bottom: -240px;
	}
	.blog-inner-breadcrumb
	{
		    padding-bottom: 2rem;
	}
}

span.breadcrumb_last {
	color: gray !important;
}

.side-bar > div {
	max-width: 440px;
}

.red-h3 {
	color: #ff5c00 !important;
	font-size:18px !important;
	line-height: 20px !important;
}

.h3-gray-box {
	font-size: 18px !important;
	line-height: 26px !important;
}



.badge-article
{
	display:flex !important;
	width: 100%;
	padding-bottom:2rem !important;
	
}

.badge-article img
{
	margin: 0 auto;
}

.user-comment
{
	text-align: left;
	font: italic normal normal 18px/26px Source Sans Pro;
	letter-spacing: 0px;
	color: #001738;
}

.user-commas
{
	text-align: right;
	font: normal normal bold 200px/88px Source Sans Pro;
	letter-spacing: 0px;
	color: #EFF0F2;
}

.user-review-grid
{
	padding-top:2rem;
	padding-bottom:2rem;
	display: grid;
    grid-template-columns: 0.4fr 3fr;
}

@media only screen and (max-width: 552px){
	.badge-article
	{

    display: grid !important;
    grid-template-columns: 1fr 1fr;
		margin:0 auto;
	}
}

#resourcescompany-newsmercans-hr-blizz-named-a-high-performer-in-g2-report .blog-content h3
{
	font: normal normal 900 22px/30px Source Sans Pro;
}


.article-category
{
	padding-top:2rem;
}