/* *, */
/* *:before, */
/* *:after { */
	/* outline: 1px solid lime!important; */
	/* background-color: #66000020; */
/* } */

/* bloghead */
/**/
/**/

.blog2025 #bloghead {
	width: 100%!important;
	margin: 0px!important;
	max-width: none!important; 
	background-color: rgba(0, 65, 89, 1);
}

.blog2025 #blogheader {
	background-size: 800px auto; 
	/* background-size: 50% auto;  */
	min-height: 525px!important;
	color: #fff;
	background-color: #fff;
	position: relative;
	background-repeat: no-repeat;
	background-position: right center;
	max-width: 1920px!important; 
	margin: auto; 
	z-index: 2; 
	position: relative;
	/* border: 1px solid blue; */
}

/* .blog2025 #blogheader::before { */ 
	/* height: 100%; */
	/* width: 200vw; */
	/* content: ""; */
	/* display: block; */
	/* position: absolute; */
	/* margin-left: -50vw; */
	/* background-color: #84bd00; */
	/* z-index: 1; */
/* } */


@media only screen and (max-width: 1450px) {
	.blog2025 #blogheader {
		background-size: 70% auto; 
		/* min-height: 525px!important; */
		color: #fff;
		position: relative;
		background-repeat: no-repeat;
		background-position: right center;
	}	
}



.blog2025 #blogheader #headercopy,
.blog2025 #blogheader #utilitybelt,
.blog2025 #blogheader p,
.blog2025 #blogheader h1 { 
	z-index: 2;
}

.blog2025 #blogheader p {
	margin: 0!important;
	padding: 0!important;
}

.blog2025 #blogheader #headoverlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 65, 89, 1);
	background: linear-gradient(90deg, rgba(0, 65, 89, 1) 50%, rgba(0, 65, 89, 0) 70%, rgba(0, 65, 89, 0) 95%, rgba(0, 65, 89, 1) 99%, rgba(0, 65, 89, 1) 100%);
	z-index: 0;
}

.blog2025 #blogheader #headercopy {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	max-width: 1400px; 
	width: 100%;
	height: 100%;
	margin: auto;
	padding-top: 80px;
	padding-left: 30px;
	padding-bottom: 80px;
	/* border: 1px solid red; */
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: center;
	gap: 1.5em!important;
	flex-direction: column;
}

.blog2025 #blogheader #headercopy * {
	/* max-width: 51%; */
	/* min-width: 51%; */
	/* flex-basis: 51%; */
	/* flex-shrink: 0; */
}

.blog2025 #blogheader h1 {
	color: #fff;
	font-weight: bold;
	font-size: 45px;
	line-height: 45px;
	padding: 0;
}

.blog2025 a.cta {
	display: inline-block;
	background-color: #fff;
	color: #84bd00!important;
	line-height: 60px;
	height: 60px;
	font-weight: normal;
	border-radius: 30px!important;  
	padding: 20px 20px!important; 
	width: auto;
	min-width: 0;
	max-width: none;
	text-align: center;
	border: 0;
}

.blog2025 .cta img {
	width: 20px;
	height: auto;
	margin-right: 10px;
	position: relative;
	/* top: 4px; */
}

.blog2025 #blogheader {
	z-index: 3;
}


.blog2025 #bloghead #utilitybelt {
	background-color: #fff;
	position: absolute;
	position: absolute;
	top: 60px;
	right: 0;
	width: 80px;
	padding: 10px 0px 10px 20px;
	border-radius: 10px 0 0 10px;
	z-index: 33;
}

.blog2025 #bloghead #utilitybelt p {
	color: #84bd00;	
	display: inline;
}

.blog2025 #bloghead #utilitybelt .shariff,
.blog2025 #bloghead #utilitybelt .shariff * {
	margin: 0!important;
	padding: 0;
	float: left;
}

.blog2025 #bloghead #utilitybelt .shariff ul {
	width: auto;
	height: auto;
}

.blog2025 #bloghead #utilitybelt .pdfprnt-buttons,
.blog2025 #bloghead #utilitybelt .shariff li {
	width: 35px;
	height: 35px;
	overflow: hidden;
	float: left;
	background-color: #123;
	margin: 5px!important;
}


.blog2025 #bloghead #utilitybelt .shariff .info {
	display: none;
}

.blog2025 #bloghead #utilitybelt .widgets,
.blog2025 #bloghead #utilitybelt .icons {
	display: block;
	height: 100%;
	width: 45px;
	clear: both;
}

