/*
 * com.onelittledesigner.content_1ld_css
 */

.content-1ld-svg-icon>svg,svg.content-1ld-svg-icon{height:32px;width:32px;display:inline-block}.content-1ld-button,.content-1ld-image{margin:16px 0}.content-1ld-button a{padding:12px 24px;text-decoration:none;display:inline-block;white-space:nowrap}.content-1ld-image{width:100%;display:block;box-sizing:border-box}.content-1ld-image[data-no-image]{aspect-ratio:1.7778;display:block;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#f3f3f3}.mez.selected:has(>div>.content-1ld-image):after{content:"";position:absolute;inset:0;background-color:rgba(38,128,252,.1)}div[tag=slice]:has(>div>div>.content-1ld-content){margin:12px 0}.content-1ld-content div.mez,.content-1ld-content+div>.mez:has(>div[tag=node]),.mez:has(>div>.content-1ld-content){background-color:transparent;border:0 solid transparent;padding:0;margin:0}.mez:has(>div>.content-1ld-content)>:not(.in){visibility:hidden}.content-1ld-content div[tag=node]{min-width:5px!important;min-height:5px!important;color:inherit}div.mez.bare.selected:has(>div>.content-1ld-content){background-color:rgba(38,128,252,.1)}.content-1ld-svg-icon{font-size:0!important;line-height:1!important}.content-1ld-svg-icon>svg{font-size:0;line-height:1}.content-1ld-text.material-icons{font-size:32px}.ionicons-svg-outline{fill:none!important;stroke-width:32px}.content-1ld-button{line-height:1.1}.content-1ld-button>a{display:inline-flex;align-items:center}.content-1ld-button>a>i,.content-1ld-button>a>svg{margin-right:.5em}@supports (rotate:180deg){.content-1ld-button>a{gap:.5em}.content-1ld-button>a>i,.content-1ld-button>a>svg{margin-right:0}}.content-1ld-button a>i{font-size:22px}.content-1ld-button a>svg{height:22px;width:22px}div.out[tag=slice] .content-1ld-button>a>div{min-height:0}div.out[tag=slice] .content-1ld-button a>svg+div.out{display:inline-block}
div.mez.bare.selected:after:has(>div>.content-1ld-button){content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;background-color:rgba(38,128,252,.1)}


/*  */
#article-list-stacks_in_12 {
  
  background-color : rgba(242, 242, 242, 1.00);
}

