@charset "UTF-8";
/* ===============================================
    FT :: Foundation Template
    The Unified UX J5+ Template
    com_content.css
    © Nikola Jovic, 2024-
   =============================================== */

  /* Category view */
    /* Common */
    .category {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
    }
      .category:not(.override) #substance {
        display: flex;
        flex-wrap: wrap;
      }
        .category-items {
          display: flex;
          flex-wrap: wrap;
        }
          .category-item img {
            transition: var(--transition-50);
          }
          .category-item img:hover {
            transform: scale(1.25);
          }
          .cat-item-content {
            padding:var(--gutter);
          }
            .cat-item-title {
              font-variation-settings: var(--weight-demi) !important;
            }
      /* Blog view */
      .cat-leading {
        border:var(--border-default-30);
      }
        .cat-leading .item-content {
          padding:var(--gutter);
        }
          .cat-leading .cat-item-title {
            font-size: 1.5em;
          }
          .cat-leading .teaser {
            margin-top: var(--gutter);
          }
      .cat-intro-container {
        display:flex;
        flex-wrap: wrap;
      }
        .cat-intro {
          display: block;
          border:var(--border-default-30);
        }
          .cat-intro .teaser {
            display: none;
          }
      /* F3-Flex-Stacked */
      .view-f3-stacked article {
        margin-bottom: var(--gutter);
      }
        .view-f3-stacked .cat-item-image > a {
          display: block;
        }
        .view-f3-stacked .cat-item-title {
          line-height: 100%;
        }



/* =======================
    SIZING CHART
   ======================= */

/* === FT Size "M" === */
@media (max-width:767px) {

}

/* === FT Size "T1" === */
@media (min-width:768px) and (max-width:991px) {

}

/* === FT Size "T2" === */
@media (min-width:992px) and (max-width:1199px) {
  
}

/* === FT Size "D" === */
@media (min-width:1200px) {

}

/* === Additional tweaks for "D" screens 1200 < width < 1366 === */
@media (min-width:1200px) and (max-width:1365px) {

}

/* === Additional tweaks for "D" screens 1366x768 and 1440x900 (and possibly some resolutions between) === */
@media (min-width:1366px) and (max-width:1440px) {

}

/* === Additional tweaks for all "D" screens >= 1366px === */
@media (min-width:1366px) {

}

/* === Additional tweaks for all "D" screens > 1440 === */
@media (min-width:1441px) {

}



/* =======================
    DEVICES AND BROWSERS
   ======================= */

/* === Device type: mobile (touch) === */
@media (hover: none) and (pointer: coarse) {

}

/* === Device type: desktop === */
@media screen and (any-pointer: fine) and (any-hover: hover) {

}

/* === Browser: Firefox === */
@-moz-document url-prefix() {

}