/*
 * GK Divi common CSS v0.10
 *
 * Shared baseline for God Kommunikation Divi projects.
 * Source: C:/Users/Mads/Local Sites/tools/divi/css/gk-divi-common.css
 * Keep customer/brand-specific styling in off-design-system.css.
 */

:root {
  --gk-divi-content-width: 90%;
  --gk-divi-content-max-width: 1200px;
  --gk-divi-dropdown-li-padding-x: 0px;
  --gk-divi-dropdown-link-padding-x: 12px;
  --content-width: var(--gk-divi-content-width);
  --content-max-width: var(--gk-divi-content-max-width);
}

body .container,
body .et_pb_row,
.et-db #et-boc .et-l .et_pb_row {
  width: var(--gk-divi-content-width);
  max-width: var(--gk-divi-content-max-width);
}

:is(
  .et_pb_text .et_pb_text_inner,
  .et_pb_post_content,
  .et_pb_blurb_description,
  .et_pb_toggle_content,
  .et_pb_tab_content
) {
  --gk-divi-paragraph-following-content-gap: 1rem;
  --gk-divi-list-gap: 1rem;
  --gk-divi-list-margin-top: 1.5rem;
  --gk-divi-list-margin-top-after-content: 1rem;
  --gk-divi-list-following-margin-top: 2rem;
  --gk-divi-list-item-padding-top: 0.75rem;
  --gk-divi-list-border-width: 3px;
}

:is(
  .et_pb_text .et_pb_text_inner,
  .et_pb_post_content,
  .et_pb_blurb_description,
  .et_pb_toggle_content,
  .et_pb_tab_content
) > p:not(.has-background):last-of-type:not(:last-child) {
  padding-bottom: var(--gk-divi-paragraph-following-content-gap);
}

.et_pb_text .et_pb_text_inner ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gk-divi-list-gap);
  margin: var(--gk-divi-list-margin-top) 0 0;
  padding: 0;
  list-style: none;
}

.et_pb_text .et_pb_text_inner > :where(p, h1, h2, h3, h4, h5, h6, ol) + ul {
  margin-top: var(--gk-divi-list-margin-top-after-content);
}

.et_pb_text .et_pb_text_inner > ul + :where(p, h1, h2, h3, h4, h5, h6, ol) {
  margin-top: var(--gk-divi-list-following-margin-top);
}

.et_pb_text .et_pb_text_inner li {
  padding-top: var(--gk-divi-list-item-padding-top);
  border-top: var(--gk-divi-list-border-width) solid currentColor;
  font-weight: 800;
  line-height: 1.3;
}

@media (min-width: 981px) {
  body :is(#top-menu, .et-menu, .nav) li li,
  .et-db #et-boc .et-l :is(.et-menu, .nav) li li {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    padding-left: var(--gk-divi-dropdown-li-padding-x) !important;
    padding-right: var(--gk-divi-dropdown-li-padding-x) !important;
  }

  body :is(#top-menu, .et-menu, .nav) li li a,
  .et-db #et-boc .et-l :is(.et-menu, .nav) li li a {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    padding-left: var(--gk-divi-dropdown-link-padding-x) !important;
    padding-right: var(--gk-divi-dropdown-link-padding-x) !important;
  }
}

:is(.et-l--footer, #main-footer, footer) .et_pb_menu .et_pb_menu__menu > nav > ul,
.et-db #et-boc .et-l :is(.et-l--footer, #main-footer, footer) .et_pb_menu .et_pb_menu__menu > nav > ul {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 0.55rem;
  margin: initial !important;
}

:is(.et-l--footer, #main-footer, footer) .et_pb_menu .et_pb_menu__menu > nav > ul > li,
.et-db #et-boc .et-l :is(.et-l--footer, #main-footer, footer) .et_pb_menu .et_pb_menu__menu > nav > ul > li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

:is(.et-l--footer, #main-footer, footer) .et_pb_menu .et_pb_menu__menu > nav > ul > li > a,
.et-db #et-boc .et-l :is(.et-l--footer, #main-footer, footer) .et_pb_menu .et_pb_menu__menu > nav > ul > li > a {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  line-height: 1.25;
}

@media (max-width: 980px) {
  :is(.et-l--footer, #main-footer, footer) .et_pb_menu .et_pb_menu__menu,
  .et-db #et-boc .et-l :is(.et-l--footer, #main-footer, footer) .et_pb_menu .et_pb_menu__menu {
    display: block !important;
  }

  :is(.et-l--footer, #main-footer, footer) .et_pb_menu .et_mobile_nav_menu,
  .et-db #et-boc .et-l :is(.et-l--footer, #main-footer, footer) .et_pb_menu .et_mobile_nav_menu {
    display: none !important;
  }

  :is(.et-l--footer, #main-footer, footer) .et_pb_menu .et_pb_menu__wrap,
  .et-db #et-boc .et-l :is(.et-l--footer, #main-footer, footer) .et_pb_menu .et_pb_menu__wrap {
    justify-content: flex-start !important;
  }

  :is(.et-l--footer, #main-footer, footer) .et_pb_text:has(+ .et_pb_menu),
  .et-db #et-boc .et-l :is(.et-l--footer, #main-footer, footer) .et_pb_text:has(+ .et_pb_menu) {
    margin-bottom: 0.35rem !important;
  }

  :is(.et-l--footer, #main-footer, footer) .et_pb_text:has(+ .et_pb_menu) .et_pb_text_inner > :last-child,
  .et-db #et-boc .et-l :is(.et-l--footer, #main-footer, footer) .et_pb_text:has(+ .et_pb_menu) .et_pb_text_inner > :last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  :is(.et-l--footer, #main-footer, footer) .et_pb_text + .et_pb_menu,
  .et-db #et-boc .et-l :is(.et-l--footer, #main-footer, footer) .et_pb_text + .et_pb_menu {
    margin-top: 0 !important;
  }
}