/*
** Header 
*/

html {
	scroll-padding-top: 150px;
}

body {
	overflow-x: hidden;
	position: relative;
	display: initial;
	
}

#services_img .wp-block-cover__inner-container h1 {
	font-size: 45px;
	line-height: 1.2em!important;
	margin-top: 20px!important;
}

#services_img .wp-block-cover__inner-container h3 {
	font-size: 20px!important;
	line-height: 1.2em!important;
	font-weight: 400!important;
	max-width: 1000px;
	margin-bottom: 20px!important;
}

#services_img .wp-block-cover__inner-container .wp-block-group {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	gap: 1em;
}

#services_img .wp-block-cover__inner-container .wp-block-button {
	border-radius: 10px;
}



#services_img .wp-block-cover__inner-container {
	max-width: 1200px;
	padding: 30px 0;
	/* margin: auto; */
}

#services_img .wp-block-cover__inner-container > .wp-block-columns {
	gap: 1em!important;
}

#headpinkball {
	display: block;
	width: 200px;
	height: 200px;
	border-radius: 100px;
	color: #fff;
	position: relative;
	margin-top: 120px;
}

#headpinkball a {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transform: rotate(10deg);
}

#headpinkball p {
	font-size: 22px;
	text-align: center;
	margin: 0!important;
}

#headwhitebox {
	display: block;
	width: 330px;
	padding: 5px 5px 5px 20px;
	border-radius: 20px;
}

#headwhitebox .wp-block-columns {
	flex-wrap: nowrap!important;
}

#headwhitebox .wp-block-column:nth-child(1) {
	flex-basis: 66%!important;:
}

#headwhitebox .wp-block-column:nth-child(2) {
	flex-basis: 33%!important;:
}

/*
** What is Service Layers
*/

#what {
	max-width: 1200px;
	margin: auto;
}

#what > .wp-block-columns {
	gap: 2em!important;
}

#whatgreybox {
	max-width: 1200px;
	margin: auto;
	padding: 20px;
	border-radius: 20px;
	margin-top: 80px!important;
}

#whatgreybox p {
	margin: 1em 0 0 0!important;
}

#whatgreybox p strong {
	font-size: 24px!important;
}

#whatgreybox .wp-block-columns {
	gap: 1em;
	justify-content: center;
	align-items: stretch!important;
	margin-top: 30px;
	flex-wrap: wrap!important;
	max-width: 100%;
}

#whatgreybox .wp-block-columns .wp-block-column {
	display: block;
	align-self: stretch!important;
	flex-basis: 200px;
	flex-shrink: 0;
	flex-grow: 0!important;
}


#whatgreybox .wp-block-image,
#whatgreybox .wp-block-image figure,
#whatgreybox .wp-block-image img {
	max-width: 100%!important;
	/* height: 150px!important; */
	display: block;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

#whatgreybox .wp-block-image.plus img {
	position: absolute;
	margin-left: -220px;
}

#slwhitebox {
	width: 310px;
	max-width: 100%!important;
	border-radius: 20px;
	margin: auto;
	position: relative;
	top: -65px;
	border: 3px solid var(--color-lightgray);
	margin-bottom: -65px;
}

#slpartners {
	border-radius: 10px;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 1em;
	gap: 1em;
}

#slpartners figure {
	width: 100%;
	height: auto;
}


/*
** Why choose Service Layers
*/

#why {
	max-width: 1200px;
	margin: auto;
}

#stickyscroll {
	position: relative;
}

#stickyscroll * {
	position: relative;
	/* border: 1px solid red; */
}

#stickyscroll > .wp-block-columns {
	position: relative;
	align-items: stretch!important;
	height: 100%;
	gap: 1em;	
}

#stickyscroll > .wp-block-columns > .wp-block-column:nth-child(1) {
	position: relative;
	height: 100%;
	min-height: 100%;
	display: block;
	align-self: stretch!important;
	position: sticky;
	top: 130px;
}

#sc_right {
	display: flex;
	gap: 2em;
	flex-wrap: wrap;
}

/* #sc_right > div > div::before { */
	  /* content: ''; */
  /* display: block; */
  /* height:      130px; */
  /* margin-top: -130px; */
  /* visibility: hidden; */
/* } */

#sc_right > div > div {
	padding: 20px;
	border-radius: 20px;
	
}

#sc_right > div > div p {
	margin: 0!important;
	
}

#sc_right .wp-block-columns  {
	gap: 1em;
}

/* */
/**/
/**/

#features {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

#features .left {
	flex-basis: 480px;
	min-width: 480px;
	width: 480px;
	z-index: 5;
}

#features .left .iamFeatures,
#features .left .devFeatures {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	display: flex;
	align-items: stretch;
	overflow: hidden;
	padding-right: 40px;
}

#features .left .devFeatures {
	margin-top: 5px;
}

#features .left .selected {
	background-color: var(--iccgreen);
	color: #fff;
}

#features .left .devFeatures .selected {
	background-color: var(--iccblue);
}

#features .left .selected:after {
	display: block;
	position: absolute;
	right: -42px;
	top: 0px;
	width: 50px;
	height: 50px;
	content: " ";
	background-image: url(/wp-content/uploads/2025/06/green-triangle.svg);
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 5;
}

