/* =========================================================
   Reskin Overrides
========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap");


/* =========================================================
   Variables
========================================================= */

:root {
	/* Typography */
	--kw-font-family-primary: "Host Grotesk", sans-serif;
	--kw-letter-spacing-body: -0.4px;
	--kw-letter-spacing-heading: -0.2px;

	/* Colors */
	--kw-color-primary: #4d60fb;
	--kw-color-background: #050821;
	--kw-color-surface: #0d0f31;
	--kw-color-secondary: #ddd6fb;
	--kw-color-accent: #fdca13;
	--kw-color-light: #ffffff;
	--kw-color-paragraph: #9298c8;
	--kw-color-input-text: #a7a9bf;

	/* Layout */
	--kw-container-max-width: 82.5rem;
}


/* =========================================================
   Typography
========================================================= */

body, button, input, select, textarea, .cta_download_file_main_text, .testimonial-container, .page-newsroom .card-footer span {
	font-family: var(--kw-font-family-primary) !important;
	letter-spacing: var(--kw-letter-spacing-body) !important;
    color: var(--kw-color-paragraph) !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--kw-font-family-primary) !important;
	letter-spacing: var(--kw-letter-spacing-heading) !important;
	color: var(--kw-color-light) !important;
}

/* =========================================================
   Global Layout
========================================================= */

body, #kw-hero-section, #main .page-header-block, #content .page-header-block, .customers-review, .kw-video-con, .testimonial-main, .testimonial-container, .case-study-main {
	margin-top: 0;
	background-color: var(--kw-color-background) !important;
	background-image: none !important;
}

.grid-x, #kw-newsroom-grid, #kw-newsroom-button-wrap {
	max-width: var(--kw-container-max-width) !important;
}

.breadcrumb a {
	color: var(--kw-color-paragraph) !important;
}

.content-wrapper .kw-section-split.is-highlighted {
	background-color: var(--kw-color-surface);
	border-left: 5px solid var(--kw-color-primary);
}

.in-page-menu, .post-type-archive-wdsa-customer .call-to-action {
	background-color: var(--kw-color-primary) !important;
	background-image:none;
}

/* Buttons */
.kw-btn, .featured-resources .block-footer .button,  .cta-kw-newsletter-footer, #cta_download_file_main_btn a, .view-more-container button, .case-study-body-text button a, .button-container a, .kw-news-button, #kw-load-2024, .btn-kiteworks button{
    background: rgba(0,0,0,0.2) !important;
    border: 2px solid #ffc400 !important;
    color: #ffc400 !important;
    border-radius: 20px !important;
    padding: 15px 35px !important;
    text-decoration: none;
    font-size: 18px;
    transition: background-color 0.3s ease;
    box-shadow: inset 0 0 28px rgba(255, 196, 0, 0.12), 0 0 14px rgba(255, 196, 0, 0.18) !important;
    text-decoration:none !important;
	cursor:pointer;
}
.featured-resources .block-footer .button:hover, .cta-kw-newsletter-footer:hover,  #cta_download_file_main_btn a:hover, .view-more-container button:hover,  .case-study-body-text button a:hover, .button-container a:hover, .kw-news-button:hover, #kw-load-2024:hover, .btn-kiteworks button:hover{
  background: rgba(0,0,0,0.5) !important;
  box-shadow: inset 0 -24px 30px rgba(255, 196, 0, 0.18), 0 18px 28px -22px rgba(255, 196, 0, 0.45) !important;
   border: 2px solid #ffc400;
}

.featured-resources .block-footer .button.is-pressed, .cta-kw-newsletter-footer.is-pressed, #cta_download_file_main_btn a.is-pressed, .view-more-container button.is-pressed,  .case-study-body-text button a.is-pressed, .button-container a.is-pressed, .kw-news-button.is-pressed, #kw-load-2024.is-pressed, .btn-kiteworks button.is-pressed {
  background: rgba(0,0,0,0.6) !important;
  transform: translateY(1px);
  box-shadow:
    inset 0 -28px 36px rgba(255, 196, 0, 0.24),
    inset 0 0 18px rgba(255, 196, 0, 0.10),
    0 14px 24px -24px rgba(255, 196, 0, 0.55) !important;
	border: 2px solid #ffc400;
}
.featured-resources .block-footer .button:active, .cta-kw-newsletter-footer:active,  #cta_download_file_main_btn a:active, .view-more-container button:active,  .case-study-body-text button a:active, .button-container a:active, .kw-news-button:active, #kw-load-2024:active, .btn-kiteworks button:active{
  background: rgba(0,0,0,0.6) !important;
  transform: translateY(1px);
  box-shadow:
    inset 0 -28px 36px rgba(255, 196, 0, 0.24),
    inset 0 0 18px rgba(255, 196, 0, 0.10),
    0 14px 24px -24px rgba(255, 196, 0, 0.8);
	border: 2px solid #ffc400;
}
/*Buttons*/


