.com_joeworkman_stacks_fontawesome_stack .jw-wrapper{margin:0;text-align:left}.com_joeworkman_stacks_fontawesome_stack .jw-wrapper.jw-center{text-align:center}.com_joeworkman_stacks_fontawesome_stack .jw-wrapper.jw-right{text-align:right}.com_joeworkman_stacks_fontawesome_stack i.fa,.com_joeworkman_stacks_fontawesome_stack .fa-stack{-webkit-transition:color 300ms ease 0s;transition:color 300ms ease 0s}.com_joeworkman_stacks_fontawesome_stack i.fa.fa-spin,.com_joeworkman_stacks_fontawesome_stack .fa-stack.fa-spin{padding:0.2em;-webkit-box-sizing:content-box;box-sizing:content-box}.com_joeworkman_stacks_fontawesome_stack i.fa.fa-rotate-45,.com_joeworkman_stacks_fontawesome_stack .fa-stack.fa-rotate-45{padding:0.2em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.com_joeworkman_stacks_fontawesome_stack i.fa.fa-rotate-135,.com_joeworkman_stacks_fontawesome_stack .fa-stack.fa-rotate-135{padding:0.2em;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.com_joeworkman_stacks_fontawesome_stack i.fa.fa-rotate-225,.com_joeworkman_stacks_fontawesome_stack .fa-stack.fa-rotate-225{padding:0.2em;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.com_joeworkman_stacks_fontawesome_stack i.fa.fa-rotate-315,.com_joeworkman_stacks_fontawesome_stack .fa-stack.fa-rotate-315{padding:0.2em;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.com_joeworkman_stacks_fontawesome_stack .fa-stack.fa-border{padding:0}.com_joeworkman_stacks_fontawesome_stack a{text-decoration:none} :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(51, 51, 51, 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(21, 21, 21, 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(25, 25, 25, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(128, 128, 128, 1.00);--link-color-hover:rgba(102, 102, 102, 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(10rem/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(26rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(10rem/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(26rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(10rem/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{} h5,.h5, .myclass{font-size:calc(14rem/16) ;font-weight:300 ;}@media only screen and (min-width:40em) { h5,.h5, .myclass{font-size:calc(14rem/16) }}@media only screen and (min-width:64em) { h5,.h5, .myclass{font-size:calc(14rem/16) }} h4,.h4, .myclass{font-size:calc(20rem/16) ;font-weight:300 ;}@media only screen and (min-width:40em) { h4,.h4, .myclass{font-size:calc(20rem/16) }}@media only screen and (min-width:64em) { h4,.h4, .myclass{font-size:calc(20rem/16) }} .red *{color:rgba(251, 2, 128, 1.00) ;} .white> *{color:rgba(255, 255, 255, 1.00) ;} .Padding20{padding:1.25rem ;} @media only screen and (min-width:40em){.Padding20{padding:1.25rem }}@media only screen and (min-width:64em){.Padding20{padding:1.25rem }} .PaddingTB40{padding-top:2.5rem ;padding-bottom:2.5rem ;} .Banner{background-image:url('../files/bgimage-9-13D.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.Banner{background-attachment:scroll!important}} .Banner-Content{height:50vh ;min-height:none ;max-height:none ;} .Banner-Content{text-shadow:3px 3px 5px rgba(0, 0, 0, 0.60);} .BackgroundGray{background-color:rgba(230, 230, 230, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.BackgroundGray{background-attachment:scroll!important}} .myMenu{background-color:rgba(230, 230, 230, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.myMenu{background-attachment:scroll!important}} .Margin-Medium{margin-top:0.00rem ;margin-right:1.00rem ;margin-bottom:0.00rem ;margin-left:1.00rem ;}@media only screen and (min-width:40em){.Margin-Medium{margin-top:0.00rem ;margin-right:2.00rem ;margin-bottom:0.00rem ;margin-left:2.00rem }}@media only screen and (min-width:64em){.Margin-Medium{margin-top:0.00rem ;margin-right:2.00rem ;margin-bottom:0.00rem ;margin-left:2.00rem }} .BannerHeight{height:33.3333vh ;} .Center{position:fixed ;z-index:1 ;top:unset ;bottom:unset ;left:unset ;right:unset ;transform:translateY(-50%) ;} .BannerMontana{background-image:url('../files/bgimage-26-13D.jpg') ;background-repeat:no-repeat ;background-size: cover ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.BannerMontana{background-attachment:scroll!important}} .BackgroudWhite{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.BackgroudWhite{background-attachment:scroll!important}} .Shadow{text-shadow:3px 3px 5px rgba(0, 0, 0, 0.60);} .BackgroundBlue{background-color:rgba(109, 180, 228, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.BackgroundBlue{background-attachment:scroll!important}} .BackgroundPink{background-color:rgba(241, 185, 242, 0.80) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.BackgroundPink{background-attachment:scroll!important}} .BackgroundRed{background-color:rgba(251, 0, 15, 0.76) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.BackgroundRed{background-attachment:scroll!important}} .BackgroundGreen{background-color:rgba(34, 253, 101, 0.30) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.BackgroundGreen{background-attachment:scroll!important}} .BackgroundPurple{background-color:rgba(163, 156, 204, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.BackgroundPurple{background-attachment:scroll!important}} .BackgroundPad{background-color:rgba(202, 105, 88, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.BackgroundPad{background-attachment:scroll!important}} .BackgroundBlack{background-color:rgba(9, 13, 19, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.BackgroundBlack{background-attachment:scroll!important}} h1,.h1, h4,.h4, .myclass{font-size:calc(20rem/16) ;font-weight:200 ;}@media only screen and (min-width:40em) { h1,.h1, h4,.h4, .myclass{font-size:calc(20rem/16) }}@media only screen and (min-width:64em) { h1,.h1, h4,.h4, .myclass{font-size:calc(20rem/16) }} /* 1.0.2 updated script file to reduce conflicts with stack frameworks added italicize and font decoration options */ #stacks_in_194.masked-text { overflow: hidden; text-align: left; } #stacks_in_194.masked-text > .masked-text-outer { position: relative; display: inline-block; background-color: rgba(0, 0, 0, 0.00); transform: none; } #stacks_in_194.masked-text > .masked-text-outer > .masked-text-inner, #stacks_in_194.masked-text > .masked-text-outer > .masked-image-bg, #stacks_in_194.masked-text > .masked-text-outer > .masked-image-text-bg { background-image: linear-gradient(135deg, rgba(249, 217, 73, 1.00) 0%,rgba(232, 118, 84, 1.00) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; opacity: 1.000000; mix-blend-mode: normal; position: relative; } #stacks_in_194.masked-text > .masked-text-outer > .masked-image-text-bg, #stacks_in_194.masked-text > .masked-text-outer > .masked-image-bg { display: none; } #stacks_in_194.masked-text { margin: 5px 0 13px 0; } #stacks_in_194.masked-text, #stacks_in_194.masked-text span { font-size: 64px; font-weight: 700; line-height: 1.10; } #stacks_in_194.masked-text > .masked-text-outer { } #stacks_in_194.masked-text, #stacks_in_194.masked-text span { font-family: inherit; letter-spacing: 0.00em; word-spacing: 0.00em; -webkit-text-decoration: none; text-decoration: none; } #stacks_in_194.masked-text > .masked-text-outer > .masked-text-inner { filter: drop-shadow(0px 0.020000em 0.040000em rgba(0, 0, 0, 0.30)) grayscale(0) ; } #stacks_in_194.masked-text, #stacks_in_194 > .masked-text { padding: 0.040000em 0; } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_57 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_57 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_57 .stacks_in_57 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_57 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_57 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_57 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_57 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_57 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_57 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_57 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_57 .index-nav > .index-next, #stacks_out_57 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_57 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_57 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_57 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_57 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_57 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_57 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_57 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_57 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_57, #stacks_in_57, .stacks_in_57 > .stacks_out { overflow: visible; } #stacks_out_57 { max-width: 640px; width: 100%; } .stacks_in_57 { margin-top: 8%; } .stacks_in_57 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_57 > .stacks_out, .stacks_in_57 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_57 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_57 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_57 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_57 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_57 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_57 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_57 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_57 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_57 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_57 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_57 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_57 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_57 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_57 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_57 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_57 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_57 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_57 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_57 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_57 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_57 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_57 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_57 .index-nav > .index-next, #stacks_out_57 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_57 .index-nav > .index-bullets { height: 60px; } #stacks_out_57 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ #stacks_in_62 { background-color: rgba(255, 255, 255, 1.00); } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_27 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_27 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_27 .stacks_in_27 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_27 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_27 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_27 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_27 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_27 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_27 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_27 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_27 .index-nav > .index-next, #stacks_out_27 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_27 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_27 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_27 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_27 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_27 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_27 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_27 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_27 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_27, #stacks_in_27, .stacks_in_27 > .stacks_out { overflow: visible; } #stacks_out_27 { max-width: 640px; width: 100%; } .stacks_in_27 { margin-top: 8%; } .stacks_in_27 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_27 > .stacks_out, .stacks_in_27 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_27 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_27 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_27 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_27 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_27 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_27 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_27 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_27 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_27 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_27 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_27 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_27 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_27 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_27 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_27 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_27 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_27 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_27 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_27 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_27 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_27 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_27 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_27 .index-nav > .index-next, #stacks_out_27 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_27 .index-nav > .index-bullets { height: 60px; } #stacks_out_27 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ #stacks_in_41 { background-color: rgba(255, 255, 255, 1.00); } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_31 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_31 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_31 .stacks_in_31 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_31 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_31 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_31 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_31 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_31 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_31 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_31 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_31 .index-nav > .index-next, #stacks_out_31 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_31 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_31 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_31 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_31 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_31 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_31 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_31 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_31 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_31, #stacks_in_31, .stacks_in_31 > .stacks_out { overflow: visible; } #stacks_out_31 { max-width: 640px; width: 100%; } .stacks_in_31 { margin-top: 8%; } .stacks_in_31 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_31 > .stacks_out, .stacks_in_31 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_31 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_31 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_31 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_31 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_31 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_31 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_31 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_31 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_31 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_31 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_31 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_31 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_31 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_31 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_31 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_31 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_31 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_31 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_31 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_31 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_31 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_31 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_31 .index-nav > .index-next, #stacks_out_31 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_31 .index-nav > .index-bullets { height: 60px; } #stacks_out_31 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_35 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_35 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_35 .stacks_in_35 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_35 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_35 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_35 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_35 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_35 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_35 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_35 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_35 .index-nav > .index-next, #stacks_out_35 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_35 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_35 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_35 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_35 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_35 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_35 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_35 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_35 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_35, #stacks_in_35, .stacks_in_35 > .stacks_out { overflow: visible; } #stacks_out_35 { max-width: 640px; width: 100%; } .stacks_in_35 { margin-top: 8%; } .stacks_in_35 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_35 > .stacks_out, .stacks_in_35 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_35 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_35 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_35 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_35 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_35 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_35 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_35 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_35 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_35 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_35 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_35 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_35 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_35 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_35 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_35 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_35 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_35 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_35 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_35 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_35 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_35 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_35 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_35 .index-nav > .index-next, #stacks_out_35 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_35 .index-nav > .index-bullets { height: 60px; } #stacks_out_35 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_82 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_82 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_82 .stacks_in_82 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_82 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_82 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_82 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_82 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_82 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_82 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_82 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_82 .index-nav > .index-next, #stacks_out_82 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_82 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_82 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_82 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_82 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_82 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_82 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_82 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_82 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_82, #stacks_in_82, .stacks_in_82 > .stacks_out { overflow: visible; } #stacks_out_82 { max-width: 640px; width: 100%; } .stacks_in_82 { margin-top: 8%; } .stacks_in_82 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_82 > .stacks_out, .stacks_in_82 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_82 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_82 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_82 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_82 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_82 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_82 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_82 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_82 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_82 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_82 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_82 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_82 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_82 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_82 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_82 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_82 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_82 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_82 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_82 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_82 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_82 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_82 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_82 .index-nav > .index-next, #stacks_out_82 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_82 .index-nav > .index-bullets { height: 60px; } #stacks_out_82 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_95 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_95 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_95 .stacks_in_95 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_95 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_95 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_95 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_95 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_95 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_95 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_95 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_95 .index-nav > .index-next, #stacks_out_95 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_95 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_95 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_95 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_95 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_95 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_95 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_95 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_95 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_95, #stacks_in_95, .stacks_in_95 > .stacks_out { overflow: visible; } #stacks_out_95 { max-width: 640px; width: 100%; } .stacks_in_95 { margin-top: 8%; } .stacks_in_95 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_95 > .stacks_out, .stacks_in_95 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_95 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_95 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_95 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_95 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_95 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_95 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_95 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_95 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_95 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_95 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_95 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_95 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_95 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_95 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_95 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_95 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_95 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_95 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_95 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_95 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_95 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_95 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_95 .index-nav > .index-next, #stacks_out_95 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_95 .index-nav > .index-bullets { height: 60px; } #stacks_out_95 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_108 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_108 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_108 .stacks_in_108 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_108 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_108 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_108 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_108 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_108 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_108 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_108 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_108 .index-nav > .index-next, #stacks_out_108 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_108 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_108 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_108 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_108 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_108 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_108 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_108 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_108 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_108, #stacks_in_108, .stacks_in_108 > .stacks_out { overflow: visible; } #stacks_out_108 { max-width: 640px; width: 100%; } .stacks_in_108 { margin-top: 8%; } .stacks_in_108 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_108 > .stacks_out, .stacks_in_108 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_108 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_108 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_108 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_108 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_108 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_108 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_108 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_108 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_108 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_108 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_108 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_108 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_108 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_108 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_108 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_108 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_108 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_108 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_108 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_108 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_108 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_108 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_108 .index-nav > .index-next, #stacks_out_108 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_108 .index-nav > .index-bullets { height: 60px; } #stacks_out_108 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ #stacks_in_113 { background-color: rgba(255, 255, 255, 1.00); } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_133 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_133 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_133 .stacks_in_133 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_133 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_133 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_133 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_133 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_133 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_133 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_133 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_133 .index-nav > .index-next, #stacks_out_133 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_133 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_133 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_133 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_133 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_133 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_133 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_133 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_133 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_133, #stacks_in_133, .stacks_in_133 > .stacks_out { overflow: visible; } #stacks_out_133 { max-width: 640px; width: 100%; } .stacks_in_133 { margin-top: 8%; } .stacks_in_133 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_133 > .stacks_out, .stacks_in_133 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_133 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_133 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_133 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_133 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_133 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_133 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_133 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_133 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_133 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_133 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_133 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_133 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_133 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_133 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_133 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_133 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_133 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_133 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_133 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_133 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_133 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_133 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_133 .index-nav > .index-next, #stacks_out_133 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_133 .index-nav > .index-bullets { height: 60px; } #stacks_out_133 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ #stacks_in_138 { background-color: rgba(255, 255, 255, 1.00); } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_151 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_151 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_151 .stacks_in_151 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_151 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_151 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_151 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_151 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_151 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_151 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_151 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_151 .index-nav > .index-next, #stacks_out_151 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_151 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_151 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_151 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_151 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_151 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_151 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_151 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_151 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_151, #stacks_in_151, .stacks_in_151 > .stacks_out { overflow: visible; } #stacks_out_151 { max-width: 640px; width: 100%; } .stacks_in_151 { margin-top: 8%; } .stacks_in_151 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_151 > .stacks_out, .stacks_in_151 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_151 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_151 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_151 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_151 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_151 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_151 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_151 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_151 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_151 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_151 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_151 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_151 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_151 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_151 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_151 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_151 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_151 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_151 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_151 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_151 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_151 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_151 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_151 .index-nav > .index-next, #stacks_out_151 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_151 .index-nav > .index-bullets { height: 60px; } #stacks_out_151 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ /* */ #stacks_in_156 { background-color: rgba(255, 255, 255, 1.00); } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_176 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_176 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_176 .stacks_in_176 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_176 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_176 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_176 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_176 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_176 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_176 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_176 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_176 .index-nav > .index-next, #stacks_out_176 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_176 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_176 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_176 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_176 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_176 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_176 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_176 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_176 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_176, #stacks_in_176, .stacks_in_176 > .stacks_out { overflow: visible; } #stacks_out_176 { max-width: 640px; width: 100%; } .stacks_in_176 { margin-top: 8%; } .stacks_in_176 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_176 > .stacks_out, .stacks_in_176 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_176 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_176 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_176 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_176 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_176 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_176 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_176 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_176 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_176 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_176 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_176 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_176 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_176 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_176 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_176 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_176 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_176 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_176 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_176 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_176 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_176 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_176 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_176 .index-nav > .index-next, #stacks_out_176 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_176 .index-nav > .index-bullets { height: 60px; } #stacks_out_176 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ /* */ /* */ #stacks_in_185 { background-color: rgba(255, 255, 255, 1.00); } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_205 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_205 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_205 .stacks_in_205 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_205 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_205 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_205 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_205 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_205 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_205 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_205 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_205 .index-nav > .index-next, #stacks_out_205 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_205 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_205 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_205 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_205 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_205 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_205 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_205 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_205 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_205, #stacks_in_205, .stacks_in_205 > .stacks_out { overflow: visible; } #stacks_out_205 { max-width: 640px; width: 100%; } .stacks_in_205 { margin-top: 8%; } .stacks_in_205 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_205 > .stacks_out, .stacks_in_205 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_205 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_205 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_205 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_205 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_205 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_205 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_205 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_205 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_205 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_205 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_205 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_205 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_205 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_205 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_205 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_205 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_205 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_205 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_205 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_205 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_205 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_205 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_205 .index-nav > .index-next, #stacks_out_205 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_205 .index-nav > .index-bullets { height: 60px; } #stacks_out_205 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ #stacks_in_210 { background-color: rgba(255, 255, 255, 1.00); } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_216 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_216 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_216 .stacks_in_216 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_216 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_216 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_216 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_216 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_216 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_216 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_216 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_216 .index-nav > .index-next, #stacks_out_216 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_216 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_216 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_216 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_216 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_216 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_216 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_216 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_216 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_216, #stacks_in_216, .stacks_in_216 > .stacks_out { overflow: visible; } #stacks_out_216 { max-width: 640px; width: 100%; } .stacks_in_216 { margin-top: 8%; } .stacks_in_216 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_216 > .stacks_out, .stacks_in_216 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_216 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_216 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_216 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_216 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_216 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_216 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_216 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_216 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_216 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_216 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_216 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_216 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_216 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_216 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_216 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_216 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_216 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_216 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_216 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_216 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_216 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_216 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_216 .index-nav > .index-next, #stacks_out_216 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_216 .index-nav > .index-bullets { height: 60px; } #stacks_out_216 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ #stacks_in_221 { background-color: rgba(255, 255, 255, 1.00); } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_229 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_229 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_229 .stacks_in_229 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_229 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_229 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_229 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_229 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_229 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_229 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_229 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_229 .index-nav > .index-next, #stacks_out_229 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_229 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_229 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_229 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_229 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_229 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_229 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_229 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_229 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_229, #stacks_in_229, .stacks_in_229 > .stacks_out { overflow: visible; } #stacks_out_229 { max-width: 640px; width: 100%; } .stacks_in_229 { margin-top: 8%; } .stacks_in_229 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_229 > .stacks_out, .stacks_in_229 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_229 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_229 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_229 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_229 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_229 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_229 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_229 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_229 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_229 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_229 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_229 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_229 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_229 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_229 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_229 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_229 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_229 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_229 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_229 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_229 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_229 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_229 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_229 .index-nav > .index-next, #stacks_out_229 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_229 .index-nav > .index-bullets { height: 60px; } #stacks_out_229 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ #stacks_in_234 { background-color: rgba(255, 255, 255, 1.00); } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_257 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_257 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_257 .stacks_in_257 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_257 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_257 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_257 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_257 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_257 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_257 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_257 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_257 .index-nav > .index-next, #stacks_out_257 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_257 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_257 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_257 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_257 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_257 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_257 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_257 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_257 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_257, #stacks_in_257, .stacks_in_257 > .stacks_out { overflow: visible; } #stacks_out_257 { max-width: 640px; width: 100%; } .stacks_in_257 { margin-top: 8%; } .stacks_in_257 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_257 > .stacks_out, .stacks_in_257 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_257 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_257 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_257 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_257 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_257 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_257 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_257 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_257 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_257 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_257 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_257 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_257 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_257 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_257 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_257 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_257 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_257 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_257 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_257 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_257 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_257 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_257 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_257 .index-nav > .index-next, #stacks_out_257 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_257 .index-nav > .index-bullets { height: 60px; } #stacks_out_257 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ #stacks_in_262 { background-color: rgba(255, 255, 255, 1.00); } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_270 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 0px; } .stacks_in_270 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 0px solid rgba(255, 255, 255, 0.20); padding: 0px 0px; border-radius: 0px; } #stacks_in_270 .stacks_in_270 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_270 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_270 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_270 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_270 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_270 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_270 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_270 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_270 .index-nav > .index-next, #stacks_out_270 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; pointer-events: none; margin: 0; /* */ } #stacks_out_270 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_270 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_270 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_270 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_270 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_270 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ opacity: 0; height: 0px; width: 0px; pointer-events: none; margin: 0; display: block; /* */ } #stacks_out_270 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_270 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_270, #stacks_in_270, .stacks_in_270 > .stacks_out { overflow: visible; } #stacks_out_270 { max-width: 640px; width: 100%; } .stacks_in_270 { margin-top: 8%; } .stacks_in_270 > .stacks_out { max-width: 640px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_270 > .stacks_out, .stacks_in_270 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_270 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_270 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.20); } .stacks_in_270 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_270 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_270 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_270 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_270 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_270 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_270 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_270 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_270 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_270 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_270 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_270 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_270 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_270 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_270 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_270 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_270 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_270 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_270 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_270 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_270 .index-nav > .index-next, #stacks_out_270 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_270 .index-nav > .index-bullets { height: 60px; } #stacks_out_270 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ #stacks_in_275 { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_227_18 .background{}#stacks_in_227_18 .fa-stack,#stacks_in_227_18 i.fa{color:rgba(0, 0, 0, 1.00);border-radius:3px;-webkit-transition:color 300ms ease;transition:color 300ms ease}#stacks_in_227_18 .fa-stack.custom,#stacks_in_227_18 i.fa.custom{font-size:24px}#stacks_in_227_18 .fa-spin{-webkit-animation-duration:2000ms;animation-duration:2000ms}#stacks_in_227_18 .fa-border{border-color:rgba(238, 238, 238, 1.00);}#stacks_in_227_18 .fa-stack i.stack{color:rgba(153, 153, 153, 1.00)}#stacks_in_227_18 a:hover i.fa{color:rgba(0, 0, 0, 1.00)}#stacks_in_227_18 a:hover i.fa.stack{color:rgba(137, 137, 137, 1.00)}#stacks_in_227_18 a:hover .fa-border{}#stacks_in_227_18 .shadow-double i.fa{text-shadow:4px 3px 0 rgba(255, 255, 255, 1.00),9px 8px 0 rgba(0,0,0,0.15)}#stacks_in_227_18 .shadow-basic i.fa{text-shadow:2px 4px 3px rgba(0,0,0,0.3)}#stacks_in_227_18 .shadow-retro i.fa{text-shadow:5px 5px 0 rgba(204, 204, 204, 1.00)}#stacks_in_227_18 .jw-wrapper{}#stacks_in_227_18 .jw-wrapper.match.shadow-double{text-shadow:4px 3px 0 rgba(255, 255, 255, 1.00),9px 8px 0 rgba(0,0,0,0.15)}#stacks_in_227_18 .jw-wrapper.match.shadow-basic{text-shadow:2px 4px 3px rgba(0,0,0,0.3)}#stacks_in_227_18 .jw-wrapper.match.shadow-retro{text-shadow:5px 5px 0 rgba(204, 204, 204, 1.00)}#stacks_in_227_18 .jw-wrapper.match{color:rgba(0, 0, 0, 1.00)}#stacks_in_227_18 .jw-wrapper.match a{color:rgba(0, 0, 0, 1.00)}#stacks_in_227_18 .jw-wrapper.match a:hover{color:rgba(0, 0, 0, 1.00)}#stacks_in_227_18 .jw-wrapper.hover i.fa:hover,#stacks_in_227_18 .jw-wrapper.hover a:hover{color:rgba(153, 153, 153, 1.00)} #stacks_in_227_7 .background{}#stacks_in_227_7 .fa-stack,#stacks_in_227_7 i.fa{color:rgba(0, 0, 0, 1.00);border-radius:3px;-webkit-transition:color 300ms ease;transition:color 300ms ease}#stacks_in_227_7 .fa-stack.custom,#stacks_in_227_7 i.fa.custom{font-size:24px}#stacks_in_227_7 .fa-spin{-webkit-animation-duration:2000ms;animation-duration:2000ms}#stacks_in_227_7 .fa-border{border-color:rgba(238, 238, 238, 1.00);}#stacks_in_227_7 .fa-stack i.stack{color:rgba(153, 153, 153, 1.00)}#stacks_in_227_7 a:hover i.fa{color:rgba(0, 0, 0, 1.00)}#stacks_in_227_7 a:hover i.fa.stack{color:rgba(137, 137, 137, 1.00)}#stacks_in_227_7 a:hover .fa-border{}#stacks_in_227_7 .shadow-double i.fa{text-shadow:4px 3px 0 rgba(255, 255, 255, 1.00),9px 8px 0 rgba(0,0,0,0.15)}#stacks_in_227_7 .shadow-basic i.fa{text-shadow:2px 4px 3px rgba(0,0,0,0.3)}#stacks_in_227_7 .shadow-retro i.fa{text-shadow:5px 5px 0 rgba(204, 204, 204, 1.00)}#stacks_in_227_7 .jw-wrapper{}#stacks_in_227_7 .jw-wrapper.match.shadow-double{text-shadow:4px 3px 0 rgba(255, 255, 255, 1.00),9px 8px 0 rgba(0,0,0,0.15)}#stacks_in_227_7 .jw-wrapper.match.shadow-basic{text-shadow:2px 4px 3px rgba(0,0,0,0.3)}#stacks_in_227_7 .jw-wrapper.match.shadow-retro{text-shadow:5px 5px 0 rgba(204, 204, 204, 1.00)}#stacks_in_227_7 .jw-wrapper.match{color:rgba(0, 0, 0, 1.00)}#stacks_in_227_7 .jw-wrapper.match a{color:rgba(0, 0, 0, 1.00)}#stacks_in_227_7 .jw-wrapper.match a:hover{color:rgba(0, 0, 0, 1.00)}#stacks_in_227_7 .jw-wrapper.hover i.fa:hover,#stacks_in_227_7 .jw-wrapper.hover a:hover{color:rgba(153, 153, 153, 1.00)}