#article-list-stacks_in_12 {
  padding: 8px 16px;
  max-width: 560px;
  border-radius: 8px;
  margin: 0px auto;
  box-sizing: border-box; }
  
  #article-list-stacks_in_12 * {
    box-sizing: border-box; }
  #article-list-stacks_in_12 .article-list-grid {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    #article-list-stacks_in_12 .article-list-grid-item {
      overflow: hidden; }
      #article-list-stacks_in_12 .article-list-grid-item:last-child .article-outer {
        border-bottom: none; }
  #article-list-stacks_in_12 .article-outer {
    padding: 16px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    overflow: hidden;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
  #article-list-stacks_in_12 .article {
    display: flex;
    flex-direction: column;
    justify-content: center;
            align-items: center;
 }
    #article-list-stacks_in_12 .article .article-top {
      width: 100%;
      display: grid;
     grid-template-columns: 80px 1fr;
     grid-gap: 16px;
     align-items: center;
     justify-items: center;
    }
    #article-list-stacks_in_12 .article-list-grid-item.active-expand .article .article-top {
      grid-gap: 32px;
    }
    #article-list-stacks_in_12.float-left .article-list-grid-item.active-expand .article .article-top,
    #article-list-stacks_in_12.float-right .article-list-grid-item.active-expand .article .article-top {
      align-items: flex-end;
    }
    #article-list-stacks_in_12 .article .article-top.article-thumbnail-right {
      grid-template-columns: 1fr 80px;
    }
    #article-list-stacks_in_12 .article .article-top.article-no-thumbnail {
      grid-template-columns: 1fr;
    }
    #article-list-stacks_in_12 .article .article-top.article-thumbnail-right > .article-image {
      grid-column: 2;
      grid-row: 1;
    }
    #article-list-stacks_in_12 .article .article-top.article-thumbnail-right > .article-header {
      grid-column: 1;
      grid-row: 1;
    }
    #article-list-stacks_in_12 p,
    #article-list-stacks_in_12 .article-content {
      font-size: 18px;
      line-height: 1.6;
      color: rgba(0, 0, 0, 0.60);
    }
    #article-list-stacks_in_12 .article-title {
      margin: 0 0 4px 0;
      color: rgba(0, 0, 0, 0.85);
      font-size: 18px;
      line-height: 1.2;
    }
    #article-list-stacks_in_12 .article-custom-head {
      color: rgba(0, 0, 0, 0.85);
    }
    #article-list-stacks_in_12 .article-description {
      font-size: 14px;
      line-height: 1.3;
      color: rgba(0, 0, 0, 0.60);
    }
    #article-list-stacks_in_12 .article-list-grid-item .article-info {
      margin: 5px 5px 0 0;
      font-size: 13px;
      display: inline-block;
      color: rgba(0, 0, 0, 0.60);
      line-height: 1.5;
    }
      #article-list-stacks_in_12 .article-info .info-highlight {
        color: rgba(18, 132, 207, 1.00); }
      #article-list-stacks_in_12 .article-info.info-1::before {
        content: 'By';
        display: inline-block; }
      #article-list-stacks_in_12 .article-info.info-2::before {
        content: 'Posted';
        display: inline-block; }
      #article-list-stacks_in_12 .article-info span {
        margin-left: 3px; }
    #article-list-stacks_in_12 .article-header {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      width: 100%;
      overflow: hidden;
    }
    #article-list-stacks_in_12 .article-image {
      background: rgba(51, 51, 51, 1.00);
      width: 80px;
      height: 80px;
      border-radius: 40px;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      overflow: hidden;
      position: relative;
      background-size: cover;
      background-position: center;
    }
    #article-list-stacks_in_12 .article-featured-image {
      display: none;
    }
      #article-list-stacks_in_12 .article-image::before, #article-list-stacks_in_12 .article-image .article-image-icon {
        content: '';
        top: 0;
        left: 0;
        z-index: 2;
        opacity: 0;
        width: 100%;
        height: 100%;
        position: absolute; }
      #article-list-stacks_in_12 .article-image::before {
        z-index: 4;
        opacity: 0.5;
        transition: opacity 0.3s ease; }
      #article-list-stacks_in_12 .article-image .article-image-icon {
        opacity: 1;
        color: rgba(255, 255, 255, 1.00);
        fill: rgba(255, 255, 255, 1.00);
        left: 50%;
        transform: translate(-50%,0);
        width: 40.000000px;
        text-align: center;
      }
      #article-list-stacks_in_12 .article-image .article-image-icon i {
        font-size: 40.000000px;
        line-height: 80px;
      }
      #article-list-stacks_in_12 .article-image .article-image-icon-hover {
        opacity: 0;
      }
        #article-list-stacks_in_12 .article-back-arrow {
          display: inline-block;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          text-rendering: auto;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
        }
      #article-list-stacks_in_12 .article-image img {
        width: 100%;
        z-index: 3;
        height: auto;
        position: relative;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
        border-radius: 40px; }
    #article-list-stacks_in_12 .article-content {
      margin: 32px 0 0 0;
      padding: 24.000000px 0;
      border-top: 1px solid rgba(0, 0, 0, 0.10);
      /*  */
      width: 720px;
      visibility: hidden;
      position: absolute;
      pointer-events: none;
      /*  */
    }
      #article-list-stacks_in_12.hide-divider .article-content {
        margin: 0;
        border-top: 0px solid transparent;
      }
      #article-list-stacks_in_12 .article h1, #article-list-stacks_in_12 .article h2, #article-list-stacks_in_12 .article h3, #article-list-stacks_in_12 .article h4, #article-list-stacks_in_12 .article h5, #article-list-stacks_in_12 .article h6 {
        color: rgba(0, 0, 0, 0.85);
      }
      #article-list-stacks_in_12 .article-content a,
      #article-list-stacks_in_12 .article-content a:visited {
        text-decoration: underline;
        color: rgba(18, 132, 207, 1.00);
      }
      #article-list-stacks_in_12 .article-content a:hover {
        color: rgba(2, 116, 191, 1.00);
      }
    #article-list-stacks_in_12 .article-close {
      color: rgba(0, 0, 0, 0.85);
      padding-bottom: 16px;
      width: 100%;
      display: none;
      cursor: pointer;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-transform: uppercase;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      #article-list-stacks_in_12 .article-close .article-back-arrow {
        margin-right: 10px;
        width: 32px;
        height: 32px;
      }
      #article-list-stacks_in_12 .article-close .article-back-arrow svg {
        stroke: rgba(0, 0, 0, 0.85);
        color: rgba(0, 0, 0, 0.85);
      }
  #article-list-stacks_in_12 .article-list-grid-item:not(.active):hover {
    cursor: pointer; }
    #article-list-stacks_in_12 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_12 .article-list-grid-item:not(.active):hover .article-description {
      /*  */
      text-decoration: underline;
      /*  */ }
    #article-list-stacks_in_12 .article-list-grid-item:not(.active):hover .article-image {
      overflow: hidden; }
      #article-list-stacks_in_12 .article-list-grid-item:not(.active):hover .article-image::before {
        opacity: 0.5;
        background: rgba(51, 51, 51, 1.00);
      }
      #article-list-stacks_in_12 .article-list-grid-item:not(.active):hover .article-image .article-image-icon {
        opacity: 0;
      }
      #article-list-stacks_in_12 .article-list-grid-item:not(.active):hover .article-image .article-image-icon-hover {
        opacity: 1;
        z-index: 4;
        color: rgba(255, 255, 255, 1.00);
      }
  #article-list-stacks_in_12 .article-list-grid-item.active .article-outer::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    z-index: 5;
    display: block;
    position: fixed;
    transition: all 0.3s ease;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -webkit-animation: article-bg-expand 0.5s 0.5s;
            animation: article-bg-expand 0.5s 0.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    pointer-events: none;}
    #article-list-stacks_in_12 .article-list-grid-item.active .article-outer::before {
      
      background-color : rgba(242, 242, 242, 1.00);
    }
    
  #article-list-stacks_in_12 .article-list-grid-item.active .article {
    -webkit-animation: article-active 0.3s, article-open 0.5s 0.6s;
            animation: article-active 0.3s, article-open 0.5s 0.6s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  #article-list-stacks_in_12 .article-list-grid-item.active-expand .article-outer {
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    z-index: 9999;
    padding: 16px 0px; }
  #article-list-stacks_in_12 .article-list-grid-item.active-expand .article {
    z-index: 7;
    margin: 0 auto;
    position: relative;
            flex-direction: column;
     }
    #article-list-stacks_in_12 .article-list-grid-item.active-expand .article .article-close,
    #article-list-stacks_in_12.float-left .article-list-grid-item.active-expand .article .article-top,
    #article-list-stacks_in_12.float-right .article-list-grid-item.active-expand .article .article-top,
    #article-list-stacks_in_12.fill-header .article-list-grid-item.active-expand .article .article-top,
    #article-list-stacks_in_12.full-width .article-list-grid-item.active-expand .article .article-header,
    #article-list-stacks_in_12 .article-list-grid-item.active-expand .article .article-content {
      width: 720px;
      max-width: calc(100% -  48px);
    }
    #article-list-stacks_in_12 .article-list-grid-item .article-links,
    #article-list-stacks_in_12.fill-header .article-list-grid-item.active-expand .article-thumbnail,
    #article-list-stacks_in_12.full-width .article-list-grid-item.active-expand .article-thumbnail,
    #article-list-stacks_in_12.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image,
    #article-list-stacks_in_12.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image,
    #article-list-stacks_in_12 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail,
    #article-list-stacks_in_12 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail {
      display: none;
    }
    #article-list-stacks_in_12 .article-list-grid-item.active-expand .article-links {
      display: flex;
    }
    #article-list-stacks_in_12 .article-list-grid-item.active-expand .article-featured-image {
      display: block;
    }
    #article-list-stacks_in_12.float-left .article-list-grid-item.active-expand .article-image,
    #article-list-stacks_in_12.float-right .article-list-grid-item.active-expand .article-image {
      width: 200px;
      height: 200px;
      border-radius: 200px;
    }
    
    #article-list-stacks_in_12.full-width .article-list-grid-item.active-expand .article-image.article-featured-image,
    #article-list-stacks_in_12.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image {
      border-radius: 0px;
    }
    
    #article-list-stacks_in_12.float-left .article-list-grid-item.active-expand .article .article-top {
      grid-template-columns: 200px 1fr;
      justify-items: stretch;
    }
    #article-list-stacks_in_12.float-left .article-list-grid-item.active-expand .article .article-top > .article-image {
      grid-column: 1;
      grid-row: 1;
    }
    #article-list-stacks_in_12.float-left .article-list-grid-item.active-expand .article .article-top > .article-header {
      grid-column: 2;
      grid-row: 1;
    }
    #article-list-stacks_in_12.float-left .article-list-grid-item.active-expand .article .article-top > .article-header:first-child {
      grid-column: -1/1;
      grid-row: 1;
    }
    #article-list-stacks_in_12.float-right .article-list-grid-item.active-expand .article .article-top {
      grid-template-columns: 1fr 200px;
      justify-items: stretch;
      align-items: stretch;
    }
    #article-list-stacks_in_12.float-right .article-list-grid-item.active-expand .article .article-top > .article-image {
      grid-column: 2;
      grid-row: 1;
    }
    #article-list-stacks_in_12.float-right .article-list-grid-item.active-expand .article .article-top > .article-header {
      grid-column: 1;
      grid-row: 1;
    }
    #article-list-stacks_in_12.float-right .article-list-grid-item.active-expand .article .article-top > .article-header:first-child {
      grid-column: -1/1;
      grid-row: 1;
    }
    #article-list-stacks_in_12.full-width .article-list-grid-item.active-expand .article-top {
      width: 1280px;
      max-width: 100%;
    }
    #article-list-stacks_in_12.fill-header .article-list-grid-item.active-expand .article-top {
      width: 720px;
      max-width: 100%;
    }
    #article-list-stacks_in_12.fill-header .article-list-grid-item.active-expand .article-image,
    #article-list-stacks_in_12.full-width .article-list-grid-item.active-expand .article-image {
      width: 100%;
      padding-top: 177.77%;
    }
    @media all and (max-width: 660px) {
      #article-list-stacks_in_12.float-left .article-list-grid-item.active-expand .article .article-top,
      #article-list-stacks_in_12.float-right .article-list-grid-item.active-expand .article .article-top {
          grid-template-columns: 1fr;
      }
      #article-list-stacks_in_12.float-left .article-list-grid-item.active-expand .article .article-top > .article-image,
      #article-list-stacks_in_12.float-right .article-list-grid-item.active-expand .article .article-top > .article-image {
        grid-column: 1;
        grid-row: 1;
        max-width: 100%;
     }
      #article-list-stacks_in_12.float-left .article-list-grid-item.active-expand .article .article-top > .article-header,
      #article-list-stacks_in_12.float-right .article-list-grid-item.active-expand .article .article-top > .article-header {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
        padding-left: 0;
        max-width: 100%; }
    }
    @media all and (max-width: 1280px) {
      #article-list-stacks_in_12.full-width .article-list-grid-item.active-expand .article-image.article-featured-image {
        border-radius: 0px;
      }
    }
    #article-list-stacks_in_12.fill-header .article-list-grid-item.active-expand .article .article-top,
    #article-list-stacks_in_12.full-width .article-list-grid-item.active-expand .article .article-top {
      display: flex;
      flex-direction: column;
    }
    #article-list-stacks_in_12.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image,
    #article-list-stacks_in_12.full-width .article-list-grid-item.active-expand .article .article-top > .article-image {
      grid-row: 1;
      grid-column: 1;
    }
    #article-list-stacks_in_12.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header,
    #article-list-stacks_in_12.full-width .article-list-grid-item.active-expand .article .article-top > .article-header {
      grid-row: 2;
      grid-column: 1;
    }

    #article-list-stacks_in_12 .article-list-grid-item.active-expand .article-info.info-2::before {
      margin-left: 0; }
    #article-list-stacks_in_12 .article-list-grid-item.active-expand {
      font-size: 18px;
    }
    #article-list-stacks_in_12 .active-expand .article-title {
      font-size: 32px;
    }
    #article-list-stacks_in_12 .active-expand .article-info {
      font-size: 15px;
    }
    #article-list-stacks_in_12 .article-links {
      font-size: 14px;
      margin-top: 12px;
    }
    #article-list-stacks_in_12 .article-links i {
      font-size: 22px;
    }
    #article-list-stacks_in_12 .article-links > div[tag="node"],
    #article-list-stacks_in_12 .article-links {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
    }
    #article-list-stacks_in_12 .article-links svg {
      height: 22px;
      width: 22px;
    }
    #article-list-stacks_in_12 .article-links .content-1ld-button {
      margin-right: 12px;
    }
    #article-list-stacks_in_12 .active-expand .article-description {
      overflow: hidden;
      white-space: normal;
      text-overflow: clip;
      -webkit-line-clamp: 999;
      margin-bottom: 4px;
      font-size: 20px;
      font-style: italic;
    }
    #article-list-stacks_in_12.float-right .article-list-grid-item.active-expand .article-header,
    #article-list-stacks_in_12.float-left .article-list-grid-item.active-expand .article-header {
      padding-right: 0;
    }
    #article-list-stacks_in_12 .article-list-grid-item.active-expand .article-content {
      visibility: visible;
      position: relative;
      pointer-events: auto;
      display: block;
      height: 100%;
      width: 100%;
    }
      #article-list-stacks_in_12 .article-list-grid-item.active-expand .article-image img {
        transition: none; }
      #article-list-stacks_in_12.float-left .article-list-grid-item.active-expand .article-image .article-image-icon,
      #article-list-stacks_in_12.float-right .article-list-grid-item.active-expand .article-image .article-image-icon {
        width: 200px;
        height: 200px;
      }
      #article-list-stacks_in_12.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i,
      #article-list-stacks_in_12.float-right .article-list-grid-item.active-expand .article-image .article-image-icon i {
        line-height: 200px;
        font-size: 100.000000px;
      }
    #article-list-stacks_in_12 .article-list-grid-item.active-expand .article-close {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  #article-list-stacks_in_12 .article-list-grid-item.active-close .article-outer {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  #article-list-stacks_in_12 .article-list-grid-item:not(.active-expand) .article-title,
  #article-list-stacks_in_12.ellipsed .article-list-grid-item:not(.active-expand) .article-description {
    /*  */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /*  */
  }
  #article-list-stacks_in_12 .article-list-grid-item:not(.active-expand) .article-title {
    -webkit-line-clamp: 1;
  }