/* resouces CSS  */
.card-footer {
   position: absolute;
   bottom: 0px;
}
.post-card, .team-tile, .kw-pr-card{
    background: linear-gradient(180deg, rgba(21, 29, 83, 0.93) 0%, rgb(13 15 48) 100%);
    border: 1px solid rgba(100, 115, 235, 0.23);
    border-radius: 10px;
    box-shadow: inset 0 0 34px rgba(128, 148, 255, 0.22), 0 16px 42px rgba(0, 0, 0, 0.28);
    padding: 18px 18px 20px;
    min-height: 174px;
    position: relative;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.post-card .card-title, .kw-pr-card .kw-pr-title h3, .kw-pr-card .kw-pr-title a{
    color:var(--kw-color-light) !important;
    font-size: 1.125rem !important;
    line-height: 1.3 !important;
    margin: 0 0 8px;
    font-weight: 500;
    letter-spacing:0.2px !important;
	text-decoration:none;
}
.featured-resources .post-term {
   margin: 2.625rem 0 1.5rem !important;
}
.post-card .card-image, .promo-block img, .kw-pr-card img{
    border-radius:10px; 
}
.post-cards-grid .card-section{
    border:none;
    padding-top:15px;
}
.featured-resources h2, .modal-content0 h2 {
   font-weight: 700;
   padding: unset !important;
   font-size: 2.3125rem !important;
   color:var(--kw-color-light) !important;
}
/* resouces CSS  */


/*Footer Get Started*/
#kw-newsletter-section{
    background-image: none !important;
    background-color: var(--kw-color-surface) !important;
}
#kw-newsletter-section .grid-x, #kw-newsletter-section .grid-x h2, #kw-newsletter-section .grid-x div{
    text-align:Center;
    max-width:100%;
    justify-content: center;
}
#kw-newsletter-section p, #kw-newsletter-section>div>div:nth-child(3){
    margin-left:0% !important;
}
.cta-newsletter-home-con {
    background-color: transparent !important;
    width: auto !important;
    text-transform: none !important;
    height: auto !important;
    display: block !important;
}
.cta-newsletter-home-con:hover{
    background:transparent;
}

/* =========================================================
   Filter Form
========================================================= */

form.filter-form select,
form.filter-form input#keyword {
	width: 100%;
	height: 40px;
	background-color: transparent;
	border: 1px solid rgba(221, 214, 251, 0.4);
	color: var(--kw-color-light) !important;
	outline: none;
	transition:
		border-color 0.25s ease,
		box-shadow 0.25s ease,
		background-color 0.25s ease;
}


/* Select Field */

form.filter-form select {
	padding: 0 48px 0 18px;
	border-radius: 14px;
	box-shadow:
		inset 0 0 12px rgba(66, 92, 199, 0.42),
		0 12px 28px rgba(11, 18, 61, 0);
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image:
		url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
		linear-gradient(
			180deg,
			rgba(10, 19, 79, 0) 0%,
			rgba(13, 15, 49, 0) 100%
		) !important;

	background-repeat: no-repeat, no-repeat !important;
	background-position: right 18px center, center !important;
	background-size: 14px 8px, 100% 100% !important;
}

form.filter-form select:hover,
form.filter-form select:focus {
	border-color: rgba(142, 156, 255, 0.5);
	box-shadow:
		inset 0 0 28px rgba(128, 148, 255, 0.22),
		0 0 18px rgba(253, 202, 19, 0.16),
		0 16px 34px rgba(0, 0, 0, 0.3);
}

form.filter-form select option {
	background-color: var(--kw-color-surface);
	color: var(--kw-color-light);
}


/* Keyword Field */

form.filter-form input#keyword {
	padding: 0 20px;
	border-radius: 12px;
	color: var(--kw-color-input-text) !important;
	font-size: 0.9rem;
}