#features .left .devFeatures .selected:after {
	background-image: url(/wp-content/uploads/2025/06/blue-triangle.svg);
}


#features .left .headline {
	flex-basis: 130px;
	display: flex;
	align-items: center;
	color: #fff;
	flex-shrink: 0;
}

#features .options > div {
	transition: all 0s!important;
	display: flex; align-items: center;
}

#features p,
#features li {
	margin: 0!important;
	padding: 0!important;
}

#features .left .headline p {
	margin-left: 10px!important
}

#features .left .iamFeatures .headline {
	background-color: var(--iccgreen);
}

#features .left .devFeatures .headline {
	background-color: var(--iccblue);
}

#features .left .options {
	flex-basis: 300px;
	flex-shrink: 0;
}

#features .left .options div {
	height: 50px;
	line-height: 50px;
	margin-top: 5px;
	padding-left: 50px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 30px 30px;
	position: relative;
}

#features .left .options .accessManagement.unselected {
	background-image: url(/wp-content/uploads/2025/06/gray-access_management.svg);
}

#features .left .options .identityManagement.unselected {
	background-image: url(/wp-content/uploads/2025/06/gray-identity_management.svg);
}

#features .left .options .kundenService.unselected {
	background-image: url(/wp-content/uploads/2025/06/gray-employee_customer_services.svg);
}

#features .left .options .serviceOps.unselected {
	background-image: url(/wp-content/uploads/2025/06/gray-services_operations.svg);
}

#features .left .options .intSec.unselected {
	background-image: url(/wp-content/uploads/2025/06/gray-security_built_in.svg);
}

#features .left .options .infraStruktur.unselected {
	background-image: url(/wp-content/uploads/2025/06/gray-ci_cd_infrastructure.svg);
}

#features .left .options .netWork.unselected {
	background-image: url(/wp-content/uploads/2025/06/gray-on_premise_network.svg);
}

#features .left .options .accessManagement.selected {
	background-image: url(/wp-content/uploads/2025/06/white-access_management.svg);
}

#features .left .options .identityManagement.selected {
	background-image: url(/wp-content/uploads/2025/06/white-identity_management.svg);
}

#features .left .options .kundenService.selected {
	background-image: url(/wp-content/uploads/2025/06/white-employee_customer_services.svg);
}

#features .left .options .serviceOps.selected {
	background-image: url(/wp-content/uploads/2025/06/white-services_operations.svg);
}

#features .left .options .intSec.selected {
	background-image: url(/wp-content/uploads/2025/06/white-security_built_in.svg);
}

#features .left .options .infraStruktur.selected {
	background-image: url(/wp-content/uploads/2025/06/white-ci_cd_infrastructure.svg);
}

#features .left .options .netWork.selected {
	background-image: url(/wp-content/uploads/2025/06/white-on_premise_network.svg);
}

#features .left .options div:nth-child(1) {
	margin-top: 0px;
}

#features .left .unselected {
	background-color: #eeeeef;
}

#features .right {
	flex-basis: 43%;
	font-size: 16px;
	z-index: 1;
	margin-left: 5px;
	background: transparent;
	transition-duration: 2s;
	position: relative;
}

#features .right > * {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

#features .right ul {
	margin-bottom: 0px;
}

#features .right ul  li.short {
	padding-right: 60px;
}


#features .right .selected {
	transform: rotateY(0deg)!important;
	transition-duration: 1s!important;
	opacity: 1!important;
}

#features .right .unselected {
	transform: rotateY(90deg)!important;
	transition-duration: 1s!important;
	opacity: 0!important;
}

#features .available {
	flex-basis: 120px;
	background-color: var(--icclgray);
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	margin-left: 20px;
	max-height: 380px;
}

#features .available.s1and2 .sailpoint,
#features .available.s1and2 .oneidentity {
	opacity: 0;
}

#features .available * {
	opacity: 1;
	transition-duration: 1s;
}

#features .available.selected,
#features .available.selected * {
	opacity: 0;
	transition-duration: 1s;
}

#features .available img {
	margin-top: 1em;
}

#features .available img.ping {
	width: 40px!important;
	height: auto!important;
	margin: auto!important;
	margin-top: 1em!important;
}

.forgerockBack {
	/* background-image: url(/wp-content/uploads/2020/11/ForgeRock_Vert_Color_Logo_RGB_R_med.svg); */
	width: 60px; 
	height: 60px;
	margin-top: -1em; /*for exact positioning */
	display: block;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	float: right;
	position: absolute;
	right: 0px;
}

.pingBack {
	/* background-image: url(/wp-content/uploads/2020/11/Ping-Logo-1.svg); */
	width: 30px; 
	height: 30px;
	margin-top: -1em; /*for exact positioning */
	margin-right: 15px;
	display: block;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	float: right;
	position: absolute;
	right: 0px;
}

.sailBack {
	background-image: url(/wp-content/uploads/2024/02/SailPoint-logo.svg);
	width: 60px; 
	height: 30px;
	margin-top: -1em; /*for exact positioning */
	margin-right: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	float: right;
	position: absolute;
	right: 0px;
}

.oneBack {
	background-image: url(/wp-content/uploads/2024/02/OneIdentityQuest-RGB.svg);
	width: 60px; 
	height: 30px;
	margin-top: -1em; /*for exact positioning */
	margin-right: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	float: right;
	position: absolute;
	right: 0px;
}