@-webkit-keyframes article-active {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes article-active {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@-webkit-keyframes article-open {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes article-open {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes article-bg-expand {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }

@keyframes article-bg-expand {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); } }
/*  */
#c1ld_stacks_in_22,#c1ld_stacks_in_22 > svg,.mez p#c1ld_stacks_in_22 + div {}#c1ld_stacks_in_22.content-1ld-button a {grid-gap: 2px;border: 0px solid rgba(0, 0, 0, 0.15);border-radius: 4px;background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.60);margin-left: 0;margin-right: 0;padding: 0px 0px;}#c1ld_stacks_in_22.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_22.content-1ld-button a:hover {border-color: rgba(0, 0, 0, 0.00);background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.75);}#c1ld_stacks_in_22.content-1ld-button.content-1ld-content a > svg {fill: rgba(0, 0, 0, 0.60);stroke: rgba(0, 0, 0, 0.60);}#c1ld_stacks_in_22.content-1ld-button.content-1ld-content a:hover > svg {fill: rgba(0, 0, 0, 0.75);stroke: rgba(0, 0, 0, 0.75);}.mez #c1ld_stacks_in_22 a {margin-top: 1px;}#c1ld_stacks_in_22.content-1ld-content {margin: 0;}
#c1ld_stacks_in_14,#c1ld_stacks_in_14 > svg,.mez p#c1ld_stacks_in_14 + div {text-align: left;}#c1ld_stacks_in_14 {clear: both;}#c1ld_stacks_in_14.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_14[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;}