/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* seo  mobile 2024*/  

@media(max-width: 768px) {

  .hs-blog-id-89602035932 .blog-tags__link {
    min-height: 48px !important;
    line-height: 22px !important;
  }
  
  .hs-blog-id-89602035932 .kl-rich-text__buttons .button.dnd_area-dnd_partial-1-module-1__secondary_cta,
  .hs-blog-id-89602035932 .kl-rich-text__buttons .button.dnd_area-dnd_partial-1-module-1__primary_cta {
    min-height: 48px !important;

  }
}

/* there in no option in theme seting to change the input text color so we use primary color as input text color */
/* in blog listing search input and results we use primary color to enable the color */

.hs-input,
.hs-search-field input[type=text],
.hs-search-field--open .hs-search-field__suggestions li a,
.hs-search-field--open .hs-search-field__suggestions li{
  color:#000000;
}

input[type=email], input[type=file], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea  {
  color: #000;
}

/* https://26601406.hs-sites-eu1.com/en/careers in this page tabber title color is not visible with our theme so we use secondary color */

.kl-features-03__titles li h4,
.kl-features-03__titles li h4:hover,
.kl-features-03__titles li.active h4{
  color:#ffffff;
}
.kl-features-03__titles li h4:after{
  background-color:#ffffff;
}

/*  in header and footer menus colors are not visible and theme settings have no options to change it so we used secondary color to change the hover */
.kl-navbar__button:hover,
.kl-navbar-submenu__item a:hover{
  color:#ffffff !important;
}

.kl-navbar__button:hover>span:after{
  background-color:#ffffff !important;
}

.kl-footer__menu a:hover{
  color:#ffffff !important;
}
.kl-footer__social a {
  width: 48px;
  height: 48px
}
.kl-footer__social span {
  width: 32px;
  height: 32px
}
.kl-footer__social span svg {
  width: 32px;
  height: 32px
}

.kl-navbar__button:hover, .kl-navbar__button:focus, .kl-navbar__button:active, .kl-navbar__button--active {
  color: #ffffff !important;
}

/* in blog listing pagination active and hover color are not visible so we use secondary color to visible the content */

.blog-pagination__link--active,
.blog-pagination__link,
.blog-pagination__link:hover{
  color:#ffffff;
}

/* in blog listing max width of blog tags is set to 680px, overwriting too 100% */
.blog-tags {
  max-width: 100%;
}

/* in blog post author text is not visible so we use seconday color to enable it */
.blog-post__meta a:hover{
  color:#ffffff;
}


img{
  height:auto; 
}

/* in blog post social share we use filter to invert the bg color of icons */

.kl-social-logos {
  filter: invert(1);
}

/* table text break in small screen http://26601406.hs-sites-eu1.com/triptease-on-site-technology-cookies/ */

.table-wrap{
  overflow-x:auto; 
}

td, th {
  word-break: initial;
}

.blog-post__body a{
  text-decoration:underline;
}

.blog-post__body a:hover {
  color: #4E36A5;
}

/* for footer best look n feel  */
.kl-footer__group {
  margin: 0;
}

.kl-footer__menu a:active, .kl-footer__menu a:focus, .kl-footer__menu a:hover {
  color: #4E36A5;
}

.kl-footer__social svg:hover {
  fill: #4E36A5!important;
}


/* pricing page (content not visisble properly) */
.kl-pricing__badge {
  background-color: #000000;
}

.kl-pricing__features li {
  color: #000000;
}
.kl-pricing-table-02__plans h4,
.kl-pricing-table-02__plans h5,
.kl-pricing-table__plans h4, .kl-pricing-table__plans h5 {
  color: #ffffff;
}
.kl-pricing-table-02__plans .button,
.kl-pricing-table__plans .button {
  color: #ffffff;
  border-color: #ffffff;
}
.kl-pricing-table-02__plans .button:hover,
.kl-pricing-table__plans .button:hover {
  border-color: #4e36a5;
}


.kl-pricing-table-02__highlight[style] {
  background: transparent !important;
}