.identityManagement {
	padding-right: 50px;
}



	

@media only screen and (max-width: 870px) {
	#features {
		flex-wrap: wrap!important;
	}
	
	#features > div.right {
		flex-basis: calc(100% - 150px);
		min-width: calc(100% - 150px);
		margin-top: 30px;
	}
	
	#features > div.available {
		margin-top: 30px;
		padding: 20px!important;
	}
	
	@media only screen and (max-width: 450px) {
		
		#features > div.available,
		#features > div.right {
			flex-basis: 100%!important;
			min-width: 100%!important;
		}
		
		#features > div.available {
			margin: 0!important;
			text-align: center;
			display: block;
		}
		
		#features > div.available * {
			/* flex-basis: 100%; */
			width: 100%;
		}
		
		#features > div.available img {
			max-width: 100px;
			height: auto;	
			clear: both;
			margin: auto!important;
		}
		
		#features .left {
			flex-basis: 100%;
			min-width: 100%;
			width: 100%;
		}
		
		#features .left .iamFeatures, 
		#features .left .devFeatures {
			padding-right: 0;
		}
		
		#features .left .iamFeatures .options, 
		#features .left .devFeatures .options {
			flex-basis: calc(100% - 100px);
			hyphens: auto;
		}

		#features .left .iamFeatures .options div, 
		#features .left .devFeatures .options div {
			height: auto;
			min-height: 50px;
			line-height: 1em;
			display: flex;
			align-items: center;
			hyphens: auto;
		}			
		
		#features .left .iamFeatures .options div p, 
		#features .left .devFeatures .options div p {
			hyphens: auto;
		}
	}
}


/**/
/**/
/* */

/*
** Connect with our Experts
*/

#interested {
	width: 100%!important;
	max-width: 1000px!important;
	margin: auto!important;
	border-radius: 30px!important;
	text-align: center!important;
}

#interested figure {
	background-color: var(--color-darkblue);
	width: 70px;
	height: 70px;
	padding: 10px;
	border-radius: 50%;
	position: relative;
	top: -35px;
}

#interested .wp-block-button {
	margin: auto;
	width: auto;
	margin: auto;
	
	/* display: block; */
}


/*
** SUpported IAM Platforms
*/

#platforms .wp-block-columns {
	max-width: 1200px;
	gap: 1em;
	justify-content: center;
}

#platforms .wp-block-column {
	padding: 20px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-basis: 300px;
	flex-grow: 0;
}

/*
** Technical Features
*/

#technical img {
	position: relative; 
	top: 25px;
}

#features .right li {
	padding-left: 20px!important;
}

#features .right li:before {
	display: block;
	content: "";
	width: 5px;
	height: 5px;
	background-color: var(--color-blue);
	position: absolute;
	margin-left: -15px;
	margin-top: 10px;
	
}

/*
** Certified
*/

#white_circle {
	display: block;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: clip;
	margin: auto;
}

#certified .wp-block-columns .wp-block-columns {
	gap: 1em;
	flex-wrap: wrap!important;
	justify-content: center;
}

#certified .wp-block-columns .wp-block-columns .wp-block-column {
	flex-shrink: 0;
	flex-basis: 180px;
}

/* Customers */
/**/
/**/


#content .white .sa_owl_theme .owl-nav .owl-prev,
#content .white .sa_owl_theme .owl-nav .owl-next {
    background: url(/wp-content/uploads/2022/10/arrow-circle-right-solid-green.svg) no-repeat center center !important;
    width: 35px !important;
}

#content .white .sa_owl_theme .owl-nav .owl-prev {
    transform: rotate(180deg);
    left: -30px;
}

#content .white .sa_owl_theme .owl-nav .owl-next {
    right: -30px;
}

#customers .white {
	margin-top: 1em!important;
}

#customers .owl-item {
    background-color: var(--color-lightgray);
    border-radius: 20px;
    overflow: hidden;
    max-height: 600px;
}

#customers .owl-item > .sa_hover_container {
    max-height: 600px !important;
}

#customers .owl-item > .sa_hover_container > * {
    max-width: 50%;
    padding-right: 5%;
}

#customers .owl-item img {
    height: 70px;
	width: auto;
	max-width: 275px;
}

#customers .owl-item p {
    font-size: 22px;
    line-height: 25px;
}

#customers .owl-item a {
    padding-right: 1.5em;
    background-repeat: no-repeat;
    background-size: auto 1em;
    background-position: right center;
}

#customers .owl-item a.L1 {
    background-image: url(/wp-content/uploads/2023/02/arrow-right.svg);
    color: var(--color-green);
}

#customers .owl-item a.L2 {
    background-image: url(/wp-content/uploads/2023/06/arrow-right-lblue.svg);
    color: var(--color-blue);
}

#customers .owl-item a.L3 {
    background-image: url(/wp-content/uploads/2023/06/arrow-right-magenta.svg);
    color: var(--color-magenta);
}

#customers .owl-item a.L4 {
    background-image: url(/wp-content/uploads/2023/06/arrow-right-dblue.svg);
    color: var(--color-darkblue);
}

#customers h6 {
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
}

