/* @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    */
/*****************************************/

body [tabindex]:focus-visible {
  outline: 1px dotted #333!important;
}

/* remove unnecessary scrollbar */
body .body-wrapper {
  overflow-x: unset;
}

body p {
  line-height: 1.6rem;
}

body [tabindex]:focus-visible {
  outline: none!important;
}

/* Mobile Header adaption */
@media (max-width: 992px) {
  .w-2\/3 {
      width: 100%;
  }
}

.row-fluid-wrapper.row-depth-1.row-number-1.dnd_area-row-0-max-width-section-centering.dnd-section.dnd_area-row-0-padding.dnd_area-row-0-hidden > .row-fluid {
    max-width: 900px !important;
}

.toc-content h2::before, 
.toc-content h3::before,
.toc-content h4::before,
.toc-content h5::before, 
.toc-content h6::before {
    display: block!important;
    content: " "!important;
    height: 100px!important;
    margin-top: -50px!important;
    visibility: hidden!important;
}

h2:focus, 
h3:focus,
h4:focus,
h5:focus,
h6:focus {
    outline: none!important;
}


/* main Menu Entry element a bit wider */
.header-menu>.hs-menu-wrapper>ul>li>.hs-menu-children-wrapper>li>a {
  min-width: 170px;
}

/* reading indicator */
.indicator-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999999;
}

.indicator {
  width: 0;
  height: 100%;
  background-color: #388087;
}

/* local font embed */
body, a, p, span {
  font-family:Poppins!important;
}

.body-wrapper .h1, .body-wrapper .h2, .body-wrapper h1, .body-wrapper h2 {
  font-family: Poppins!important;
  font-weight: 700!important;
}

h2 {
   /* padding: 60px 0 15px 0; */
}

.interview h2 {
  font-size: 16px;
  font-weight: bold;
  padding: 20px 0 5px;
  margin: 0;
  line-height: 24px;
}

.body-wrapper .h3, .body-wrapper .h4, .body-wrapper h3, .body-wrapper h4 {
  font-family: Poppins!important;
  font-weight: 700!important;
}

h3 {
  /* padding: 45px 0 15px 0; */
}

h3 strong,
h3 b {
  color: #FFFFFF;
}

.interview h3 {
  font-size: 16px;
  padding: 20px 0 0;
  margin: 0;
  line-height: 24px;
}

h4 {
  /* padding: 30px 0 15px 0; */
}

h4 a {
  color: #388087!important;
}

.h5, h5 {
  font-family: Poppins!important;
  font-weight: 600!important;
}

/* change text-base-200 to default color */
.text-base-200,
.text-base-300 {
  color: #388087;
}

/* bold setting overwrite */
b, strong {
  font-weight: bold;
  color: #605F5F;
}

p span strong {
  color: inherit;
}

.toc-content ul,
.toc-content ol{
  margin: 20px 0!important;
  line-height: 1.6rem;
}

.toc-content li {
  margin: 0 0 8px 0;
}

.toc-content p > a {
  text-decoration: underline!important;
}

/* hide mobile menu temporary 
.header-menu {
  display: none;
}
*/

/* hide Sgn up button from navi menu */
.py-4 {
  display: none!important;
}

/* temporary hide the hamburger on mobile 
.hamburger,
.hamburger-box {
  display: none!important;
}
*/




@media (min-width: 992px) {
  .tb\:mr-8 {
      margin-right: 0rem;
  }
  
  .hs-menu-wrapper ul {
    flex-wrap: nowrap;
    white-space: nowrap;
  }
  
  .header-menu>.hs-menu-wrapper>ul>li>.hs-menu-children-wrapper {
    min-width: 10rem!important;
    flex-wrap: wrap;
    white-space: normal;
   }
}




/* Headline Adaption */
@media only screen and (min-width: 992px) {
  .blog-widget-module h1 {
      margin-top: -30px;
  }
}
@media only screen and (min-width: 992px) {
  .ds\:w-6\/12 {
      width: 75%!important;
  }
}

/* Set Date Color */
.date {
  color: #EB7267;  
}

/* recent post link */
.recent_post_link {
  line-height: 21px;  
}
  