.table-wrap table * {
  border-color: #ffffff !important;
}
.cm-blog-listing .blog-pagination *,
.cm-blog-listing .blog-index__post-content *{ 
  color: #000000 !important;
}
.cm-cust-post .blog-post__author a {
  display: none;
}
.cm-blog-post .blog-post__meta a:hover,
.cm-blog-post .blog-post__bio *,
.cm-blog-post .blog-post *,.blog-post__menu-form.global .global-form h3,
.cm-blog-post .blog-post__body form .hs-form-field>label,
.cm-blog-post .blog-post form .inputs-list label,
.cm-blog-post .blog-post form .hs-richtext,
.cm-blog-post .blog-more>h2,
.cm-blog-post .blog-more-posts__post-content,
.cm-blog-post .blog-index__post-meta span,
.cm-blog-post .blog-more-posts__post-meta span,
.cm-blog-post .blog-tags__link,
.cm-blog-post .blog-pagination__ellipsis,
.cm-blog-post .blog-pagination__link,
.cm-blog-post .blog-pagination__link--active,
.cm-blog-post .blog-pagination__link:hover,
.cm-blog-post .blog-index__post-content h3 a,
.cm-blog-post .blog-index__post-content h3 a:hover,
.cm-blog-post .blog-index__post-content h3 a:visited,
.cm-blog-post .blog-more-posts__post-content h3 a,
.cm-blog-post .blog-more-posts__post-content h3 a:hover,
.cm-blog-post .blog-more-posts__post-content h3 a:visited,
.cm-blog-post .blog-index__post-content {
  color: #000000;
}

.cm-cust-post span.blog-more-posts__post-author {
    display: none;
}

.cm-cust-post span.blog-more-posts__post-date {
    margin-left: 0;
}

.cm-cust-listing .blog-index__post-content *,
.cm-blog-post form .hs-button{
  color: #ffffff !important;
}
.cm-blog-listing .cm-blog-post .blog-tags__link--current{
  color: #ffffff;
}


.cm-cust-listing span.blog-index__post-author {
  display: none;
}

.cm-cust-listing span.blog-index__post-date {
  margin-left: 0;
}

/* select input field height not same as other https://26601406.hs-sites-eu1.com/en/triptease-platform */

select {
  padding: 9.5px 16px;
}

/* post title break in mobile */

@media (max-width: 767px) {
  .blog-post__title {
    font-size: 40px;
  }
}

/* "Three Column Card Grid" module */

.kl-card-grid__card {
  border-radius: 0px;
}

/*****************************************/
/*****************************************/
/*  LOGIC DESIGN STYLING CHANGES BELOW   */
/*****************************************/
/*****************************************/

/* added by logic design 181023 - reduce form widths on platform page */
div#hs_form_target_widget_1676042719238_,
div#hs_cos_wrapper_widget_1671518120211_ {
 width: min(100%, 514px)
}

@media (min-width: 992px) {
 #hs_cos_wrapper_widget_1676042719238_,
 #hs_cos_wrapper_widget_1671518120211_{
  display: flex;
  justify-content: space-between;
 }

 #hs_cos_wrapper_widget_1676042719238_ > h3,
 #hs_cos_wrapper_widget_1671518120211_ > h3{
  flex: 0 0 40%;
  font-size: 3rem;
 }

 #hs_cos_wrapper_widget_1676042719238_ > #hs_form_target_widget_1676042719238,
 #hs_cos_wrapper_widget_1671518120211_ > #hs_form_target_widget_1671518120211{
  flex: 0 0 50%;
 }
}

/* added by logic design 071223 - remove background colour from divide line on contact form */
#hs_cos_wrapper_widget_1701963666639 hr {
  background: none;
}

#hs_form_target_widget_1671515584208 input[type="text"],
#hs_form_target_widget_1671515584208 input[type="email"],
#hs_form_target_widget_1671515584208 select,
#hs_form_target_widget_1671515584208 textarea {
  background-color: #f9f9f9;
}

/*added by logic design 161123 - Adds background colour to contact forms*/
/* THIS SELECTOR GETS ALL FORMS EXCEPT THE NEWSLETTER SIGN UP */
[data-form-id]:not([data-form-id="109e1a95-82f6-4425-94b8-fa45e6c035d2"]) { 
  box-shadow: 0 1rem 2rem black;
  background: white;
  padding: 1.25rem;
  border: 4px solid white;
  color: #000 !important;
}

