

.hero .photo img {
	position: absolute;
	width: 285px;
	right: 30px;
	left: auto;
	top: 17px;
	height: auto !important;
	z-index: 3;
	opacity: .3;
}
.hero .photo:after {
	z-index: 1;
	opacity: 1;
	background-position: center center;
}
.hero .hero-inner {
	width: 100%;
	align-items: end;
	padding: 20px 10px;
	min-height: 170px;
	grid-template-columns: 85% 15%;
}
.hero h1 {
	margin-bottom: 0;
	
  
  
    
    
      
        
      
      
      
      
          
          
          font-size: 36px;
          font-size: 2.25rem;
      
    
  

	
  
  
    
    
      
        
      
      
      
      
          
          
          line-height: 36px;
          line-height: 2.25rem;
      
    
  

	text-transform: none;
}

.post-content {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto;
	max-width: 1140px;
	margin: 0 auto;
	padding: 50px 10px 60px;
	gap: 60px;
}
@media (min-width: 1024px) {
	.post-content {
		grid-template-columns: 1fr 34%;
	}
}
.post .photo {
	position: relative;
	margin-bottom: 15px;
}
.post .photo img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.post p.date {
	color: #b2b2b2;
	margin-bottom: 30px;
}
.post ul,
.post ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.post h2,
.post h3, 
.post h4,
.post ul,
.post ol,
.post p,
.post p+p {
	margin-top: 0;
	margin-bottom: 30px;
}

.post ul ul {
	margin-bottom: 10px;
	margin-top: 5px;
	grid-column: span 2;
}

.post ul li,
.post ol li {
	display: block;
	padding-left: 17px;
	position: relative;
}
.post .active li {
	display: block;
	position: relative;
}
.post li span.marker { 
   margin-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

.post ol,
.post ul {
	display: grid;
	grid-template-columns: 100%;
	gap: 10px;
}

.post ul {
	padding-left: 20px;
}
.post ul svg {
	height: 14px;
}
.post ul svg path {
	fill: #6E6259;
}
.post ol {
	padding-left: 20px;
	counter-reset: numbered;
}
.post ol li {
	counter-increment: numbered;
}
.post ol span.marker {
	display: block;
}
.post ol span.marker:before {
	content: counter(numbered) '.';
	
  
  
    
    
      
        
      
      
      
      
          
          
          font-size: 14px;
          font-size: 0.875rem;
      
    
  

}
/* .post .cta_button {
	background-color: inherit;
	display: inherit;
	padding: inherit;
} */
.post-content > .post a:not(.button):not(.hs_button):not(.cta_button) {
	text-decoration: underline;
}
.post-content > .post a:not(.button):not(.hs_button):not(.cta_button):hover {
	text-decoration: none;
}
.post-content .post img {
	max-width: 100%;
}
@media (min-width: 1024px) {
	.post-content > .post {
		grid-column: 1;
		grid-row: 1;
	}
	.post-content .sidebar {
		grid-column: 2;
		grid-row: 1;
	}
	.post-content .related-blogs {
		grid-row: 2;
		grid-column: 1 / span 2;
	}
}
.post hr {
	margin: 0 0 30px;
	border: 0 none;
	background-color: #638c3d;
	height: 4px;
	width: 100%;
	display: block;
}

.sidebar h4 {
	
  
  
    
    
      
        
      
      
      
      
          
          
          font-size: 18px;
          font-size: 1.125rem;
      
    
  

	
  
  
    
    
      
        
      
      
      
      
          
          
          line-height: 18px;
          line-height: 1.125rem;
      
    
  

	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 20px;
}
.sidebar ul,
.sidebar li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.sidebar ul.share {
	display: grid;
	grid-template-columns: repeat(4, 45px);
	gap: 10px;
	justify-content: start;
	margin-bottom: 60px;
}
.sidebar ul.share svg {
	width: 22px;
}
.sidebar ul.share svg path {
	fill: #fff;
}
.sidebar ul.share a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	aspect-ratio: 1/1;
	border-radius: 5px;
	width: 45px;
	width: 45px;
	transition: background-color .25s ease-in-out;
}
.sidebar ul.share li.share-linkedin a {
	background-color: #0077b5;
}
.sidebar ul.share li.share-twitter a {
	background-color: #1da1f2;
}
.sidebar ul.share li.share-facebook a {
	background-color: #3b5998;
}
.sidebar ul.share li.share-email a {
	background-color: #6E6259;
}
.sidebar ul.share li[class] a:hover {
	background-color: #d03439;
}
.sidebar ul.categories,
.sidebar ul.recent {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto;
	gap: 10px;
	margin-bottom: 60px;
}
.sidebar ul.recent {
	gap: 20px;
}
.sidebar ul.recent li {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}
.sidebar ul.categories li {
	display: grid;
	grid-template-columns: 7px 1fr;
	gap: 10px;
}
.sidebar ul.recent li a {
	
  
  
    
    
      
        
      
      
      
      
          
          
          font-size: 18px;
          font-size: 1.125rem;
      
    
  

}
.sidebar ul.recent li span.date {
	display: block;
	color: #6E6259;
	
  
  
    
    
      
        
      
      
      
      
          
          
          font-size: 14px;
          font-size: 0.875rem;
      
    
  

}
.sidebar ul.categories li svg {
	height: 14px;
}
.sidebar ul.categories li a {
	color #005da6;
	transition: color .25s ease-in-out;
}
.sidebar ul.categories li a:hover {
	color: #414042;
}
.sidebar ul.categories li svg path {
	fill: #005da6;
	transition: fill .25s ease-in-out;
}
.sidebar ul.categories li:hover svg path {
	fill: #414042;
}

