.faux-link-ch {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	line-height: 19.5px;
	color: #053856;
	margin-top: 0;
	background-size: 14px 11px;
	padding-right: 22px;
}

.faux-link-ch.blue-arrow {
	background: url(/wp-content/themes/ninjaone/css/images/right-arrow-content-hub-blue.svg) right center no-repeat;
}

.faux-link-ch.red-arrow {
	background: url(/wp-content/themes/ninjaone/css/images/right-arrow-content-hub-red.svg) right center no-repeat;
}

.faux-link-ch.orange-arrow {
	background: url(/wp-content/themes/ninjaone/css/images/right-arrow-content-hub-orange.svg) right center no-repeat;
}

.faux-link-ch.green-arrow {
	background: url(/wp-content/themes/ninjaone/css/images/right-arrow-content-hub-green.svg) right center no-repeat;
}

div[data-js="post-details"] {
	display: grid;
	gap: 5px;
}

div[data-js="author-date"] {
	display: flex;
	gap: 3px;
	align-items: center;
}

div[data-js="author-date"] p {
	color: #666;
	font-weight: 500;
	font-size: 12px;
	line-height: 22.5px;
	letter-spacing: -0.05px;
	margin-bottom: 0;
}

.type-content_hub .title-box {
	position: relative;
	overflow: hidden;
}

.type-content_hub .title-box h2 {
	color: #444444;
	font-size: 16px;
	font-weight: 500;
	line-height: 22.5px;
	position: relative;
	z-index: 2;
}

.type-content_hub .title-box-ft:before {
	display: block;
	content: " ";
	height: 400px;
	width: 400px;
	background-color: #097DAE;
	position: absolute;
	top: -140px;
	left: -130px;
	transform: rotate(20deg);
	z-index: 1;
}

.title-box:after,
div[data-js="title-block"]:after {
	display: block;
	content: " ";
	height: 33px;
	width: 33px;
	border-radius: 4px;
	background-color: #097DAE;
	background-image: url('/wp-content/themes/ninjaone/css/images/ninja-n.svg');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 1;
}

.single-content_hub h1.elementor-heading-title:after {
	display: block;
	content: " ";
	height: 7px;
	width: 62px;
	background-color: #097DAE;
	margin-top: 20px;
}

.content_hub_category-endpoint-mangement .title-box-ft:before,
.content_hub_category-endpoint-mangement .title-box:after,
div[data-hub-category="endpoint-management"] div[data-js="title-block"]:after,
.single-content_hub.endpoint-management h1.elementor-heading-title:after {
	background-color: #097DAE;
}

.content_hub_category-it-service-management .title-box-ft:before,
.content_hub_category-it-service-management .title-box:after,
div[data-hub-category="it-service-management"] div[data-js="title-block"]:after,
.single-content_hub.it-service-management h1.elementor-heading-title:after {
	background-color: #E18803;
}

.content_hub_category-remote-access .title-box-ft:before,
.content_hub_category-remote-access .title-box:after,
div[data-hub-category="remote-access"] div[data-js="title-block"]:after,
.single-content_hub.remote-access h1.elementor-heading-title:after {
	background-color: #02A054;
}

.content_hub_category-endpoint-security .title-box-ft:before,
.content_hub_category-endpoint-security .title-box:after,
div[data-hub-category="endpoint-security"] div[data-js="title-block"]:after,
.single-content_hub.endpoint-security h1.elementor-heading-title:after {
	background-color: #DD3900;
}

.e-filter-item[data-filter="it-service-management"][aria-pressed="true"],
.e-filter-item[data-filter="it-service-management"]:hover {
	background-color: #E18803 !important;
	border-color: #E18803 !important;
}

.e-filter-item[data-filter="endpoint-security"][aria-pressed="true"],
.e-filter-item[data-filter="endpoint-security"]:hover {
	background-color: #DD3900 !important;
	border-color: #DD3900 !important;
}

.e-filter-item[data-filter="endpoint-management"][aria-pressed="true"],
.e-filter-item[data-filter="endpoint-management"]:hover {
	background-color: #097DAE !important;
	border-color: #097DAE !important;
}

.e-filter-item[data-filter="remote-access"][aria-pressed="true"],
.e-filter-item[data-filter="remote-access"]:hover {
	background-color: #02A054 !important;
	border-color: #02A054 !important;
}

.content_hub_category-endpoint-management .elementor-post-info__terms-list {
	color: #444;
}

.ithub-featured .content_hub_category-endpoint-management .elementor-post-info__terms-list,
.term-endpoint-management h1.elementor-heading-title,
.single-content_hub.endpoint-management .elementor-post-info__terms-list-item {
	color: #097DAE;
}