/* set toc link color */
a.toc-link {
  color: #388087;
  margin-top: 5px;
  display: inline-block;
}

.toc>.toc-list li a {
  margin-top: unset;
  line-height: 21px;
  margin-bottom: 10px;
}

.is-active-link:before {
    background-color: #eb7267;
}

.is-collapsible {
	max-height: unset!important;
	overflow: unset!important;
}
.is-collapsed {
	max-height: unset!important;
}

/* set blog post tag link color */
.blog-post_tag-link {
  border: 2px solid #388087!important;
  background: #388087!important;
  color: #fff!important;
}

.blog-post_tag-link:hover {
  border: 2px solid rgba(56, 128, 135, 1)!important;
  background: rgba(56, 128, 135, 0.5)!important;
  color: rgba(56, 128, 135, 1)!important;
}

/* set blog listing tags to uppercase */
.blog-tag-links {
  text-transform: uppercase;
}

/* tiny table adjustments */
table {
  min-width: 100%!important;
  border-radius: 0px!important;
  border-spacing: 0px!important;
  border-collapse: unset!important;
  border: 0!important;
  border-left: 1px solid #e2e8f0!important;
  border-right: 1px solid #e2e8f0!important;
  border-top: 1px solid #e2e8f0!important;
}
  
@media only screen and (min-width: 992px) {
  table {
      min-width: 100%!important;
  }
}

div[data-hs-responsive-table] table tr:first-child {
  background: #388087!important;
  color: #ffffff!important;
  font-weight: bold!important;
  text-align: center!important;
  text-transform: unset!important;
}

div[data-hs-responsive-table] table tr:first-child span {
  color: #ffffff!important;
}

div[data-hs-responsive-table] table tr:nth-child(odd){
  background: #EAF4F5;
}

@media only screen and (min-width: 580px) {
  div[data-hs-responsive-table] table tr:first-child  {
      font-size: 16px!important;
  }
}

table td:first-of-type {
  border-left: 0!important;
  vertical-align: middle!important;
  line-height: 1.4;
}



table td {
  width: auto!important;
  vertical-align: middle;
  border-left: 1px dashed #e2e8f0!important;
  border-bottom: 1px solid #e2e8f0!important;
  line-height: 1.4;
  text-align: center;
  padding: 4px;
}

