:root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} .hero{background-image:url('../files/bgimage-154.png') ;background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.hero{background-attachment:scroll!important}} #sb_stacks_in_436, #sb_stacks_in_436 * { box-sizing: border-box; } #sb_stacks_in_436 { position: relative; background-color: rgb(127,127,127); } #sb_stacks_in_436 [href="#sb-stacks_in_436-type"] { stroke: #FFFFFF; fill: transparent; } #sb_stacks_in_436 [href="#sb-stacks_in_436-type-b"] { stroke: rgb(127,127,127); fill: transparent; } #sb_stacks_in_436:after { content: ""; pointer-events: none; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 2; background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-436.png); background-repeat: repeat; background-position: top center; background-size: cover; mix-blend-mode: overlay; } #svg_stacks_in_436 { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; pointer-events: none; /* transform: scale(0.25); pointer-events: auto; overflow: visible; background: #222; */ } #svg_stacks_in_436 > g.sb-scaled, #svg_stacks_in_436 > g > g.sb-scaled { transform: scale(2.5); transform-origin: center; } #sb_stacks_in_436 .sb-content-wrap { position: relative; z-index: 3; min-height: 75dvh; display: grid; align-items: center; } #sb_stacks_in_436 .sb-content-wrap > div { padding: calc(75dvh/3) 0; } body{z-index:0}.eclipse-video,.eclipse-video-overlay,.eclipse-video > div{position:fixed;width:100%;height:100%;z-index:-1;top:0;left:0}.eclipse-video > div{position:fixed !important}.eclipse-video-overlay{opacity:0.25}.eclipse-video-overlay.overlay-color{background-color:#000000}.eclipse-video-overlay.overlay-tile{background-image:url();background-repeat:repeat} /* */ #article-list-stacks_in_518 { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ font-family: "Nunito"; /* */ padding: 10px 10px; max-width: 700px; border-radius: 4px; margin: 0 auto; box-sizing: border-box; } #article-list-stacks_in_518 * { box-sizing: border-box; } #article-list-stacks_in_518 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_518 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_518 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_518 .article-outer { padding: 15px 5px; 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_518 .article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s ease; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #article-list-stacks_in_518 .article .article-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #article-list-stacks_in_518 .article-title { /* */ font-family: "Lato"; /* */ color: rgba(0, 0, 0, 1.00); font-weight: bold; font-size: 18px; line-height: 29.124001px; } #article-list-stacks_in_518 .article-description { color: rgba(153, 153, 153, 1.00); /* */ font-family: "Lato"; /* */ font-size: 16px; line-height: 25.888000px; } #article-list-stacks_in_518 .article-info { margin-top: 5px; display: inline-block; color: rgba(153, 153, 153, 1.00); /* */ font-family: "Lato"; /* */ font-size: 13px; line-height: 21.034000px; } #article-list-stacks_in_518 .article-info .info-highlight { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_518 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_518 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_518 .article-info span { margin-left: 3px; } #article-list-stacks_in_518 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 10px; max-width: calc(100% - 80px); } #article-list-stacks_in_518 .article-thumbnail { /* */ background: rgba(52, 52, 52, 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; } #article-list-stacks_in_518 .article-thumbnail::before, #article-list-stacks_in_518 .article-thumbnail::after { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; } #article-list-stacks_in_518 .article-thumbnail::before { z-index: 4; opacity: 0.5; transition: all 0.3s ease; } #article-list-stacks_in_518 .article-thumbnail::after { opacity: 1; color: rgba(255, 255, 255, 0.50); display: -webkit-box; display: -ms-flexbox; display: flex; content: '\f472'; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "Ionicons"; font-size: 40.000000px; } #article-list-stacks_in_518 .article-thumbnail 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_518 .article-content { /* */ font-family: "Nunito"; /* */ font-size: 16px; line-height: 25.888000px; margin-top: 40px; padding: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); color: rgba(153, 153, 153, 1.00); display: none; } #article-list-stacks_in_518 .article-content h1, #article-list-stacks_in_518 .article-content h2, #article-list-stacks_in_518 .article-content h3, #article-list-stacks_in_518 .article-content h4, #article-list-stacks_in_518 .article-content h5, #article-list-stacks_in_518 .article-content h6 { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_518 .article-content a, #article-list-stacks_in_518 .article-content a:visited { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_518 .article-close { color: rgba(254, 100, 178, 1.00); padding-bottom: 20px; width: 100%; display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; 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_518 .article-close i { margin-right: 10px; font-size: 28px; } #article-list-stacks_in_518 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_518 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_518 .article-list-grid-item:not(.active):hover .article-description { /* */ text-decoration: underline; /* */ } #article-list-stacks_in_518 .article-list-grid-item:not(.active):hover .article-thumbnail { overflow: hidden; } #article-list-stacks_in_518 .article-list-grid-item:not(.active):hover .article-thumbnail::before { opacity: 0.5; /* */ background: rgba(52, 52, 52, 1.00); /* */ /* */ } #article-list-stacks_in_518 .article-list-grid-item:not(.active):hover .article-thumbnail::after { opacity: 1; z-index: 4; color: rgba(255, 255, 255, 1.00); content: '\f10b'; } #article-list-stacks_in_518 .article-list-grid-item.active .article-outer::before { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: -1; 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; } #article-list-stacks_in_518 .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_518 .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: 999999; padding: 20px 20px; } #article-list-stacks_in_518 .article-list-grid-item.active-expand .article { z-index: 3; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: 700px; } #article-list-stacks_in_518 .article-list-grid-item.active-expand .article .article-top { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #article-list-stacks_in_518 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_518 .article-list-grid-item.active-expand .article-title { font-size: 20px; line-height: 32.360001px; } #article-list-stacks_in_518 .article-list-grid-item.active-expand .article-description { font-size: 16px; line-height: 25.888000px; overflow: hidden; white-space: normal; text-overflow: clip; } #article-list-stacks_in_518 .article-list-grid-item.active-expand .article-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 20px; max-width: calc(100% - 200px); } #article-list-stacks_in_518 .article-list-grid-item.active-expand .article-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_518 .article-list-grid-item.active-expand .article-thumbnail { width: 200px; height: 200px; border-radius: 100px; } #article-list-stacks_in_518 .article-list-grid-item.active-expand .article-thumbnail img { transition: none; } #article-list-stacks_in_518 .article-list-grid-item.active-expand .article-thumbnail::after { font-size: 100.000000px; } #article-list-stacks_in_518 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_518 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_518.ellipsed .article-description { /* */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /* */ } #article-list-stacks_in_518.info-1-hide .article-info.info-1 { display: none !important; } #article-list-stacks_in_518.info-2-hide .article-info.info-2 { display: none !important; } @media (max-width: 600px) { #article-list-stacks_in_518 .article-list-grid-item.active-expand .article .article-top { -ms-flex-wrap: wrap; flex-wrap: wrap; } #article-list-stacks_in_518 .article-list-grid-item.active-expand .article-thumbnail { width: 100%; margin: 0 auto; max-width: 200px; max-height: 200px; margin-bottom: 20px; } #article-list-stacks_in_518 .article-list-grid-item.active-expand .article-header { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-left: 0; max-width: 100%; } } @-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%); } } @media (max-width: 600px) { /* */ /* */ } /* */ #article-list-stacks_in_495 { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ font-family: "Nunito"; /* */ padding: 10px 10px; max-width: 700px; border-radius: 4px; margin: 0 auto; box-sizing: border-box; } #article-list-stacks_in_495 * { box-sizing: border-box; } #article-list-stacks_in_495 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_495 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_495 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_495 .article-outer { padding: 15px 5px; 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_495 .article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s ease; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #article-list-stacks_in_495 .article .article-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #article-list-stacks_in_495 .article-title { /* */ font-family: "Lato"; /* */ color: rgba(128, 0, 2, 1.00); font-weight: bold; font-size: 18px; line-height: 29.124001px; } #article-list-stacks_in_495 .article-description { color: rgba(153, 153, 153, 1.00); /* */ font-family: "Lato"; /* */ font-size: 16px; line-height: 25.888000px; } #article-list-stacks_in_495 .article-info { margin-top: 5px; display: inline-block; color: rgba(153, 153, 153, 1.00); /* */ font-family: "Lato"; /* */ font-size: 13px; line-height: 21.034000px; } #article-list-stacks_in_495 .article-info .info-highlight { color: rgba(0, 0, 255, 1.00); } #article-list-stacks_in_495 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_495 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_495 .article-info span { margin-left: 3px; } #article-list-stacks_in_495 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 10px; max-width: calc(100% - 50px); } #article-list-stacks_in_495 .article-thumbnail { /* */ background: rgba(0, 0, 0, 1.00); /* */ /* */ width: 50px; height: 50px; border-radius: 0px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; position: relative; } #article-list-stacks_in_495 .article-thumbnail::before, #article-list-stacks_in_495 .article-thumbnail::after { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; } #article-list-stacks_in_495 .article-thumbnail::before { z-index: 4; opacity: 0.5; transition: all 0.3s ease; } #article-list-stacks_in_495 .article-thumbnail::after { opacity: 1; color: rgba(255, 255, 255, 1.00); display: -webkit-box; display: -ms-flexbox; display: flex; content: '\f472'; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "Ionicons"; font-size: 25.000000px; } #article-list-stacks_in_495 .article-thumbnail 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: 0px; } #article-list-stacks_in_495 .article-content { /* */ font-family: "Nunito"; /* */ font-size: 18px; line-height: 29.124001px; margin-top: 40px; padding: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); color: rgba(153, 153, 153, 1.00); display: none; } #article-list-stacks_in_495 .article-content h1, #article-list-stacks_in_495 .article-content h2, #article-list-stacks_in_495 .article-content h3, #article-list-stacks_in_495 .article-content h4, #article-list-stacks_in_495 .article-content h5, #article-list-stacks_in_495 .article-content h6 { color: rgba(251, 2, 128, 1.00); } #article-list-stacks_in_495 .article-content a, #article-list-stacks_in_495 .article-content a:visited { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_495 .article-close { color: rgba(254, 100, 178, 1.00); padding-bottom: 20px; width: 100%; display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; 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_495 .article-close i { margin-right: 10px; font-size: 44px; } #article-list-stacks_in_495 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_495 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_495 .article-list-grid-item:not(.active):hover .article-description { /* */ text-decoration: underline; /* */ } #article-list-stacks_in_495 .article-list-grid-item:not(.active):hover .article-thumbnail { overflow: hidden; } #article-list-stacks_in_495 .article-list-grid-item:not(.active):hover .article-thumbnail::before { opacity: 0.5; /* */ background: rgba(0, 0, 0, 1.00); /* */ /* */ } #article-list-stacks_in_495 .article-list-grid-item:not(.active):hover .article-thumbnail::after { opacity: 1; z-index: 4; color: rgba(255, 255, 255, 1.00); content: '\f10b'; } #article-list-stacks_in_495 .article-list-grid-item.active .article-outer::before { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: -1; 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; } #article-list-stacks_in_495 .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_495 .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: 999999; padding: 20px 20px; } #article-list-stacks_in_495 .article-list-grid-item.active-expand .article { z-index: 3; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: 700px; } #article-list-stacks_in_495 .article-list-grid-item.active-expand .article .article-top { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #article-list-stacks_in_495 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_495 .article-list-grid-item.active-expand .article-title { font-size: 24px; line-height: 38.832001px; } #article-list-stacks_in_495 .article-list-grid-item.active-expand .article-description { font-size: 18px; line-height: 29.124001px; overflow: hidden; white-space: normal; text-overflow: clip; } #article-list-stacks_in_495 .article-list-grid-item.active-expand .article-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 20px; max-width: calc(100% - 100px); } #article-list-stacks_in_495 .article-list-grid-item.active-expand .article-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_495 .article-list-grid-item.active-expand .article-thumbnail { width: 100px; height: 100px; border-radius: 0px; } #article-list-stacks_in_495 .article-list-grid-item.active-expand .article-thumbnail img { transition: none; } #article-list-stacks_in_495 .article-list-grid-item.active-expand .article-thumbnail::after { font-size: 50.000000px; } #article-list-stacks_in_495 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_495 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_495.ellipsed .article-description { /* */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /* */ } #article-list-stacks_in_495.info-1-hide .article-info.info-1 { display: none !important; } #article-list-stacks_in_495.info-2-hide .article-info.info-2 { display: none !important; } @media (max-width: 600px) { #article-list-stacks_in_495 .article-list-grid-item.active-expand .article .article-top { -ms-flex-wrap: wrap; flex-wrap: wrap; } #article-list-stacks_in_495 .article-list-grid-item.active-expand .article-thumbnail { width: 100%; margin: 0 auto; max-width: 100px; max-height: 100px; margin-bottom: 20px; } #article-list-stacks_in_495 .article-list-grid-item.active-expand .article-header { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-left: 0; max-width: 100%; } } @-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%); } } @media (max-width: 600px) { /* */ /* */ } /* */ #article-list-stacks_in_542 { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ font-family: "Nunito"; /* */ padding: 10px 10px; max-width: 700px; border-radius: 4px; margin: 0 auto; box-sizing: border-box; } #article-list-stacks_in_542 * { box-sizing: border-box; } #article-list-stacks_in_542 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_542 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_542 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_542 .article-outer { padding: 15px 5px; 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_542 .article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s ease; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #article-list-stacks_in_542 .article .article-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #article-list-stacks_in_542 .article-title { /* */ font-family: "Lato"; /* */ color: rgba(0, 0, 0, 1.00); font-weight: bold; font-size: 18px; line-height: 29.124001px; } #article-list-stacks_in_542 .article-description { color: rgba(153, 153, 153, 1.00); /* */ font-family: "Lato"; /* */ font-size: 16px; line-height: 25.888000px; } #article-list-stacks_in_542 .article-info { margin-top: 5px; display: inline-block; color: rgba(153, 153, 153, 1.00); /* */ font-family: "Lato"; /* */ font-size: 13px; line-height: 21.034000px; } #article-list-stacks_in_542 .article-info .info-highlight { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_542 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_542 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_542 .article-info span { margin-left: 3px; } #article-list-stacks_in_542 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 10px; max-width: calc(100% - 80px); } #article-list-stacks_in_542 .article-thumbnail { /* */ background: rgba(52, 52, 52, 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; } #article-list-stacks_in_542 .article-thumbnail::before, #article-list-stacks_in_542 .article-thumbnail::after { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; } #article-list-stacks_in_542 .article-thumbnail::before { z-index: 4; opacity: 0.5; transition: all 0.3s ease; } #article-list-stacks_in_542 .article-thumbnail::after { opacity: 1; color: rgba(255, 255, 255, 0.50); display: -webkit-box; display: -ms-flexbox; display: flex; content: '\f472'; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "Ionicons"; font-size: 40.000000px; } #article-list-stacks_in_542 .article-thumbnail 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_542 .article-content { /* */ font-family: "Nunito"; /* */ font-size: 16px; line-height: 25.888000px; margin-top: 40px; padding: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); color: rgba(153, 153, 153, 1.00); display: none; } #article-list-stacks_in_542 .article-content h1, #article-list-stacks_in_542 .article-content h2, #article-list-stacks_in_542 .article-content h3, #article-list-stacks_in_542 .article-content h4, #article-list-stacks_in_542 .article-content h5, #article-list-stacks_in_542 .article-content h6 { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_542 .article-content a, #article-list-stacks_in_542 .article-content a:visited { color: rgba(254, 100, 178, 1.00); } #article-list-stacks_in_542 .article-close { color: rgba(254, 100, 178, 1.00); padding-bottom: 20px; width: 100%; display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; 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_542 .article-close i { margin-right: 10px; font-size: 28px; } #article-list-stacks_in_542 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_542 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_542 .article-list-grid-item:not(.active):hover .article-description { /* */ text-decoration: underline; /* */ } #article-list-stacks_in_542 .article-list-grid-item:not(.active):hover .article-thumbnail { overflow: hidden; } #article-list-stacks_in_542 .article-list-grid-item:not(.active):hover .article-thumbnail::before { opacity: 0.5; /* */ background: rgba(52, 52, 52, 1.00); /* */ /* */ } #article-list-stacks_in_542 .article-list-grid-item:not(.active):hover .article-thumbnail::after { opacity: 1; z-index: 4; color: rgba(255, 255, 255, 1.00); content: '\f10b'; } #article-list-stacks_in_542 .article-list-grid-item.active .article-outer::before { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: -1; 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; } #article-list-stacks_in_542 .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_542 .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: 999999; padding: 20px 20px; } #article-list-stacks_in_542 .article-list-grid-item.active-expand .article { z-index: 3; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: 700px; } #article-list-stacks_in_542 .article-list-grid-item.active-expand .article .article-top { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #article-list-stacks_in_542 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_542 .article-list-grid-item.active-expand .article-title { font-size: 20px; line-height: 32.360001px; } #article-list-stacks_in_542 .article-list-grid-item.active-expand .article-description { font-size: 16px; line-height: 25.888000px; overflow: hidden; white-space: normal; text-overflow: clip; } #article-list-stacks_in_542 .article-list-grid-item.active-expand .article-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 20px; max-width: calc(100% - 200px); } #article-list-stacks_in_542 .article-list-grid-item.active-expand .article-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_542 .article-list-grid-item.active-expand .article-thumbnail { width: 200px; height: 200px; border-radius: 100px; } #article-list-stacks_in_542 .article-list-grid-item.active-expand .article-thumbnail img { transition: none; } #article-list-stacks_in_542 .article-list-grid-item.active-expand .article-thumbnail::after { font-size: 100.000000px; } #article-list-stacks_in_542 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_542 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_542.ellipsed .article-description { /* */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /* */ } #article-list-stacks_in_542.info-1-hide .article-info.info-1 { display: none !important; } #article-list-stacks_in_542.info-2-hide .article-info.info-2 { display: none !important; } @media (max-width: 600px) { #article-list-stacks_in_542 .article-list-grid-item.active-expand .article .article-top { -ms-flex-wrap: wrap; flex-wrap: wrap; } #article-list-stacks_in_542 .article-list-grid-item.active-expand .article-thumbnail { width: 100%; margin: 0 auto; max-width: 200px; max-height: 200px; margin-bottom: 20px; } #article-list-stacks_in_542 .article-list-grid-item.active-expand .article-header { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-left: 0; max-width: 100%; } } @-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%); } } @media (max-width: 600px) { /* */ /* */ } .stacks_in_225 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_229{line-height:0}.stacks_in_229 svg{display:inline-block;max-width:110px;height:auto;}.stacks_in_229.full-width svg{width:100%;height:auto}