.ithub-featured .content_hub_category-it-service-management .elementor-post-info__terms-list,
.term-it-service-management h1.elementor-heading-title,
.single-content_hub.it-service-management .elementor-post-info__terms-list-item {
	color: #E18803;
}

.ithub-featured .content_hub_category-remote-access .elementor-post-info__terms-list,
.term-remote-access h1.elementor-heading-title,
.single-content_hub.remote-access .elementor-post-info__terms-list-item {
	color: #02A054;
}

.ithub-featured .content_hub_category-endpoint-security .elementor-post-info__terms-list,
.term-endpoint-security h1.elementor-heading-title,
.single-content_hub.endpoint-security .elementor-post-info__terms-list-item {
	color: #DD3900;
}

.content_hub .elementor-post-info__terms-list {
	font-weight: 600;
}

.term-banner {
	position: relative;
}

.type-content_hub .title-box-ft h2:after,
.term-banner:after {
	content: "";
	height: 148px;
	width: 148px;
	background-image: url(/wp-content/themes/ninjaone/css/images/endpoint-management-icon-lg.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.term-banner:after {
	display: none;
}

.type-content_hub .title-box-ft h2:after {
	opacity: 0.1;
	position: absolute;
	bottom: -120px;
	right: -40px;
}

.term-banner:after {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	right: 0;
}

.elementor-element.term-color-block {
	display: none;
	max-width: 410px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	right: -190px;
}

.elementor-element.term-color-block svg {
	width: 411px; 
	height: 248px;
	fill: #097DAE;
}

.term-remote-access .term-color-block svg {
	fill: #02A054;
}

.term-endpoint-security .term-color-block svg {
	fill: #DD3900;
}

.term-it-service-management .term-color-block svg {
	fill: #E18803;
}

.content_hub_category-endpoint-management .title-box-ft h2:after {
	background-image: url(/wp-content/themes/ninjaone/css/images/endpoint-management-icon-lg.svg);
}

.content_hub_category-endpoint-security .title-box-ft h2:after,
.term-endpoint-security .term-banner:after {
	background-image: url(/wp-content/themes/ninjaone/css/images/endpoint-security-icon-lg.svg);
}

.content_hub_category-it-service-management .title-box-ft h2:after,
.term-it-service-management .term-banner:after {
	background-image: url(/wp-content/themes/ninjaone/css/images/it-service-management-icon.svg);
}

.content_hub_category-remote-access .title-box-ft h2:after,
.term-remote-access .term-banner:after {
	background-image: url(/wp-content/themes/ninjaone/css/images/remote-access-icon-lg.svg);
}

.type-content_hub .title-box-archive,
div[data-js="title-block"] {
	position: relative;
}

.type-content_hub .title-box-archive:before,
div[data-js="title-block"]:before {
	display: block;
	content: "";
	background-image: url(/wp-content/themes/ninjaone/css/images/endpoint-management-icon-gray.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 130px;
	width: 130px;
	opacity: 0.1;
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	left: 0;
	margin: 0 0 0 auto;
}

.content_hub_category-endpoint-management .title-box-archive:before,
div[data-hub-category="endpoint-management"] div[data-js="title-block"]:before {
	background-image: url(/wp-content/themes/ninjaone/css/images/endpoint-management-icon-gray.svg);
}

.content_hub_category-endpoint-security .title-box-archive:before,
div[data-hub-category="endpoint-security"] div[data-js="title-block"]:before  {
	background-image: url(/wp-content/themes/ninjaone/css/images/endpoint-security-icon-gray.svg);
}

.content_hub_category-it-service-management .title-box-archive:before,
div[data-hub-category="it-service-management"] div[data-js="title-block"]:before {
	background-image: url(/wp-content/themes/ninjaone/css/images/it-service-management-icon-gray.svg);
}

.content_hub_category-remote-access .title-box-archive:before,
div[data-hub-category="remote-access"] div[data-js="title-block"]:before {
	background-image: url(/wp-content/themes/ninjaone/css/images/remote-access-icon-gray.svg);
}

.hub-article-title {
	position: relative;
	margin-bottom: 20px;
}

.single-content_hub .hub-icons {
	opacity: 0.2;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

@media screen and (min-width: 968px) {
	.hub-icons {
		opacity: 1;
	}
}

.hub-icons svg {
	display: none;
}

.single-content_hub.remote-access .remote-icon,
.single-content_hub.endpoint-management .endpoint-management-icon,
.single-content_hub.endpoint-security .endpoint-security-icon,
.single-content_hub.it-service-management .it-service-icon {
	display: block;
}

.e-loop-item.content_hub .elementor-inline-item {
	margin-right: 5px;
}

.e-loop-item.content_hub .elementor-post-info__terms-list:after,
.single-content_hub .elementor-post-info__terms-list:after {
	content: "|";
	color: #666;
}

.single-content_hub .elementor-post-info__terms-list:after {
	color: #ccc;
}

.ithub-search input[type=text] {
	font-family: 'montserrat',Helvetica,Arial,sans-serif;
	width: 293px;
	height: 34px;
	background-color: rgba(239, 239, 239, 0.8);
	border-radius: 6px;
	border: none;
}

#ithub-hero-search-form {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 446px;
	margin: 0 auto;
	position: relative;
}

#ithub-hero-search-form input[type=text] {
	width: 100%;
	min-height: 52px;
	background-color: #E1E1E1;
}

.ithub-search {
	position: relative;
}

.ithub-search ::placeholder {
	font-weight: 500;
	color: #888888;
  opacity: 1;
}

.ithub-search ::-ms-input-placeholder { 
	color: #888888;
}

#hubherosearchsubmit {
	display: flex;
	height: 100%;
	width: 50px;
	justify-content: center;
	align-items: center;
	min-height: 41px;
	min-width: 48px;
	background: var(--c-blue-4);
	border-color: var(--c-blue-4);
	border-radius: 0px 4px 4px 0px;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}

.ithub-search .search-icon {
	position: absolute;
	top: 8px;
	right: 10px;
}

#hubherosearchsubmit svg {
	display: block;
	height: 17px;
	width: 15px;
}