/*added by logic design 161123 - Forces all labels in white forms to be black*/
/* THIS SELECTOR GETS ALL FORMS EXCEPT THE NEWSLETTER SIGN UP */
[data-form-id]:not([data-form-id="109e1a95-82f6-4425-94b8-fa45e6c035d2"]) label {
  color: #000 !important;
}

/* added by logic design 271123 - styling edits to header & mobile menu */
.kl-navbar__content a {
   font-size: 15px; /* set font size for all links */
  
  @media screen and (max-width: 1000px) {
    font-size: 14px;
  }
}

.kl-navbar__menu li {
   margin: 0 14px; /* set margin for all nav items */
}

.kl-navbar__parent>a:after {
   margin-left: 8px; /* set margin for down arrows */
}

.kl-navbar__logo {
  margin-right: 10px; /* set margin right for logo */
  
  @media screen and (max-width: 1000px) {
    max-width: 141px !important;
  }
}

.kl-navbar__end>a+a, .kl-navbar__end>a:not(:first-child) {
  margin-left: 20px; /* set margin right for demo button */
  font-size: 12px; /* set font size for demo button */
  padding: 15px 18px; /* set padding for demo button */
}

.kl-navbar-submenu {
  background-color: rgba(0,0,0,0.95)
}

@media screen and (max-width: 920px) {
  .kl-navbar__content {
    background-color: rgba(0,0,0,.95);
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
  }
  
  .kl-navbar__end {
    border-top: 1px solid #787878;
    width: 100%;
    padding-top: 20px;
  }
  
  .kl-navbar__menu li {
    margin: 0;
  }
  
  .kl-navbar-submenu {
    padding-left: 20px;
  }
  
  .kl-navbar__parent--active>a {
    color: white;
    border-bottom: 1px solid #787878;
  }
}

/* added by logic design 111223 - styling tick list on book a demo page */
#hs_cos_wrapper_widget_1702290929714 ul {
  list-style: none;
  padding: 0;
}

#hs_cos_wrapper_widget_1702290929714 ul li {
  list-style-type: none;
  background: url(https://www.triptease.com/hubfs/tick.svg) no-repeat left 2px;
  padding: 0px 0 5px 24px;
}

@media screen and (max-width: 667px) {
  #hs_cos_wrapper_widget_1674051782077 > .kl-logos .kl-logos__item:nth-child(1) { padding: 0px 25px !important; margin-top: 18px; }
  #hs_cos_wrapper_widget_1674051782077 > .kl-logos .kl-logos__item:nth-child(2) { padding: 0px 15px !important; margin-top: 18px; }
  #hs_cos_wrapper_widget_1674051782077 > .kl-logos .kl-logos__item:nth-child(3) { padding: 0px 35px !important; margin-top: 18px; }
  #hs_cos_wrapper_widget_1674051782077 > .kl-logos .kl-logos__item:nth-child(4) { padding: 0px 10px !important; margin-top: 18px; }
  #hs_cos_wrapper_widget_1674051782077 > .kl-logos .kl-logos__item:nth-child(5) { padding: 0px 15px !important; margin-top: 18px; }
}

/* added by logic design 181223 - styling content hub form */
#hs_form_target_widget_1702895555647 form {
  box-shadow: none;
  padding: 0;
  border: none;
  background: transparent;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

#hs_form_target_widget_1702895555647 form label {
  margin-bottom: 0;
}

#hs_form_target_widget_1702895555647 form .hs_email {
  flex-basis: 60%;
}

/* added by logic design 181223 - styling tags */
#hs_cos_wrapper_dnd_area-module-3 .blog-tags__link {
  background-color: white;
  color: #111416;
}

#hs_cos_wrapper_dnd_area-module-3 .blog-tags__link--current {
  background-color: #ed6e2e;
}

@media screen and (max-width: 667px) {
  #hs_cos_wrapper_dnd_area-module-3 .blog-tags__link {
    font-size: .6rem;
    padding: 8px;
    letter-spacing: 0;
  }
  
  #hs_cos_wrapper_dnd_area-module-3 .blog-tags li {
    margin: 3px;
  }
}

/* added by logic design 040123 - styling customer stories template */

.customer-story__title {
  font-size: 3rem;
  max-width: none;
}