@media only screen and (max-width: 1200px) {
    .owl-carousel .owl-stage-outer {
        width: 100% !important;
        height: auto !important;
    }

    #customers .owl-item > .sa_hover_container {
        max-height: none !important;
        height: auto !important;
        padding-top: 530px !important;
        min-height: 0 !important;
    }

    #customers .owl-item {
        max-height: none !important;
        min-height: 0 !important;
    }

    #customers .owl-item > * {
        max-height: none;
        background-position: center 10px !important;
        background-size: 500px auto !important;
    }

    #customers .owl-item > .sa_hover_container > * {
        max-width: 100%;
        padding: 0 5%;
    }
}
 



@media only screen and (max-width: 800px) {
    .owl-carousel .owl-stage-outer {
        width: 100% !important;
        height: auto !important;
    }



    #customers .owl-item > .sa_hover_container {
        max-height: none !important;
        height: auto !important;
        padding-top: 330px !important;
        min-height: 0 !important;
    }

    #customers .owl-item {
        max-height: none !important;
        min-height: 0 !important;
    }

    #customers .owl-item > * {
        max-height: none;
        background-position: center top !important;
        background-size: 300px auto !important;
    }

    #customers .owl-item > .sa_hover_container > * {
        max-width: 100%;
        padding: 0 5%;
    }
	
	.wp-block-cover h1 {
		text-align: center;
		padding: .5em;
		font-size: 29px !important;
		position: relative!important;
		top: 0;
	}
	
	.wp-block-cover h3 {
		text-align: center;
		padding: .5em;
	}

	#services_img .wp-block-cover__inner-container .wp-block-group {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	#headpinkball,
	#headwhitebox {
		margin: auto;
	}
	
	#headpinkball {
		margin-top: 40px;
	}
	
	#services_img h2 {
		font-size: 24px!important;
		position: relative;
		top: 30px;
		text-align: center;
		padding: .5em;
		bottom: 0;
	}
	
	@media only screen and (max-width: 800px) {
		.wp-block-cover__image-background {
			position: absolute!important;
			min-height: 200px;
			display: block;
		}
	}
}

/**/
/**/
/* Customers */

/*
** What's included with Service Layers
*/

#included h2 {
	padding-bottom: 1em!important;
}

#included .wp-block-columns {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch!important;
	gap: 4em;
}

#included .wp-block-columns .wp-block-columns {
	gap: 1em;
}

/* #included > div > div > .wp-block-columns > .wp-block-column { */
	/* border: 3px solid red; */
	/* align-self: stretch; */
/* } */

#included .wp-block-columns  .wp-block-column {
	align-self: stretch;
}

/* #included >  div > div > .wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column { */
	/* border: 3px solid green; */
	/* position: relative; */
/* } */

#included {
	max-width: 1200px!important;
	margin: auto;
}

#included  .heady {
	height: 4em;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}
#included .wp-block-columns > .wp-block-column .wp-block-columns > .wp-block-column > .wp-block-lazyblock-divclassinner:nth-child(2),
#included .graybox {
	height: 100%!important;
}

#included .graybox {
	padding: 20px!important;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	overflow: clip;
}

#included .wp-block-column.borders, 
#included .wp-block-column.graycolumn {
	background-color: var(--color-lightgray);
	border-radius: 30px!important;
	overflow: clip!important;
}

#included .wp-block-column {
	/* border-bottom-left-radius: 30px!important; */
	/* border-bottom-right-radius: 30px!important; */
	overflow: clip;
}

#included h3 {
	padding: 0;
	font-size: 20px!important;
	line-height: 24px!important;
}

#included .hthreepeeo {
	height: 3em;
	position: relative;
	padding-top: .3em;
}

#included  .hthreepeeo h4:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	/* border-top: 1px solid red; */
	position: relative;
	top: 15px;
}

#included .blue h4:before {
	border-top: 3px solid var(--color-darkblue);
}

#included .gray h4:before {
	border-top: 3px solid var(--color-darkgray);
}

#included .gree h4:before {
	border-top: 3px solid var(--color-green);
}

#included  h4 strong {
	background-color: #fff;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
}

#included  .graybox h4 strong {
	background-color: var(--color-lightgray);
}

#included .bribluclm {
	min-height: 100%;
}

#included .bribluclm div:nth-child(2),
#included #brightblubox, 
#included .graycols {
	height: calc(100% - 57px);
	/* height: 100%; */
}



#included #brightblubox {
	/* height: calc(100% - 57px); */
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border-radius: 30px;
	padding: 50px;
}

#included #brightblubox h2 {
	color: #fff;
	font-size: 20px;
}

#included #brightblubox .wp-block-buttons {
	height: auto;
}

#included li {
	padding-left: 20px;
}

#included li:before {
	display: block;
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	margin-left: -15px;
	margin-top: 10px;
}

#included .blue li:before {
	background-color: var(--color-darkblue);
}

#included .gray li:before {
	background-color: var(--color-darkgray);
}

#included .green li:before {
	background-color: var(--color-green);
}

#addon {
	margin-top: 60px;
}

/* #results *, */
/* #expertise * { */
	/* border: 1px solid red; */
/* } */

#results .search-filter-results,
#expertise .search-filter-results,
#resourceLoopContainer {
	width: 100%;
    max-width: 1280px!important;
	transition: all .3s!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
	scroll-behavior: smooth;
	position: relative;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#expertise .kaputt,