.search-controls {
	display: flex;
	justify-content: end;
	position: absolute;
	right: 0;
}

.search-controls #clearScriptHubSearch {
  font-weight: 500;
  font-size: 12px;
  background-color: transparent;
  padding: 0;
  color: #444;
  border: none;
}

.search-controls #clearScriptHubSearch:hover {
  border: none;
  color: #DD3900;
}

.tax-content_hub_category .search-controls {
	bottom: -10px;
	right: -50px;
}

.screen-readers {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-break: normal !important;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.tax-content_hub_category.term-endpoint-security .term-endpoint-security {
	display: none;
}

.tax-content_hub_category.term-remote-access .term-remote-access {
	display: none;
}

.tax-content_hub_category.term-endpoint-management .term-endpoint-mgmt {
	display: none;
}

.tax-content_hub_category.term-it-service-management .term-it-service {
	display: none;
}

.ithub-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}

.ithub-breadcrumbs li {
	list-style: none;
	font-size: 12px;
	font-weight: 500;
	line-height: 22.5px;
	color: #222;
	margin-bottom: 0;
}

.ithub-breadcrumbs li:after {
	display: inline-block;
	content: "/";
	padding: 0 5px;
}

.ithub-breadcrumbs li:last-child:after {
	display: none;
}

.single-content_hub .elementor-author-box__text a {
	color: #666
}

.last-updated .elementor-post-info__item--type-custom:before {
	content: "Last updated";
}

.ithub-author .elementor-icon-list-text.elementor-post-info__item.elementor-post-info__item--type-custom {
    padding-left: 0 !important;
}

.hidden-card {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	white-space: nowrap; /* added to keep content on a single line */
}

#holmes-placeholder {
	display: block;
	text-align: center;
}

#holmes-placeholder h3 {
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
}

@media screen and (min-width: 989px) {
	.elementor-element.term-color-block {
		display: flex;
	}
	.type-content_hub .title-box-ft h3:after, .term-banner:after {
		display: flex;
	}
	.ithub-breadcrumbs li {
    font-size: 14px;
	}
	.type-content_hub .title-box-ft:before {
		left: -100px;
	}
}

#search-results {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 30px;
}

@media screen and (min-width: 768px) {
	#search-results {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 30px;
	}
}

@media screen and (min-width: 968px) {
	#search-results {
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 30px;
	}
}

#search-results .ithub-card {
	padding: 0;
	gap: 0;
}

#search-results .title-box,
#search-results div[data-js="title-block"] { 
	min-height: 160px;
	border-radius: 8px;
	background-color: #F7F9FA;
	padding: 25px;
	margin-bottom: 15px;
}

#search-results div[data-js="title-block"] h2 {
	color: #444444;
	font-size: 16px;
	font-weight: 600;
	line-height: 22.5px;
}

#search-results span {
	color: #666666;
	font-size: 12px;
	font-weight: 500;
	line-height: 22.5px;
	letter-spacing: -0.05px;
}

#search-results .elementor-post-info__terms-list span {
	font-weight: 600;
}

#search-results .elementor-post-info__terms-list:after {
	content: "|";
	color: #666;
	position: relative;
	right: -4px;
}

#search-results .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
	margin-right: 2px;
}

#search-results .elementor-widget-post-info:not(:last-child) {
	margin-bottom: 5px;
}

#search-results .elementor-heading-title {
	color: #444444;
	font-size: 16px;
	font-weight: 500;
	line-height: 22.5px;
}

.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
	margin: 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border-left-color: #097CAE;
  animation: spin 1s ease infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
