@import url('https://rsms.me/inter/inter.css');

:root {
  --K15t-font-family-sans: 'Inter', sans-serif !important;
  --vp-font-family-default: 'Inter', sans-serif !important;
  --vp-font-family-headline: 'Inter', sans-serif !important;
  --vp-font-size-standard: 14px;
  --vp-color-blue: #0038E5;
  --K15t-background-neutral-subtle-hovered: var(--K15t-color-neutral-25);
  --K15t-color-neutral-50: #F3F0ED;
  --K15t-color-neutral-25: #FCFAF9;
}
body, .space-overview > main {
  background-color: #F8F6F4;
}

figure.vp-image img {
  border: none;
}

.toc-link.is-active-link::before {
  background-color: #0038E5;
}

/* Book a demo button on top */
.top-bar-right a[data-replicated-text*='Get a demo'] {
	display: inline-block;
	color: White !important;
	text-decoration: none;
	background-color: #FF5A1F;
	line-height: 16px;
	padding: 0.65rem 1rem !important;
	font-weight: 700;
	text-align: center;
	border-radius: 30px;
}
.top-bar-right a[data-replicated-text*='Get a demo']:hover {
	background-color: #F03406;
    background-size: 0;
} 

/* product icons on homepage */
.space-overview__content .tile {
  border: none;
  border-radius: 24px;
}

.space-overview__content .tile__headline a {
  line-height: 26px;
  padding-left: 2.9rem;
  display: inline-block;
  background-position: 0 50%, -100px -100px !important;
  background-repeat: no-repeat !important;
  padding-top: 8px;
  padding-bottom: 8px;
}
.space-overview__content .tile__headline a:hover {
  background-position: -100px -100px, 0 50% !important;
}
.tile__headline[data-replicated-text*='Ratings & Reviews'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Turnto-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Turnto-hover.svg');
}
.tile__headline[data-replicated-text*='Analytics'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Analytics-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Analytics-hover.svg');
}
.tile__headline[data-replicated-text*='Unified Analytics'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Unified-analytics-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Unified-analytics-hover.svg');
}

.tile__headline[data-replicated-text*='Release Notes'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Release-notes-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Release-notes-hover.svg');
}

.tile__headline[data-replicated-text*='Care'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Care-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Care-hover.svg');
}

.tile__headline[data-replicated-text*='Dashboard'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Dashboard-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Dashboard-hover.svg');
}

.tile__headline[data-replicated-text*='Community'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Community%20default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Community-hover.svg');
}

.tile__headline[data-replicated-text*='Content'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Content-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Content-hover.svg');
}

.tile__headline[data-replicated-text*='Influencers'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Influencers-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Influencers-hover.svg');
}

.tile__headline[data-replicated-text*='UGC'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Ugc-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Ugc-hover.svg');
}


.tile__headline[data-replicated-text*='Emplifi Agent'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Agent-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Agent-hover.svg');
}


.tile__headline[data-replicated-text*='Emplifi Bot'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Bot-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Bot-hover.svg');
}


.tile__headline[data-replicated-text*='Settings'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Settings-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Settings-hover.svg');
}

.tile__headline[data-replicated-text*='Listening'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Listening-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Listening-hover.svg');
}

.tile__headline[data-replicated-text*='Widgets Dictionary'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Widget-dictionary-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Widget-dictionary-hover.svg');
}

.tile__headline[data-replicated-text*='User Guides'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Guide-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Guide-hover.svg');
}

.tile__headline[data-replicated-text*='Publisher'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Publisher-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Publisher-hover.svg');
}
.tile__headline[data-replicated-text*='AI Composer'] a, .tile__headline[data-replicated-text*='Librarian'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Ai-composer-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Ai-composer-hover.svg');
}

.tile__headline[data-replicated-text*='Deprecated Features and Components'] a {
	background: url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Deprecated-default.svg'), url('https://base.cdn.emplifi.io/suite/misc/icons/docs/Deprecated-hover.svg');
}

.tile:focus-within {
  outline-color: #0038E5;
}

.tile__description span.icon__wrapper {
  display: none;
}

.vp-search-result__labels, .vp-search-suggestion-option__info {
  display: none;
}
.vp-button--custom-subtle-bg:where(.vp-button:hover,.vp-button:focus-visible,.is-active):not(:disabled) {
  background-color: #0038E5;
}
.vp-search-suggestion-option__label em {
  color: var(--vp-color-blue);
}

.panel-macro__content>* {
	font-size: 14px;
}

.vp-search-page__hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.vp-search-page__subgrid, .vp-search-page {
  display: block;
}
.vp-search-result {
  gap: 0.5em;
}
.aui-lozenge {
  background-color: #485DAA;
}

.vp-accordion-link-group a {
  display: inline !important;
}


@media only screen and (max-width: 680px) {
  /*
	.space-overview .hc-spaceHome-background-image {
		background: linear-gradient(309deg, rgba(14,45,140,1) 0%, rgba(40,69,193,1) 64%, rgba(51,81,173,1) 100%) !important;
	}
  */
  	.space-overview .hc-spaceHome-background-image {
		background: none;
	}
  .space-overview__hero__header__content__intro--heading {
    display: none;
  }
}