form.filter-form input#keyword::placeholder {
	color: var(--kw-color-paragraph) !important;
	opacity: 1;
}

form.filter-form input#keyword:hover,
form.filter-form input#keyword:focus {
	border-color: rgba(142, 156, 255, 0.5);
	box-shadow:
		inset 0 0 28px rgba(128, 148, 255, 0.22),
		0 0 18px rgba(253, 202, 19, 0.16),
		0 16px 34px rgba(0, 0, 0, 0.3);
}


/* =========================================================
   Filter Buttons
========================================================= */

form.filter-form input.submit,
form.filter-form a.button-clear-filters {
	min-width: 120px;
	border: 1px solid rgba(142, 156, 255, 0.5);
	border-radius: 15px;
	box-shadow:
		inset 0 0 16px rgba(255, 255, 255, 0.12),
		0 12px 34px rgba(72, 96, 207, 0.38);
	cursor: pointer !important;
	transition:
		transform 0.2s ease,
		box-shadow 0.25s ease,
		border-color 0.25s ease;
}

form.filter-form input.submit {
	padding: 13px 15px;
	background: linear-gradient(
		180deg,
		rgba(93, 113, 255, 0.98) 0%,
		rgba(72, 90, 220, 0.98) 100%
	);
	color: var(--kw-color-light);
}

form.filter-form a.button-clear-filters {
	padding: 12px 25px !important;
	background: transparent;
	color: var(--kw-color-light);
}

form.filter-form input.submit:hover,
form.filter-form input.submit:focus,
form.filter-form a.button-clear-filters:hover,
form.filter-form a.button-clear-filters:focus {
	border-color: var(--kw-color-secondary);
	box-shadow:
		inset 0 0 20px rgba(255, 255, 255, 0.12),
		0 14px 38px rgba(72, 96, 207, 0.38);
	transform: translateY(-1px);
}


/* =========================================================
   Archive Templates
========================================================= */

.archive-media-coverage-temp,
.archive-press-release-temp {
	padding-top: 0 !important;
}

/* Contact Us Page*/
:is(.page-contact-us, .page-kontakt, .page-contact, .page-contactanos) strong {
	color: var(--kw-color-light);
}

:is(.page-contact-us, .page-kontakt, .page-contact, .page-contactanos) #page-content a {
	color: var(--kw-color-accent);
}

:is(.page-contact-us, .page-kontakt, .page-contact, .page-contactanos) #hs-form-contact {
	background-color: var(--kw-color-surface) !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 20px;
}

:is(.page-contact-us, .page-kontakt, .page-contact, .page-contactanos) #hs-form-contact input,
:is(.page-contact-us, .page-kontakt, .page-contact, .page-contactanos) #hs-form-contact select {
	width: 100% !important;
	height: 40px !important;
	background: transparent !important;
	border: 1px solid #DDD6FB66 !important;
	border-radius: 12px;
	padding: 0 0 0 20px !important;
	color: #a7a9bf !important;
	font-size: 0.9rem !important;
	outline: none !important;
}

:is(.page-contact-us, .page-kontakt, .page-contact, .page-contactanos) #hs-form-contact input::placeholder {
	color: var(--kw-color-paragraph) !important;
	opacity: 1 !important;
}

:is(.page-contact-us, .page-kontakt, .page-contact, .page-contactanos) #hs-form-contact select {
	cursor: pointer;
	background-image:
		url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
		linear-gradient(
			180deg,
			rgba(10, 19, 79, 0) 0%,
			rgba(13, 15, 49, 0) 100%
		) !important;
	background-repeat: no-repeat, no-repeat !important;
	background-position: right 18px center, center !important;
	background-size: 14px 8px, 100% 100% !important;
}

:is(.page-contact-us, .page-kontakt, .page-contact, .page-contactanos) #hs-form-contact textarea {
	width: 100% !important;
	background: transparent !important;
	border: 1px solid #DDD6FB66 !important;
	border-radius: 12px;
	padding: 0 0 0 20px !important;
	color: #a7a9bf !important;
	font-size: 0.9rem !important;
	outline: none !important;
}

:is(.page-contact-us, .page-kontakt, .page-contact, .page-contactanos) #hs-form-contact select option {
	background-color: var(--kw-color-surface);
	color: var(--kw-color-light);
}

:is(.page-contact-us, .page-kontakt, .page-contact, .page-contactanos) #hs-form-contact select option:hover {
	background-color: var(--kw-color-background) !important;
	color: var(--kw-color-light);
}

