/* * 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)} /* -- EACH CSS Template -- */ /* Hype elements with CUSTOM CSS */ #stacks_in_63 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } /* buttons states toolbar */ #stacks_in_63 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* LINK AREA over the titles */ #stacks_in_63 .wrapper_link { display: none !important; position: absolute; padding: 0; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_63 .back_wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 0; %%[[if edit]]%% display:none; %%[[endif]]%% } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_63 .back_wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_63 .back_wrapper_8573 { } } #stacks_in_63 .wrapper_8573 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 35vh; min-height: 200px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_63 .wrapper_8573 { } } @media (max-width: 600px) { #stacks_in_63 .wrapper_8573 { } } /* Hype internal elements - rotation */ #stacks_in_63 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; -moz-transform: rotate( 0deg ) !important; } /* --------------- */ #stacks_in_63 .wrapper_working_area { background: url(../files/edit_mode_titles_guide_border.gif) center center no-repeat !important; max-width: 1300px; height: 35vh; background-size: contain !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; opacity: 0.65; display: none !important; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; margin-right: auto; margin-left: auto; text-align: center; } /* ---TITLE active only with "STATIC" titles */ .hype-title-static { } .hype-title-scale{ %%[[if !edit]]%% } @keyframes hype-title-scale { 0% {transform: scale(0.8); opacity: 0;} 40% {transform: scale(0.8);} 45% {opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes hype-title-scale { 0% {-webkit-transform: scale(0.8); opacity: 0;} 40% {-webkit-transform: scale(0.8);} 45% {opacity: 0;} 100% {-webkit-transform: scale(1); opacity: 1;} } .hype-title-fade { } @keyframes hype-title-fade { 0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes hype-title-fade { 0% { opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } /* A */ #stacks_in_63 .theme_title { color: #558198 !important; } /* B */ #stacks_in_63 .theme_title_b { color: #84ADC5 !important; } /* Tit A-B styles */ #stacks_in_63 .theme_slogan { color: #33637A !important; font-size: 109px !important; font-family: "ralewaylight", sans-serif !important; font-style: none; text-transform: none; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; -moz-transform: rotate( 0deg ) !important; margin-top: 20px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; } /* TITLE CSS */ #stacks_in_63 .theme_title, #stacks_in_63 .theme_title_b { font-size: 130px !important; font-style: none; text-transform: none;text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: "ralewaylight", sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } /* upg 1.1.3 - 113 */ #stacks_in_63 .theme_title, #stacks_in_63 .theme_title_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_63 .back_wrapper_8573 { /* upg 1.1.4 - 114 */ /* beta */ /* */ } #stacks_in_63 .back_wrapper_8573bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_63 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_63 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_63 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_63 .back_wrapper_8573bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_63 .back_wrapper_8573bg#stacks_in_63 .back_wrapper_8573bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_63 .back_wrapper_8573bg { } } @media (max-width: 600px) { #stacks_in_63 .back_wrapper_8573bg { } } #stacks_in_63 .theme_title, #stacks_in_63 .theme_title_b { text-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) !important; } #stacks_in_63 .theme_title, #stacks_in_63 .theme_title_b { } /* --------------- */ /* @group Built-in Webfonts */ @font-face { font-family: 'cordial_proregregular'; src: url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prosemibold'; src: url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_promedium'; src: url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../files/webfonts/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_prolight'; src: url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_probold'; src: url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_inlineBdrounded'; src: url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cordial_pro_cherryBdrounded'; src: url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* cordial end */ @font-face { font-family: 'rubik_mono_oneregular'; src: url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('../files/webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../files/webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'abelregular'; src: url('../files/webfonts/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanscondensed_light'; src: url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bree_serifregular'; src: url('../files/webfonts/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('../files/webfonts/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'signikaregular'; src: url('../files/webfonts/signika/signika-regular-webfont.woff2') format('woff2'), url('../files/webfonts/signika/signika-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rochesterregular'; src: url('../files/webfonts/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'playfair_display_scregular'; src: url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff2') format('woff2'), url('../files/webfonts/playfairsc/playfairdisplaysc-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaylight'; src: url('../files/webfonts/raleway/raleway-light-webfont.woff2') format('woff2'), url('../files/webfonts/raleway/raleway-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fjalla_oneregular'; src: url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vigaregular'; src: url('../files/webfonts/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ubunturegular'; src: url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'archivo_blackregular'; src: url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_63 .decoration_color_1 { background-color: #AC2609 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_63 .flash-color { background-color: rgba(0, 0, 0, 0.35) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; display: none !important; } /* end style */ /* EDIT mode */ /* -- End EACH CSS Template -- */#stacks_in_63 .scrollButton-hypetitles { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 8%; border-radius: 56px; -webkit-border-radius: 56px; -moz-border-radius: 56px; padding: 0; width: 92px; display: block; -webkit-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;-moz-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.15s; } @keyframes hypetitles-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px); } 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } } @-webkit-keyframes hypetitles-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_63 .scrollButton-hypetitles a { font-size: 50px !important; line-height: 1em; transition: 0.05s linear; -webkit-transition: 0.04s linear; -moz-transition: 0.04s linear; -webkit-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.3s; color: #D5D5D5 !important; } #stacks_in_63 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_63 .scrollButton-hypetitles #stacks_in_63 [class*="fa fa-"] { color: #D5D5D5 !important; } @keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_63 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_63 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_63 .scrollButton-hypetitles [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-hypetitles { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_63 .scrollButton-hypetitles { display: none !important; } #stacks_in_63 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }/* */ #article-list-stacks_in_2 { background-color : rgba(254, 255, 255, 1.00); } #article-list-stacks_in_2 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_2 * { box-sizing: border-box; } #article-list-stacks_in_2 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_2 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_2 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_2 .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_2 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_2 .article .article-top { width: 100%; display: grid; grid-template-columns: 200px 1fr; grid-gap: 16px; align-items: center; justify-items: center; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_2.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_2.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_2 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 200px; } #article-list-stacks_in_2 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_2 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_2 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_2 p, #article-list-stacks_in_2 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_2 .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_2 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_2 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_2 .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_2 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_2 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_2 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_2 .article-info span { margin-left: 3px; } #article-list-stacks_in_2 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_2 .article-image { background: rgba(51, 51, 51, 1.00); width: 200px; height: 200px; 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_2 .article-featured-image { display: none; } #article-list-stacks_in_2 .article-image::before, #article-list-stacks_in_2 .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_2 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_2 .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: 100.000000px; text-align: center; } #article-list-stacks_in_2 .article-image .article-image-icon i { font-size: 100.000000px; line-height: 200px; } #article-list-stacks_in_2 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_2 .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_2 .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_2 .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_2 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_2 .article-content, #article-list-stacks_in_2 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_2.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_2 .article h1, #article-list-stacks_in_2 .article h2, #article-list-stacks_in_2 .article h3, #article-list-stacks_in_2 .article h4, #article-list-stacks_in_2 .article h5, #article-list-stacks_in_2 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_2 .article-content p a, #article-list-stacks_in_2 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_2 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_2 .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_2 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_2 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_2 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_2 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_2 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_2 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_2 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_2 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_2 .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_2 .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_2 .article-list-grid-item.active .article-outer::before { background-color : rgba(254, 255, 255, 1.00); } #article-list-stacks_in_2 .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_2 .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_2 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_2.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_2.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_2.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_2.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_2 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_2 .article-list-grid-item .article-links, #article-list-stacks_in_2.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_2.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_2.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_2.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_2.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_2.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_2.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 40px; } #article-list-stacks_in_2.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_2.float-right .article-list-grid-item.active-expand .article-image { border-radius: 80px; } #article-list-stacks_in_2.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_2.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_2.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_2.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_2.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_2.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_2.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_2.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_2.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_2.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_2.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_2.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 900px) { #article-list-stacks_in_2.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_2.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_2.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_2.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_2.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_2.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_2.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_2.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_2.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_2.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_2.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_2.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_2.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_2 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_2 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_2 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_2 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_2 .article-links i { font-size: 22px; } #article-list-stacks_in_2 .article-links > div[tag="node"], #article-list-stacks_in_2 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_2 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_2 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_2 .article-description { margin: 0; } #article-list-stacks_in_2 .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_2.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_2.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_2 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_2.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_2.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_2.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_2.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_2 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_2 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_2 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_2.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_2 .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_12,#c1ld_stacks_in_12 > svg,.mez p#c1ld_stacks_in_12 + div {}#c1ld_stacks_in_12.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_12.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_12.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_12.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_12.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_12 a {margin-top: 1px;}#c1ld_stacks_in_12.content-1ld-content {margin: 0;} #c1ld_stacks_in_45,#c1ld_stacks_in_45 > svg,.mez p#c1ld_stacks_in_45 + div {text-align: left;}#c1ld_stacks_in_45 {float: left;}.c1-fl + #c1ld_stacks_in_45.c1-fl {margin-left: 8px;}.c1-fr + #c1ld_stacks_in_45.c1-fr {margin-right: 8px;}#c1ld_stacks_in_45.content-1ld-button.content-1ld-content a{border:1px solid ;border-radius:4px;background-color:rgba(49, 125, 191, 1.00);color:rgba(255, 255, 255, 1.00);margin-left:0;margin-right:0;padding:12px 24px;text-decoration:none}#c1ld_stacks_in_45.content-1ld-button.content-1ld-content a:hover{border-color:rgba(0, 0, 0, 0.00);background-color:rgba(243, 243, 243, 1.00);color:rgba(0, 0, 0, 0.75)}#c1ld_stacks_in_45.content-1ld-button.content-1ld-content a>svg{fill:rgba(255, 255, 255, 1.00);stroke:rgba(255, 255, 255, 1.00)}#c1ld_stacks_in_45.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_45 a{margin-top:1px}#c1ld_stacks_in_45.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_45[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_22,#c1ld_stacks_in_22 > svg,.mez p#c1ld_stacks_in_22 + div {}#c1ld_stacks_in_22.content-1ld-button a {grid-gap: 2px;border: 0px solid rgba(0, 0, 0, 0.15);border-radius: 4px;background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.60);margin-left: 0;margin-right: 0;padding: 0px 0px;}#c1ld_stacks_in_22.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_22.content-1ld-button a:hover {border-color: rgba(0, 0, 0, 0.00);background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.75);}#c1ld_stacks_in_22.content-1ld-button.content-1ld-content a > svg {fill: rgba(0, 0, 0, 0.60);stroke: rgba(0, 0, 0, 0.60);}#c1ld_stacks_in_22.content-1ld-button.content-1ld-content a:hover > svg {fill: rgba(0, 0, 0, 0.75);stroke: rgba(0, 0, 0, 0.75);}.mez #c1ld_stacks_in_22 a {margin-top: 1px;}#c1ld_stacks_in_22.content-1ld-content {margin: 0;} #c1ld_stacks_in_51,#c1ld_stacks_in_51 > svg,.mez p#c1ld_stacks_in_51 + div {text-align: left;}#c1ld_stacks_in_51 {float: left;}.c1-fl + #c1ld_stacks_in_51.c1-fl {margin-left: 8px;}.c1-fr + #c1ld_stacks_in_51.c1-fr {margin-right: 8px;}#c1ld_stacks_in_51.content-1ld-button.content-1ld-content a{border:1px solid ;border-radius:4px;background-color:rgba(49, 125, 191, 1.00);color:rgba(255, 255, 255, 1.00);margin-left:0;margin-right:0;padding:12px 24px;text-decoration:none}#c1ld_stacks_in_51.content-1ld-button.content-1ld-content a:hover{border-color:rgba(0, 0, 0, 0.00);background-color:rgba(243, 243, 243, 1.00);color:rgba(0, 0, 0, 0.75)}#c1ld_stacks_in_51.content-1ld-button.content-1ld-content a>svg{fill:rgba(255, 255, 255, 1.00);stroke:rgba(255, 255, 255, 1.00)}#c1ld_stacks_in_51.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_51 a{margin-top:1px}#c1ld_stacks_in_51.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_51[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_32,#c1ld_stacks_in_32 > svg,.mez p#c1ld_stacks_in_32 + div {}#c1ld_stacks_in_32.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_32.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_32.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_32.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_32.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_32 a {margin-top: 1px;}#c1ld_stacks_in_32.content-1ld-content {margin: 0;} #c1ld_stacks_in_25,#c1ld_stacks_in_25 > svg,.mez p#c1ld_stacks_in_25 + div {text-align: left;}#c1ld_stacks_in_25 {float: left;}.c1-fl + #c1ld_stacks_in_25.c1-fl {margin-left: 8px;}.c1-fr + #c1ld_stacks_in_25.c1-fr {margin-right: 8px;}#c1ld_stacks_in_25.content-1ld-button.content-1ld-content a{border:1px solid ;border-radius:4px;background-color:rgba(49, 125, 191, 1.00);color:rgba(255, 255, 255, 1.00);margin-left:0;margin-right:0;padding:12px 24px;text-decoration:none}#c1ld_stacks_in_25.content-1ld-button.content-1ld-content a:hover{border-color:rgba(0, 0, 0, 0.00);background-color:rgba(243, 243, 243, 1.00);color:rgba(0, 0, 0, 0.75)}#c1ld_stacks_in_25.content-1ld-button.content-1ld-content a>svg{fill:rgba(255, 255, 255, 1.00);stroke:rgba(255, 255, 255, 1.00)}#c1ld_stacks_in_25.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_25 a{margin-top:1px}#c1ld_stacks_in_25.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_25[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;}