#results .kaputt,
#resourceLoop::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#resourceLoop {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#resourceLoop {
    align-items: stretch;
    width: 100%;
    max-width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	gap: 0;
	transition: all 3s!important;
    margin: auto;
	overflow-x: scroll;
	overflow-y: hidden;
	padding: 30px 0; /* 280px; */
	scroll-behavior: smooth;
}

#resourceLoop .reference,
#resourceLoop .resource {
    flex-basis: 280px;
	min-width: 280px;
	scroll-snap-stop: always; 
	scroll-snap-align: start;
    display: flex;
    flex-wrap: wrap;
    background-color: var(--color-lightgray);
    color: #333;
    width: 280px;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	margin: 0 20px;
}

#resourceLoop .resource::after {
}

#resourceLoop .reference .overlay,
#resourceLoop .resource .overlay {
    position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
}

#resourceLoop .reference .head a,
#resourceLoop .resource .head a {
    color: #fff!important;
    padding: 0 0 !important;
    width: 100%;
    align-self: flex-start;
	display: block;
}

#resourceLoop .newsinfo, 
#resourceLoop .tags {
    position: relative;
    width: 100%;
    display: block;
    padding: 0 5px 10px 5px;
    align-self: flex-end;
}

#resourceLoop .tags a {
    background-color: white;
    font-size: 12px;
    line-height: 20px;
    padding: .0em .5em;
    border: 1px solid var(--color-darkgray)666;
    color: var(--color-darkgray)6666;
    border-radius: 10px;
    display: block;
    float: left;
    width: auto;
    margin: 3px;
    pointer-events: none;
}

#resourceLoop .reference div.tags {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 10px;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#resourceLoop .reference .head {
    color: #fff;
    padding: 10px 10px;
    width: 100%;
    align-self: flex-start;
    background-color: var(--color-darkgray);
}

#resourceLoop .thumbnail {
    position: relative;
}

#resourceLoop .reference .copy {
    padding: 10px 20px;
}

#resourceLoop .resource h3.thetitle,
#resourceLoop .reference h3.thetitle {
    font-size: 20px!important;
    letter-spacing: -.01em!important;
    line-height: 23px!important;
    margin-bottom: 10px;
    font-weight: 700!important;
}

#resourceLoop .reference .copy p {
    margin-bottom: .5em!important;
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 10px;
    padding-bottom: 3em;
}

#results #resourceLoop a.overlay, #results #resourceLoop .overlay-none, #results #resourceLoop .overlay-black, #results #resourceLoop .overlay-white {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 5px;
	z-index: 10;
}

.overlay-white {
    background-color: #fff;
    opacity: .7;
}

.overlay-black {
    background-color: #000;
    opacity: .7;
}

#lego {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    max-height: 100%;
	z-index: 15;
}

#lego img {
    display: flex;
    justify-content: center;
    align-item: center;
    max-width: 200px!important;
    max-height: 60px!important;
}

#results .wp-block-buttons,
#expertise .wp-block-buttons {
	position: absolute!important;
	left: 0;
	right: 0;
	top: 233px;
	/* bottom: 50%; */
	pointer-events: none;
	max-width: 1600px!important;
	z-index: 100;
}

#expertise .resultSplash {
	display: none;
}

#leftpfeil,
#rightpfeil {
	position: absolute;
	z-index: 5;
	/* top: 50px; */
	pointer-events: auto;
}

#leftpfeil a,
#rightpfeil a {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	transition: all .3s!important;
}

#leftpfeil:hover a,
#rightpfeil:hover a {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	transition: all .3s!important;
}

#leftpfeil {
	left: 10px;
}

#rightpfeil {
	right: 10px;
}
#graybox {
	border-radius: 20px;
}
/* body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>#headinkA, */
/* body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>#headinkB { */
	/* padding-top: 20px!important; */
	/* padding-bottom: 20px!important; */
	/* margin-top: 30px!important; */
	/* margin-bottom: 30px!important; */
	/* border-radius: 20px; */
	/* background-color: var(--color-lightgray); */
/* } */

/* body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>#headinkB { */
	/* margin-bottom: 60px!important; */
/* } */
 
body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>div.headink *,
body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>div.headink,
#results .search-filter-results,
#expertise .search-filter-results,
#resourceLoopContainer {
    max-width: 1280px!important;
}

body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>div.headink {
	margin: auto!important;
	width: 100%!important;
	display: block;
	padding-left: 0!important;
	padding-right: 0!important;
} 

#results,
#expertise {
	max-width: 1420px!important;
	margin: auto;
}

#resultCount {
	display: none!important;
}

.headink h2,
.headink p {
	/* border: 1px solid red; */
	padding-left: 0!important;
	padding-right: 0!important;
	/* text-wrap: Balance; */
	position: relative;
} 

.headink p {
	padding-left: 30px!important;
	padding-right: 30px!important;
	/* text-wrap: Balance; */
} 

#headinkA h2 strong,
#headinkB h2 strong {
	/* border: 1px solid blue; */
} 

#headinkA h2 span,
#headinkB h2 span {
	display: none!important;
} 


.headink h2 strong {
  background-color: white;
  /* padding-right: 30px; */
  /* padding-left: 30px; */
}