table span {
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media only screen and (max-width: 580px) {
  table p {
      font-size: 13px!important;
      line-height: 1.5;
  }
}

.related-blog-posts {
  margin: 0 13%;
}

.hs_cos_wrapper_type_related_blog_posts > div {
  display: inline-flex;
  margin: 0 0 0 -24px;
  width: calc(100% - 48px);
}

.related-blog-item h3 {
  font-size: 18px;
  line-height: 28px;
  padding: 0;
}

.related-blog-item img {
  max-width: calc(100% + 48px);
  margin-left: -24px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.related-blog-item p {
  font-size: 14px!important;
  line-height: 26px;
}

.related-blog-item {
  flex: 0 0 33.33%;
  margin: 0 0 24px 24px;
  padding: 0 24px 24px;
}

@media only screen and (max-width: 1280px) {
  .hs_cos_wrapper_type_related_blog_posts > div {
    flex-wrap: wrap;
    width: calc(100% + 48px);
  }
  .related-blog-item {
    flex: 0 0 calc(50% - 36px);
  }
}

@media only screen and (max-width: 768px) {
  .related-blog-posts {
    margin: 0;
  }
  .hs_cos_wrapper_type_related_blog_posts > div {
    flex-wrap: wrap;
    width: calc(100%);
  }
  .related-blog-item {
    flex: 0 0 100%;
  }
}

/* hide all category entries */
.blog-item {
  display: none;
}

/* Load More Button Container */
.loadmore {
  display: flex;
  align-items: center;
  justify-content: center;
}

.loadmore a {
  display: none;
  margin-top: 40px;
}

/* figure/figcaption */
figure {
  border: 0 none;
  display: flex;
  flex-flow: column;
  padding: 0;
  margin: 0 auto 2rem;
}

figcaption {
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  line-height: 1.6rem;
}

/* blogquote */
blockquote {
  background: transparent;
  border: 0 none;
  font-size: unset;
  line-height: unset;
  margin: 0;
  padding: 1.5rem 0;
}

blockquote p {
  padding-left: 40px;
  font-style: italic;
  font-size: 150%;
  line-height: 120%;
}

/* author */

.blog-header__author-social-links a {
  display: inline-block!important;
  margin-right: 10px!important;
}

.blog-header__author-social-links svg {
  width: 20px!important;
  height: 20px!important;
  fill: #388087;
}

.avatar {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}

.avatar img {
  border-radius: 50%;
}

.left {
  width: 20%;
  text-align: center;
}

.right {
  width: 80%;
   padding-top: 20px;
   padding-left: 20px;
}

@media only screen and (max-width: 992px) {
  .right {
    padding-top: 0;
  }
}

@media only screen and (max-width: 600px) {
  .left {
    min-width: 100px;
  }
  
  .avatar h1 {
    font-size: 22px;
  }
}


/* Search implementation */

header .items-stretch {
  align-items: center;
}

.searchbar {
  width: 30%;
}

@media only screen and (min-width: 1170px) {
  .searchbar {
    margin-left: auto;
  }
}

.searchMobile {
  position: relative;
  z-index: 10;
  background: #FFF!Important;
  width: 100%;
  height: 100px;
}

.searchform::after {
  content: "";
  clear: both;
  display: table;
}

.hs-search-field {
  position: absolute!important;
  width: 30%!important;
  margin-top: -20px!important;
  margin-left: 10px;
  max-width: 380px;
}

@media only screen and (max-width: 992px) {
  .hs-search-field {
    margin-top: 20px!important;
    margin-left: 20px!important;
    width: 40%!important
    position: absolute!important;
    left: 50%;
    transform: translateX(-50%);
    min-width: 340px;
  }
}

.hs-search-field__input  {
  position: relative;
  z-index: 2;
  padding: 10px!important;
  font-size: 12px!important;
  background: #FFFFFF;
  border: 1px solid #B4B5B5;
  border-radius: 6px 0px 0px 6px!important;
  border-right: 0 none!important;
  float: left!important;
  width: 50%!important;
}

.hs-search-field__input:focus  {
  border: 1px solid #4B7F86!important;
  border-right: 0 none!important;
}

.searchButton {
  position: relative;
  z-index: 2;
  float: left!important;
  padding: 12px 12px 8px!important;
  width: 41px!important;
  background: #4B7F86!important;
  border: 1px solid #4B7F86!important;
  border-radius: 0px 6px 6px 0px!important;
  cursor: pointer!important;
}

.searchButton:hover {
  opacity: .8;
}

.searchButton img {
  width: 30px!important;
}

.hs-search-field__suggestions {
  position: relative;
  z-index: 1;
  top: 10px;
  margin-top: 6px;
  width: calc(80% + 40px);
  max-width: 421px;
  border-top: 0 none;
  border: 1px solid #dddde4!important;
  border-radius: 0px 0px 6px 6px!important;
}

.hs-search-field__suggestions a {
  outline: none!important;
  line-height: 24px;
  padding: 0 0 3px 0;
}

#results-for {
  display: none!important;
}

#result0 {
  margin-top: 40px;
}

#morePopularPosts {
  margin-top: 24px;
  padding: 4px 24px 12px;
}

#morePopularPosts ul {
  list-style-type: none;
  margin: 20px 0 0 0;
  padding: 0;
}

#morePopularPosts ul li {
  padding: 0 0 10px;
  line-height: 1.4rem;
}

.teaserContainer {
  margin-top: 25px;
  padding: 20px;
  text-align: center;
  background-size: 150px!important;
  background-position: -30px -10px!important;
  cursor: pointer;
}

.teaserContainer p {
  margin: 0;
  font-family: Poppins!important;
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  color: #FFFFFF;
  opacity: 0.8;
}

.teaserContainer a {
  font-family: Poppins!important;
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
  opacity: 0.8;
}

.teaserContainer .teaserIcon {
  text-align: right;
}

.teaserContainer .teaserIcon img {
  margin-top: 10px;
  width: 100px;
  opacity: 0.8;
}