.customer-story__body-wrapper {
  max-width: 1240px;
}

.customer-story__body-wrapper .kl-hero-02 {
  min-height: 0;
  padding: 2rem 0 4.5rem 0;
}

@media screen and (max-width: 918px) {
  .customer-story__body-wrapper .kl-hero-02 {
    min-height: 0;
    padding: 0 0 2rem 0;
  }
}

.customer-story__body-wrapper .kl-hero-02 .kl-hero-02__content {
  gap: 2rem;
}

.customer-story__body-wrapper .kl-hero-02 .kl-rich-text {
  flex-basis: 40%;
}

.customer-story__body-wrapper .kl-hero-02 .kl-rich-text h1 {
  font-size: 2.8rem;
}

@media screen and (max-width: 918px) {
  .customer-story__body-wrapper .kl-hero-02 .kl-rich-text h1 {
    font-size: 1.6rem;
  }
}

.customer-story__body-wrapper .kl-rich-text table {
  border: none;
}

.customer-story__body-wrapper .kl-rich-text table * {
  border: none;
}

.customer-story__body-wrapper .customer-story__content {
  display: flex;
  gap: 2rem;
}

@media screen and (max-width: 960px) {
  .customer-story__body-wrapper .customer-story__content {
    flex-direction: column;
  }
}

.customer-story__body-wrapper .customer-story__content .customer-story__content--left {
  flex-basis: 30%;
}

.customer-story__body-wrapper .customer-story__content .customer-story__content--right {
  flex-basis: 70%;
}

.customer-story__body-wrapper .blog-post__tags a {
  margin-right: 8px;
}

.customer-story__body-wrapper .blog-post__tags a:hover {
  color: #ED6E2E;
}

.customer-story__body-wrapper blockquote {
  border-left-color: #ed6e2e;
  padding: 2rem;
  background: rgba(255,255,255,0.1);
  margin: 2rem 0;
}

.customer-story__body-wrapper blockquote p {
  font-size: 22px;
  font-style: italic;
  margin: 0;
}

@media screen and (max-width: 918px) {
  .customer-story__body-wrapper blockquote p {
    font-size: 18px;
  }
}

.customer-story__body-wrapper .kl-rich-text table p {
  font-size: 72px;
}

@media screen and (max-width: 918px) {
  .customer-story__body-wrapper .kl-rich-text table p {
    font-size: 40px;
  }
}

@media screen and (max-width: 441px) {
  .customer-story__body-wrapper .kl-rich-text table p {
    font-size: 28px;
  }
  
  .customer-story__body-wrapper .kl-rich-text table h4 {
    font-size: 16px;
  }
}

.customer-story__summary {
  max-width: none !important;
}

.customer-story__line-break {
  margin: 1rem 0 2rem 0;
}

.kl-navbar__button--active {
  color: white !important;
}

/*****************************************/
/*****************************************/
/*   LOGIC DESIGN STYLING CHANGES END    */
/*****************************************/
/*****************************************/

/* seo  mobile 2024*/  

@media(max-width: 768px) {

  .hs-blog-id-89602035932 .blog-tags__link {
    min-height: 48px !important;
    line-height: 22px !important;
  }
  
  .hs-blog-id-89602035932 .kl-rich-text__buttons .button.dnd_area-dnd_partial-1-module-1__secondary_cta,
  .hs-blog-id-89602035932 .kl-rich-text__buttons .button.dnd_area-dnd_partial-1-module-1__primary_cta {
    min-height: 48px !important;

  }
}


/* end */

<style>

.kl-faq__header {

   background-color: #000;

}

</style>

<style>

.kl-faq__header {

   background-color: #000;

}

</style>


/* seo  mobile 2024*/  

@media(max-width: 768px) {

  .hs-blog-id-89602035932 .blog-tags__link {
    min-height: 48px !important;
    line-height: 22px !important;
  }
  
  .hs-blog-id-89602035932 .kl-rich-text__buttons .button.dnd_area-dnd_partial-1-module-1__secondary_cta,
  .hs-blog-id-89602035932 .kl-rich-text__buttons .button.dnd_area-dnd_partial-1-module-1__primary_cta {
    min-height: 48px !important;

  }
}