/* stylelint-disable docusaurus/copyright-header */
/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-menu-link-padding-horizontal: 1rem;
  --ifm-color-primary-text: rgb(13, 177, 249);
  --ifm-color-secondary-text: rgb(41, 85, 122);
  --ifm-color-black: rgba(28, 30, 33, 1);
  --ifm-navbar-link-hover-color: var(--ifm-color-primary-text);
  --ifm-link-color: var(--ifm-color-primary-text);
  --ifm-menu-color-active: var(--ifm-color-primary-text);
  --ifm-color-primary:  var(--ifm-color-primary-text);
  --ifm-color-primary-dark: rgba(10, 159, 202, 255);
  --ifm-color-primary-darker: rgba(0,78,127,255);
  --ifm-color-primary-darkest: rgba(0,55,103,255);
  --ifm-color-primary-light: rgba(4, 159, 202, 255);
  --ifm-color-primary-lighter: rgba(0, 183, 246, 255);
  --ifm-color-primary-lightest: rgb(215, 228, 238);
  --ifm-color-primary-light-grey: rgb(248, 248, 248);
  --ifm-color-grey-shade-1: rgb(96, 103, 112);
  --ifm-color-grey-shade-2: rgb(150, 159, 175);
  --ifm-color-grey-shade-3: rgb(218, 221, 225);
  --ifm-color-grey-shade-4: rgb(235, 237, 240);
  --ifm-color-grey-shade-5: rgb(245, 246, 247);
  --ifm-color-grey-shade-6: rgb(206, 238, 247);
  --ifm-color-white: rgb(255, 255, 255);
  --ifm-color-icon-backgroung: rgba(206, 238, 247, 0.5);
  --ifm-code-font-size: 95%;
  --ifm-navbar-height: 5rem;
  --ifm-blue-500: #228EDE;
  --ifm-blue-600: #0478C0;
  --ifm-blue-700: #205792;
  --ifm-blue-800: #15467D;
  --ifm-blue-900: #082C54;
  --ifmyellow-500: #FFAA00;
  --ifm-gray-500: #C0CED5;
  --ifm-gray-600: #ABBDC7;
  --ifm-gray-800: #69818E;
  --ifm-gray-900: #50646E;
  --ifm-background-gray-50: #F8F9FB;
  --ifm-font-family-base: 'Montserrat';
  --ifm-heading-font-family: 'ZalandoSans';
}

