/* * 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)} .youtube-wrapper{width:100%;padding-top:56.25%;position:relative}.youtube-wrapper > .fluid-width-video-wrapper,.youtube-wrapper > iframe{position:absolute;top:0;left:0;width:100%}.youtube-wrapper > iframe{height:100%} /* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_2891 #myExtraContent6, #ExtraContentPlusstacks_in_2891 #fs { display: none; } #stacks_in_2892 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_2900 #myExtraContent4, #ExtraContentPlusstacks_in_2900 #fs { display: none; } #stacks_in_2901 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 0px 20px 0px 20px; } /* For edit and !edit mode */ .poster-core-missing-warning { display: none !important; } .com_instacks_poster2_main_stack img { max-width: 100%; height: auto; } .poster-list { display: flex; vertical-align: top; flex-flow: row wrap; margin: auto; justify-content: normal; } .poster-list-item { margin-bottom: 20px; } /* No media query since this is the default */ .poster-list-item { width: 100%; } @media(min-width:768px){ .poster-list-item { width: 100%; } } @media(min-width:992px){ .poster-list-item { width: calc(100% / 2 - 20px); } } @media(min-width:1200px){ .poster-list-item { width: calc(100% / 2 - 20px); } } /* No media query since this is the default */ .poster-list-item:first-child { width: 100%; } @media(min-width:768px){ .poster-list-item:first-child { width: 100%; } } @media(min-width:992px){ .poster-list-item:first-child { width: calc(100% - 20px); } } @media(min-width:1200px){ .poster-list-item:first-child { width: calc(100% - 20px); } } @media(min-width:2000px){ .poster-list-item:first-child { display: flex; } .poster-list-item:first-child section { width: 100%; } } /* For edit and !edit mode */ .poster-warning { color: red; text-align: center; font-weight: bold; } .com_instacks_poster2_main_stack .poster-inside-main-warning, .poster-template-area-edit .poster-inside-template-warning, .poster-item-area-edit .poster-inside-item-warning { display: block !important; } .poster-inside-main-warning, .poster-inside-template-warning, .poster-inside-item-warning { display: none; } /* .poster-title a:hover, */ .poster-header-content a, .poster-header-content a:hover { text-decoration: none; color: inherit; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .poster-external-link::after { font-family: 'instacks-fontawesome-solid'; content: "\f08e"; margin-left: 1rem; font-size: smaller; } /* Social */ .poster-social { font-size: 1rem; text-align: right; line-height: 1rem; } .poster-social a { text-decoration: none; margin-right: 0.5rem; } .poster-social a::after { position: static; } .poster-share::after { font-family: 'instacks-fontawesome-solid'; color: #808080; content: "\f1e0"; } .poster-facebook::after { font-family: 'instacks-fontawesome-brands'; color: #01257A; content: "\f39e"; } .poster-twitter::after { font-family: 'instacks-fontawesome-brands'; color: #55ACEE; content: "\f099"; } .poster-pinterest::after { font-family: 'instacks-fontawesome-brands'; color: #BD2026; content: "\f231"; } .poster-linkedin::after { font-family: 'instacks-fontawesome-brands'; color: #2E8CD7; content: "\f0e1"; } .poster-xing { display: none; } .poster-xing::after { font-family: 'instacks-fontawesome-brands'; color: #1A7576; content: "\f168"; } .poster-envelope::after { font-family: 'instacks-fontawesome-solid'; color: #000000; content: "\f0e0"; } .poster-thumbnail { margin-left: auto; margin-right: auto; } .poster-thumbnail-caption { margin-top: 5px; } .poster-navigation { text-align: center; } .poster-navigation { margin-top: 1rem; margin-bottom: 1rem; } .poster-navigation a { text-decoration: none; } .poster-title, .poster-title a { margin: 10px 0px 0px 0px !important; } .poster-list-item { transition: background-color 500ms; padding: 0px 5px 0px 5px !important; } .poster-item { } .poster-list-item:hover { } .poster-body { } #stacks_in_2523 { margin: 20px 0px 0px 0px; } #stacks_in_2788 { padding: 20px 0px 0px 0px; } #stacks_in_2409 { margin: 20px 0px 0px 0px; } #stacks_in_2420 { margin: 20px 0px 0px 0px; } #stacks_in_2434 { margin: 20px 0px 0px 0px; } #stacks_in_2444 { margin: 20px 0px 0px 0px; } #c1ld_stacks_in_2440,#c1ld_stacks_in_2440 > svg,.mez p#c1ld_stacks_in_2440 + div {text-align: left;}#c1ld_stacks_in_2440 {clear: both;}#c1ld_stacks_in_2440.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_2440[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} .youtube-wrapper.stacks_in_2443{padding-top:calc((/)*100%)} #stacks_in_2454 { margin: 20px 0px 0px 0px; } .youtube-wrapper.stacks_in_2450{padding-top:calc((/)*100%)} #c1ld_stacks_in_2452,#c1ld_stacks_in_2452 > svg,.mez p#c1ld_stacks_in_2452 + div {text-align: left;}#c1ld_stacks_in_2452 {clear: both;}#c1ld_stacks_in_2452.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_2452[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #stacks_in_2479 { margin: 20px 0px 0px 0px; } #c1ld_stacks_in_2472,#c1ld_stacks_in_2472 > svg,.mez p#c1ld_stacks_in_2472 + div {text-align: left;}#c1ld_stacks_in_2472 {clear: both;}#c1ld_stacks_in_2472.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_2472[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #stacks_in_2487 { margin: 20px 0px 0px 0px; } .youtube-wrapper.stacks_in_2484{padding-top:calc((/)*100%)} .youtube-wrapper.stacks_in_2485{padding-top:calc((/)*100%)} .youtube-wrapper.stacks_in_2486{padding-top:calc((/)*100%)} #stacks_in_3024 { padding: 20px 0px 0px 0px; } #stacks_in_3055>.s3_row { margin: 0 -10px; } #stacks_in_3055>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_3055>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_3055>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_3055>.s3_row { margin: -10px 0; } #stacks_in_3055>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_3055 { padding: 20px 0px 0px 0px; } #stacks_in_2987 { padding: 20px 0px 0px 0px; } #stacks_in_2969 { padding: 20px 0px 0px 0px; } #stacks_in_2915 { padding: 20px 0px 0px 0px; } #stacks_in_2909 { padding: 10px 0px 0px 0px; } #stacks_in_2911 { padding: 20px 0px 0px 0px; } #stacks_in_2962 { padding: 20px 0px 0px 0px; } #stacks_in_2939 { padding: 20px 0px 0px 0px; } #stacks_in_2942 { padding: 10px 0px 0px 0px; } #stacks_in_2944>.s3_row { margin: 0 -10px; } #stacks_in_2944>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_2944>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_2944>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_2944>.s3_row { margin: -10px 0; } #stacks_in_2944>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_2944 { padding: 10px 0px 0px 0px; } #stacks_in_2951 { padding: 20px 0px 0px 0px; } #stacks_in_2739 { padding: 20px 0px 0px 0px; } #stacks_in_2525 { padding: 0px 0px 5px 0px; } #stacks_in_2528 { padding: 20px 0px 5px 0px; } #stacks_in_2530 { padding: 0px 0px 5px 0px; } #stacks_in_2532 { padding: 20px 0px 5px 0px; } #stacks_in_2534 { padding: 0px 0px 5px 0px; } #stacks_in_2536 { padding: 20px 0px 5px 0px; } #stacks_in_2538 { padding: 0px 0px 5px 0px; } #stacks_in_2540 { padding: 0px 0px 5px 0px; } #stacks_in_2542 { padding: 20px 0px 5px 0px; } #stacks_in_2544 { padding: 0px 0px 5px 0px; } #stacks_in_2546 { padding: 20px 0px 5px 0px; } #stacks_in_2548 { padding: 0px 0px 5px 0px; } #stacks_in_2550>.s3_row { margin: 0 -10px; } #stacks_in_2550>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_2550>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_2550>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_2550>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_2550>.s3_row { margin: -10px 0; } #stacks_in_2550>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_2560 { padding: 0px 0px 5px 0px; } #stacks_in_2383 { padding: 0px 0px 0px 15px; } #stacks_in_2386 { padding: 20px 0px 2px 0px; } #stacks_in_2388 { padding: 0px 0px 0px 15px; } #stacks_in_2390 { padding: 20px 0px 2px 0px; } #stacks_in_2392 { padding: 0px 0px 0px 15px; } #stacks_in_2394 { padding: 20px 0px 2px 0px; } #stacks_in_2396 { padding: 0px 0px 0px 15px; } #stacks_in_2679 { margin: 20px 0px 0px 0px; } #stacks_in_2466 { margin: 20px 0px 0px 0px; } .youtube-wrapper.stacks_in_2464{padding-top:calc((/)*100%)} .youtube-wrapper.stacks_in_2493{padding-top:calc((/)*100%)} #stacks_in_2600 { margin: 20px 0px 0px 0px; } #stacks_in_2601 { margin: 0px 0px 15px 0px; padding: 10px 0px 0px 0px; } #stacks_in_2602 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px 0px 0px 0px; margin: 0px 0px 15px 0px; padding: 10px 0px 0px 0px; } #stacks_in_2603 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px 0px 0px 0px; margin: 0px 0px 15px 0px; padding: 10px 0px 0px 0px; } #stacks_in_2690 { margin: 20px 0px 0px 0px; } #stacks_in_2506 { margin: 20px 0px 0px 0px; } #stacks_in_2504 audio, #stacks_in_2504 video { width: 100%; max-width: 100%; }/* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_2824 #myExtraContent7, #ExtraContentPlusstacks_in_2824 #fs { display: none; } /* */ #article-list-stacks_in_3076 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_3076 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_3076 * { box-sizing: border-box; } #article-list-stacks_in_3076 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_3076 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_3076 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_3076 .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_3076 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_3076 .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_3076 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_3076.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_3076.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_3076 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_3076 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_3076 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_3076 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_3076 p, #article-list-stacks_in_3076 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_3076 .article-title { margin: 0 0 4px 0; color: rgba(253, 128, 8, 1.00); font-size: 18px; line-height: 1.2; } #article-list-stacks_in_3076 .article-custom-head { color: rgba(253, 128, 8, 1.00); } #article-list-stacks_in_3076 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_3076 .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_3076 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_3076 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_3076 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_3076 .article-info span { margin-left: 3px; } #article-list-stacks_in_3076 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_3076 .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_3076 .article-featured-image { display: none; } #article-list-stacks_in_3076 .article-image::before, #article-list-stacks_in_3076 .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_3076 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_3076 .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_3076 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_3076 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_3076 .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_3076 .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_3076 .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_3076 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_3076 .article-content, #article-list-stacks_in_3076 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_3076.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_3076 .article h1, #article-list-stacks_in_3076 .article h2, #article-list-stacks_in_3076 .article h3, #article-list-stacks_in_3076 .article h4, #article-list-stacks_in_3076 .article h5, #article-list-stacks_in_3076 .article h6 { color: rgba(253, 128, 8, 1.00); } #article-list-stacks_in_3076 .article-content p a, #article-list-stacks_in_3076 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_3076 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_3076 .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_3076 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_3076 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_3076 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_3076 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_3076 .article-list-grid-item:not(.active):hover .article-description { text-decoration: none; } #article-list-stacks_in_3076 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_3076 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_3076 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_3076 .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_3076 .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_3076 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_3076 .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_3076 .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_3076 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_3076 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_3076.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_3076.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_3076.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_3076.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_3076 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_3076 .article-list-grid-item .article-links, #article-list-stacks_in_3076.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_3076.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_3076.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_3076.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_3076 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_3076 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_3076 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_3076 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_3076.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_3076.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_3076.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_3076.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_3076.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_3076.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_3076.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_3076.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_3076.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_3076.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_3076.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_3076.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_3076.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_3076.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_3076.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_3076.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_3076.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_3076.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_3076.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_3076.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_3076.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_3076.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_3076.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_3076.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_3076.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_3076.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_3076.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_3076.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_3076.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_3076 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_3076 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_3076 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_3076 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_3076 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_3076 .article-links i { font-size: 22px; } #article-list-stacks_in_3076 .article-links > div[tag="node"], #article-list-stacks_in_3076 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_3076 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_3076 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_3076 .article-description { margin: 0; } #article-list-stacks_in_3076 .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_3076.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_3076.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_3076 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_3076 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_3076 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_3076 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_3076.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_3076.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_3076.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_3076.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_3076 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_3076 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_3076 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_3076.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_3076 .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%); } } /* */ #highLightStackstacks_in_3079 { position: relative; z-index: 0; overflow: hidden; padding: 0; margin: 0; outline: none; border: none; background: transparent; border-radius: 0px; } #highLightStackstacks_in_3079 img { width: 100%; height: auto; position: relative; z-index: 1; } #highLightStackCaptionstacks_in_3079 { color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.80); position: absolute; z-index: 2; left: 0; width: 100%; font-size: 13px; } #highLightStackCaptionstacks_in_3079, #highLightStackCaptionstacks_in_3079 h1, #highLightStackCaptionstacks_in_3079 h2, #highLightStackCaptionstacks_in_3079 h3, #highLightStackCaptionstacks_in_3079 h4, #highLightStackCaptionstacks_in_3079 h5, #highLightStackCaptionstacks_in_3079 h6, #highLightStackCaptionstacks_in_3079 strong, #highLightStackCaptionstacks_in_3079 a, #highLightStackCaptionstacks_in_3079 a:visited, #highLightStackCaptionstacks_in_3079 a:hover, #highLightStackCaptionstacks_in_3079 a:active { font-size: 13px; color: rgba(255, 255, 255, 1.00); line-height: 1.50em; } #highLightCaptionContentstacks_in_3079 { padding: 3.00%; } /* */ /* */ #highLightStackCaptionstacks_in_3079 { bottom: 0; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } /* */ #highLightStackstacks_in_3079 a { position: absolute; width: 100%; height: 100%; z-index: 3; top: 0; left: 0; display: block; border: none; outline: none; background: transparent; } @media screen and (max-width: 480px) { #highLightStackstacks_in_3079 { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #highLightStackCaptionstacks_in_3079 { position: relative; top: auto; bottom: auto; left: auto; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } } /* */ #stacks_in_3084 { padding: 10px 0px 0px 0px; } #c1ld_stacks_in_3147,#c1ld_stacks_in_3147 > svg,.mez p#c1ld_stacks_in_3147 + div {}#c1ld_stacks_in_3147.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_3147.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_3147.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_3147.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_3147.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_3147 a {margin-top: 1px;}#c1ld_stacks_in_3147.content-1ld-content {margin: 0;} #stacks_in_3039 { padding: 50px 0px 0px 0px; } /* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_2925 #myExtraContent8, #ExtraContentPlusstacks_in_2925 #fs { display: none; }