/* @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 {
font-family: "europa";
}
h1 {
font-family: "europa";,
font-weight: bold;
}
h2 {
font-family: "europa";,
font-weight: normal;
}
h3 {
font-family: "europa";,
font-weight: normal;
}
h4 {
font-family: "europa";,
font-weight: normal;
}
h5 {
font-family: "europa";,
font-weight: normal;
}
h6 {
font-family: "europa";,
font-weight: normal;
}
.header-search-wrapper mb:mr-4 tb:mr-0 btn btn-s btn-outline p-4 {
	border-width: 0px;
	box-shadow: none;
}
.top-menu {
  font-size: .75rem;
  display: flex;
  justify-content: end;
  position: relative;
  z-index: 999;
}
.top-menu ul li {
  margin-right: 1rem;
}
.top-menu ul li a:hover {
  color: var(--primary)!important;
  text-decoration: underline;
}
.header-menu > .hs-menu-wrapper > ul > li > a {
  font-size: 18px;
}
@media (min-width: 992px) and (max-width: 1024px) {
  .header .header-menu>.hs-menu-wrapper>ul>li>a {
    padding-left: .5rem;
    padding-right: .5rem;
  }
}
@media (max-width: 991px)
.header-menu .hs-menu-wrapper {
    background-color: #1d2242;
    width: 100%;
}

/* Template - blog-post-03.html */
.blog-post-title h1 {
  font-weight: 700;
  font-size: 72px;
}
.author-post_content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.author-post-details-name {
  font-weight: 400;
  font-size: 22px;
  line-height: 107%;
  color: #0080d7;
  margin: 0 0 5px;
  text-decoration: underline;
}
.author-post-details p {
  font-weight: 400;
  font-size: 14px;
  color: #333;
  margin: 6px 0;
}
.blog-post-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.publish-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.publish-content span {
  margin: 0 0 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 133%;
  text-align: right;
  color: #333;
}
.publish-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 178%;
  text-align: right;
  color: #333;
  margin: 0;
}
.content-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 8rem;
  height: fit-content;
}
body .body-wrapper {
  overflow-x: unset !important;
}

.hs-blog-social-share-list{
  display: none;
}
.content-custom-module .hs_cos_wrapper {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .blog-post-title h1 {
    font-size: 66px;
  }
}
@media screen and (max-width: 992px) {
  .blog-post-title h1 {
    font-size: 52px;
  }
  .content-sticky {
    position: unset;
    top: unset;
  }
  .content-sticky .mb\:hidden {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .blog-post-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .publish-content {
    flex-direction: row;
    align-items: flex-end;
    width: 100%;
    justify-content: space-between;
    margin-top: 2rem;
  }
  .blog-post-title h1 {
    font-size: 36px;
  }
}