/* #headinkA h2:after, */
/* #headinkB h2:after { */
  /* content: ""; */
  /* position: absolute; */
  /* bottom: 0.7em; */
  /* left: 30px; */
  /* right: -100%; */
  /* height: 0.5em; */
  /* border-top: 3px solid var(--color-lightgray); */
  /* z-index: -1; */
/* } */

#lego {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    max-height: 100%;
	z-index: 15;
}

#lego img {
    display: flex;
    justify-content: center;
    align-item: center;
    max-width: 200px!important;
    max-height: 60px!important;
}

#results .wp-block-buttons,
#expertise .wp-block-buttons {
	position: absolute!important;
	left: 0;
	right: 0;
	top: 233px;
	/* bottom: 50%; */
	pointer-events: none;
	max-width: 1600px!important;
	z-index: 100;
}

#expertise .resultSplash {
	display: none;
}

#leftpfeil,
#rightpfeil {
	position: absolute;
	z-index: 5;
	/* top: 50px; */
	pointer-events: auto;
}

#leftpfeil a,
#rightpfeil a {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	transition: all .3s!important;
}

#leftpfeil:hover a,
#rightpfeil:hover a {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	transition: all .3s!important;
}

#leftpfeil {
	left: 10px;
}

#rightpfeil {
	right: 10px;
}
#graybox {
	border-radius: 20px;
}
/* body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>#headinkA, */
/* body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>#headinkB { */
	/* padding-top: 20px!important; */
	/* padding-bottom: 20px!important; */
	/* margin-top: 30px!important; */
	/* margin-bottom: 30px!important; */
	/* border-radius: 20px; */
	/* background-color: var(--color-lightgray); */
/* } */

/* body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>#headinkB { */
	/* margin-bottom: 60px!important; */
/* } */
 
body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>div.headink *,
body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>div.headink,
#results .search-filter-results,
#expertise .search-filter-results,
#resourceLoopContainer {
    max-width: 1280px!important;
}

body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>div.headink {
	margin: auto!important;
	width: 100%!important;
	display: block;
	padding-left: 0!important;
	padding-right: 0!important;
} 

#results,
#expertise {
	max-width: 1420px!important;
	margin: auto;
}

#resultCount {
	display: none!important;
}

.headink h2,
.headink p {
	/* border: 1px solid red; */
	padding-left: 0!important;
	padding-right: 0!important;
	/* text-wrap: Balance; */
	position: relative;
} 

.headink p {
	padding-left: 30px!important;
	padding-right: 30px!important;
	/* text-wrap: Balance; */
} 

#headinkA h2 strong,
#headinkB h2 strong {
	/* border: 1px solid blue; */
} 

#headinkA h2 span,
#headinkB h2 span {
	display: none!important;
} 


.headink h2 strong {
  background-color: white;
  /* padding-right: 30px; */
  /* padding-left: 30px; */
}

/* #headinkA h2:after, */
/* #headinkB h2:after { */
  /* content: ""; */
  /* position: absolute; */
  /* bottom: 0.7em; */
  /* left: 30px; */
  /* right: -100%; */
  /* height: 0.5em; */
  /* border-top: 3px solid var(--color-lightgray); */
  /* z-index: -1; */
/* } */

#pinghead {
	max-width: 1200px!important;
}
#partnerlogo * {
	/* border: 1px solid red; */
}

#partnerlogo img {
	margin-bottom: 30px;
	padding: 20px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    transition: all .3s!important;
	border-radius: 20px;
	display: block;
	height: 80px!important;
	width: auto;
	background-color: #fff;
}

#partnerlogo figure {
	/* height: 100%; */
	/* width: 100%; */
	/* display: inline; */
}

.sa_hover_container {
	/* background-size: 150px!important; */
}

/* #slider_31271_slide01, */
/* #slider_31271_slide02, */
/* #slider_31271_slide03 { */
	/* background-size: 200px!important; */
/* } */

#headinkA h2,
#headinkB h2 {
	/* padding-left: 30px!important; */
	/* padding-right: 0px!important; */
	display: block;
}

/* #headinkA h2 strong, */
/* #headinkB h2 strong { */
	/* padding-left: 0px; */
	/* padding-right: 30px; */
/* } */

@media only screen and (min-width: 1500px) {
	#results.count_1 .wp-block-buttons,
	#results.count_2 .wp-block-buttons,
	#results.count_3 .wp-block-buttons,
	#results.count_4 .wp-block-buttons,
	#expertise.count_1 .wp-block-buttons,
	#expertise.count_2 .wp-block-buttons,
	#expertise.count_3 .wp-block-buttons,
	#expertise.count_4 .wp-block-buttons {
		display: none;
	}
}