.blog2025 #bloghead #utilitybelt .widgets {
	position: absolute;
	opacity: 0;
}

.blog2025 #bloghead #utilitybelt .icons {
	pointer-events: none;
}

.blog2025 #bloghead #utilitybelt .icons img {
	width: 35px;
	height: 35px;
	overflow: hidden;
	background-size: contain;
	float: left;
	margin: 5px!important;
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
}

.blog2025 #bloghead .marker {
	position: absolute;
	width: 20px;
	height: auto;
}

.blog2025 #bloghead #headercopy>p {
	/* font-weight: bold; */
	padding-left: 25px; 
	max-width: 50%;
}

.blog2025 #bloghead #headercopy>p.green {
	background-color: var(--color-green);
	padding: 4px 11px !important;
	border-radius: 1em;
	border: 1px solid #fff;
	margin-top: 1em!important;
}


.blog2025 #bloghead #utilitybelt .linkedin {
	order: 1;
}

.blog2025 #bloghead #utilitybelt .xing {
	order: 2;
}

.blog2025 #bloghead #utilitybelt .twitter {
	display: none;
}

.blog2025 #bloghead #utilitybelt .facebook {
	order: 4;
}


@media only screen and (max-width: 900px) {
	.blog2025 #bloghead {
		/* all: initial; */
		background-color: var(--color-darkblue);
		
		&	#blogheader {
			background-color: var(--color-darkblue);
			
			&:before {
				position: relative;
				left: 0;
				background-position: center;
				background-size: cover;
				width: 100%;
				height: 50vw;
			}	
			
			& #headoverlay {
				display: none;
			}

			& #headercopy {
				position: relative;
				padding: 30px;
				
				& > p {
					/* font-weight: bold; */
					padding-left: 0;
					max-width: 100%;
				}

			}
			
		}
	}
	

}
/**/
/**/
/* bloghead */


/*
** content
*/

#leftright {
	max-width: 1400px;
	margin: auto;
	width: 100%;
	padding: 60px 30px;
	gap: 3em;
	
	& .wp-block-columns {
		
	}
	
	& #left {
		order: 1;
		flex-basis: calc(100% - 400px);
		
		& h2 {
			font-size: 24px;
			line-height: 1.2em;
			text-align: left;
		}
	}
	
	& #right {
		order: 2;
		flex-basis: 400px;
		
		& h4 {
			font-weight: 700;
			text-align: center;
			border-bottom: 2px solid var(--color-darkgray);
			margin-bottom: .5em;
			color: var(--color-green);
		}
		
		& #whitebox {
			border-radius: 20px;
			padding: 1em 1em 0 1em;
			border: 2px solid var(--color-lightgray);
			margin-bottom: 30px;
			
			
			& #ez-toc-container {
				margin: auto;
				border: 0px solid #fff;
				box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
				width: 100%;
				padding-left: 30px;
				padding-right: 30px;
				
				& li {
					font-size: 19px;
					line-height: 23px;
				}
			}
		
			#shariff {
				margin-bottom: 30px;
				
				& ul {
					margin-left: 0!important;
					display: flex;
					flex-wrap: nowrap;
					justify-content: center;
					
					& .info {
						display: none;
					}
					
					& li {
						width: 35px;
						height: 35px;
						overflow: hidden;
						float: left;
						background-color: #123;
						margin: 5px!important;

						
						& a {

							& span {
								height: 35px;
								width: 35px;
								display: flex;
								justify-content: center;
								align-items: center;						
							}
							
							& svg {
								width: 25px;
								height: 25px;

								& * {
									fill: #fff;
								}
							}	

							& .shariff-text {
								display: none;
							}
						}
					}
				}
			}
		}
		
		
		
		#latest {
			background-color: var(--color-green);
			border-radius: 20px;
			padding: 1em 1em 0 1em;
			
			& h4 {
				font-weight: 700;
				text-align: center;
				border-bottom: 2px solid var(--color-darkgray);
				margin-bottom: .5em;
				border-bottom: 0px solid #fff;
				color: #fff;
			}
			
			& ul {

				
				& li {
					display: none;
					
					& a {
						
					}
					
					&.jobTitle {
						display: block;
						
						& h3 {
							font-size: 20px;
							margin: 10px;
							
							& a {
								color: var(--color-darkgray);
								text-align: center;
								display: block;
								padding: 10px;
								margin: 0;
								
								background-color: #fff;
								border-radius: 50px;
							}
						}
					}
				}
				
				&#count-4,
				&#count-5,
				&#count-6 {
					display: none!important;
				}
			}
		}
		
	}
}