/* * 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)} .spacerStack { height: 20.00px; } #spacerStackstacks_in_1002 { height: 20.00px; } @media print { #spacerStackstacks_in_1002 { display: none !important; } } .spacerStack { height: 40.00px; } #spacerStackstacks_in_228 { height: 40.00px; } @media print { #spacerStackstacks_in_228 { display: none !important; } } /* */ #article-list-stacks_in_718 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_718 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_718 * { box-sizing: border-box; } #article-list-stacks_in_718 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_718 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_718 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_718 .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_718 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_718 .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_718 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_718.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_718.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_718 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_718 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_718 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_718 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_718 p, #article-list-stacks_in_718 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_718 .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_718 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_718 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_718 .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_718 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_718 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_718 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_718 .article-info span { margin-left: 3px; } #article-list-stacks_in_718 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_718 .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_718 .article-featured-image { display: none; } #article-list-stacks_in_718 .article-image::before, #article-list-stacks_in_718 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_718 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_718 .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_718 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_718 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_718 .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_718 .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_718 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_718 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_718 .article-content, #article-list-stacks_in_718 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_718.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_718 .article h1, #article-list-stacks_in_718 .article h2, #article-list-stacks_in_718 .article h3, #article-list-stacks_in_718 .article h4, #article-list-stacks_in_718 .article h5, #article-list-stacks_in_718 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_718 .article-content p a, #article-list-stacks_in_718 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_718 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_718 .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_718 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_718 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_718 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_718 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_718 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_718 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_718 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_718 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_718 .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_718 .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_718 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_718 .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_718 .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_718 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_718 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_718.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_718.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_718.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_718.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_718 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_718 .article-list-grid-item .article-links, #article-list-stacks_in_718.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_718.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_718.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_718.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_718 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_718 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_718 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_718 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_718.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_718.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_718.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_718.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_718.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_718.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_718.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_718.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_718.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_718.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_718.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_718.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_718.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_718.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_718.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_718.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_718.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_718.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_718.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_718.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_718.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_718.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_718.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_718.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_718.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_718.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_718.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_718.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_718.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_718 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_718 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_718 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_718 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_718 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_718 .article-links i { font-size: 22px; } #article-list-stacks_in_718 .article-links > div[tag="node"], #article-list-stacks_in_718 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_718 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_718 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_718 .article-description { margin: 0; } #article-list-stacks_in_718 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_718.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_718.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_718 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_718 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_718 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_718 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_718.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_718.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_718.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_718.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_718 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_718 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_718 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_718.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_718 .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_752,#c1ld_stacks_in_752 > svg,.mez p#c1ld_stacks_in_752 + div {}#c1ld_stacks_in_752.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_752.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_752.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_752.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_752.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_752 a {margin-top: 1px;}#c1ld_stacks_in_752.content-1ld-content {margin: 0;} #stacks_in_720 { margin: 23px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_983 { height: 40.00px; } @media print { #spacerStackstacks_in_983 { display: none !important; } } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_723 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_723 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_723 .stacks_in_723 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_723 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_723 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_723 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_723 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_723 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_723 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_723 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_723 .index-nav > .index-next, #stacks_out_723 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_723 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_723 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_723 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_723 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_723 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_723 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_723 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_723 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_723, #stacks_in_723, .stacks_in_723 > .stacks_out { overflow: visible; } #stacks_out_723 { max-width: 640px; width: 100%; } .stacks_in_723 { margin-top: 8%; } .stacks_in_723 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_723 > .stacks_out, .stacks_in_723 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_723 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_723 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_723 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_723 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_723 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_723 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_723 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_723 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_723 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_723 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_723 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_723 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_723 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_723 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_723 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ @media all and (max-width: 700px) { #stacks_out_723 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_723 .index-nav > .index-next, #stacks_out_723 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_723 .index-nav > .index-bullets { height: 60px; } #stacks_out_723 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ #c1ld_stacks_in_754,#c1ld_stacks_in_754 > svg,.mez p#c1ld_stacks_in_754 + div {text-align: left;}#c1ld_stacks_in_754 {clear: both;}#c1ld_stacks_in_754.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_754[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_755,#c1ld_stacks_in_755 > svg,.mez p#c1ld_stacks_in_755 + div {text-align: left;}#c1ld_stacks_in_755 {clear: both;}#c1ld_stacks_in_755.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_755[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} /* */ #c1ld_stacks_in_760,#c1ld_stacks_in_760 > svg,.mez p#c1ld_stacks_in_760 + div {text-align: left;}#c1ld_stacks_in_760 {clear: both;}#c1ld_stacks_in_760.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_760[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_761,#c1ld_stacks_in_761 > svg,.mez p#c1ld_stacks_in_761 + div {text-align: left;}#c1ld_stacks_in_761 {clear: both;}#c1ld_stacks_in_761.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_761[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} .spacerStack { height: 40.00px; } #spacerStackstacks_in_132 { height: 40.00px; } @media print { #spacerStackstacks_in_132 { display: none !important; } } #stacks_out_304 { width: 31%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_229 { height: 40.00px; } @media print { #spacerStackstacks_in_229 { display: none !important; } } /* */ #article-list-stacks_in_230 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_230 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_230 * { box-sizing: border-box; } #article-list-stacks_in_230 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_230 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_230 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_230 .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_230 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_230 .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_230 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_230.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_230.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_230 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_230 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_230 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_230 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_230 p, #article-list-stacks_in_230 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_230 .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_230 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_230 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_230 .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_230 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_230 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_230 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_230 .article-info span { margin-left: 3px; } #article-list-stacks_in_230 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_230 .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_230 .article-featured-image { display: none; } #article-list-stacks_in_230 .article-image::before, #article-list-stacks_in_230 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_230 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_230 .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_230 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_230 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_230 .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_230 .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_230 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_230 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_230 .article-content, #article-list-stacks_in_230 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_230.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_230 .article h1, #article-list-stacks_in_230 .article h2, #article-list-stacks_in_230 .article h3, #article-list-stacks_in_230 .article h4, #article-list-stacks_in_230 .article h5, #article-list-stacks_in_230 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_230 .article-content p a, #article-list-stacks_in_230 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_230 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_230 .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_230 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_230 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_230 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_230 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_230 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_230 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_230 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_230 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_230 .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_230 .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_230 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_230 .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_230 .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_230 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_230 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_230.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_230.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_230.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_230.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_230 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_230 .article-list-grid-item .article-links, #article-list-stacks_in_230.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_230.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_230.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_230.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_230 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_230 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_230 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_230 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_230.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_230.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_230.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_230.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_230.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_230.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_230.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_230.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_230.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_230.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_230.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_230.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_230.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_230.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_230.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_230.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_230.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_230.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_230.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_230.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_230.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_230.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_230.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_230.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_230.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_230.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_230.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_230.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_230.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_230 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_230 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_230 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_230 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_230 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_230 .article-links i { font-size: 22px; } #article-list-stacks_in_230 .article-links > div[tag="node"], #article-list-stacks_in_230 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_230 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_230 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_230 .article-description { margin: 0; } #article-list-stacks_in_230 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_230.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_230.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_230 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_230 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_230 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_230 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_230.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_230.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_230.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_230.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_230 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_230 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_230 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_230.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_230 .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_245,#c1ld_stacks_in_245 > svg,.mez p#c1ld_stacks_in_245 + div {}#c1ld_stacks_in_245.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_245.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_245.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_245.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_245.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_245 a {margin-top: 1px;}#c1ld_stacks_in_245.content-1ld-content {margin: 0;} .spacerStack { height: 40.00px; } #spacerStackstacks_in_231 { height: 40.00px; } @media print { #spacerStackstacks_in_231 { display: none !important; } } #stacks_out_302 { width: 31%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_250 { height: 40.00px; } @media print { #spacerStackstacks_in_250 { display: none !important; } } /* */ #article-list-stacks_in_251 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_251 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_251 * { box-sizing: border-box; } #article-list-stacks_in_251 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_251 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_251 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_251 .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_251 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_251 .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_251 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_251.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_251.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_251 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_251 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_251 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_251 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_251 p, #article-list-stacks_in_251 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_251 .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_251 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_251 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_251 .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_251 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_251 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_251 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_251 .article-info span { margin-left: 3px; } #article-list-stacks_in_251 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_251 .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_251 .article-featured-image { display: none; } #article-list-stacks_in_251 .article-image::before, #article-list-stacks_in_251 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_251 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_251 .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_251 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_251 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_251 .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_251 .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_251 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_251 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_251 .article-content, #article-list-stacks_in_251 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_251.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_251 .article h1, #article-list-stacks_in_251 .article h2, #article-list-stacks_in_251 .article h3, #article-list-stacks_in_251 .article h4, #article-list-stacks_in_251 .article h5, #article-list-stacks_in_251 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_251 .article-content p a, #article-list-stacks_in_251 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_251 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_251 .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_251 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_251 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_251 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_251 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_251 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_251 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_251 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_251 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_251 .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_251 .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_251 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_251 .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_251 .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_251 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_251 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_251.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_251.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_251.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_251.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_251 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_251 .article-list-grid-item .article-links, #article-list-stacks_in_251.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_251.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_251.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_251.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_251 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_251 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_251 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_251 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_251.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_251.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_251.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_251.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_251.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_251.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_251.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_251.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_251.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_251.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_251.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_251.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_251.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_251.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_251.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_251.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_251.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_251.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_251.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_251.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_251.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_251.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_251.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_251.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_251.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_251.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_251.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_251.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_251.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_251 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_251 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_251 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_251 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_251 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_251 .article-links i { font-size: 22px; } #article-list-stacks_in_251 .article-links > div[tag="node"], #article-list-stacks_in_251 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_251 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_251 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_251 .article-description { margin: 0; } #article-list-stacks_in_251 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_251.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_251.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_251 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_251 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_251 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_251 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_251.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_251.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_251.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_251.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_251 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_251 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_251 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_251.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_251 .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_273,#c1ld_stacks_in_273 > svg,.mez p#c1ld_stacks_in_273 + div {}#c1ld_stacks_in_273.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_273.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_273.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_273.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_273.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_273 a {margin-top: 1px;}#c1ld_stacks_in_273.content-1ld-content {margin: 0;} .spacerStack { height: 40.00px; } #spacerStackstacks_in_984 { height: 40.00px; } @media print { #spacerStackstacks_in_984 { display: none !important; } } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_778 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_778 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_778 .stacks_in_778 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_778 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_778 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_778 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_778 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_778 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_778 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_778 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_778 .index-nav > .index-next, #stacks_out_778 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_778 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_778 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_778 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_778 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_778 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_778 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_778 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_778 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_778, #stacks_in_778, .stacks_in_778 > .stacks_out { overflow: visible; } #stacks_out_778 { max-width: 640px; width: 100%; } .stacks_in_778 { margin-top: 8%; } .stacks_in_778 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_778 > .stacks_out, .stacks_in_778 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_778 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_778 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_778 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_778 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_778 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_778 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_778 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_778 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_778 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_778 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_778 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_778 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_778 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_778 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_778 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ @media all and (max-width: 700px) { #stacks_out_778 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_778 .index-nav > .index-next, #stacks_out_778 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_778 .index-nav > .index-bullets { height: 60px; } #stacks_out_778 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ #c1ld_stacks_in_267,#c1ld_stacks_in_267 > svg,.mez p#c1ld_stacks_in_267 + div {text-align: left;}#c1ld_stacks_in_267 {clear: both;}#c1ld_stacks_in_267.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_267[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} /* */ #c1ld_stacks_in_780,#c1ld_stacks_in_780 > svg,.mez p#c1ld_stacks_in_780 + div {text-align: left;}#c1ld_stacks_in_780 {clear: both;}#c1ld_stacks_in_780.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_780[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_802,#c1ld_stacks_in_802 > svg,.mez p#c1ld_stacks_in_802 + div {text-align: left;}#c1ld_stacks_in_802 {clear: both;}#c1ld_stacks_in_802.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_802[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} /* */ #c1ld_stacks_in_788,#c1ld_stacks_in_788 > svg,.mez p#c1ld_stacks_in_788 + div {text-align: left;}#c1ld_stacks_in_788 {clear: both;}#c1ld_stacks_in_788.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_788[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_804,#c1ld_stacks_in_804 > svg,.mez p#c1ld_stacks_in_804 + div {text-align: left;}#c1ld_stacks_in_804 {clear: both;}#c1ld_stacks_in_804.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_804[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} /* */ #c1ld_stacks_in_810,#c1ld_stacks_in_810 > svg,.mez p#c1ld_stacks_in_810 + div {text-align: left;}#c1ld_stacks_in_810 {clear: both;}#c1ld_stacks_in_810.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_810[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_380,#c1ld_stacks_in_380 > svg,.mez p#c1ld_stacks_in_380 + div {text-align: left;}#c1ld_stacks_in_380 {clear: both;}#c1ld_stacks_in_380.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_380[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} .spacerStack { height: 40.00px; } #spacerStackstacks_in_133 { height: 40.00px; } @media print { #spacerStackstacks_in_133 { display: none !important; } } #stacks_out_70 { width: 31%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_281 { height: 40.00px; } @media print { #spacerStackstacks_in_281 { display: none !important; } } /* */ #article-list-stacks_in_282 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_282 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_282 * { box-sizing: border-box; } #article-list-stacks_in_282 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_282 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_282 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_282 .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_282 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_282 .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_282 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_282.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_282.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_282 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_282 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_282 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_282 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_282 p, #article-list-stacks_in_282 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_282 .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_282 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_282 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_282 .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_282 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_282 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_282 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_282 .article-info span { margin-left: 3px; } #article-list-stacks_in_282 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_282 .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_282 .article-featured-image { display: none; } #article-list-stacks_in_282 .article-image::before, #article-list-stacks_in_282 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_282 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_282 .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_282 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_282 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_282 .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_282 .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_282 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_282 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_282 .article-content, #article-list-stacks_in_282 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_282.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_282 .article h1, #article-list-stacks_in_282 .article h2, #article-list-stacks_in_282 .article h3, #article-list-stacks_in_282 .article h4, #article-list-stacks_in_282 .article h5, #article-list-stacks_in_282 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_282 .article-content p a, #article-list-stacks_in_282 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_282 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_282 .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_282 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_282 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_282 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_282 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_282 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_282 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_282 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_282 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_282 .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_282 .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_282 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_282 .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_282 .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_282 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_282 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_282.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_282.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_282.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_282.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_282 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_282 .article-list-grid-item .article-links, #article-list-stacks_in_282.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_282.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_282.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_282.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_282 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_282 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_282 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_282 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_282.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_282.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_282.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_282.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_282.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_282.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_282.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_282.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_282.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_282.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_282.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_282.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_282.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_282.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_282.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_282.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_282.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_282.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_282.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_282.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_282.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_282.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_282.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_282.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_282.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_282.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_282.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_282.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_282.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_282 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_282 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_282 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_282 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_282 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_282 .article-links i { font-size: 22px; } #article-list-stacks_in_282 .article-links > div[tag="node"], #article-list-stacks_in_282 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_282 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_282 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_282 .article-description { margin: 0; } #article-list-stacks_in_282 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_282.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_282.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_282 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_282 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_282 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_282 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_282.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_282.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_282.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_282.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_282 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_282 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_282 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_282.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_282 .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_299,#c1ld_stacks_in_299 > svg,.mez p#c1ld_stacks_in_299 + div {}#c1ld_stacks_in_299.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_299.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_299.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_299.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_299.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_299 a {margin-top: 1px;}#c1ld_stacks_in_299.content-1ld-content {margin: 0;} .spacerStack { height: 40.00px; } #spacerStackstacks_in_985 { height: 40.00px; } @media print { #spacerStackstacks_in_985 { display: none !important; } } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_822 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_822 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_822 .stacks_in_822 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_822 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_822 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_822 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_822 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_822 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_822 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_822 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_822 .index-nav > .index-next, #stacks_out_822 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_822 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_822 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_822 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_822 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_822 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_822 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_822 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_822 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_822, #stacks_in_822, .stacks_in_822 > .stacks_out { overflow: visible; } #stacks_out_822 { max-width: 640px; width: 100%; } .stacks_in_822 { margin-top: 8%; } .stacks_in_822 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_822 > .stacks_out, .stacks_in_822 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_822 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_822 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_822 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_822 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_822 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_822 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_822 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_822 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_822 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_822 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_822 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_822 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_822 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_822 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_822 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ @media all and (max-width: 700px) { #stacks_out_822 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_822 .index-nav > .index-next, #stacks_out_822 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_822 .index-nav > .index-bullets { height: 60px; } #stacks_out_822 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ #c1ld_stacks_in_815,#c1ld_stacks_in_815 > svg,.mez p#c1ld_stacks_in_815 + div {text-align: left;}#c1ld_stacks_in_815 {clear: both;}#c1ld_stacks_in_815.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_815[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_383,#c1ld_stacks_in_383 > svg,.mez p#c1ld_stacks_in_383 + div {text-align: left;}#c1ld_stacks_in_383 {clear: both;}#c1ld_stacks_in_383.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_383[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} /* */ #c1ld_stacks_in_830,#c1ld_stacks_in_830 > svg,.mez p#c1ld_stacks_in_830 + div {text-align: left;}#c1ld_stacks_in_830 {clear: both;}#c1ld_stacks_in_830.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_830[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_831,#c1ld_stacks_in_831 > svg,.mez p#c1ld_stacks_in_831 + div {text-align: left;}#c1ld_stacks_in_831 {clear: both;}#c1ld_stacks_in_831.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_831[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} /* */ #c1ld_stacks_in_839,#c1ld_stacks_in_839 > svg,.mez p#c1ld_stacks_in_839 + div {text-align: left;}#c1ld_stacks_in_839 {clear: both;}#c1ld_stacks_in_839.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_839[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_842,#c1ld_stacks_in_842 > svg,.mez p#c1ld_stacks_in_842 + div {text-align: left;}#c1ld_stacks_in_842 {clear: both;}#c1ld_stacks_in_842.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_842[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} /* */ #c1ld_stacks_in_849,#c1ld_stacks_in_849 > svg,.mez p#c1ld_stacks_in_849 + div {text-align: left;}#c1ld_stacks_in_849 {clear: both;}#c1ld_stacks_in_849.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_849[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_852,#c1ld_stacks_in_852 > svg,.mez p#c1ld_stacks_in_852 + div {text-align: left;}#c1ld_stacks_in_852 {clear: both;}#c1ld_stacks_in_852.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_852[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} /* */ #c1ld_stacks_in_886,#c1ld_stacks_in_886 > svg,.mez p#c1ld_stacks_in_886 + div {text-align: left;}#c1ld_stacks_in_886 {clear: both;}#c1ld_stacks_in_886.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_886[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_889,#c1ld_stacks_in_889 > svg,.mez p#c1ld_stacks_in_889 + div {text-align: left;}#c1ld_stacks_in_889 {clear: both;}#c1ld_stacks_in_889.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_889[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} .spacerStack { height: 40.00px; } #spacerStackstacks_in_167 { height: 40.00px; } @media print { #spacerStackstacks_in_167 { display: none !important; } } #stacks_out_442 { width: 31%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_443 { height: 40.00px; } @media print { #spacerStackstacks_in_443 { display: none !important; } } /* */ #article-list-stacks_in_893 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_893 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_893 * { box-sizing: border-box; } #article-list-stacks_in_893 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_893 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_893 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_893 .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_893 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_893 .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_893 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_893.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_893.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_893 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_893 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_893 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_893 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_893 p, #article-list-stacks_in_893 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_893 .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_893 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_893 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_893 .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_893 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_893 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_893 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_893 .article-info span { margin-left: 3px; } #article-list-stacks_in_893 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_893 .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_893 .article-featured-image { display: none; } #article-list-stacks_in_893 .article-image::before, #article-list-stacks_in_893 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_893 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_893 .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_893 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_893 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_893 .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_893 .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_893 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_893 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_893 .article-content, #article-list-stacks_in_893 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_893.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_893 .article h1, #article-list-stacks_in_893 .article h2, #article-list-stacks_in_893 .article h3, #article-list-stacks_in_893 .article h4, #article-list-stacks_in_893 .article h5, #article-list-stacks_in_893 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_893 .article-content p a, #article-list-stacks_in_893 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_893 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_893 .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_893 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_893 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_893 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_893 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_893 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_893 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_893 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_893 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_893 .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_893 .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_893 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_893 .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_893 .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_893 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_893 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_893.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_893.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_893.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_893.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_893 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_893 .article-list-grid-item .article-links, #article-list-stacks_in_893.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_893.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_893.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_893.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_893 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_893 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_893 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_893 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_893.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_893.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_893.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_893.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_893.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_893.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_893.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_893.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_893.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_893.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_893.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_893.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_893.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_893.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_893.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_893.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_893.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_893.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_893.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_893.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_893.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_893.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_893.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_893.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_893.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_893.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_893.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_893.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_893.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_893 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_893 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_893 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_893 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_893 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_893 .article-links i { font-size: 22px; } #article-list-stacks_in_893 .article-links > div[tag="node"], #article-list-stacks_in_893 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_893 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_893 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_893 .article-description { margin: 0; } #article-list-stacks_in_893 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_893.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_893.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_893 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_893 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_893 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_893 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_893.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_893.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_893.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_893.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_893 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_893 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_893 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_893.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_893 .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_927,#c1ld_stacks_in_927 > svg,.mez p#c1ld_stacks_in_927 + div {}#c1ld_stacks_in_927.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_927.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_927.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_927.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_927.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_927 a {margin-top: 1px;}#c1ld_stacks_in_927.content-1ld-content {margin: 0;} #stacks_in_895 { margin: 23px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_986 { height: 40.00px; } @media print { #spacerStackstacks_in_986 { display: none !important; } } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_898 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_898 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_898 .stacks_in_898 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_898 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_898 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_898 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_898 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_898 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_898 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_898 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_898 .index-nav > .index-next, #stacks_out_898 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_898 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_898 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_898 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_898 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_898 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_898 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_898 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_898 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_898, #stacks_in_898, .stacks_in_898 > .stacks_out { overflow: visible; } #stacks_out_898 { max-width: 640px; width: 100%; } .stacks_in_898 { margin-top: 8%; } .stacks_in_898 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_898 > .stacks_out, .stacks_in_898 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_898 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_898 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_898 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_898 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_898 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_898 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_898 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_898 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_898 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_898 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_898 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_898 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_898 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_898 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_898 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_898 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_898 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_898 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_898 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_898 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_898 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_898 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_898 .index-nav > .index-next, #stacks_out_898 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_898 .index-nav > .index-bullets { height: 60px; } #stacks_out_898 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_929 { height: 40.00px; } @media print { #spacerStackstacks_in_929 { display: none !important; } } #stacks_out_930 { width: 31%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_931 { height: 40.00px; } @media print { #spacerStackstacks_in_931 { display: none !important; } } /* */ #article-list-stacks_in_444 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_444 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_444 * { box-sizing: border-box; } #article-list-stacks_in_444 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_444 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_444 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_444 .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_444 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_444 .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_444 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_444.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_444.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_444 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_444 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_444 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_444 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_444 p, #article-list-stacks_in_444 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_444 .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_444 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_444 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_444 .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_444 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_444 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_444 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_444 .article-info span { margin-left: 3px; } #article-list-stacks_in_444 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_444 .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_444 .article-featured-image { display: none; } #article-list-stacks_in_444 .article-image::before, #article-list-stacks_in_444 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_444 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_444 .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_444 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_444 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_444 .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_444 .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_444 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_444 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_444 .article-content, #article-list-stacks_in_444 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_444.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_444 .article h1, #article-list-stacks_in_444 .article h2, #article-list-stacks_in_444 .article h3, #article-list-stacks_in_444 .article h4, #article-list-stacks_in_444 .article h5, #article-list-stacks_in_444 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_444 .article-content p a, #article-list-stacks_in_444 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_444 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_444 .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_444 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_444 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_444 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_444 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_444 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_444 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_444 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_444 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_444 .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_444 .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_444 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_444 .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_444 .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_444 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_444 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_444.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_444.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_444.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_444.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_444 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_444 .article-list-grid-item .article-links, #article-list-stacks_in_444.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_444.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_444.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_444.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_444 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_444 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_444 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_444 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_444.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_444.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_444.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_444.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_444.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_444.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_444.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_444.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_444.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_444.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_444.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_444.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_444.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_444.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_444.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_444.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_444.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_444.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_444.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_444.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_444.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_444.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_444.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_444.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_444.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_444.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_444.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_444.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_444.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_444 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_444 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_444 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_444 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_444 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_444 .article-links i { font-size: 22px; } #article-list-stacks_in_444 .article-links > div[tag="node"], #article-list-stacks_in_444 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_444 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_444 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_444 .article-description { margin: 0; } #article-list-stacks_in_444 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_444.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_444.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_444 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_444 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_444 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_444 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_444.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_444.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_444.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_444.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_444 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_444 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_444 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_444.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_444 .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_457,#c1ld_stacks_in_457 > svg,.mez p#c1ld_stacks_in_457 + div {}#c1ld_stacks_in_457.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_457.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_457.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_457.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_457.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_457 a {margin-top: 1px;}#c1ld_stacks_in_457.content-1ld-content {margin: 0;} #stacks_in_426 { margin: 23px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_987 { height: 40.00px; } @media print { #spacerStackstacks_in_987 { display: none !important; } } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_459 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_459 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_459 .stacks_in_459 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_459 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_459 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_459 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_459 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_459 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_459 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_459 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_459 .index-nav > .index-next, #stacks_out_459 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_459 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_459 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_459 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_459 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_459 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_459 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_459 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_459 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_459, #stacks_in_459, .stacks_in_459 > .stacks_out { overflow: visible; } #stacks_out_459 { max-width: 640px; width: 100%; } .stacks_in_459 { margin-top: 8%; } .stacks_in_459 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_459 > .stacks_out, .stacks_in_459 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_459 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_459 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_459 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_459 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_459 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_459 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_459 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_459 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_459 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_459 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_459 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_459 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_459 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_459 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_459 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ @media all and (max-width: 700px) { #stacks_out_459 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_459 .index-nav > .index-next, #stacks_out_459 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_459 .index-nav > .index-bullets { height: 60px; } #stacks_out_459 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ /* */ /* */ #c1ld_stacks_in_450,#c1ld_stacks_in_450 > svg,.mez p#c1ld_stacks_in_450 + div {text-align: left;}#c1ld_stacks_in_450 {clear: both;}#c1ld_stacks_in_450.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_450[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} .spacerStack { height: 40.00px; } #spacerStackstacks_in_416 { height: 40.00px; } @media print { #spacerStackstacks_in_416 { display: none !important; } } #stacks_out_486 { width: 31%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_487 { height: 40.00px; } @media print { #spacerStackstacks_in_487 { display: none !important; } } /* */ #article-list-stacks_in_488 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_488 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_488 * { box-sizing: border-box; } #article-list-stacks_in_488 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_488 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_488 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_488 .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_488 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_488 .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_488 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_488.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_488.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_488 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_488 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_488 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_488 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_488 p, #article-list-stacks_in_488 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_488 .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_488 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_488 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_488 .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_488 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_488 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_488 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_488 .article-info span { margin-left: 3px; } #article-list-stacks_in_488 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_488 .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_488 .article-featured-image { display: none; } #article-list-stacks_in_488 .article-image::before, #article-list-stacks_in_488 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_488 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_488 .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_488 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_488 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_488 .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_488 .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_488 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_488 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_488 .article-content, #article-list-stacks_in_488 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_488.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_488 .article h1, #article-list-stacks_in_488 .article h2, #article-list-stacks_in_488 .article h3, #article-list-stacks_in_488 .article h4, #article-list-stacks_in_488 .article h5, #article-list-stacks_in_488 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_488 .article-content p a, #article-list-stacks_in_488 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_488 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_488 .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_488 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_488 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_488 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_488 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_488 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_488 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_488 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_488 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_488 .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_488 .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_488 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_488 .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_488 .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_488 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_488 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_488.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_488.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_488.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_488.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_488 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_488 .article-list-grid-item .article-links, #article-list-stacks_in_488.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_488.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_488.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_488.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_488 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_488 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_488 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_488 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_488.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_488.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_488.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_488.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_488.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_488.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_488.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_488.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_488.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_488.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_488.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_488.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_488.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_488.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_488.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_488.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_488.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_488.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_488.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_488.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_488.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_488.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_488.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_488.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_488.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_488.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_488.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_488.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_488.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_488 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_488 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_488 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_488 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_488 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_488 .article-links i { font-size: 22px; } #article-list-stacks_in_488 .article-links > div[tag="node"], #article-list-stacks_in_488 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_488 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_488 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_488 .article-description { margin: 0; } #article-list-stacks_in_488 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_488.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_488.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_488 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_488 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_488 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_488 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_488.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_488.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_488.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_488.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_488 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_488 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_488 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_488.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_488 .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_523,#c1ld_stacks_in_523 > svg,.mez p#c1ld_stacks_in_523 + div {}#c1ld_stacks_in_523.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_523.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_523.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_523.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_523.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_523 a {margin-top: 1px;}#c1ld_stacks_in_523.content-1ld-content {margin: 0;} #stacks_in_491 { margin: 23px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_988 { height: 40.00px; } @media print { #spacerStackstacks_in_988 { display: none !important; } } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_494 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_494 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_494 .stacks_in_494 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_494 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_494 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_494 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_494 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_494 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_494 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_494 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_494 .index-nav > .index-next, #stacks_out_494 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_494 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_494 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_494 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_494 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_494 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_494 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_494 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_494 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_494, #stacks_in_494, .stacks_in_494 > .stacks_out { overflow: visible; } #stacks_out_494 { max-width: 640px; width: 100%; } .stacks_in_494 { margin-top: 8%; } .stacks_in_494 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_494 > .stacks_out, .stacks_in_494 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_494 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_494 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_494 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_494 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_494 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_494 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_494 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_494 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_494 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_494 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_494 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_494 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_494 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_494 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_494 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ @media all and (max-width: 700px) { #stacks_out_494 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_494 .index-nav > .index-next, #stacks_out_494 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_494 .index-nav > .index-bullets { height: 60px; } #stacks_out_494 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ /* */ #c1ld_stacks_in_515,#c1ld_stacks_in_515 > svg,.mez p#c1ld_stacks_in_515 + div {text-align: left;}#c1ld_stacks_in_515 {clear: both;}#c1ld_stacks_in_515.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_515[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} .spacerStack { height: 40.00px; } #spacerStackstacks_in_939 { height: 40.00px; } @media print { #spacerStackstacks_in_939 { display: none !important; } } #stacks_out_940 { width: 31%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_941 { height: 40.00px; } @media print { #spacerStackstacks_in_941 { display: none !important; } } /* */ #article-list-stacks_in_942 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_942 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_942 * { box-sizing: border-box; } #article-list-stacks_in_942 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_942 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_942 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_942 .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_942 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_942 .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_942 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_942.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_942.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_942 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_942 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_942 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_942 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_942 p, #article-list-stacks_in_942 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_942 .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_942 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_942 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_942 .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_942 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_942 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_942 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_942 .article-info span { margin-left: 3px; } #article-list-stacks_in_942 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_942 .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_942 .article-featured-image { display: none; } #article-list-stacks_in_942 .article-image::before, #article-list-stacks_in_942 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_942 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_942 .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_942 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_942 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_942 .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_942 .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_942 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_942 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_942 .article-content, #article-list-stacks_in_942 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_942.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_942 .article h1, #article-list-stacks_in_942 .article h2, #article-list-stacks_in_942 .article h3, #article-list-stacks_in_942 .article h4, #article-list-stacks_in_942 .article h5, #article-list-stacks_in_942 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_942 .article-content p a, #article-list-stacks_in_942 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_942 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_942 .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_942 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_942 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_942 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_942 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_942 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_942 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_942 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_942 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_942 .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_942 .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_942 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_942 .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_942 .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_942 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_942 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_942.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_942.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_942.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_942.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_942 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_942 .article-list-grid-item .article-links, #article-list-stacks_in_942.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_942.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_942.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_942.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_942 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_942 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_942 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_942 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_942.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_942.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_942.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_942.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_942.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_942.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_942.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_942.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_942.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_942.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_942.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_942.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_942.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_942.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_942.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_942.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_942.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_942.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_942.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_942.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_942.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_942.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_942.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_942.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_942.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_942.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_942.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_942.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_942.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_942 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_942 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_942 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_942 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_942 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_942 .article-links i { font-size: 22px; } #article-list-stacks_in_942 .article-links > div[tag="node"], #article-list-stacks_in_942 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_942 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_942 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_942 .article-description { margin: 0; } #article-list-stacks_in_942 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_942.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_942.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_942 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_942 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_942 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_942 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_942.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_942.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_942.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_942.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_942 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_942 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_942 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_942.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_942 .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_961,#c1ld_stacks_in_961 > svg,.mez p#c1ld_stacks_in_961 + div {}#c1ld_stacks_in_961.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_961.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_961.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_961.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_961.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_961 a {margin-top: 1px;}#c1ld_stacks_in_961.content-1ld-content {margin: 0;} #stacks_in_945 { margin: 23px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_989 { height: 40.00px; } @media print { #spacerStackstacks_in_989 { display: none !important; } } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_948 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_948 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_948 .stacks_in_948 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_948 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_948 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_948 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_948 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_948 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_948 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_948 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_948 .index-nav > .index-next, #stacks_out_948 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_948 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_948 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_948 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_948 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_948 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_948 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_948 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_948 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_948, #stacks_in_948, .stacks_in_948 > .stacks_out { overflow: visible; } #stacks_out_948 { max-width: 640px; width: 100%; } .stacks_in_948 { margin-top: 8%; } .stacks_in_948 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_948 > .stacks_out, .stacks_in_948 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_948 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_948 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_948 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_948 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_948 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_948 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_948 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_948 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_948 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_948 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_948 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_948 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_948 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_948 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_948 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ @media all and (max-width: 700px) { #stacks_out_948 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_948 .index-nav > .index-next, #stacks_out_948 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_948 .index-nav > .index-bullets { height: 60px; } #stacks_out_948 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_418 { height: 40.00px; } @media print { #spacerStackstacks_in_418 { display: none !important; } } #stacks_out_417 { width: 31%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_166 { height: 40.00px; } @media print { #spacerStackstacks_in_166 { display: none !important; } } /* */ #article-list-stacks_in_534 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_534 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_534 * { box-sizing: border-box; } #article-list-stacks_in_534 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_534 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_534 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_534 .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_534 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_534 .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_534 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_534.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_534.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_534 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_534 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_534 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_534 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_534 p, #article-list-stacks_in_534 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_534 .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_534 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_534 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_534 .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_534 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_534 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_534 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_534 .article-info span { margin-left: 3px; } #article-list-stacks_in_534 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_534 .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_534 .article-featured-image { display: none; } #article-list-stacks_in_534 .article-image::before, #article-list-stacks_in_534 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_534 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_534 .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_534 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_534 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_534 .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_534 .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_534 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_534 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_534 .article-content, #article-list-stacks_in_534 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_534.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_534 .article h1, #article-list-stacks_in_534 .article h2, #article-list-stacks_in_534 .article h3, #article-list-stacks_in_534 .article h4, #article-list-stacks_in_534 .article h5, #article-list-stacks_in_534 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_534 .article-content p a, #article-list-stacks_in_534 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_534 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_534 .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_534 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_534 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_534 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_534 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_534 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_534 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_534 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_534 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_534 .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_534 .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_534 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_534 .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_534 .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_534 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_534 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_534.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_534.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_534.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_534.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_534 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_534 .article-list-grid-item .article-links, #article-list-stacks_in_534.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_534.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_534.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_534.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_534 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_534 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_534 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_534 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_534.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_534.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_534.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_534.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_534.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_534.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_534.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_534.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_534.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_534.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_534.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_534.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_534.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_534.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_534.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_534.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_534.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_534.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_534.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_534.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_534.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_534.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_534.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_534.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_534.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_534.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_534.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_534.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_534.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_534 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_534 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_534 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_534 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_534 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_534 .article-links i { font-size: 22px; } #article-list-stacks_in_534 .article-links > div[tag="node"], #article-list-stacks_in_534 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_534 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_534 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_534 .article-description { margin: 0; } #article-list-stacks_in_534 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_534.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_534.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_534 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_534 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_534 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_534 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_534.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_534.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_534.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_534.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_534 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_534 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_534 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_534.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_534 .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_568,#c1ld_stacks_in_568 > svg,.mez p#c1ld_stacks_in_568 + div {}#c1ld_stacks_in_568.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_568.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_568.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_568.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_568.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_568 a {margin-top: 1px;}#c1ld_stacks_in_568.content-1ld-content {margin: 0;} #stacks_in_536 { margin: 23px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_990 { height: 40.00px; } @media print { #spacerStackstacks_in_990 { display: none !important; } } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_539 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_539 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_539 .stacks_in_539 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_539 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_539 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_539 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_539 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_539 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_539 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_539 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_539 .index-nav > .index-next, #stacks_out_539 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_539 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_539 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_539 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_539 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_539 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_539 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_539 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_539 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_539, #stacks_in_539, .stacks_in_539 > .stacks_out { overflow: visible; } #stacks_out_539 { max-width: 640px; width: 100%; } .stacks_in_539 { margin-top: 8%; } .stacks_in_539 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_539 > .stacks_out, .stacks_in_539 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_539 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_539 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_539 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_539 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_539 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_539 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_539 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_539 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_539 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_539 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_539 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_539 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_539 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_539 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_539 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_539 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_539 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_539 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_539 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_539 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_539 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_539 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_539 .index-nav > .index-next, #stacks_out_539 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_539 .index-nav > .index-bullets { height: 60px; } #stacks_out_539 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_170 { height: 40.00px; } @media print { #spacerStackstacks_in_170 { display: none !important; } } #stacks_out_99 { width: 31%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_139 { height: 40.00px; } @media print { #spacerStackstacks_in_139 { display: none !important; } } /* */ #article-list-stacks_in_575 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_575 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_575 * { box-sizing: border-box; } #article-list-stacks_in_575 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_575 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_575 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_575 .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_575 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_575 .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_575 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_575.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_575.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_575 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_575 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_575 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_575 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_575 p, #article-list-stacks_in_575 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_575 .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_575 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_575 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_575 .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_575 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_575 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_575 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_575 .article-info span { margin-left: 3px; } #article-list-stacks_in_575 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_575 .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_575 .article-featured-image { display: none; } #article-list-stacks_in_575 .article-image::before, #article-list-stacks_in_575 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_575 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_575 .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_575 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_575 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_575 .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_575 .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_575 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_575 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_575 .article-content, #article-list-stacks_in_575 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_575.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_575 .article h1, #article-list-stacks_in_575 .article h2, #article-list-stacks_in_575 .article h3, #article-list-stacks_in_575 .article h4, #article-list-stacks_in_575 .article h5, #article-list-stacks_in_575 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_575 .article-content p a, #article-list-stacks_in_575 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_575 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_575 .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_575 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_575 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_575 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_575 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_575 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_575 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_575 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_575 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_575 .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_575 .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_575 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_575 .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_575 .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_575 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_575 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_575.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_575.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_575.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_575.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_575 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_575 .article-list-grid-item .article-links, #article-list-stacks_in_575.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_575.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_575.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_575.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_575 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_575 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_575 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_575 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_575.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_575.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_575.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_575.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_575.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_575.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_575.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_575.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_575.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_575.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_575.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_575.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_575.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_575.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_575.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_575.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_575.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_575.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_575.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_575.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_575.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_575.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_575.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_575.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_575.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_575.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_575.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_575.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_575.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_575 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_575 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_575 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_575 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_575 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_575 .article-links i { font-size: 22px; } #article-list-stacks_in_575 .article-links > div[tag="node"], #article-list-stacks_in_575 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_575 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_575 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_575 .article-description { margin: 0; } #article-list-stacks_in_575 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_575.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_575.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_575 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_575 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_575 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_575 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_575.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_575.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_575.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_575.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_575 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_575 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_575 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_575.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_575 .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_593,#c1ld_stacks_in_593 > svg,.mez p#c1ld_stacks_in_593 + div {}#c1ld_stacks_in_593.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_593.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_593.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_593.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_593.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_593 a {margin-top: 1px;}#c1ld_stacks_in_593.content-1ld-content {margin: 0;} #stacks_in_577 { margin: 23px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_991 { height: 40.00px; } @media print { #spacerStackstacks_in_991 { display: none !important; } } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_580 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_580 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_580 .stacks_in_580 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_580 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_580 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_580 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_580 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_580 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_580 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_580 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_580 .index-nav > .index-next, #stacks_out_580 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_580 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_580 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_580 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_580 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_580 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_580 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_580 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_580 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_580, #stacks_in_580, .stacks_in_580 > .stacks_out { overflow: visible; } #stacks_out_580 { max-width: 640px; width: 100%; } .stacks_in_580 { margin-top: 8%; } .stacks_in_580 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_580 > .stacks_out, .stacks_in_580 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_580 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_580 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_580 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_580 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_580 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_580 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_580 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_580 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_580 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_580 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_580 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_580 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_580 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_580 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_580 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_580 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_580 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_580 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_580 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_580 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_580 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_580 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_580 .index-nav > .index-next, #stacks_out_580 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_580 .index-nav > .index-bullets { height: 60px; } #stacks_out_580 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_623 { height: 40.00px; } @media print { #spacerStackstacks_in_623 { display: none !important; } } #stacks_out_103 { width: 31%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_134 { height: 40.00px; } @media print { #spacerStackstacks_in_134 { display: none !important; } } /* */ #article-list-stacks_in_600 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_600 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_600 * { box-sizing: border-box; } #article-list-stacks_in_600 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_600 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_600 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_600 .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_600 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_600 .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_600 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_600.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_600.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_600 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_600 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_600 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_600 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_600 p, #article-list-stacks_in_600 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_600 .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_600 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_600 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_600 .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_600 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_600 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_600 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_600 .article-info span { margin-left: 3px; } #article-list-stacks_in_600 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_600 .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_600 .article-featured-image { display: none; } #article-list-stacks_in_600 .article-image::before, #article-list-stacks_in_600 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_600 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_600 .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_600 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_600 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_600 .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_600 .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_600 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_600 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_600 .article-content, #article-list-stacks_in_600 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_600.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_600 .article h1, #article-list-stacks_in_600 .article h2, #article-list-stacks_in_600 .article h3, #article-list-stacks_in_600 .article h4, #article-list-stacks_in_600 .article h5, #article-list-stacks_in_600 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_600 .article-content p a, #article-list-stacks_in_600 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_600 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_600 .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_600 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_600 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_600 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_600 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_600 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_600 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_600 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_600 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_600 .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_600 .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_600 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_600 .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_600 .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_600 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_600 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_600.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_600.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_600.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_600.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_600 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_600 .article-list-grid-item .article-links, #article-list-stacks_in_600.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_600.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_600.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_600.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_600 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_600 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_600 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_600 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_600.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_600.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_600.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_600.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_600.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_600.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_600.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_600.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_600.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_600.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_600.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_600.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_600.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_600.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_600.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_600.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_600.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_600.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_600.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_600.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_600.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_600.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_600.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_600.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_600.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_600.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_600.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_600.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_600.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_600 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_600 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_600 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_600 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_600 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_600 .article-links i { font-size: 22px; } #article-list-stacks_in_600 .article-links > div[tag="node"], #article-list-stacks_in_600 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_600 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_600 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_600 .article-description { margin: 0; } #article-list-stacks_in_600 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_600.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_600.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_600 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_600 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_600 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_600 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_600.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_600.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_600.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_600.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_600 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_600 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_600 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_600.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_600 .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_618,#c1ld_stacks_in_618 > svg,.mez p#c1ld_stacks_in_618 + div {}#c1ld_stacks_in_618.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_618.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_618.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_618.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_618.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_618 a {margin-top: 1px;}#c1ld_stacks_in_618.content-1ld-content {margin: 0;} #stacks_in_602 { margin: 23px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_992 { height: 40.00px; } @media print { #spacerStackstacks_in_992 { display: none !important; } } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_605 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_605 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_605 .stacks_in_605 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_605 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_605 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_605 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_605 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_605 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_605 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_605 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_605 .index-nav > .index-next, #stacks_out_605 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_605 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_605 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_605 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_605 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_605 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_605 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_605 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_605 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_605, #stacks_in_605, .stacks_in_605 > .stacks_out { overflow: visible; } #stacks_out_605 { max-width: 640px; width: 100%; } .stacks_in_605 { margin-top: 8%; } .stacks_in_605 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_605 > .stacks_out, .stacks_in_605 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_605 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_605 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_605 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_605 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_605 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_605 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_605 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_605 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_605 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_605 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_605 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_605 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_605 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_605 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_605 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_605 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_605 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_605 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_605 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_605 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_605 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_605 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_605 .index-nav > .index-next, #stacks_out_605 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_605 .index-nav > .index-bullets { height: 60px; } #stacks_out_605 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_140 { height: 40.00px; } @media print { #spacerStackstacks_in_140 { display: none !important; } } #stacks_out_65 { width: 31%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_622 { height: 40.00px; } @media print { #spacerStackstacks_in_622 { display: none !important; } } /* */ #article-list-stacks_in_627 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_627 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_627 * { box-sizing: border-box; } #article-list-stacks_in_627 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_627 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_627 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_627 .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_627 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_627 .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_627 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_627.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_627.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_627 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_627 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_627 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_627 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_627 p, #article-list-stacks_in_627 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_627 .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_627 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_627 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_627 .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_627 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_627 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_627 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_627 .article-info span { margin-left: 3px; } #article-list-stacks_in_627 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_627 .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_627 .article-featured-image { display: none; } #article-list-stacks_in_627 .article-image::before, #article-list-stacks_in_627 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_627 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_627 .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_627 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_627 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_627 .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_627 .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_627 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_627 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_627 .article-content, #article-list-stacks_in_627 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_627.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_627 .article h1, #article-list-stacks_in_627 .article h2, #article-list-stacks_in_627 .article h3, #article-list-stacks_in_627 .article h4, #article-list-stacks_in_627 .article h5, #article-list-stacks_in_627 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_627 .article-content p a, #article-list-stacks_in_627 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_627 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_627 .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_627 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_627 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_627 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_627 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_627 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_627 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_627 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_627 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_627 .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_627 .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_627 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_627 .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_627 .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_627 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_627 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_627.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_627.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_627.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_627.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_627 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_627 .article-list-grid-item .article-links, #article-list-stacks_in_627.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_627.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_627.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_627.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_627 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_627 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_627 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_627 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_627.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_627.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_627.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_627.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_627.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_627.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_627.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_627.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_627.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_627.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_627.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_627.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_627.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_627.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_627.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_627.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_627.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_627.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_627.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_627.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_627.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_627.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_627.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_627.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_627.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_627.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_627.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_627.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_627.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_627 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_627 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_627 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_627 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_627 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_627 .article-links i { font-size: 22px; } #article-list-stacks_in_627 .article-links > div[tag="node"], #article-list-stacks_in_627 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_627 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_627 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_627 .article-description { margin: 0; } #article-list-stacks_in_627 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_627.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_627.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_627 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_627 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_627 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_627 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_627.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_627.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_627.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_627.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_627 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_627 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_627 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_627.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_627 .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_645,#c1ld_stacks_in_645 > svg,.mez p#c1ld_stacks_in_645 + div {}#c1ld_stacks_in_645.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_645.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_645.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_645.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_645.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_645 a {margin-top: 1px;}#c1ld_stacks_in_645.content-1ld-content {margin: 0;} #stacks_in_629 { margin: 23px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_993 { height: 40.00px; } @media print { #spacerStackstacks_in_993 { display: none !important; } } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_632 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_632 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_632 .stacks_in_632 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_632 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_632 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_632 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_632 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_632 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_632 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_632 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_632 .index-nav > .index-next, #stacks_out_632 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_632 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_632 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_632 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_632 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_632 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_632 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_632 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_632 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_632, #stacks_in_632, .stacks_in_632 > .stacks_out { overflow: visible; } #stacks_out_632 { max-width: 640px; width: 100%; } .stacks_in_632 { margin-top: 8%; } .stacks_in_632 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_632 > .stacks_out, .stacks_in_632 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_632 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_632 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_632 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_632 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_632 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_632 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_632 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_632 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_632 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_632 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_632 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_632 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_632 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_632 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_632 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_632 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_632 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_632 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_632 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_632 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_632 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_632 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_632 .index-nav > .index-next, #stacks_out_632 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_632 .index-nav > .index-bullets { height: 60px; } #stacks_out_632 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_145 { height: 40.00px; } @media print { #spacerStackstacks_in_145 { display: none !important; } } #stacks_out_95 { width: 31%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_649 { height: 40.00px; } @media print { #spacerStackstacks_in_649 { display: none !important; } } /* */ #article-list-stacks_in_650 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_650 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_650 * { box-sizing: border-box; } #article-list-stacks_in_650 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_650 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_650 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_650 .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_650 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_650 .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_650 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_650.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_650.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_650 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_650 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_650 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_650 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_650 p, #article-list-stacks_in_650 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_650 .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_650 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_650 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_650 .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_650 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_650 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_650 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_650 .article-info span { margin-left: 3px; } #article-list-stacks_in_650 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_650 .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_650 .article-featured-image { display: none; } #article-list-stacks_in_650 .article-image::before, #article-list-stacks_in_650 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_650 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_650 .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_650 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_650 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_650 .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_650 .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_650 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_650 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_650 .article-content, #article-list-stacks_in_650 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_650.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_650 .article h1, #article-list-stacks_in_650 .article h2, #article-list-stacks_in_650 .article h3, #article-list-stacks_in_650 .article h4, #article-list-stacks_in_650 .article h5, #article-list-stacks_in_650 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_650 .article-content p a, #article-list-stacks_in_650 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_650 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_650 .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_650 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_650 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_650 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_650 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_650 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_650 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_650 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_650 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_650 .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_650 .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_650 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_650 .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_650 .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_650 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_650 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_650.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_650.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_650.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_650.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_650 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_650 .article-list-grid-item .article-links, #article-list-stacks_in_650.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_650.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_650.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_650.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_650 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_650 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_650 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_650 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_650.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_650.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_650.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_650.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_650.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_650.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_650.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_650.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_650.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_650.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_650.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_650.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_650.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_650.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_650.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_650.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_650.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_650.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_650.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_650.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_650.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_650.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_650.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_650.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_650.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_650.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_650.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_650.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_650.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_650 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_650 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_650 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_650 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_650 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_650 .article-links i { font-size: 22px; } #article-list-stacks_in_650 .article-links > div[tag="node"], #article-list-stacks_in_650 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_650 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_650 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_650 .article-description { margin: 0; } #article-list-stacks_in_650 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_650.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_650.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_650 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_650 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_650 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_650 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_650.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_650.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_650.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_650.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_650 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_650 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_650 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_650.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_650 .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_684,#c1ld_stacks_in_684 > svg,.mez p#c1ld_stacks_in_684 + div {}#c1ld_stacks_in_684.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_684.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_684.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_684.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_684.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_684 a {margin-top: 1px;}#c1ld_stacks_in_684.content-1ld-content {margin: 0;} #stacks_in_652 { margin: 23px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_994 { height: 40.00px; } @media print { #spacerStackstacks_in_994 { display: none !important; } } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_655 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_655 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_655 .stacks_in_655 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_655 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_655 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_655 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_655 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_655 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_655 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_655 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_655 .index-nav > .index-next, #stacks_out_655 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_655 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_655 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_655 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_655 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_655 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_655 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_655 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_655 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_655, #stacks_in_655, .stacks_in_655 > .stacks_out { overflow: visible; } #stacks_out_655 { max-width: 640px; width: 100%; } .stacks_in_655 { margin-top: 8%; } .stacks_in_655 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_655 > .stacks_out, .stacks_in_655 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_655 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_655 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_655 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_655 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_655 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_655 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_655 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_655 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_655 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_655 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_655 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_655 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_655 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_655 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_655 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ @media all and (max-width: 700px) { #stacks_out_655 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_655 .index-nav > .index-next, #stacks_out_655 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_655 .index-nav > .index-bullets { height: 60px; } #stacks_out_655 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ /* */ #c1ld_stacks_in_676,#c1ld_stacks_in_676 > svg,.mez p#c1ld_stacks_in_676 + div {text-align: left;}#c1ld_stacks_in_676 {clear: both;}#c1ld_stacks_in_676.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_676[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} .spacerStack { height: 40.00px; } #spacerStackstacks_in_146 { height: 40.00px; } @media print { #spacerStackstacks_in_146 { display: none !important; } } #stacks_out_111 { width: 31%; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_692 { height: 40.00px; } @media print { #spacerStackstacks_in_692 { display: none !important; } } /* */ #article-list-stacks_in_696 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_696 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_696 * { box-sizing: border-box; } #article-list-stacks_in_696 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_696 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_696 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_696 .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_696 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_696 .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_696 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_696.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_696.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_696 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_696 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_696 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_696 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_696 p, #article-list-stacks_in_696 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_696 .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_696 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_696 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_696 .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_696 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_696 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_696 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_696 .article-info span { margin-left: 3px; } #article-list-stacks_in_696 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_696 .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_696 .article-featured-image { display: none; } #article-list-stacks_in_696 .article-image::before, #article-list-stacks_in_696 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_696 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_696 .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_696 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_696 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_696 .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_696 .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_696 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_696 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_696 .article-content, #article-list-stacks_in_696 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_696.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_696 .article h1, #article-list-stacks_in_696 .article h2, #article-list-stacks_in_696 .article h3, #article-list-stacks_in_696 .article h4, #article-list-stacks_in_696 .article h5, #article-list-stacks_in_696 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_696 .article-content p a, #article-list-stacks_in_696 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_696 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_696 .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_696 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_696 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_696 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_696 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_696 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_696 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_696 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_696 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_696 .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_696 .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_696 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_696 .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_696 .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_696 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_696 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_696.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_696.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_696.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_696.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_696 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_696 .article-list-grid-item .article-links, #article-list-stacks_in_696.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_696.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_696.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_696.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_696 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_696 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_696 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_696 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_696.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_696.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_696.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_696.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_696.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_696.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_696.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_696.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_696.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_696.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_696.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_696.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_696.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_696.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_696.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_696.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_696.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_696.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_696.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_696.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_696.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_696.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_696.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_696.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_696.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_696.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_696.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_696.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_696.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_696 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_696 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_696 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_696 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_696 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_696 .article-links i { font-size: 22px; } #article-list-stacks_in_696 .article-links > div[tag="node"], #article-list-stacks_in_696 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_696 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_696 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_696 .article-description { margin: 0; } #article-list-stacks_in_696 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_696.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_696.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_696 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_696 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_696 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_696 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_696.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_696.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_696.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_696.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_696 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_696 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_696 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_696.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_696 .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_714,#c1ld_stacks_in_714 > svg,.mez p#c1ld_stacks_in_714 + div {}#c1ld_stacks_in_714.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_714.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_714.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_714.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_714.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_714 a {margin-top: 1px;}#c1ld_stacks_in_714.content-1ld-content {margin: 0;} #stacks_in_698 { margin: 23px 0px 0px 0px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_995 { height: 40.00px; } @media print { #spacerStackstacks_in_995 { display: none !important; } } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_701 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_701 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.20); padding: 32px 32px; border-radius: 8px; } #stacks_in_701 .stacks_in_701 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_701 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_701 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_701 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_701 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_701 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_701 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_701 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_701 .index-nav > .index-next, #stacks_out_701 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_701 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_701 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_701 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_701 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_701 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_701 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_701 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_701 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_701, #stacks_in_701, .stacks_in_701 > .stacks_out { overflow: visible; } #stacks_out_701 { max-width: 640px; width: 100%; } .stacks_in_701 { margin-top: 8%; } .stacks_in_701 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_701 > .stacks_out, .stacks_in_701 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_701 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_701 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_701 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_701 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_701 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_701 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_701 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_701 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_701 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_701 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_701 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_701 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_701 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_701 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_701 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_701 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_701 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_701 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_701 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_701 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_701 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_701 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_701 .index-nav > .index-next, #stacks_out_701 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_701 .index-nav > .index-bullets { height: 60px; } #stacks_out_701 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_159 { height: 40.00px; } @media print { #spacerStackstacks_in_159 { display: none !important; } } #stacks_in_79_button { display:block; position: relative; text-align: center; } #stacks_in_79 a:link, #stacks_in_79 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_79 a:hover, #stacks_in_79 a:active { color:#FFFFFF; } #stacks_in_79 a:link, #stacks_in_79 a:visited { background-color:#00A0FF; background: -webkit-gradient(linear, left top, left bottom, from(#00A0FF), to(#0060BF)); border:1px solid #0060BF; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_79 a:hover { background-color:#00ACFF; background: -webkit-gradient(linear, left top, left bottom, from(#00ACFF), to(#0053A5)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_79 a:active { background-color:#00A0FF; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_79 { margin: 23px 0px 0px 0px; }