/* Montserrat Variable — normal */
@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Montserrat Variable — italic */
@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* ZalandoSans Variable — normal */
@font-face {
  font-family: "ZalandoSans";
  src: url("/fonts/ZalandoSans-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-stretch: 75% 125%; /* supports width axis */
  font-style: normal;
  font-display: swap;
}

/* ZalandoSans Variable — italic */
@font-face {
  font-family: "ZalandoSans";
  src: url("/fonts/ZalandoSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}

.dropdown__link--active, .dropdown__link--active:hover {
  --ifm-dropdown-link-color: var(--ifm-color-primary-text);
}

.docusaurus-highlight-code-line {
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

html[data-theme='dark'] .docusaurus-highlight-code-line {
  background-color: rgba(0, 0, 0, 0.3);
}

.header-github-link:before {
  background: url(/assets/images/github.png) no-repeat;
  content: "";
  display: flex;
  height: 30px;
  width: 30px;

}

.data-lake .sub-title {
  margin-top: 10px !important;
}

@media (max-width: 767px) {
  .hero__img, .header-github-link, .header-slack-link, .header-twitter-link, .header-youtube-link, .header-linkedin-link {
    display: none;
  }
  .hero__title {
    font-size: 3em !important;
    max-width: fit-content;
  }
  .button--lg {
    --ifm-button-size-multiplier: 1;
  }
  .data-lake .sub-title {
    width: 90% !important;
    font-size: 16px !important;
  }
}

.dropdown__link, .menu__link {
  color: var(--ifm-blue-800);
  font-family: var(--ifm-heading-font-family);
}

.navbar__item, .navbar__link {
  font-size: 16px !important;
  color: var(--ifm-blue-800);
  font-family: var(--ifm-heading-font-family);
}

.navbar__link {
  width: max-content;
}


@media(max-width:1350px){
  a.menu__link.navbarFontSize_src-theme-Navbar-MobileSidebar-PrimaryMenu-styles-module {
    font-size: .9rem !important;
  }
}

.navbar-sidebar__item .menu__link{
  padding-left: 1rem;
  padding-right: 1rem;
}

.navbar__item {
  padding: var(--ifm-navbar-item-padding-vertical) 9px;
}

.header-twitter-link:before {
  background: url(/assets/images/x.png) no-repeat;
  content: "";
  display: flex;
  height: 30px;
  width: 30px;
}

.header-slack-link:before {
  background: url(/assets/images/slack.png) no-repeat;
  content: "";
  display: flex;
  height: 30px;
  width: 30px;
}

.header-youtube-link:before {
  background: url(/assets/images/youtube.png) no-repeat;
  content: "";
  display: flex;
  height: 30px;
  width: 30px;
}

.header-linkedin-link:before {
  background: url(/assets/images/linkedin.png) no-repeat;
  content: "";
  display: flex;
  height: 30px;
  width: 30px;
}

.hero__title {
  font-size: 4rem;
  text-align: left;
  width: 70rem;
}

.hero__subtitle {
  font-size: 1.25rem;
  margin-bottom: 50px;
}

.buttons_src-pages-index-module {
  justify-content: left !important;
}

.hero__img {
  max-width: 35%;
  float: left;
  margin-left: 4rem;
  margin-right: 4rem;
  padding-bottom: 2rem;
}

.button.button--secondary {
  margin-top: 1rem;
  margin-right: 2rem;
}

.buttons_irzW {
  justify-content: left !important;
}

.profile-pic {
  max-width: 7rem;
}

.navbar__logo {
  height: 130%;
}

.data-lake h2, .hudi-feature h2 {
  display: block;
  font-size: 2.5em;
  margin-block-start: 1.75em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  text-align: center;
}

.data-lake .sub-title {
  text-align: center;
  width: 80%;
  font-size: 18px;
  color: var(--ifm-blue-900);
  font-weight: 400 !important;
  font-family: var(--ifm-heading-font-family);
}

.data-lake {
  background: #fff;
  border-radius: 20px;
  position: relative;
  z-index: 10;
}

.data-lake .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}


table.features {
  display: inline-table;
  border-collapse: separate;
  margin-top: 2em;
}

table.features td {
  vertical-align: middle;
  padding: 2em;
  background: white;
}

table.features i.feather {
  margin: 1em;
}

.hudi-feature-item table td {
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 1px solid #ceeef7;
}

footer .container {
  margin-block-start: 1.83em;
  max-width: var(--ifm-container-width-xl) !important;
}

.blog-wrapper .container {
  max-width: 100%;

}

.who-uses {
  display: inline-block;
  width: 240px;
  margin-left: 0.8em;
  margin-right: 0.8em;
  margin-bottom: 1.1em;
  text-align: center;
}

.blog-wrapper aside {
  --ifm-col-width: 16.6667% !important;
}

.blog-wrapper main {
  --ifm-col-width: 66.6667% !important;
  max-width: var(--ifm-col-width);
  flex: 0 0 var(--ifm-col-width);
}

.blogThumbnail {
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
  padding: 50% 0 0 0!important;
}

.blogThumbnail .blog-image {
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
  object-fit: contain;
}

.tagRegular_node_modules-\@docusaurus-theme-classic-lib-next-theme-Tag-styles-module{
  color:black;
  width: max-content;
}
.authorTimeTags_src-theme-BlogPostItem-styles-module {
  vertical-align:text-top;
}

.pagination-nav {
  width: 100%;
}

.blog-list-page article, .blog-tags-post-list-page article {
  display: inline-flex;
  width: 45%;
  margin: 1.2em;
  vertical-align: text-top;
}

@media(max-width:1391px){
  .blog-list-page article, .blog-tags-post-list-page article {
    display: inline-flex;
    width: 80%;
    margin: 1.2em;
    vertical-align: bottom;
  }
}


@media only screen and (max-width: 815px) {
  .blog-list-page article, .blog-tags-post-list-page article {
    display: flex;
    width: 100%;
    margin: 1.2em;
  }
}

@media screen and (max-width: 996px) {
  .blog-wrapper main {
    --ifm-col-width: 99% !important;
    max-width: var(--ifm-col-width);
  }
}

.blog-post-page .blogPostTitle_src-theme-BlogPostItem-styles-module {
  font-size: 3rem;
}

.blogPostTitle_src-theme-BlogPostItem-styles-module{
  display:inline;
  overflow: hidden;
  vertical-align: text-top;

}

h1.blogPostTitle_src-theme-BlogPostItem-styles-module{
  height:10%;
  overflow:hidden;
}

.tags-post-list > :first-child {
  width: 100%;
}

.slick-track{
  display: flex !important;


}.slick-slide{
   display: flex !important;
   height: auto !important;
 }

.navbar__item {
  display: inherit !important;
}
.navbar__toggle {
  display: none !important;
}

.docs-custom-styles .table-of-contents li {
  margin: 0.1rem var(--ifm-toc-padding-horizontal)
}
.docs-custom-styles .table-of-contents a {
  font-size: 0.8rem;
  margin-bottom: 0;
  padding: 0.3rem 0;
  color: var(--ifm-toc-link-color);
  text-decoration: none;
}

.docs-custom-styles .table-of-contents a:hover {
  text-decoration: none !important;
  color: var(--ifm-color-primary);
}

.docs-custom-styles p,a,td {
  font-size: 0.9rem;
}

.docs-custom-styles h2 {
  font-size: 1.8rem;
}

.docs-custom-styles td a {
  text-decoration: none;
  color: var(--ifm-table-cell-color);
}

.docs-custom-styles td a:hover {
  text-decoration: underline;
  color: var(--ifm-color-primary);
}

.docs-custom-styles tr td:nth-child(1) {
  width: 25%;
  word-break: break-all;
}

.docs-custom-styles tr td:nth-child(2) {
  width: 15%;
  word-break: break-all;
}

.docs-custom-styles tr td:nth-child(3) {
  width: 60%;
}

.docs-custom-styles th {
  text-align: left;
}

.footer__logo {
  max-width: 10rem;
}

.dropdown > .navbar__link:after {
  border-color: currentColor transparent;
  border-style: solid;
  content: '';
  position: relative;
  top: -2px;
  border: solid black;
  border-width: 0 1.9px 1.9px 0;
  display: inline-block;
  padding: 2.5px;
  transform: rotate(45deg);
  margin-top: -13px;
  margin-left: 8px;
}

.navbar-sidebar__back {
  color: var(--ifm-blue-900) !important;;
}

.menu__link--sublist-caret:after {
  min-width: 10px !important;
  height: 10px !important;
  width: 10px !important;
  margin-left: auto !important;
}

.locale-dropdown-wrapper {
  display: flex;
  align-items: center;
  &:hover {
    path {
      stroke: var(--ifm-navbar-link-hover-color);
    }
  }
  &:after {
    display: none !important;
  }
}

@media(max-width:1524px) {
  .navbar__item {
    padding: var(--ifm-navbar-item-padding-vertical) 7px;
  }
}

.theme-doc-sidebar-item-link .menu__link{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.tagsListInline {
  margin-top: 10px !important;
}

.tagsListInline b {
  display: none;
}

.tagsListInline ul {
  margin-left: 10px !important;
  font-size: .875rem !important;
  margin-top: 10px !important;
}

.tagsListInline ul li {
  margin: -5px 20px 0 -10px;
}

.tagsListInline ul li a{
  padding: 0.3rem 5px 0.3rem;
}

/* Docusaurus-specific utility class */
.docusaurus-mt-lg {
  margin-top: 3rem;
}

div[class^="announcementBar"][role="banner"] {
  color: white;
  background-color: #29557A;
  padding: 5px 0;
  height: auto;
}

.theme-doc-sidebar-item-link .menu__link{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.tagsListInline {
  margin-top: 10px !important;
}

.tagsListInline b {
  display: none;
}

.tagsListInline ul {
  margin-left: 10px !important;
  font-size: .875rem !important;
  margin-top: 10px !important;
}

.tagsListInline ul li {
  margin: -5px 20px 0 -10px;
}

.tagsListInline ul li a{
  padding: 0.3rem 5px 0.3rem;
}

.markdown a {
  font-size: inherit !important;
}

.footer__title {
  color: var(--ifm-gray-800);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0px;
  font-family: var(--ifm-heading-font-family);
}

.footer__link-item {
  color: var(--ifm-gray-900);
  font-weight: 400;
  font-family: var(--ifm-heading-font-family);
}

.dropdown > .navbar__link::after {
  border: solid var(--ifm-blue-900);
  border-width: 0 2px 2px 0;
}

.home_background_img {
  position: absolute;
  right: 0;
}

.row:has(.docItemCol_VOVn):not(:has(.theme-doc-toc-desktop)) .docItemCol_VOVn {
  max-width: 100% !important;
}

@media screen and (max-width: 966px) {
  .home_background_img {
    display: none;
  }
}

@media screen and (max-width: 930px) {
  .navbar__item {
    display: none !important;
  }
  .navbar__toggle {
    display: inherit !important;
  }
}