#z_main {
  min-height: calc(100vh - var(--menu-margin) - 300px);
}

@layer download_category_header {
  #z_main {
    padding-bottom: 0 !important;
  }
  #z_main * {
    box-sizing: border-box;
  }
  #z_main > header:first-of-type {
    background-color: var(--bg);
    padding-top: 3rem;
    padding-bottom: 1.5rem;
  }
  #z_main > header:first-of-type > div {
    --circle-size: 200px;
    width: var(--z-container-width);
    margin: 0 auto;
    display: flex;
    gap: 3rem;
    padding: 3rem 0;
  }
  #z_main > header:first-of-type > div > #dl_header_text_container {
    width: calc(100% - var(--circle-size));
  }
  #z_main > header:first-of-type > div > #dl_header_text_container > h1 {
    text-align: left;
    margin: 5rem 0;
    font-family: var(--font-bold);
    font-size: var(--h2) !important;
    margin-bottom: 1.5rem !important;
  }
  #z_main > header:first-of-type > div > #dl_header_img_container {
    width: var(--circle-size);
    height: var(--circle-size);
  }
  @media (max-width: 768px) {
    #z_main > header > div {
      flex-direction: column;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    #z_main > header > div > #dl_header_text_container {
      order: 2;
      width: 100% !important;
    }
    #z_main > header > div > #dl_header_img_container {
      order: 1;
    }
  }
}
@layer download_category_cards {
  #card_container {
    padding-bottom: 5rem;
  }
  #card_container > div {
    width: var(--z-container-width);
    margin: 0 auto;
    --min-w: 50px;
    --col: minmax(var(--min-w), 1fr);
    --columns-1: var(--col);
    --columns-2: var(--col) var(--col);
    display: grid;
    grid-template-columns: var(--columns-2);
    grid-template-rows: auto;
    gap: 2rem;
  }
  #card_container > div > .download-card {
    min-height: 400px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    background-color: var(--bg2);
  }
  #card_container > div > .download-card > .download-card-img-container {
    width: 100%;
    height: auto;
    aspect-ratio: 700/407;
  }
  #card_container > div > .download-card > .download-card-img-container > picture {
    width: 100%;
    height: 100%;
  }
  #card_container > div > .download-card > .download-card-img-container > picture > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  #card_container > div > .download-card > .download-card-text-container {
    padding: 2rem;
    flex-grow: 10;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
  #card_container > div > .download-card > .download-card-text-container > h3 {
    color: var(--color1);
  }
  #card_container > div > .download-card > .download-card-text-container > p {
    flex-grow: 10;
  }
  @media (max-width: 768px) {
    #card_container > div {
      grid-template-columns: var(--columns-1);
    }
  }
}
/*

@media (min-width: 951px) {
  #main-menu-right-menu-container {
    min-width: 330px;
    height: 100%;
    @include flex( flex-start, space-between );
    > ul {
      --margin-right: 13px;
      height: 100%;
      list-style: none;
      margin-block-end: 0;
      padding-inline-start: 0;
      margin-right: var(--margin-right);
      display: flex;
      > li {
        @include size( 39px, 40px );     
        @include flex( flex-end, center );
        > a {
          display: flex;
          background-repeat: no-repeat;
          background-size: 16px;
          background-position: 50% calc(100% - 1px);
          @include size( 40px, 40px );
        }
      }
      // #menu-item-111407 {
      //   display: none !important;
      // }
      #menu-item-111199 > a {
        background-image: var(--magnifying-glass-svg);
      }
      #menu-item-108542 > a {
        background-image: var(--question-mark-svg);
      }
      #menu-item-107320 > a {
        background-image: var(--shopping-cart-svg);
        background-size: 18px !important;
      }
      #menu-item-111412 {// Login
        --width: 69px;
        width: auto !important;
        min-width: var(--width) !important;
        padding: 3px 0 0 4px !important;
        position: relative;
        top: 6px;
        margin: 0 10px 0 8px !important;
        a {
          width: 100% !important;
          height: 100%;
          color: var(--color1);
          border: solid 1px var(--color1) !important;
          border-radius: 4px;
          font-size: 1rem;
          font-weight: 500;
          text-transform: uppercase;
          line-height: 1.14;
          text-decoration: none;
          letter-spacing: 1.25px;
          padding: var(--login-y-pos) 4px 0 4px;
          display: flex;
          align-items: center !important;
          justify-content: center !important;
          text-align: center !important;
          &:hover {
            color: #fff !important;
            font-weight: bold;
          }
        }
      }
      #menu-item-107321 {// User Initials
        position: relative;
        > a {
          background-image: var(--user-svg);
        }
        > .sub-menu {
          display: none;
          width: 249px;
          list-style: none;
          z-index: 202;
          border-top: 17px solid transparent;
          padding: 0 !important;
          @include abs_y_x( top, 100%, left, 0 );
          > li {
            padding: 0;
            margin: 0;
            > a {
              background-color: black;
              padding: 12px 15px 10px 15px;
              font-size: 1rem;
              margin: 0;
              height: 100%;
              width: 100%;
              text-decoration: none;
              color: white;
              @include flex( center, flex-start );
              &:hover, &:focus {
                background-color: var(--desktop-submenu-highlight-color);
              }
            }
          }
        }
        &:hover > .sub-menu, &:focus > .sub-menu {
          display: block;
        }
      }

    }
    &.user-initials {
      #menu-right-nav {
        #menu-item-107321 {
          width: 48px;
          @include flex( flex-end, flex-end );
          > a {
            --size: 36px;
            background-image: none;
            position: relative;
            height: var(--size);
            width: var(--size);
            background-color: white;
            border-radius: 50%;
            bottom: -6px;
            &::after {
              // --y-pos-offset: 0px;
              // --x-pos-offset: 0px;
              content: var(--user-initials);
              position: absolute;
              top: calc( 50% - 6px + var(--initials-y-pos) );
              right: calc( 0px - var(--initials-x-pos) );
              color: rgba(38, 38, 38, 1);
              font-size: 1rem;
              letter-spacing: 1.25px;
              text-align: center;
              line-height: 0 !important;
              font-family: var(--font-bold) !important;
              @include size( calc( 100% + var(--initials-x-pos) ), 12px );
              @include flex( center, center );
            }
          }
        }
      }
    }
  }
  body {
    --login-y-pos: 2px;
    --initials-y-pos: 0px;
    --initials-x-pos: 0px;
    &.mac {
      --login-y-pos: 4px;
      --initials-y-pos: 2px;
      --initials-x-pos: 2px;
    }
    &.mac.chrome {
      --login-y-pos: 6px;
    }
    &.firefox {
      --initials-y-pos: -1px;
    }
    &.linux.chrome {
      --initials-y-pos: 2px;
      --initials-x-pos: 2px;
    }
  }
  #gtranslate-container {
    width: clamp(110px, 11vw, 170px);
    position: relative;
    top: 5px;
    min-height: 45px;
    > div {
      @include size( 100%, 100% );
      > select {
        transition: all 0.25s ease;
        @include size( 100%, 100% );
      }
    }
    > div:not(#gt_placeholder_container) {
      display: none;
    }
    &.listener_loaded > #gt_placeholder_container {
      opacity: 1;
    }
    &.loaded > #gt_placeholder_container {
      display: none;
    }
    &.loaded > div:not(#gt_placeholder_container) {
      display: block;
    }
  }
  #google_translate_element2 {
    display: none !important;
  }
  #z_gt_placeholder_mobile {
    display: none;
  }
}
*//*# sourceMappingURL=taxonomy-download_categories.css.map */