/* Full-screen family tree — decisive rule */
body.page-id-1091 .dolgopolov-family-tree-host {
  display: block !important;
  width: calc(100vw - 32px) !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw + 16px) !important;
  margin-right: calc(50% - 50vw + 16px) !important;
}
@media (max-width: 600px) {
  body.page-id-1091 .dolgopolov-family-tree-host {
    width: calc(100vw - 16px) !important;
    margin-left: calc(50% - 50vw + 8px) !important;
    margin-right: calc(50% - 50vw + 8px) !important;
  }
}

body.page-child.parent-pageid-1101 header.wp-block-template-part nav,
body.page-child.parent-pageid-1101 footer.wp-block-template-part,
body.page-id-1230 header.wp-block-template-part nav,
body.page-id-1230 footer.wp-block-template-part {
  display: none !important;
}

/* Screen-wide interactive family tree */
body.page-id-1091 .dolgopolov-tree-app {
  width: calc(100vw - 32px) !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw + 16px) !important;
  margin-right: calc(50% - 50vw + 16px) !important;
}

body.page-id-1091 .dolgopolov-tree-app .tree-section,
body.page-id-1

/* Full-viewport width for the tree web component */
body.page-id-1091 .dolgopolov-family-tree-host {
  display: block !important;
  width: calc(100vw - 32px) !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw + 16px) !important;
body.page-child.parent-pageid-1101 header.wp-block-template-part nav,
body.page-child.parent-pageid-1101 footer.wp-block-template-part,
body.page-id-1230 header.wp-block-template-part nav,
body.page-id-1230 footer.wp-block-template-part {
  display: none !important;
}

/* Screen-wide interactive family tree */
body.page-id-1091 .dolgopolov-family-tree-host {
  display: block !important;
  width: calc(100vw - 32px) !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw + 16px) !important;
  margin-right: calc(50% - 50vw + 16px) !important;
}

@media (max-width: 600px) {
  body.page-id-1091 .dolgopolov-family-tree-host {
    width: calc(100vw - 16px) !important;
    margin-left: calc(50% - 50vw + 8px) !important;
    margin-right: calc(50% - 50vw + 8px) !important;
  }
}  margin-right: calc(50% - 50vw + 16px) !important;
}

@media (max-width: 600px) {
  body.page-id-1091 .dolgopolov-family-tree-host {
body.page-child.parent-pageid-1101 header.wp-block-template-part nav,
body.page-child.parent-pageid-1101 footer.wp-block-template-part,
body.page-id-1230 header.wp-block-template-part nav,
body.page-id-1230 footer.wp-block-template-part {
  display: none !important;
}

/* Screen-wide interactive family tree */
body.page-id-1091 .dolgopolov-family-tree-host {
  display: block !important;
  width: calc(100vw - 32px) !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw + 16px) !important;
  margin-right: calc(50% - 50vw + 16px) !important;
}

@media (max-width: 600px) {
  body.page-id-1091 .dolgopolov-family-tree-host {
    width: calc(100vw - 16px) !important;
    margin-left: calc(50% - 50vw + 8px) !important;
    margin-right: calc(50% - 50vw + 8px) !important;
  }
}    width: calc(100vw - 16px) !important;
    margin-left: calc(50% - 50vw + 8px) !important;
    margin-right: calc(50% - 50vw + 8px) !i/* Full-screen family tree — decisive rule */
body.page-id-1091 .dolgopolov-family-tree-host {
  display: block !important;
  width: calc(100vw - 32px) !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw + 16px) !important;
  margin-right: calc(50% - 50vw + 16px) !important;
}
@media (max-width: 600px) {
  body.page-id-1091 .dolgopolov-family-tree-host {
    width: calc(100vw - 16px) !important;
    margin-left: calc(50% - 50vw + 8px) !important;
    margin-right: calc(50% - 50vw + 8px) !important;
  }
}

mportant;
  }
}
091 .dolgopolov-tree-app .tree-scroll {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}

@media (max-width: 600px) {
  body.page-id-1091 .dolgopolov-tree-app {
    width: calc(100vw - 16px) !important;
    margin-left: calc(50% - 50vw + 8px) !important;
    margin-right: calc(50% - 50vw + 8px) !important;
  }
}body.page-child.parent-pageid-1101 header.wp-block-template-part nav,
body.page-child.parent-pageid-1101 footer.wp-block-template-part,
body.page-id-1230 header.wp-block-template-part nav,
body.page-id-1230 footer.wp-block-template-part {
  display: none !important;
}