/* HEADER */
.portal__header {
	padding-bottom: 6rem;
}

.portal .hc-portal-background-image {
	box-shadow: none;
}


.portal__header__content__intro--heading {
	font-size: 2.6rem;
    margin-bottom: 0;
    font-weight: 600;
}

.portal__header__content__intro--intro {
	font-size: 1.5rem;
	opacity:  .7;
	padding-bottom: .1rem;
    padding-top: .2rem;
}

.render-links--link a {
	display: inline-block;
    background-image: linear-gradient(90deg,#A6AEB8 0,#A6AEB8);
    background-repeat: no-repeat;
    background-position: 0 95%;
    background-size: 0 1px;
    transition: background-size .20s cubic-bezier(.785,.135,.15,.5) 0s;
    text-decoration: none;
    padding: 0.1rem;
    margin:  0.7rem 2.5rem;
}
.render-links--link a:active, .render-links--link a:focus, .render-links--link a:hover {
	text-decoration: none;
}

.render-links--link a:hover {
	background-size: 100% 1px;
	text-decoration: none;
	color: Black;
}

.render-links--link a:last-child {
	margin-right: 0;
}

/* MAIN */

.space-overview__content hr {
    margin-bottom: 3rem;
    margin-top: 2rem;
}

/* SEARCH  */
.vp-search-suggestion-option__info:not(:last-child):after {
	content: "·";
}

[data-vp-component=dropdown][data-vp-variant=searchbar] {
	--background-color-button: White;
}

.vp-dropdown--searchbar .vp-dropdown__button:focus-within, .vp-dropdown--searchbar .vp-dropdown__button[aria-expanded=true] {
	background-color: #F9F9FA;
	color:  Black;
}

.vp-dropdown--searchbar .vp-dropdown__button {
	color:  #444;
	padding-left: 1rem;
	padding-right: 1rem;
}

.vp-search-bar-container {
	max-width: 660px;
}

.vp-search-bar {
	max-width: 100%;
}

[data-vp-component="search-bar"] {
	 --border-radius: 32px;
}
.vp-search-input__icon {
	color: #A3A3A3;
}

.vp-dropdown__button-icon--chevron span {
	font-size: 20px;
    line-height: 24px;
}


/* TILES */
.space-overview .hc-spaceHome-background-image {
	margin-bottom: 3rem;
}

.tile {
	box-shadow: none;
	transition: all .2s ease-in-out;
}
.tile:hover {
	background-color: White;
	box-shadow: 0 4px 14px 0 rgb(0 0 0 / 10%);
}

.portal__content [data-vp-id="portal-space-tile"] {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	border-radius: 4px;
	position: relative;
}

.tile--spacious .tile__image {
	transition: all .2s ease-in-out;
	overflow: hidden;
}

.tile:hover .tile__image {
	transform: scale(1.2) !important;
}

.portal__content .tile__headline, .portal__content .tile__description {
	background-color: white;
	display: block;
	margin: 0;
	text-align: left;
	padding-left: 2rem;
	padding-right: 0.25rem;
}

.portal__content .tile__headline {
	transition: all .2s ease-in-out;
}

.portal__content .tile__headline::after {
	background-image: url("data:image/svg+xml,%3csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29293 6.00004L0.646484 10.6465L1.35359 11.3536L6.70714 6.00004L1.35359 0.646484L0.646485 1.35359L5.29293 6.00004Z' fill='%232F3744'/%3e%3c/svg%3e");
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 12px;
	width: 7px;
	position: absolute;
	right: 1.6rem;
	bottom: 17%;
	display: block;
	content: "";
	opacity: 0.6;
	transition: all .2s ease-in-out;
}
.portal__content .tile:hover .tile__headline::after {
	opacity: 1;
	right: 1.3rem;
}
.tile:hover .tile__headline {
	color: #0038E5;
}

.tile__headline {
	font-weight: 500;
	font-size: 1.25rem;
}

.tile__description {
	font-size: .8125rem;
	line-height: 1.25rem;
}

.icon--read-more {
	height: 18px;
	width: 18px;
}

.portal__content .tile__headline {
	padding-top: 1.5rem;
}
.portal__content .tile__description {
	padding-top: 0.3rem;
	padding-bottom: 1.5rem;
}

/* SPACE OVERVIEW */
@media (min-width: 1024px) {
	.lg\:mb-20 {
		padding-bottom: 3rem;
	}
}

.hero-smc .hc-spaceHome-background-image, .hero-smc .footer {
	background-color: #69BAE8 !important;
}

.hero-svc .hc-spaceHome-background-image, .hero-svc .footer {
	background-color: #1A4073 !important;
}
.hero-scc .hc-spaceHome-background-image, .hero-scc .footer {
	background-color: #485DAA !important;
}

.hero-smc .space-overview__content__heading .material-icons {
	color: #69BAE8 !important;
}
.hero-svc .space-overview__content__heading .material-icons {
	color: #1A4073 !important;
}
.hero-scc .space-overview__content__heading .material-icons {
	color: #485DAA !important;
}

.space-overview .hc-spaceHome-background-image {
	box-shadow: none;
   border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
}

@media (min-width: 1024px) {
	.space-overview__hero__header__content__intro--heading {
		font-size: 2.6rem;
	    margin-bottom: 0;
	    font-weight: 600;
	}
	.space-overview__hero__header__content__intro--intro {
		font-size: 1.5rem;
		opacity:  .7;
		padding-bottom: .1rem;
	    padding-top: .2rem;

	}
}

.space-overview__content div:first-child hr {
	display: none;
}
.space-overview__content__heading h2 {
	font-size: 1.5rem;
}
.space-overview__content__heading .material-icons {
	font-size: 26px;
    line-height: 35px;
    display: none;
}


/* ARTICLE */
.header__navigation {
	box-shadow: 0 4px 14px 0 rgb(0 0 0 / 12%);
}


.article article {
	padding-left: 0rem;
	padding-right: 0rem;
}

.breadcrumbs a, .article__toc__link {
	color:  #717578;
	display: inline-block;
    background-image: linear-gradient(90deg,#A6AEB8 0,#A6AEB8);
    background-repeat: no-repeat;
    background-position: 0 95%;
    background-size: 0 1px;
    transition: background-size .20s cubic-bezier(.785,.135,.15,.5) 0s;
    text-decoration: none;
}
.breadcrumbs a:hover, .article__toc__link:hover {
	background-size: 100% 1px;
	text-decoration: none;
}

.breadcrumbs--active a, .article__toc__link--active {
	color: var(--vp-color-dark-gray) !important;
	font-weight: 500;
}
.breadcrumbs li {
	color: #A9ACAE;
}

.article__content * a {
	color: #0038E5 !important;
	display: inline-block;
    background-image: linear-gradient(90deg,#B4C6FC 0,#B4C6FC);
    background-repeat: no-repeat;
    background-position: 0 95%;
    background-size: 0 1px;
    transition: background-size .20s cubic-bezier(.785,.135,.15,.5) 0s;
    text-decoration: none;
}

.article__content * a.js-anchor:hover {
	background: none;
}

.article__content * a:hover {
	text-decoration: none;
	background-size: 100% 1px;
}

.article__content ol, .article__content ul {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.article__content ol li, .article__content ul li {
	margin:  0.15rem 0 !important;
}

.vp-article__heading {
	font-size: 2.25rem;
	line-height: 1.2;
	margin-bottom: 1rem;
}

.article__content h2, .article__content h2 * {
	font-size: 1.5rem;
    font-weight: 500;
}

.article__content h3, .article__content h3 * {
	font-size:  1.25rem;
}

.article__content p  {
	margin-bottom: 1rem;
}

/* Responsive for higher resolutions - more space etc. */
@media only screen and (min-width: 1650px) {

	:root {
  	--vp-font-size-standard: 16px;
	}

	.panel-macro__content>* {
		font-size: 16px;
	}

	.vp-article__heading {
		margin-bottom: 2rem;
	}
	/*
	.article__content ol li, .article__content ul li {
		margin:  0.5rem 0 !important;
	}
  */

	.article__content p {
		margin-bottom: 2rem;
	}

}

/*  ---------------------------- */

.vp-article {
	background-color: white;
	padding-left: 0;
	padding-right: 0;

}

@media (min-width: 1024px) {
	.vp-article__heading {
		font-size: 2.25rem;
		line-height: 1.2;
	}
}

.vp-article__aside-left {
	background-color: #F8F6F4;
	padding-left: 1.25rem;
}
.vp-tree-item .vp-tree-item__header__expand-button>* {
	transform: scale(.8);
}
.vp-tree-item {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}
.vp-tree-item .vp-tree-item__header {
	line-height: 1.5rem;
}

.vp-article__aside-right {
	padding-right: 1.25rem;
}
.article__toc .js-tocBot li {
	margin-bottom: .85rem;
}
.article__toc__link--active {
	font-weight: 500;
}


/* FOOTER  */
.footer {
	padding-top:  3rem;
	padding-bottom: 3rem;
}
.footer__links {
	font-size:  .75rem;
	padding-bottom: .8rem;
}
.footer__links--separator {
	opacity: .5;
}
.footer__logo {
	margin-right: 2rem;
}

/* MOBILE ADJUSTMENTS */

@media (max-width: 1023px) {

  	.portal__header {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.header__navigation {
		padding-bottom: 0; padding-top: 0;
	}

	.portal__header__content__intro--heading, .space-overview__hero__header__content__intro--heading {
		font-size: 1.75rem !important;
	}

	.portal__header__content__intro--intro, .space-overview__hero__header__content__intro--intro {
		font-size: 1.25rem !important;
	}

	iframe[title="Button to launch messaging window"] {
		display: none;
	}
	.vp-search-bar-container {
		max-width: 100%;
	}

	.article article {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

    .space-overview__content hr {
        margin-bottom: 3rem;
        margin-top: 1rem;
    }

}