@import url('https://rsms.me/inter/inter.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400&display=swap');
:root {
  --K15t-font-family-sans: 'Poppins', sans-serif !important;
  --vp-font-family-default: 'Poppins', sans-serif !important;
  --vp-font-family-headline: 'Poppins', sans-serif !important;
  --vp-font-size-standard: 16px;
  --vp-color-blue: #0048C5;
  --vp-color-stratos-blue: #0B1215;
  --K15t-color-neutral-900: #0B1215;
  --_vpt-INTERNAL-footer-background: #0B1215;
  --_vpt-INTERNAL-header-foreground: #0B1215;
  --vp-header-text-color: #0B1215;
  --K15t-background-neutral-subtle-hovered: var(--K15t-color-neutral-50);
}
body, .space-overview > main {
  background-color: #fefeff;
}

.header__navigation--logo a img {
    max-height: 60px;
    min-width: 40px;
}

.toc-link.is-active-link::before {
  background-color: #005AFF;
}

.vp-search-input__input::placeholder {
    font-size: 0.95rem;
}

/* Book a demo button on top */
.top-bar-right a[data-replicated-text*='Schedule a demo'] {
	display: inline-block;
	color: White !important;
	text-decoration: none;
	background-color: #133C8C;
	line-height: 16px;
	padding: 0.65rem 1rem !important;
	font-weight: 500;
	text-align: center;
	border-radius: 7px;
    font-size: 1.03em;
}
.top-bar-right a[data-replicated-text*='Schedule a demo']:hover {
	background-color: #124DB8;
    background-size: 0;
} 

/* MAIN */

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

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

@media (min-width: 768px) {
    .panel-macro {
        padding: 12px 10px 12px 10px;
    }
}

.panel-macro ul {
    margin-left: 1em;
}

.article__content .table-wrap {
    margin-bottom: 1rem;
    padding-top: 1.5rem;
    position: relative;
}

/* product icons on homepage */
.space-overview__content .tile {
  border: none;
  font-family: "Poppins";
}

.space-overview__content .tile__headline a {
  line-height: 20px;
  display: inline-block;
  background-position: 0 25%, -100px -100px !important;
  background-repeat: no-repeat !important;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: "Poppins";
}

.portal__header__content__intro--heading {
    font-size: 3em;
    font-weight: bold;
    font-family: "Poppins";
    margin-bottom: 0;
}

.portal__header__content__intro--intro {
    font-family: "Poppins";
    font-weight: var(--K15t-font-weight-regular);
}


.portal__content__heading h2 {
    font-family: "Poppins", sans-serif;
    font-weight: bold; 
    font-size: 1.59em;
    color: #0B1215;
}


.tile--compact {
    --padding: 17px;
    flex-direction: row;
}

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

.tile:hover {
	background-color: white;
	box-shadow: 0 8px 24px 0 rgb(0 0 0 / 18%);
}


.header .top-bar {
    align-items: center;
    background-color: var(--_background) !important;
    display: flex;
    gap: 1rem;
    height: var(--vpt-theme-header-height);
    justify-content: space-between;
}

.render-links--link a {
    font-family: "Poppins";
    font-size: 1em;
}


.tile:hover .tile__headline {
	color: #133C8C;
}

.tile {
    --padding: 1.0rem;
    background-color: var(--K15t-surface-raised);
    border: 1px solid var(--K15t-border-neutral-strong);
    border-radius: var(--K15t-radius-small);
    display: flex;
    font: var(--K15t-font-body-medium);
    font-size: 1.90em;
    padding: var(--padding);
    padding-bottom: 15px;
    position: relative;
    transition: border-color .2s ease, background-color .2s ease;
    gap: 0.8rem;
}

.tile__headline a {
    font-size: 1.096em;
    font-weight: 500;
    margin-right: 0.5px;
    color: #0B1215;
}

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

/* ---- Article Headings ---- */

.vp-article__heading {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    font-size: 34px;
    font-weight: regular;
    color: #0B1215;
    margin-bottom: 10px;
}

.article__content h2, .article__content h2 * {
	font-size: 29px;
    margin-bottom: 0.6rem;
    margin-top: 1.2rem;
    font-weight: regular;
}

.article__content h3, .article__content h3 * {
    font-size: 25px;
	margin-bottom: 0.6rem;
    margin-top: 1.2rem;
    font-weight: regular;
}