section.related-blogs {
	margin-bottom: 40px;
}

.post p.h2,
.related-blogs p.h2 {
	color: #005da6;
	font-size: 36px;
	font-size: 2.25rem;
	font-weight: 300;
	line-height: 46px;
	line-height: 2.875rem;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 10px;
}

.post-navigation {
	display: grid;
	grid-column: 1;
	grid-template-columns: 100%;
	justify-content: center;
	align-items: center;
	row-gap: 20px;
	margin-top: 60px;
}

@media (min-width: 780px) {
	.post-navigation {
		grid-template-columns: repeat(2, 1fr);
	   grid-auto-flow: column;
		column-gap: 40px;
	}
}

@media (min-width: 1024px) {
	.post p.h2 {
		grid-column: 1 / span 2;
	}
}
.post-content > .post .post-navigation a:not(.button):not(.hs_button):not(.cta_button),
.post-navigation a:not(.button):not(.hs_button) {
	display: grid;
	row-gap: 5px;
	column-gap: 10px;
	padding: 10px;
	text-decoration: none;
	grid-template-rows: 19px auto;
	height: 100%;
	transition: background-color .25s ease-in-out;
}
.post-navigation a:not(.button):not(.hs_button) span.label {
	
  
  
    
    
      
        
      
      
      
      
          
          
          font-size: 16px;
          font-size: 1.0rem;
      
    
  

	line-height: 1.2;
	color: #414042;
	text-decoration: none;
	transition: color .25s ease-in-out;
}
.post-navigation a:not(.button):not(.hs_button) span:not(.label) {
	
  
  
    
    
      
        
      
      
      
      
          
          
          font-size: 18px;
          font-size: 1.125rem;
      
    
  

	line-height: 1.2;
	color: #005da6;
	text-transform: uppercase;
	font-weight: 600;
	transition: color .25s ease-in-out;
	align-items: center;
	text-decoration: none;
	transition: color .25s ease-in-out;
}
.post-navigation a.next {
	justify-self: end;
	grid-template-columns: auto 17px;
	text-align: right;
	
}

.post-navigation a.next span.marker {
	grid-column: 2;
	grid-row: 2;
}
.post-navigation a.next span.name {
	grid-column: 1;
	grid-row: 2;
}
.post-navigation a.next span.label {
	grid-column: 1;
}
.post-navigation a.previous {
	justify-self: start;
	grid-template-columns: 17px auto;
	
}
@media (min-width: 780px) {
	.post-navigation a.next {
		grid-row: 2;
		grid-column: 2;
	}
	.post-navigation a.previous {
		grid-row: 2;
		grid-column: 1;
	}
}
.post-navigation a.previous span.marker {
	grid-column: 1;
	grid-row: 2;
}
.post-navigation a.previous span.name {
	grid-column: 2;
	grid-row: 2;
}
.post-navigation a.previous span.label {
	grid-column: 2;
}
.post-navigation svg {
	height: 17px;
}
.post-navigation svg path {
	fill: #005da6;
}
.post-navigation a:not(.button):not(.hs_button):hover {
	background-color: #f1f2f2;
}
.post-navigation a:not(.button):not(.hs_button):hover span.label {
	color: #055392;
}
.post-navigation a:not(.button):not(.hs_button):hover span:not(.label) {
	color: #414042;
}
.post-navigation a:not(.button):not(.hs_button):hover svg path {
	fill: #414042;
}