@media only screen and (max-width: 1499px) {
	/* body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>div.headink *, */
	/* body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>div.headink, */
	#results .search-filter-results,
	#expertise .search-filter-results,
	#resourceLoopContainer {
		max-width: 960px!important;
	}

	#results,
	#expertise {
		max-width: 1100px!important;
	}	
	
	#results.count_1 .wp-block-buttons,
	#results.count_2 .wp-block-buttons,
	#results.count_3 .wp-block-buttons,
	#expertise.count_1 .wp-block-buttons,
	#expertise.count_2 .wp-block-buttons,
	#expertise.count_3 .wp-block-buttons {
		display: none;
	}
	
	#results.count_4 .wp-block-buttons,
	#expertise.count_4 .wp-block-buttons {
		display: block;
	}

	@media only screen and (max-width: 1200px) {

		#headpic {
			padding: 0 0 0 0!important;
		}
		
		#graybox {
			max-width: calc(100% - 20px)!important;
			margin-left: 10px;
			margin-right: 10px;
		}

		@media only screen and (max-width: 1179px) {
			#media .wp-block-columns .wp-block-columns,
			#awards .wp-block-columns .wp-block-columns {
				gap: 1em;
			}
			
			/* body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>div.headink *, */
			/* body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>div.headink, */
			#results .search-filter-results,
			#expertise .search-filter-results,
			#resourceLoopContainer {
				max-width: 640px!important;
			}	
			
			#threeblobs .wp-block-columns {
				flex-wrap: wrap!important;
			}
			
			#results,
			#expertise {
				max-width: 780px!important;
			}	
			
			#results.count_1 .wp-block-buttons,
			#results.count_2 .wp-block-buttons,
			#expertise.count_1 .wp-block-buttons,
			#expertise.count_2 .wp-block-buttons {
				display: none;
			}
			
			#results.count_4 .wp-block-buttons,
			#results.count_3 .wp-block-buttons,
			#expertise.count_4 .wp-block-buttons,
			#expertise.count_3 .wp-block-buttons {
				display: block;
			}
			
			#interested {
				max-width: calc(100% - 10px)!important;
			}
			@media only screen and (max-width: 1000px) {
				
				#media > .wp-block-columns,
				#awards > .wp-block-columns {
					flex-wrap: wrap!important;
				}
				
				#media > .wp-block-columns > .wp-block-column,
				#awards > .wp-block-columns > .wp-block-column {
					flex-basis: 100%!important;
				}		
				
				@media only screen and (max-width: 900px) {
					
				#standard > .wp-block-columns {
					flex-wrap: wrap!important;
					justify-content: center;
				}
				
				#standard > .wp-block-columns > .wp-block-column:nth-child(1) {
					min-width: 561px;
				}
				
				#standard > .wp-block-columns > .wp-block-column:nth-child(2) {
					min-width: 187px;
				}
				
				#addon > .wp-block-columns {
					flex-wrap: wrap!important;
					justify-content: center;
				}
				
				#addon > .wp-block-columns > .wp-block-column:nth-child(1) {
					min-width: 566px;
				}
				
				#addon > .wp-block-columns > .wp-block-column:nth-child(2) {
					min-width: 283px;
				}
					
					@media only screen and (max-width: 869px) {
						/* body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>div.headink *, */
						/* body>#pagewrap>#body>#content>article>div.entry-content>div.sticky>div.headink, */
						#results .search-filter-results,
						#expertise .search-filter-results,
						#resourceLoopContainer {
							max-width: 320px!important;
						}	
						
						#results,
						#expertise {
							max-width: 460px!important;
						}	
						
						#results.count_1 .wp-block-buttons,
						#expertise.count_1 .wp-block-buttons {
							display: none;
						}
						
						#results.count_4 .wp-block-buttons,
						#results.count_3 .wp-block-buttons,
						#results.count_2 .wp-block-buttons,
						#expertise.count_4 .wp-block-buttons,
						#expertise.count_3 .wp-block-buttons,
						#expertise.count_2 .wp-block-buttons {
							display: block;
						}
						@media (max-width: 800px) {
						
													
							
							@media (max-width: 781px) {

								#whatgreybox .wp-block-column {
									flex-basis: 200px!important;	
									max-width: 200px!important;
								}
							

								#headpic .wp-block-columns .wp-block-columns {
									flex-wrap: nowrap!important;
									justify-content: center;
								}

								#what p {
									text-align: center;
								}

								#whatgreybox {
									/* width: 250px!important; */
									margin: auto;
								}
								
								#headpic .wp-block-columns .wp-block-columns .wp-block-column,
								#headpic .wp-block-columns .wp-block-columns img {
									max-width: 100%;
									width: 200px;
									margin-top: 20px;
								}

								#media .wp-block-columns,
								#awards .wp-block-columns {
									justify-content: center;
								}
								
								
								#media > .wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column,
								#awards > .wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column {
									flex-basis: 190px!important;
								}
								
								#partnernetwork p br {
									content: "";
								}
								
								#partnernetwork p br:after {
									content: " ";
								}
								
								#aboutping .wp-block-spacer {
									display: none;
								}
								
								#services_4 {
									padding-top: 30px!important;
								}
								
								#services_4 .wp-block-columns {
									margin-top: 30px!important;
								}

								#stickyscroll > .wp-block-columns > .wp-block-column:nth-child(1) {
									position: relative;
									height: 100%;
									min-height: 100%;
									display: block;
									align-self: stretch!important;
									position: sticky;
									top: 70px;
									z-index: 100;
									background-color: var(--color-darkblue);
									border-radius: 20px;
								}
								
								#stickyscroll > .wp-block-columns > .wp-block-column:nth-child(1) br {
									display: none;
								}
								
								#stickyscroll > .wp-block-columns > .wp-block-column:nth-child(1) p {
									display: none;
									/* flex-wrap: wrap; */
									/* gap: .5em; */
									/* margin: 0!important; */
									/* padding: 5px; */
									/* justify-content: center; */
								}
								
								#stickyscroll > .wp-block-columns > .wp-block-column:nth-child(1) a {
									/* margin: 5px!important; */
									padding: 2px!important;
									background-color: var(--color-blue);
									color: #fff;
									text-decoration: none;
									border-radius: .5em;
								}
								
								html {
									scroll-padding-top: 220px;
								}
								
								#standard .wp-block-columns .wp-block-columns {
									flex-wrap: wrap!important;
									justify-content: center;
									
									max-width: 100%!important;
								}
								
								#standard .wp-block-columns .wp-block-columns .wp-block-column {
									min-width: 174px;
									flex-basis: 174px!important;
								}
																
								#addon .wp-block-columns .wp-block-columns {
									flex-wrap: wrap!important;
									justify-content: center;
								}
								
								#addon .wp-block-columns .wp-block-columns  .wp-block-column {
									min-width: 273px;
									flex-basis: 273px!important;
								}
								
								#standard > .wp-block-columns > .wp-block-column:nth-child(1) ,
								#standard > .wp-block-columns > .wp-block-column:nth-child(2),																
								#addon > .wp-block-columns > .wp-block-column:nth-child(1),
								#addon > .wp-block-columns > .wp-block-column:nth-child(2) {
									min-width: 0!important;
								}
								
								#certified * {
									text-align: center;
								}
								
								#certified .wp-block-columns .wp-block-columns .wp-block-column {
									max-width: 150px!important;
								}

								@media only screen and (max-width: 700px) {
										.wp-block-cover__image-background {
										position: absolute!important;
									}
									.wp-block-cover #headpictext  h1 {
										position: relative;
										top: 0;
										text-align: left;
									}
									
									#tackle h3 {
										font-size: 22px!important;
									}
									
									#threeblobs p {
										font-size: 16px;
										line-height: 28px;
									}
									
									#threeblobs {
										padding: 30px 30px 30px 30px!important;
									}

									#threeblobs span.big {
										font-size: 28px;
										line-height: 28px;
										top: 5px;
									}
									
									#threeblobs > .wp-block-columns {
										gap: 2em;
									}
									
									#back {
										flex-wrap: wrap!important;
										gap: 1em;
									}
									
									#back > * {
										/* flex-basis: 100%!important; */
										text-align: center;
										padding-left: 0;
										padding-right: 0;
									}
									
									#results .pagination,
									#expertise .pagination,
									#headinkA h2:after,
									#headinkB h2:after {
										display: none;
									}
									
									.headink p {
										text-wrap: wrap;
									}
									
									.headink p br {
										content: "";
									}
									
									.headink p br:after {
										content: " ";
									}
									
									#headinkA {
										padding: 30px 0 0 0!important;
									}
									
									#partnerlogo,
									#headpictext,
									#threeblobs {
										padding-left: 0!important;
										padding-right: 0!important;
									}
									
									#content h1 br {
										visibility: visible;
										content: normal;
									}
									
									@media only screen and (max-width: 600px) {
										#services_4 h2 {
											padding-left: 30px!important;
										}
										
										
										#features {
											padding: 0 20px!important;
										}
										
										#media,
										#awards {
											padding-left: 10px!important;
											padding-right: 10px!important;
										}
										
										#expertise a.wp-block-button__link,
										#results a.wp-block-button__link {
											/* border: 1px solid red; */
											width: 40px;
											height: 40px;
											border-radius: 15px;
											font-size: 10px;
											line-height: 10px;
											white-space: nowrap;
											display: flex;
											align-items: center;
										}
										
										#threeblobs p {
											font-size: 18px;
											line-height: 28px;
											position: relative;
											display: block!important;
											padding: 10px 10px 20px 10px!important;
											text-align: center;
										}

										#media,
										#awards {
											text-align: center;
										}

										#media .wp-block-button a,
										#awards .wp-block-button a {
											font-size: 20px;
										}
										
										#readnow {
											position: absolute;
											bottom: -60px;
											left: 0;
											right: 0;
											margin-left: auto;
											margin-right: auto;
											z-index: 5;
										}
										
										#readnow h2, #readnow mark {
											height: 40px;
											display: block;
											width: 180px;
											font-size: 26px;
											line-height: 1.4em !important;
											border-radius: 20px; 
											z-index: 99;

										}
										
										#readnow mark {
											padding-left: 0px;
											padding-right: 0px;
											
											text-align: center;
										}
										
										#success .wp-block-cover .wp-block-columns {
											flex-wrap: nowrap!important;
										}
										
										#success > .wp-block-columns > .wp-block-column > div,
										#success > .wp-block-columns > .wp-block-column,
										#success > .wp-block-columns,
										#success .wp-block-cover {
											position: relative;
											z-index: 1;
											overflow: visible!important;
											
										}
										
										#success  .wp-block-spacer {
											position: relative;
											z-index: 0;
										}
										
										#success  h3 {
											font-size: 22px!important;
											line-height: 1.2em!important;
											padding-top: 30px!important;
										}
										
										@media only screen and (max-width: 520px) {
											html {
												scroll-padding-top: 333px;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}