/* * 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)} /* Inter-300 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; src: local('Inter Light'), local('Inter-Light'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-300.woff') format('woff'); /* Modern Browsers */ } /* Inter-regular - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; src: local('Inter Regular'), local('Inter-Regular'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-400.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-400.woff') format('woff'); /* Modern Browsers */ } /* Inter-500 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; src: local('Inter Medium'), local('Inter-Medium'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-500.woff') format('woff'); /* Modern Browsers */ } /* Inter-600 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; src: local('Inter SemiBold'), local('Inter-SemiBold'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-600.woff') format('woff'); /* Modern Browsers */ } /* Inter-700 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; src: local('Inter Bold'), local('Inter-Bold'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-700.woff') format('woff'); /* Modern Browsers */ } /* Inter-800 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 800; src: local('Inter ExtraBold'), local('Inter-ExtraBold'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-800.woff') format('woff'); /* Modern Browsers */ } /* Inter-900 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 900; src: local('Inter Black'), local('Inter-Black'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-900.woff') format('woff'); /* Modern Browsers */ } /* Inter-300 - latin */ @font-face { font-family: 'Inter Light'; font-style: normal; font-weight: 300; src: local('Inter Light'), local('Inter-Light'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-300.woff') format('woff'); /* Modern Browsers */ } /* Inter-500 - latin */ @font-face { font-family: 'Inter Medium'; font-style: normal; font-weight: 500; src: local('Inter Medium'), local('Inter-Medium'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-500.woff') format('woff'); /* Modern Browsers */ } /* Inter-600 - latin */ @font-face { font-family: 'Inter SemiBold'; font-style: normal; font-weight: 600; src: local('Inter SemiBold'), local('Inter-SemiBold'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-600.woff') format('woff'); /* Modern Browsers */ } /* Inter-700 - latin */ @font-face { font-family: 'Inter Bold'; font-style: normal; font-weight: 700; src: local('Inter Bold'), local('Inter-Bold'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-700.woff') format('woff'); /* Modern Browsers */ } /* Inter-800 - latin */ @font-face { font-family: 'Inter ExtraBold'; font-style: normal; font-weight: 800; src: local('Inter ExtraBold'), local('Inter-ExtraBold'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-800.woff') format('woff'); /* Modern Browsers */ } /* Inter-900 - latin */ @font-face { font-family: 'Inter Black'; font-style: normal; font-weight: 900; src: local('Inter Black'), local('Inter-Black'), url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-inter/Inter-900.woff') format('woff'); /* Modern Browsers */ } .webfont-helper-all { font-family: 'Inter', Arial; } #stacks_in_2_10 .webfont-helper-wrap, #stacks_in_2_10 .webfont-helper-wrap > .out { display: none; } /* */ html { background-color: rgba(255, 255, 255, 1.00); color: rgba(0, 0, 0, 0.60); font-size: 16px; line-height: 150%; font-family: "Inter","HelveticaNeue",helvetica;; text-align: left; font-weight: 200; letter-spacing: 0.00px; word-spacing: 0.00px; } p, span { line-height: 150%; } body, body * { box-sizing: border-box; } h1,h2,h3,h4,h5,h6,p, [data-deluxe-link], [data-deluxe-text]:not(span):not(div), input, textarea { margin: 16px 0px; } .g-recaptcha { margin: 12px 0px 16px 0px; } input, textarea, button { font-family: inherit; } ::placeholder { opacity: .6; } a { display: inline-block; text-decoration: none; transition: color 150ms ease, background-color 150ms ease, box-shadow 300ms ease, border 150ms ease; } a:focus, button:focus { outline: none; } a [data-width] > i, a [data-width] > svg, a [data-width] > ion-icon { vertical-align: top; } [data-auto-width="True"] a { white-space: nowrap; } svg, [data-deluxe-link] { color: rgba(0, 0, 0, 0.60); stroke: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } a:not([data-deluxe-link]), h1 a:not([data-deluxe-link]), h2 a:not([data-deluxe-link]), h3 a:not([data-deluxe-link]), h4 a:not([data-deluxe-link]), h5 a:not([data-deluxe-link]), p a:not([data-deluxe-link]), span a:not([data-deluxe-link]), [data-edit-p] a:not([data-deluxe-link]), a:not([data-deluxe-link]) i, a:not([data-deluxe-link]) svg { color: rgba(42, 122, 240, 1.00); fill: rgba(42, 122, 240, 1.00); stroke: rgba(42, 122, 240, 1.00); } a:not([data-deluxe-link]):hover, h1 a:not([data-deluxe-link]):hover, h2 a:not([data-deluxe-link]):hover, h3 a:not([data-deluxe-link]):hover, h4 a:not([data-deluxe-link]):hover, h5 a:not([data-deluxe-link]):hover, p a:not([data-deluxe-link]):hover, span a:not([data-deluxe-link]):hover, a:not([data-deluxe-link]):hover i, a:not([data-deluxe-link]):hover svg { color: rgba(42, 122, 240, 1.00); fill: rgba(42, 122, 240, 1.00); stroke: rgba(42, 122, 240, 1.00); } a:not([data-deluxe-link]):active, h1 a:not([data-deluxe-link]):active, h2 a:not([data-deluxe-link]):active, h3 a:not([data-deluxe-link]):active, h4 a:not([data-deluxe-link]):active, h5 a:not([data-deluxe-link]):active, p a:not([data-deluxe-link]):active, span a:not([data-deluxe-link]):active, .current a:not([data-deluxe-link]), .active a:not([data-deluxe-link]), a:not([data-deluxe-link]):active i, a:not([data-deluxe-link]):active svg { color: rgba(42, 122, 240, 1.00); fill: rgba(42, 122, 240, 1.00); stroke: rgba(42, 122, 240, 1.00); } form { margin-block-end: 0; } hr { border-width: 0 0 0 0; clear: both; height: 0 } h1,h2,h3,h4,h5,h6 { color: rgba(0, 0, 0, 0.90); line-height: 110%; font-weight: 800; letter-spacing: -1.00px; word-spacing: 0.00px; } span[data-deluxe-text="span-True"] { line-height: 100%; display: block; white-space: nowrap; } [data-deluxe-link="2"] { display: block; } [data-deluxe-link="0"], [data-deluxe-link="1"] { display: inline-block; } [data-deluxe-link="1"] { margin: 0; } [data-deluxe-text], input[data-deluxe-el], textarea[data-deluxe-el], button[data-deluxe-el] { margin-bottom: 0px; } [data-deluxe-text]:first-child, input[data-deluxe-el]:first-child, textarea[data-deluxe-el]:first-child, button[data-deluxe-el]:first-child { margin-top: 0px; } [data-deluxe-text]:only-child, input[data-deluxe-el]:only-child, textarea[data-deluxe-el]:only-child, button[data-deluxe-el]:only-child { margin-top: 0px; margin-bottom: 0px; } [data-deluxe-text] span:not([data-deluxe-text]):not([class]) { font: inherit !important; color: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; word-spacing: inherit !important; } sup { font-size: 60%; } input { width: 100%; } h1, h1 p { font-size: 48px; } h2, h2 p { font-size: 36px; } h3, h3 p { font-size: 28px; } h4, h4 p { font-size: 22px; } h5, h5 p { font-size: 20px; } h6, h6 p { font-size: 18px; } h1 p { margin: 0px; } h2 p { margin: 0px; } h3 p { margin: 0px; } h4 p { margin: 0px; } h5 p { margin: 0px; } h6 p { margin: 0px; } .deluxe-link-wrap { display: grid; } .deluxe-navbar { position: relative; } .column-sticky { position: sticky; top:0 } .sticky-container { overflow: scroll; max-height: 100vh; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .sticky-container::-webkit-scrollbar { display: none; } .column-overflow-top, .column-overflow, .column-overflow-bottom { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .column-overflow > * { transform: translateY(-50%); } .column-overflow-top > * { transform: translateY(-100%); } .content-overflow { position: relative; z-index: 99; transform: translateY(50%); } .deluxe-lightbox { cursor: pointer; } .deluxe-lightbox-wrap { position: fixed; z-index: 9999; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.5); display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; justify-items: center; text-align: left; } .deluxe-lightbox-wrap > * { align-self: center; box-shadow: 0px 0px 24px rgba(0,0,0,0.6); max-width: 80vw; } .deluxe-lightbox-wrap > div > div > div.slice.empty { width: 80vw; height: 80vh; } @media all and (min-width: 771px) { .hide-desktop { display: none; } } @media all and (max-width: 770px) and (min-width: 501px) { .hide-tablet { display: none; } } @media all and (max-width: 500px) { .hide-mobile { display: none; } } .stacks_in:not(.site_image_stack):not(.image_stack), .stacks_out, .out { overflow: visible; width: 100%; } /* */ section[data-deluxe-el="1"] { background-color : rgba(255, 255, 255, 1.00); padding: 128px 32px; } section[data-deluxe-el="1"] > div { } /* */ section[data-deluxe-el="2"] { padding: 128px 32px; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); justify-content: center; align-items: flex-start; display: inline-flex; width: 100%; } section[data-deluxe-el="2"] > div { } /* */ @media all and (max-width: 800px) { section[data-deluxe-el="2"] { min-height: 50vh; min-height: calc(var(--vh, 1vh) * 50); justify-content: center; align-items: center; display: inline-flex; width: 100%; } section[data-deluxe-el="2"] > div { } } /* */ div[data-deluxe-el="2"] { display: inline-flex; width: 100%; max-width: 440px; display: block; /* Breaks vertical alignment setting */ margin-left: auto; margin-right: auto; } div[data-deluxe-el="2"] > div { } /* */ aside[data-deluxe-el="2"] { background-color : rgba(242, 242, 242, 1.00); padding: 32px 8px; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); justify-content: center; display: inline-flex; width: 100%; max-height: 100vh; overflow: hidden; } aside[data-deluxe-el="2"] > div { display: grid; align-content: space-between; } /* */ a[data-deluxe-el="1"] { color: rgba(0, 0, 0, 0.60); font-size: 18px; } a[data-deluxe-el="1"] > div { } a[data-deluxe-el="1"] [data-deluxe-link], a[data-deluxe-el="1"] svg { color: rgba(0, 0, 0, 0.60); stroke: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } a[data-deluxe-el="1"] * { color: rgba(0, 0, 0, 0.60); stroke: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } a[data-deluxe-el="1"] h1, a[data-deluxe-el="1"] h2, a[data-deluxe-el="1"] h3, a[data-deluxe-el="1"] h4, a[data-deluxe-el="1"] h5 { color: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="1"] svg { stroke: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } /* */ a[data-deluxe-el="1"]:hover { color: rgba(0, 0, 0, 0.35); } a[data-deluxe-el="1"] > div { } a[data-deluxe-el="1"] [data-deluxe-link], a[data-deluxe-el="1"] svg { color: rgba(0, 0, 0, 0.35); stroke: rgba(0, 0, 0, 0.35); fill: rgba(0, 0, 0, 0.35); } a[data-deluxe-el="1"]:hover * { color: rgba(0, 0, 0, 0.35); stroke: rgba(0, 0, 0, 0.35); fill: rgba(0, 0, 0, 0.35); } a[data-deluxe-el="1"] h1, a[data-deluxe-el="1"] h2, a[data-deluxe-el="1"] h3, a[data-deluxe-el="1"] h4, a[data-deluxe-el="1"] h5 { color: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="1"]:hover svg { stroke: rgba(0, 0, 0, 0.35); fill: rgba(0, 0, 0, 0.35); } /* */ a[data-deluxe-el="2"] { background-color : rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.10); border-width: 1px 1px 1px 1px; border-style: solid; border-radius: 50px 50px 50px 50px; padding: 16px 32px; color: rgba(0, 0, 0, 0.60); font-size: 18px; font-weight: 200; line-height: 100%; letter-spacing: 0.00px; word-spacing: 0.00px; } a[data-deluxe-el="2"] > div { } a[data-deluxe-el="2"] [data-deluxe-link], a[data-deluxe-el="2"] svg { color: rgba(0, 0, 0, 0.60); stroke: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } a[data-deluxe-el="2"] * { color: rgba(0, 0, 0, 0.60); stroke: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } a[data-deluxe-el="2"] h1, a[data-deluxe-el="2"] h2, a[data-deluxe-el="2"] h3, a[data-deluxe-el="2"] h4, a[data-deluxe-el="2"] h5 { color: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="2"] svg { stroke: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } /* */ a[data-deluxe-el="2"]:hover { background-color : rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="2"] > div { } a[data-deluxe-el="2"] [data-deluxe-link], a[data-deluxe-el="2"] svg { color: rgba(0, 0, 0, 0.90); stroke: rgba(0, 0, 0, 0.90); fill: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="2"]:hover * { color: rgba(0, 0, 0, 0.90); stroke: rgba(0, 0, 0, 0.90); fill: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="2"] h1, a[data-deluxe-el="2"] h2, a[data-deluxe-el="2"] h3, a[data-deluxe-el="2"] h4, a[data-deluxe-el="2"] h5 { color: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="2"]:hover svg { stroke: rgba(0, 0, 0, 0.90); fill: rgba(0, 0, 0, 0.90); } /* */ a[data-deluxe-el="3"] { background-color : rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.10); border-width: 0px 0px 0px 0px; border-style: solid; border-radius: 50px 50px 50px 50px; padding: 10px 8px; color: rgba(0, 0, 0, 0.60); font-weight: 200; line-height: 100%; letter-spacing: 0.00px; word-spacing: 0.00px; } a[data-deluxe-el="3"] > div { } a[data-deluxe-el="3"] [data-deluxe-link], a[data-deluxe-el="3"] svg { color: rgba(0, 0, 0, 0.60); stroke: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } a[data-deluxe-el="3"] * { color: rgba(0, 0, 0, 0.60); stroke: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } a[data-deluxe-el="3"] h1, a[data-deluxe-el="3"] h2, a[data-deluxe-el="3"] h3, a[data-deluxe-el="3"] h4, a[data-deluxe-el="3"] h5 { color: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="3"] svg { stroke: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } /* */ a[data-deluxe-el="3"]:hover { color: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="3"] > div { } a[data-deluxe-el="3"] [data-deluxe-link], a[data-deluxe-el="3"] svg { color: rgba(0, 0, 0, 0.90); stroke: rgba(0, 0, 0, 0.90); fill: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="3"]:hover * { color: rgba(0, 0, 0, 0.90); stroke: rgba(0, 0, 0, 0.90); fill: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="3"] h1, a[data-deluxe-el="3"] h2, a[data-deluxe-el="3"] h3, a[data-deluxe-el="3"] h4, a[data-deluxe-el="3"] h5 { color: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="3"]:hover svg { stroke: rgba(0, 0, 0, 0.90); fill: rgba(0, 0, 0, 0.90); } /* */ a[data-deluxe-el="4"] { background-color : rgba(0, 0, 0, 0.90); border-color: rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.10); border-width: 0px 0px 0px 0px; border-style: solid; border-radius: 50px 50px 50px 50px; padding: 16px 32px; color: rgba(255, 255, 255, 1.00); font-size: 18px; font-weight: 200; line-height: 100%; letter-spacing: 0.00px; word-spacing: 0.00px; } a[data-deluxe-el="4"] > div { } a[data-deluxe-el="4"] [data-deluxe-link], a[data-deluxe-el="4"] svg { color: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } a[data-deluxe-el="4"] * { color: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } a[data-deluxe-el="4"] h1, a[data-deluxe-el="4"] h2, a[data-deluxe-el="4"] h3, a[data-deluxe-el="4"] h4, a[data-deluxe-el="4"] h5 { color: rgba(0, 0, 0, 0.90); } a[data-deluxe-el="4"] svg { stroke: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); } /* */ a[data-deluxe-el="4"]:hover { box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.30); } a[data-deluxe-el="4"] > div { } /* */ hr[data-deluxe-el="1"] { border-color: rgba(0, 0, 0, 0.10) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00) rgba(204, 204, 204, 1.00); border-width: 1px 0px 0px 0px; border-style: solid; border-radius: 0px 0px 0px 0px; margin: 64px 0px; display: inline-flex; width: 100%; max-width: 440px; display: block; /* Breaks vertical alignment setting */ margin-left: auto; margin-right: auto; } hr[data-deluxe-el="1"] > div { } /* */ hr[data-deluxe-el="2"] { margin: 16px 0px; } hr[data-deluxe-el="2"] > div { } /* */ span[data-deluxe-el="2"] { margin: 0px 0px; color: rgba(0, 0, 0, 0.35); font-size: 14px; writing-mode: tb-rl; justify-self: center; } span[data-deluxe-el="2"] > div { } span[data-deluxe-el="2"] [data-deluxe-link], span[data-deluxe-el="2"] svg { color: rgba(0, 0, 0, 0.35); stroke: rgba(0, 0, 0, 0.35); fill: rgba(0, 0, 0, 0.35); } span[data-deluxe-el="2"] h1, span[data-deluxe-el="2"] h2, span[data-deluxe-el="2"] h3, span[data-deluxe-el="2"] h4, span[data-deluxe-el="2"] h5 { color: rgba(0, 0, 0, 0.90); } span[data-deluxe-el="2"] svg { stroke: rgba(0, 0, 0, 0.35); fill: rgba(0, 0, 0, 0.35); } /* */ @media all and (max-width: 600px) { h1[data-deluxe-el="1"] { font-size: 34px; } h1[data-deluxe-el="1"] > div { } } /* */ @media all and (max-width: 600px) { h2[data-deluxe-el="1"] { font-size: 30px; } h2[data-deluxe-el="1"] > div { } } /* */ @media all and (max-width: 600px) { h3[data-deluxe-el="1"] { font-size: 26px; } h3[data-deluxe-el="1"] > div { } } :root { --multi_columns_stacks_in_3:minmax(220px,min-content) 1fr minmax(50px,min-content); } #multi_columns_stacks_in_3 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_3); grid-gap: 0px; align-items: flex-start; justify-content: center; } #multi_columns_stacks_in_3 > div { min-width: 0; } #multi_columns_stacks_in_3 + .deluxe-columns { margin-top: 0px; } #multi_columns_stacks_in_3 > div img { max-width: 100%; } #multi_columns_stacks_in_3 > div:not(.nav-column):not(.column-sticky) { position: relative; } .element_stacks_in_128[data-deluxe-el] { background-color : rgba(255, 255, 255, 1.00); padding: 32px 32px; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); justify-content: center; display: inline-flex; width: 100%; } .element_stacks_in_128[data-deluxe-el] > div { display: grid; align-content: space-between; } .element_stacks_in_130_3[data-deluxe-el][data-deluxe-text] { font-size: 46px; } nav#deluxe_nav_stacks_in_131_4, nav#deluxe_nav_stacks_in_131_4 * { box-sizing: border-box; } nav#deluxe_nav_stacks_in_131_4 { font-weight: 200; letter-spacing: 0.00px; line-height: 100%; word-spacing: 0.00px; font-size: 18px; } nav#deluxe_nav_stacks_in_131_4 li.current > a, nav#deluxe_nav_stacks_in_131_4 li.current-parent > a, nav#deluxe_nav_stacks_in_131_4 li.current-ancestor-parent > a { font-weight: 800; } nav#deluxe_nav_stacks_in_131_4 ul { margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: flex-start; } nav#deluxe_nav_stacks_in_131_4 ul ul { margin: 0; padding: 0; display: flex; flex-direction: column; } nav#deluxe_nav_stacks_in_131_4 ul li { display: block; list-style-type: none; } nav#deluxe_nav_stacks_in_131_4 > input, nav#deluxe_nav_stacks_in_131_4 > label { display: none !important; } nav#deluxe_nav_stacks_in_131_4 > ul { display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 0px 24px; } nav#deluxe_nav_stacks_in_131_4 ul > li > a { display: flex; text-decoration: none; padding: 6px 12px; margin: 6px 3px; border-radius: 4px; color: rgba(0, 0, 0, 0.65); background-color: rgba(0, 0, 0, 0.00); margin: 4px 0px; padding: 8px 0px; } nav#deluxe_nav_stacks_in_131_4 ul > li > a:hover { color: rgba(0, 0, 0, 0.35); background-color: rgba(0, 0, 0, 0.00); } nav#deluxe_nav_stacks_in_131_4 ul > li > a:active:not([href="#"]):not([href="#0"]), nav#deluxe_nav_stacks_in_131_4 ul > li.current > a, nav#deluxe_nav_stacks_in_131_4 ul > li.current-parent > a, nav#deluxe_nav_stacks_in_131_4 ul > li.current-ancestor-parent > a { color: rgba(0, 0, 0, 0.90); background-color: rgba(0, 0, 0, 0.00); } nav#deluxe_nav_stacks_in_131_4 ul > li.parent > a:after, nav#deluxe_nav_stacks_in_131_4 ul > li.current-parent > a:after, nav#deluxe_nav_stacks_in_131_4 ul > li.current-ancestor-parent > a:after { content: "\f078"; font-size: 14px; line-height: 14px; font-family: Stacks-FontAwesome,"FontAwesome"; margin-left: 4px; align-self: center; } nav#deluxe_nav_stacks_in_131_4 ul ul > li > a:before { content: "\f0da"; font-size: 14px; line-height: 14px; font-family: Stacks-FontAwesome,"FontAwesome"; margin: 0px 6px; align-self: center; } .column-off-canvas-toggle { cursor: pointer; } nav#deluxe_nav_stacks_in_131_4 ul > ul > li > a { display: flex; width: 100%; } nav#deluxe_nav_stacks_in_131_4 ul ul > li > a:hover { } nav#deluxe_nav_stacks_in_131_4 ul ul > li > a:active:not([href="#"]):not([href="#0"]), nav#deluxe_nav_stacks_in_131_4 ul ul > li.current > a, nav#deluxe_nav_stacks_in_131_4 ul ul > li.current-parent > a, nav#deluxe_nav_stacks_in_131_4 ul ul > li.current-ancestor-parent > a { } nav#deluxe_nav_stacks_in_131_4 > ul ul { display: none; } nav#deluxe_nav_stacks_in_131_4 ul > li.parent > a:after, nav#deluxe_nav_stacks_in_131_4 ul > li.current-parent > a:after, nav#deluxe_nav_stacks_in_131_4 ul > li.current-ancestor-parent > a:after { display: none; } /* 1.0.1 */ .opr-page { transition: height 400ms ease-in, padding 400ms ease-in, width 400ms ease-in, opacity 400ms ease-in, transform 400ms ease-in; } .opr-page.opr-no-animation { transition: none; visibility: hidden; } .opr-next-page, .opr-prev-page { pointer-events: none; } .opr-page { top: 0; } .opr-next-page { z-index: 100; top: 0; opacity: 0; } .opr-prev-page { z-index: 98; top: 0; opacity: 0; } .opr-current { z-index: 99; opacity: 1; } .opr-scroll-next:before, .opr-scroll-prev:before { content: ""; position: absolute; top: -15px; left: -15px; right: -15px; bottom: -15px; } .opr-next, .opr-scroll-next, .opr-scroll-prev { border-color: rgba(255, 255, 255, 1.00); } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_131_11 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_131_11 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_131_11 svg */ #stacks_in_131_11 svg, #stacks_in_131_11 i { color: rgba(0, 0, 0, 0.90); fill: rgba(0, 0, 0, 0.90); stroke: rgba(0, 0, 0, 0.90); } #stacks_in_131_11 i, #stacks_in_131_11 svg { position: relative; font-size: 38px; line-height: 38px; height: 38px; width: 38px; display: block; text-align: center; margin: 0 auto; } #stacks_in_131_11 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_131_11 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_131_11 .material-icons-two-tone { color: rgba(0, 0, 0, 0.90); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(0, 0, 0, 0.90), 0px -.1px 0px rgba(0, 0, 0, 0.90), .1px 0px 0px rgba(0, 0, 0, 0.90), -.1px 0px 0px rgba(0, 0, 0, 0.90); } #stacks_in_131_11 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } #stacks_in_131_11 { background-color: rgba(255, 255, 255, 1.00); -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; padding: 5px 0px 5px 0px; } #stacks_out_131_11 { width: 48px; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_131_12 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_131_12 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_131_12 svg */ #stacks_in_131_12 svg, #stacks_in_131_12 i { color: rgba(0, 0, 0, 0.90); fill: rgba(0, 0, 0, 0.90); stroke: rgba(0, 0, 0, 0.90); } #stacks_in_131_12 i, #stacks_in_131_12 svg { position: relative; font-size: 38px; line-height: 38px; height: 38px; width: 38px; display: block; text-align: center; margin: 0 auto; } #stacks_in_131_12 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_131_12 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_131_12 .material-icons-two-tone { color: rgba(0, 0, 0, 0.90); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(0, 0, 0, 0.90), 0px -.1px 0px rgba(0, 0, 0, 0.90), .1px 0px 0px rgba(0, 0, 0, 0.90), -.1px 0px 0px rgba(0, 0, 0, 0.90); } #stacks_in_131_12 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } #stacks_in_131_12 { background-color: rgba(255, 255, 255, 1.00); -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; padding: 5px 0px 5px 0px; } #stacks_out_131_12 { width: 48px; } .element_stacks_in_132_6[data-deluxe-el] { padding: 12px 28px; } .element_stacks_in_132_6[data-deluxe-el] > div { } :root { --multi_columns_stacks_in_132_4:min-content 1fr; } #multi_columns_stacks_in_132_4 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_132_4); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_132_4 > div { min-width: 0; } #multi_columns_stacks_in_132_4 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_132_4 > div img { max-width: 100%; } #multi_columns_stacks_in_132_4 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_132_2 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_132_2 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_132_2 svg */ #stacks_in_132_2 svg, #stacks_in_132_2 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_132_2 i, #stacks_in_132_2 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; } #stacks_in_132_2 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_132_2 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_132_2 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_132_2 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } :root { --multi_columns_stacks_in_133:1fr 1fr; } #multi_columns_stacks_in_133 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_133); grid-gap: 0px; align-items: flex-start; } #multi_columns_stacks_in_133 > div { min-width: 0; } #multi_columns_stacks_in_133 + .deluxe-columns { margin-top: 0px; } #multi_columns_stacks_in_133 > div img { max-width: 100%; } #multi_columns_stacks_in_133 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 801px) { #multi_columns_stacks_in_133 .hide-mobile { display: inherit; } #multi_columns_stacks_in_133 .hide-tablet { display: inherit; } #multi_columns_stacks_in_133 .hide-mobile { display: inherit; } #multi_columns_stacks_in_133 .hide-desktop { display: none; } } @media all and (max-width: 800px) and (min-width: 501px) { #multi_columns_stacks_in_133 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_133 .hide-desktop { display: inherit; } #multi_columns_stacks_in_133 .hide-mobile { display: inherit; } #multi_columns_stacks_in_133 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_133 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_133 .hide-tablet { display: inherit; } #multi_columns_stacks_in_133 .hide-desktop { display: inherit; } #multi_columns_stacks_in_133 .hide-mobile { display: none; } } @media all and (max-width: 800px) { #multi_columns_stacks_in_133 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_133 + .deluxe-columns { } #multi_columns_stacks_in_133 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_133 > div > * {position: relative;} #multi_columns_stacks_in_133 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_133 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_133 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_133 > div > * {position: relative;} #multi_columns_stacks_in_133 > div > * > * {transform: translate(0,0);} } .element_stacks_in_25[data-deluxe-el] { background-color : rgba(255, 255, 255, 0.00); background-image : url(../about_files/backgroundImage-25.jpg); background-repeat: repeat; background-position: top center; background-size: cover; } .element_stacks_in_25[data-deluxe-el] > div { } .element_stacks_in_110[data-deluxe-el][data-deluxe-text] { margin-top: 0px; margin-bottom: 0px; } .element_stacks_in_399[data-deluxe-el][data-deluxe-text] { margin-top: 32px; margin-bottom: 0px; } .element_stacks_in_390[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.35); margin-top: 4px; margin-bottom: 16px; } .element_stacks_in_393[data-deluxe-el][data-deluxe-text] { margin-top: 32px; margin-bottom: 0px; } .element_stacks_in_401[data-deluxe-el][data-deluxe-text] { color: rgba(0, 0, 0, 0.35); margin-top: 4px; margin-bottom: 16px; } .element_stacks_in_120[data-deluxe-el][data-deluxe-text] { margin-top: 0px; margin-bottom: 24px; } :root { --multi_columns_stacks_in_163:min-content 1fr; } #multi_columns_stacks_in_163 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_163); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_163 > div { min-width: 0; } #multi_columns_stacks_in_163 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_163 > div img { max-width: 100%; } #multi_columns_stacks_in_163 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_177 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_177 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_177 svg */ #stacks_in_177 svg, #stacks_in_177 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_177 i, #stacks_in_177 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; } #stacks_in_177 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_177 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_177 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_177 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } /* */ #article-list-stacks_in_418 { background-image: linear-gradient(135deg, rgba(105, 221, 224, 1.00) 0%,rgba(238, 53, 164, 1.00) 100%); } #article-list-stacks_in_418 { padding: 8px 16px; max-width: 560px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_418 * { box-sizing: border-box; } #article-list-stacks_in_418 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_418 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_418 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_418 .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_418 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_418 .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_418 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_418.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_418.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_418 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_418 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_418 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_418 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_418 p, #article-list-stacks_in_418 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_418 .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_418 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_418 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_418 .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_418 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_418 .article-info.info-1::before { content: 'Bei'; display: inline-block; } #article-list-stacks_in_418 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_418 .article-info span { margin-left: 3px; } #article-list-stacks_in_418 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_418 .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_418 .article-featured-image { display: none; } #article-list-stacks_in_418 .article-image::before, #article-list-stacks_in_418 .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_418 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_418 .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_418 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_418 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_418 .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_418 .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_418 .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_418 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_418 .article-content, #article-list-stacks_in_418 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_418.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_418 .article h1, #article-list-stacks_in_418 .article h2, #article-list-stacks_in_418 .article h3, #article-list-stacks_in_418 .article h4, #article-list-stacks_in_418 .article h5, #article-list-stacks_in_418 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_418 .article-content p a, #article-list-stacks_in_418 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_418 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_418 .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_418 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_418 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_418 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_418 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_418 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_418 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_418 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_418 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_418 .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_418 .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_418 .article-list-grid-item.active .article-outer::before { background-image: linear-gradient(135deg, rgba(105, 221, 224, 1.00) 0%,rgba(238, 53, 164, 1.00) 100%); } #article-list-stacks_in_418 .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_418 .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_418 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_418 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_418.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_418.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_418.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_418.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_418 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_418 .article-list-grid-item .article-links, #article-list-stacks_in_418.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_418.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_418.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_418.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_418 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_418 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_418 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_418 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_418.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_418.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_418.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_418.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_418.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_418.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_418.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_418.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_418.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_418.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_418.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_418.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_418.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_418.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_418.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_418.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_418.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_418.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_418.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_418.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_418.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_418.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_418.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_418.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_418.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_418.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_418.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_418.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_418.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_418 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_418 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_418 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_418 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_418 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_418 .article-links i { font-size: 22px; } #article-list-stacks_in_418 .article-links > div[tag="node"], #article-list-stacks_in_418 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_418 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_418 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_418 .article-description { margin: 0; } #article-list-stacks_in_418 .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_418.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_418.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_418 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_418 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_418 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_418 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_418.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_418.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_418.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_418.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_418 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_418 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_418 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_418.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_418 .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_428,#c1ld_stacks_in_428 > svg,.mez p#c1ld_stacks_in_428 + div {}#c1ld_stacks_in_428.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_428.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_428.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_428.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_428.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_428 a {margin-top: 1px;}#c1ld_stacks_in_428.content-1ld-content {margin: 0;} #c1ld_stacks_in_420,#c1ld_stacks_in_420 > svg,.mez p#c1ld_stacks_in_420 + div {text-align: left;}#c1ld_stacks_in_420 {clear: both;}#c1ld_stacks_in_420.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_420[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;}#slice_mez_420 #c1ld_stacks_in_420+div,#c1ld_stacks_in_420.content-1ld-content,#c1ld_stacks_in_420.content-1ld-content+p[style],h5#c1ld_stacks_in_420.content-1ld-content.content-1ld-heading,i#c1ld_stacks_in_420.content-1ld-content,p#c1ld_stacks_in_420.content-1ld-content.content-1ld-text{color:rgba(255, 255, 255, 1.00);font-size:18px;line-height:1.60}#c1ld_stacks_in_420.content-1ld-content.content-1ld-text>svg{height:18px;width:18px;fill:rgba(255, 255, 255, 1.00);stroke:rgba(255, 255, 255, 1.00)}#c1ld_stacks_in_420.content-1ld-content.content-1ld-button a>i{font-size:%(18 + 4) %px}#c1ld_stacks_in_420.content-1ld-content.content-1ld-button a>svg{height:%(18 + 4) %px;width:%(18 + 4) %px}#slice_mez_420 #c1ld_stacks_in_420+div,#c1ld_stacks_in_420.content-1ld-content,#c1ld_stacks_in_420.content-1ld-content+p[style]{letter-spacing:0.00em;word-spacing:0.00em;-webkit-text-decoration:none;text-decoration:none;font-weight:400} :root { --multi_columns_stacks_in_311:min-content 1fr; } #multi_columns_stacks_in_311 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_311); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_311 > div { min-width: 0; } #multi_columns_stacks_in_311 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_311 > div img { max-width: 100%; } #multi_columns_stacks_in_311 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_313 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_313 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_313 svg */ #stacks_in_313 svg, #stacks_in_313 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_313 i, #stacks_in_313 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; } #stacks_in_313 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_313 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_313 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_313 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } :root { --multi_columns_stacks_in_231:min-content 1fr; } #multi_columns_stacks_in_231 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_231); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_231 > div { min-width: 0; } #multi_columns_stacks_in_231 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_231 > div img { max-width: 100%; } #multi_columns_stacks_in_231 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_233 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_233 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_233 svg */ #stacks_in_233 svg, #stacks_in_233 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_233 i, #stacks_in_233 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; } #stacks_in_233 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_233 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_233 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_233 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } :root { --multi_columns_stacks_in_317:min-content 1fr; } #multi_columns_stacks_in_317 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_317); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_317 > div { min-width: 0; } #multi_columns_stacks_in_317 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_317 > div img { max-width: 100%; } #multi_columns_stacks_in_317 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_319 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_319 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_319 svg */ #stacks_in_319 svg, #stacks_in_319 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_319 i, #stacks_in_319 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; } #stacks_in_319 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_319 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_319 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_319 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } :root { --multi_columns_stacks_in_277:min-content 1fr; } #multi_columns_stacks_in_277 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_277); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_277 > div { min-width: 0; } #multi_columns_stacks_in_277 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_277 > div img { max-width: 100%; } #multi_columns_stacks_in_277 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_279 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_279 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_279 svg */ #stacks_in_279 svg, #stacks_in_279 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_279 i, #stacks_in_279 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; } #stacks_in_279 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_279 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_279 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_279 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } :root { --multi_columns_stacks_in_294:min-content 1fr; } #multi_columns_stacks_in_294 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_294); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_294 > div { min-width: 0; } #multi_columns_stacks_in_294 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_294 > div img { max-width: 100%; } #multi_columns_stacks_in_294 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_296 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_296 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_296 svg */ #stacks_in_296 svg, #stacks_in_296 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_296 i, #stacks_in_296 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; } #stacks_in_296 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_296 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_296 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_296 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } :root { --multi_columns_stacks_in_214:min-content 1fr; } #multi_columns_stacks_in_214 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_214); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_214 > div { min-width: 0; } #multi_columns_stacks_in_214 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_214 > div img { max-width: 100%; } #multi_columns_stacks_in_214 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_216 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_216 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_216 svg */ #stacks_in_216 svg, #stacks_in_216 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_216 i, #stacks_in_216 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; } #stacks_in_216 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_216 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_216 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_216 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } :root { --multi_columns_stacks_in_271:min-content 1fr; } #multi_columns_stacks_in_271 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_271); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_271 > div { min-width: 0; } #multi_columns_stacks_in_271 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_271 > div img { max-width: 100%; } #multi_columns_stacks_in_271 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_273 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_273 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_273 svg */ #stacks_in_273 svg, #stacks_in_273 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_273 i, #stacks_in_273 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; } #stacks_in_273 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_273 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_273 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_273 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } :root { --multi_columns_stacks_in_254:min-content 1fr; } #multi_columns_stacks_in_254 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_254); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_254 > div { min-width: 0; } #multi_columns_stacks_in_254 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_254 > div img { max-width: 100%; } #multi_columns_stacks_in_254 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_256 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_256 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_256 svg */ #stacks_in_256 svg, #stacks_in_256 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_256 i, #stacks_in_256 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; } #stacks_in_256 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_256 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_256 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_256 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } :root { --multi_columns_stacks_in_237:min-content 1fr; } #multi_columns_stacks_in_237 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_237); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_237 > div { min-width: 0; } #multi_columns_stacks_in_237 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_237 > div img { max-width: 100%; } #multi_columns_stacks_in_237 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_239 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_239 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_239 svg */ #stacks_in_239 svg, #stacks_in_239 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_239 i, #stacks_in_239 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; } #stacks_in_239 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_239 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_239 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_239 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } :root { --multi_columns_stacks_in_197:min-content 1fr; } #multi_columns_stacks_in_197 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_197); grid-gap: 8px; align-items: center; } #multi_columns_stacks_in_197 > div { min-width: 0; } #multi_columns_stacks_in_197 + .deluxe-columns { margin-top: 8px; } #multi_columns_stacks_in_197 > div img { max-width: 100%; } #multi_columns_stacks_in_197 > div:not(.nav-column):not(.column-sticky) { position: relative; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_199 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_199 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_199 svg */ #stacks_in_199 svg, #stacks_in_199 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_199 i, #stacks_in_199 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; } #stacks_in_199 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_199 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_199 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_199 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } .element_stacks_in_382[data-deluxe-el] { display: block; /* Breaks vertical alignment setting */ width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; } .element_stacks_in_382[data-deluxe-el] > div { } .element_stacks_in_386[data-deluxe-el] { display: block; /* Breaks vertical alignment setting */ width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; } .element_stacks_in_386[data-deluxe-el] > div { } .element_stacks_in_385[data-deluxe-el] { display: block; /* Breaks vertical alignment setting */ width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; } .element_stacks_in_385[data-deluxe-el] > div { } .element_stacks_in_384[data-deluxe-el] { display: block; /* Breaks vertical alignment setting */ width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; } .element_stacks_in_384[data-deluxe-el] > div { } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_405_2 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_405_2 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_405_2 svg */ #stacks_in_405_2 svg, #stacks_in_405_2 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_405_2 i, #stacks_in_405_2 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; margin: 0 auto; } #stacks_in_405_2 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_405_2 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_405_2 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_405_2 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_405_9 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_405_9 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_405_9 svg */ #stacks_in_405_9 svg, #stacks_in_405_9 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_405_9 i, #stacks_in_405_9 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; margin: 0 auto; } #stacks_in_405_9 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_405_9 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_405_9 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_405_9 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_405_12 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_405_12 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_405_12 svg */ #stacks_in_405_12 svg, #stacks_in_405_12 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_405_12 i, #stacks_in_405_12 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; margin: 0 auto; } #stacks_in_405_12 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_405_12 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_405_12 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_405_12 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_405_15 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_405_15 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_405_15 svg */ #stacks_in_405_15 svg, #stacks_in_405_15 i { color: rgba(85, 85, 85, 1.00); fill: rgba(85, 85, 85, 1.00); stroke: rgba(85, 85, 85, 1.00); } #stacks_in_405_15 i, #stacks_in_405_15 svg { position: relative; font-size: 26px; line-height: 26px; height: 26px; width: 26px; display: block; text-align: center; margin: 0 auto; } #stacks_in_405_15 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_405_15 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_405_15 .material-icons-two-tone { color: rgba(85, 85, 85, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(85, 85, 85, 1.00), 0px -.1px 0px rgba(85, 85, 85, 1.00), .1px 0px 0px rgba(85, 85, 85, 1.00), -.1px 0px 0px rgba(85, 85, 85, 1.00); } #stacks_in_405_15 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; }