:is(.page-contact-us, .page-kontakt, .page-contact, .page-contactanos) #hs-form-contact fieldset {
	max-width: 99% !important;
}

:is(.page-contact-us, .page-kontakt, .page-contact, .page-contactanos) #hs-form-contact input.hs-button {
	background: linear-gradient(
		180deg,
		rgba(93, 113, 255, 0.98) 0%,
		rgba(72, 90, 220, 0.98) 100%
	) !important;
	color: var(--kw-color-light) !important;
	border: 1px solid rgba(142, 156, 255, 0.5) !important;
	border-radius: 15px !important;
	box-shadow:
		inset 0 0 16px rgba(255, 255, 255, 0.12),
		0 12px 34px rgba(72, 96, 207, 0.38);
	cursor: pointer !important;
	transition:
		transform 0.2s ease,
		box-shadow 0.25s ease,
		border-color 0.25s ease;
	margin-top: 15px;
	margin-bottom: 20px;
}

:is(.page-contact-us, .page-kontakt, .page-contact, .page-contactanos) #hs-form-contact input.hs-button:hover {
	box-shadow:
		inset 0 0 20px rgba(255, 255, 255, 0.12),
		0 14px 38px rgba(72, 96, 207, 0.38) !important;
	transform: translateY(-1px);
}

:is(.page-contact-us, .page-kontakt, .page-contact, .page-contactanos) #hs-form-contact .hs_recaptcha {
	margin-top: 10px;
}

/*Customer Page*/
.post-type-archive-wdsa-customer .grid-card{
	background-color: var(--kw-color-light);
	border:none;
	border-radius:10px;
}
.post-type-archive-wdsa-customer  .grid-card .grid-term{
	background-color: var(--kw-color-light);
	border-radius:0px 0px 10px 10px; 
}
.post-type-archive-wdsa-customer .kw-hero-body-text h1 span{
	color:var(--kw-color-accent) !important;
}
.post-type-archive-wdsa-customer .customers-review p{
	color:var(--kw-color-paragraph);
}
.post-type-archive-wdsa-customer .site-content{
	margin:0 auto;
}
.post-type-archive-wdsa-customer .container, .post-type-archive-wdsa-customer .kw-hero-container, .post-type-archive-wdsa-customer .d-flex, .post-type-archive-wdsa-customer .kw-video-row, .post-type-archive-wdsa-customer  .case-study-container, .post-type-archive-wdsa-customer  .testimonial-container, .post-type-archive-wdsa-customer   .case-study-container-reverse{
	max-width:var(--kw-container-max-width);
}
.post-type-archive-wdsa-customer .card-grid{
	grid-template-columns: repeat(6, 12.1rem);
}
 .case-study-body-text button{
	 background:transparent !important;
	 padding:0px !important;
	 margin-top:20px;
 }
.post-type-archive-wdsa-customer .call-to-action.split .grid-x{
	justify-content:center;
}
.post-type-archive-wdsa-customer .button-container a{
	background:transparent;
}

/*Newsroom Page*/
.page-newsroom .kw-slide img{
	border-radius:10px;
}
.page-newsroom .dot-container .dot{
	border:solid 1px var(--kw-color-paragraph);
}
.page-newsroom .dot-container .dot.active{
	background-color:var(--kw-color-accent);
}
.page-newsroom .featured-press-releases .outer-container{
	padding:0px;
	margin-top:5rem;
}
.page-newsroom  .kw-logo-slide-track .kw-logo-slide{
	background-color:var(--kw-color-light);
	border-radius:10px;
}
.page-newsroom  .kw-logo-slide-track{
	gap:20px;
}
.page-newsroom #media-kit{
	margin-top:5rem;
}
.page-newsroom #media-kit .double-cta{
	border-radius:10px;
}
.page-newsroom #kw-newsroom-grid{
	padding:0px;
	text-align:left;
}

/*Support*/
#kw-sub-hero{
	background-color:var(--kw-color-surface) !important;
}
#kw-sub-hero p, #kw-platform-body p{
	color:var(--kw-color-paragraph) !important;
}
#kw-sub-hero .grid-x, #kw-platform-body .grid-x{
	max-width:var(--kw-container-max-width) !important;
}
#kw-platform-body p a{
	color:var(--kw-color-accent) !important;
}