.article__content h4, .article__content h4 * {
    font-size: 21px;
	margin-bottom: 0.6rem;
    margin-top: 1.2rem;
    font-weight: regular;
}

.article__content h5, .article__content h5 * {
    font-size: 19px;
	margin-bottom: 0.6rem;
    margin-top: 1.2rem;
    font-weight: regular;
}

.vp-article__aside-left .vp-desktop-navigation__page-tree {
    max-height: calc(100vh - var(--vpt-theme-header-height));
    padding: var(--_spacing);
    padding-left: 5px;	    
}

.footer__links a{
    font-size: 15px;
    padding-bottom: .8rem;
    font-family: "Poppins", sans-serif !important;
    display: inline-block; /* Makes the element behave like a block to remove trailing space */
    padding-right: 0; /* Removes any padding that might create extra space */
    margin-right: 0;
}

.footer__links a:hover {
    text-decoration: underline;
    text-decoration-skip-ink: none; /* Prevent underline from extending over spaces */
}

.hc-footer-font-color, .hc-footer-font-color>a {
    color: var(--_foreground) !important;
    font-family: "Poppins";
}

/* Add borders only to the grid items in the specific section */
.specific-section .vp-article__content, 
.specific-section .contentLayout2, 
.specific-section .columnLayout.fixed-width .innerCell, 
.specific-section .vp-article__integration {
    padding: 10px; /* Add spacing inside the items */
    border: 1px solid #ccc; /* Add gray border */
    box-sizing: border-box; /* Ensures paddin */
    letter-spacing: -0.005em;
}

@media (min-width: 768px) {
    .article__content .columnLayout:is(.two-right-sidebar, .two-left-sidebar, .three-equal) {
        grid-template-columns: repeat(3, 1fr);
        min-width: 200;
    }

    /* Add borders to the product tiles */
    .article__content .columnLayout:is(.two-right-sidebar, .two-left-sidebar, .three-equal) > * {
        padding: 10px; 
        border: 0.5px solid #CCCC; 
        box-sizing: border-box; 
    }
}


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

/* 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: 1rem;
	}
/*
	.article__content ol li, .article__content ul li {
		margin:  0.5rem 0 !important;
	}
*/
	.article__content p {
		margin-bottom: 0.1rem;
        margin-top: 0.5rem;
	}

}

/* Swagger APIs */
.swagger-ui .wrapper {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1460px;
    padding: 0 0px;
    width: 100%;
}

[data-vp-component=banner] {
    --_foreground: var(--foreground, var(--vpt-theme-banner-text-color));
    --_background: var(--background, var(--vpt-theme-banner-background-color));
    --_image: var(--image, var(--vpt-theme-banner-image));
    height: 365px;
    }

/* Landing pages tiles */ 
@media (min-width: 768px) {
    .article__content .columnLayout:is(.two-equal,.two-right-sidebar,.two-left-sidebar,.three-equal,.three-with-sidebars) {
        column-gap: 1.625rem;
        display: grid;
        margin-bottom: 1rem;
        margin-top: 1.5rem;
        overflow-x: auto;
    }
}

@media screen and (min-width: 1023px) {
    .article__content :is(h1, h2, h3, h4, h5, h6) {
      position: relative; 
  }      
    
    .article__content :is(h1, h2, h3, h4, h5, h6) .article__content__anchor {
        display: inline-block;
        position: absolute;
        left: -5px;
        top: -1.5rem;
    }
}

/* MOBILE ADJUSTMENTS */

@media (max-width: 1023px) {

    /* Adjust header padding */
    .portal__header {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

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

    /* Font size adjustments for smaller screens */
    .portal__header__content__intro--heading,
    .space-overview__hero__header__content__intro--heading {
        font-size: 2.6rem !important;
    }

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

    /* Hide the iframe for messaging window */
    iframe[title="Button to launch messaging window"] {
        display: none;
    }

    /* Restrict search bar container width */
    .vp-search-bar-container {
        max-width: 100%;
    }

    /* Article padding adjustments */
    .article article {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    /* Spacing adjustments for content */
    .space-overview__content hr {
        margin-bottom: 3rem;
        margin-top: 1rem;
    }
  
    .vp-accordion-link-group__item--link a {
	    text-decoration: none;
    }
  
    .vp-accordion-link-group__item--disclosure a {
	    text-decoration: none;
    }
  
	/* Video formatting */
    iframe {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important; 
        display: block;
        margin: 0 auto;
    }

  
}