/* * text-align */ .text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-nomargin-top{margin-top:0}.text-nomargin-top.text >:first-child{margin-top:0}.text-nomargin-bottom{margin-bottom:0}.text-nomargin-bottom.text >:last-child{margin-bottom:0} #stacks_in_1937 { font-size: 125%; } #stacks_in_333 { padding: 30px 0px 0px 0px; } /* 1.0.1 - fixed a mobile firefox bug that prevented the text from resizing on page load. - fixed a conflict with theme frameworks - fixes added for Stacks HTML comments and whitespace settings - fixed bug that could cause the text to jumble if you added bolding or other text styles to the first letter or word of a frame */ #stacks_in_793 { overflow: hidden; } .text-fx-stacks_in_793 .text-fx-example-wrap, .text-fx-stacks_in_793 .text-fx-frame, .text-fx-stacks_in_793 .tfx-a, .text-fx-stacks_in_793 .tfx-w { perspective: 1000px; } .text-fx-stacks_in_793 > *, .text-fx-stacks_in_793 .text-fx-frame-example { text-align: center; margin-top: 0px; margin-bottom: 0px; word-spacing: 0.00px; } .text-fx-stacks_in_793 .text-fx-wrapper, .text-fx-stacks_in_793 .text-fx-frame, .text-fx-stacks_in_793 .text-fx-frame-clone, .text-fx-stacks_in_793 > * span { line-height: 1.1; } .text-fx-stacks_in_793 > *, .text-fx-stacks_in_793 .text-fx-frame-example span { font-family: "helveticaNeue",helvetica; font-size: 16px; font-weight: 700; letter-spacing: 0.00px; line-height: 100%; color: rgba(242, 242, 242, 1.00); } .text-fx-stacks_in_793 { opacity: 0; } .text-fx-stacks_in_793.text-fx-start { opacity: 1; } #stacks_in_793 .text-fx-timeline-wrap { display: block; position: relative; padding: 0; background: #e3e3e3; } #stacks_in_793 .text-fx-progress { background: #999; height: 20px; position: absolute; z-index: 0; top: 50%; margin-top: -10px; width: 100%; left: 0px; transform-origin: left; } #stacks_in_793 .text-fx-timeline { display: inline-block; text-align: left; width: 100%; overflow: hidden; padding: 32px 0 24px 0; } #stacks_in_793 .tl-frame { display: block; float: left; position: relative; } #stacks_in_793 .tl-frame > div:nth-child(2):after, #stacks_in_793 .tl-frame > div:nth-child(4):after { transform: translate(-50%,-25%); } #stacks_in_793 .tl-frame, #stacks_in_793 .tl-frame-inherited { } #stacks_in_793 .tl-frame > div, #stacks_in_793 .text-fx-visual-inherited { position: relative; font-size: 10px; line-height: 18px; text-align: center; font-weight: 400; white-space: nowrap; background: #000; color: #fff; display: block; float: left; } #stacks_in_793 .text-fx-visual-inherited { float: none; } #stacks_in_793 .tl-frame > div:first-child { background: #666; } #stacks_in_793 .tl-frame > div:nth-child(2) { background: #02C456; } #stacks_in_793 .tl-frame > div:nth-child(3) { background: #4056F4; } #stacks_in_793 .tl-frame > div:nth-child(4) { background: #FF4040; } #stacks_in_793 .tl-frame > div:nth-child(5) { transform: translate(0,5px); } #stacks_in_793 .tl-frame > div:before { position: relative; z-index: 99; } #stacks_in_793 .tl-frame > div:after { position: absolute; bottom: 100%; color: #333; left: 50%; transform: translate(-50%,0); } #stacks_in_793 .tl-frame > div:first-child:after { content: ""; color: #666; } #stacks_in_793 .tl-frame > div:nth-child(2):after { content: "In"; color: #02C456; } #stacks_in_793 .tl-frame > div:nth-child(3):after { content: "Active"; color: #4056F4; } #stacks_in_793 .tl-frame > div:nth-child(4):after { content: "Out"; color: #FF4040; } #stacks_in_793 .tl-frame > div:last-child:after { content: attr(data-name); bottom: auto; top: 100%; color: #333; } #stacks_in_793 .tl-frame > div:last-child:before { content: ""; background: #666; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 0; transform: scale(0,1); } #stacks_in_793 .tl-frame > div:last-child, #stacks_in_793 .text-fx-visual-inherited { background: #333; grid-column: span 4; border-right: 1px solid rgba(255,255,255,0.3); } /* .text-fx-stacks_in_793 > * #stacks_in_793 span.tfx-l, .text-fx-stacks_in_793 > * #stacks_in_793 span.tfx-w { color: rgba(242, 242, 242, 1.00); } */ .text-fx-stacks_in_793 .text-fx-wrapper { display: grid; position: relative; width: 100%; align-items: center; } .text-fx-stacks_in_793 .text-fx-frame, .text-fx-stacks_in_793 .text-fx-frame-clone { display: inline-block; } .text-fx-stacks_in_793 .tfx-c, .text-fx-stacks_in_793 .tfx-a, .text-fx-stacks_in_793 .tfx-w .tfx-l, .text-fx-stacks_in_793 .tfx-w { display: inline-block; will-change: opacity, transform; } .text-fx-stacks_in_793 .tfx-a { position: relative; } .text-fx-stacks_in_793 > * span.tfx-c { position: absolute; animation: tfx-blink_stacks_in_793 1s linear infinite; color: rgba(242, 242, 242, 1.00); } @keyframes tfx-blink_stacks_in_793 { from { color: rgba(242, 242, 242, 1.00); } 66% { color: rgba(242, 242, 242, 1.00); } 66.1% { color: transparent; } to { color: transparent; } } .text-fx-stacks_in_793 .tfx-w { white-space: nowrap; } .text-fx-stacks_in_793 .tfx-l.inline-letter { display: inline; } #stacks_in_793 { background-color: rgba(242, 242, 242, 1.00); padding: 0px 32px 30px 32px; } .frame_bg_stacks_in_796 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.000000,0.030000); opacity: 0.000000; transform-origin: left top; background-color: rgba(7, 64, 128, 1.00); } .frame_bg_edit_stacks_in_796 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform-origin: left top; background-color: rgba(7, 64, 128, 1.00); animation: edit_stacks_in_796 300ms ease 1; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,0.030000); opacity: 1.000000; } @keyframes edit_stacks_in_796 { from { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.000000,0.030000); opacity: 0.000000; } to { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,0.030000); opacity: 1.000000; } } .frame_bg_stacks_in_797 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,0.000000); opacity: 0.000000; transform-origin: right top; background-color: rgba(7, 64, 128, 1.00); } .frame_bg_edit_stacks_in_797 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform-origin: right top; background-color: rgba(7, 64, 128, 1.00); animation: edit_stacks_in_797 100ms ease 1; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,1.000000); opacity: 1.000000; } @keyframes edit_stacks_in_797 { from { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,0.000000); opacity: 0.000000; } to { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,1.000000); opacity: 1.000000; } } .frame_bg_stacks_in_798 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.000000,0.030000); opacity: 0.000000; transform-origin: right bottom; background-color: rgba(7, 64, 128, 1.00); } .frame_bg_edit_stacks_in_798 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform-origin: right bottom; background-color: rgba(7, 64, 128, 1.00); animation: edit_stacks_in_798 300ms ease 1; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,0.030000); opacity: 1.000000; } @keyframes edit_stacks_in_798 { from { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.000000,0.030000); opacity: 0.000000; } to { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,0.030000); opacity: 1.000000; } } .frame_bg_stacks_in_799 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,0.000000); opacity: 0.000000; transform-origin: left bottom; background-color: rgba(7, 64, 128, 1.00); } .frame_bg_edit_stacks_in_799 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform-origin: left bottom; background-color: rgba(7, 64, 128, 1.00); animation: edit_stacks_in_799 100ms ease 1; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,1.000000); opacity: 1.000000; } @keyframes edit_stacks_in_799 { from { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,0.000000); opacity: 0.000000; } to { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,1.000000); opacity: 1.000000; } } .frame_bg_stacks_in_800 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.000000,1.000000); opacity: 1.000000; transform-origin: left center; background-color: rgba(7, 64, 128, 1.00); } .frame_bg_edit_stacks_in_800 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform-origin: left center; background-color: rgba(7, 64, 128, 1.00); animation: edit_stacks_in_800 400ms ease 1; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,1.000000); opacity: 1.000000; } @keyframes edit_stacks_in_800 { from { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.000000,1.000000); opacity: 1.000000; } to { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,1.000000); opacity: 1.000000; } } /* 1.0.1 - only disables user selection if a link has been added - now supports links in description when a link is added to the entire card - icon alignment also works if the content is shorter than the icon - horizontal align stretch now allows text to fill open space */ .com_onelittledesigner_stacks_Feature_Section_N_stack, .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_747 { overflow: visible !important; } #feature-cards-stacks_in_747 { margin: 0 auto; max-width: 1000px; } #feature-cards-stacks_in_747 * { box-sizing: border-box; } #feature-cards-stacks_in_747 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4px; } #feature-cards-stacks_in_747 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 150px; max-width: 100%; border-radius: 4px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_747 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; min-width: 110px; } #feature-cards-stacks_in_747 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_747 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; justify-items: center; align-content: center; } #feature-cards-stacks_in_747 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_747 .feature-card > a + .feature-card-content-wrap { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; /* */ pointer-events: none; /* */ } #feature-cards-stacks_in_747 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_747 .feature-card-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; } #feature-cards-stacks_in_747 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_747 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; z-index: 1; } #feature-cards-stacks_in_747 .feature-card { background-color : rgba(7, 64, 128, 0.14); padding: 16px 20px 16px 20px; border: 2px solid rgba(179, 179, 179, 1.00); border-radius: 4px; } #feature-cards-stacks_in_747 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_747 .feature-card .feature-card-icon, #feature-cards-stacks_in_747 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(0, 0, 0, 0.00); } #feature-cards-stacks_in_747 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_747 .feature-card .feature-card-icon img { height: 111px; } #feature-cards-stacks_in_747 .feature-card .feature-card-icon i, #feature-cards-stacks_in_747 .feature-card .feature-card-icon svg { padding: 0; margin: 0 auto; height: 64px; width: auto; font-size: 40px; line-height: 64px; color: rgba(204, 204, 204, 1.00);fill: rgba(204, 204, 204, 1.00);stroke: rgba(204, 204, 204, 1.00); } #feature-cards-stacks_in_747 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_747 .feature-card .feature-card-content-wrap { } #feature-cards-stacks_in_747 .feature-card .feature-card-icon-wrap { margin: 16px 0; justify-content: center; } #feature-cards-stacks_in_747 .feature-card .feature-card-icon { height: 123px; width: 123px; transform: translate(0px,0); margin-bottom: -0px; } #feature-cards-stacks_in_747 .feature-card .feature-card-icon i, #feature-cards-stacks_in_747 .feature-card .feature-card-icon svg { height: 123px; width: auto; font-size: 111px; line-height: 123px; } #feature-cards-stacks_in_747 .feature-card .feature-card-icon svg { padding: 10.000000px 0; width: 123px; } #feature-cards-stacks_in_747 .feature-card .feature-card-icon i, #feature-cards-stacks_in_747 .feature-card .feature-card-icon svg, #feature-cards-stacks_in_747 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-cards-stacks_in_747 .feature-card, #feature-cards-stacks_in_747 .feature-card .feature-card-description { color: rgba(255, 255, 255, 0.85); } #feature-cards-stacks_in_747 .feature-card h1, #feature-cards-stacks_in_747 .feature-card h2, #feature-cards-stacks_in_747 .feature-card h3, #feature-cards-stacks_in_747 .feature-card h4, #feature-cards-stacks_in_747 .feature-card h5, #feature-cards-stacks_in_747 .feature-card h6, #feature-cards-stacks_in_747 .feature-card .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_747 .feature-card .feature-card-header { margin: 0; font-weight: 700; font-size: 24px; line-height: normal; margin-top: 0px; margin-bottom: 0px; } #feature-cards-stacks_in_747 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_747 .feature-card .feature-card-header, #feature-cards-stacks_in_747 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_747 .feature-card .feature-card-description { font-family: "inter",helvetica; text-align: center; font-weight: 400; font-size: 14px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_747 .feature-card .feature-card-header { font-family: "inter",helvetica; text-align: center; font-weight: 700; font-size: 20px; line-height: 28px; margin-top: 8px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_747 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_747 .feature-card::before, #feature-cards-stacks_in_747 .feature-card, #feature-cards-stacks_in_747 .feature-outer, #feature-cards-stacks_in_747 .feature-card h1, #feature-cards-stacks_in_747 .feature-card h2, #feature-cards-stacks_in_747 .feature-card h3, #feature-cards-stacks_in_747 .feature-card h4, #feature-cards-stacks_in_747 .feature-card h5, #feature-cards-stacks_in_747 .feature-card h6, #feature-cards-stacks_in_747 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_747 .feature-card .feature-card-icon, #feature-cards-stacks_in_747 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_747 .feature-card .feature-card-header, #feature-cards-stacks_in_747 .feature-card .feature-card-description, #feature-cards-stacks_in_747 .feature-card .feature-card-content { transition-duration: 300ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_747 .feature-card { position: relative; } #feature-cards-stacks_in_747 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(7, 64, 128, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-cards-stacks_in_747 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_747 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_747 .feature-card .feature-card-icon i, #feature-cards-stacks_in_747 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_747 .feature-card .feature-card-description, #feature-cards-stacks_in_747 .feature-card h1, #feature-cards-stacks_in_747 .feature-card h2, #feature-cards-stacks_in_747 .feature-card h3, #feature-cards-stacks_in_747 .feature-card h4, #feature-cards-stacks_in_747 .feature-card h5, #feature-cards-stacks_in_747 .feature-card h6, #feature-cards-stacks_in_747 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_747 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_747 .feature-card:hover h1, #feature-cards-stacks_in_747 .feature-card:hover h2, #feature-cards-stacks_in_747 .feature-card:hover h3, #feature-cards-stacks_in_747 .feature-card:hover h4, #feature-cards-stacks_in_747 .feature-card:hover h5, #feature-cards-stacks_in_747 .feature-card:hover h6, #feature-cards-stacks_in_747 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_747 .feature-card:hover .feature-card-icon { background: rgba(0, 0, 0, 0.00); } #feature-cards-stacks_in_747 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_747 .feature-card:hover .feature-card-icon svg { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_747 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_747 .feature-card .feature-card-content { transition-property: transform,opacity; will-change: transform; transition-timing-function: ease; } #feature-cards-stacks_in_747 .feature-card .feature-card-content { -webkit-transform: translate(0,10%) rotateZ(0); transform: translate(0,10%) rotateZ(0); opacity: 0; } #feature-cards-stacks_in_747 .feature-card:hover .feature-card-icon-wrap, #feature-cards-stacks_in_747 .feature-card:hover .feature-card-content { -webkit-transform: translate(0,0) rotateZ(0) !important; transform: translate(0,0) rotateZ(0) !important; opacity: 1; } #feature-cards-stacks_in_747 .feature-card .feature-card-description, #feature-cards-stacks_in_747 .feature-card h1, #feature-cards-stacks_in_747 .feature-card h2, #feature-cards-stacks_in_747 .feature-card h3, #feature-cards-stacks_in_747 .feature-card h4, #feature-cards-stacks_in_747 .feature-card h5, #feature-cards-stacks_in_747 .feature-card h6, #feature-cards-stacks_in_747 .feature-card .feature-card-header { transition-property: none; } /* */ /* */ #stacks_in_747 { background-image: url("3306A714-6216-4FAC-ADA4-32AAB101976E.png"); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; } #feature-section-card-stacks_in_748 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_748 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_748 .feature-card .feature-card-icon, #feature-section-card-stacks_in_748 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_748 .feature-card .feature-card-icon svg { --iconSizesstacks_in_748: 64px; } #feature-section-card-stacks_in_748 { } #feature-section-card-stacks_in_748 .feature-card { } #feature-section-card-stacks_in_748 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_748 .feature-card .feature-card-icon, #feature-section-card-stacks_in_748 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_748 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_748 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_752 { position: relative; user-select: none; } i#stacks_in_752, svg#stacks_in_752 { position: relative; display: block; text-align: center; } #stacks_in_752.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_754 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_754 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_754 .feature-card .feature-card-icon, #feature-section-card-stacks_in_754 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_754 .feature-card .feature-card-icon svg { --iconSizesstacks_in_754: 64px; } #feature-section-card-stacks_in_754 { } #feature-section-card-stacks_in_754 .feature-card { } #feature-section-card-stacks_in_754 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_754 .feature-card .feature-card-icon, #feature-section-card-stacks_in_754 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_754 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_754 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_757 { position: relative; user-select: none; } i#stacks_in_757, svg#stacks_in_757 { position: relative; display: block; text-align: center; } #stacks_in_757.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_759 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_759 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_759 .feature-card .feature-card-icon, #feature-section-card-stacks_in_759 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_759 .feature-card .feature-card-icon svg { --iconSizesstacks_in_759: 64px; } #feature-section-card-stacks_in_759 { } #feature-section-card-stacks_in_759 .feature-card { } #feature-section-card-stacks_in_759 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_759 .feature-card .feature-card-icon, #feature-section-card-stacks_in_759 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_759 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_759 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_762 { position: relative; user-select: none; } i#stacks_in_762, svg#stacks_in_762 { position: relative; display: block; text-align: center; } #stacks_in_762.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_764 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_764 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_764 .feature-card .feature-card-icon, #feature-section-card-stacks_in_764 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_764 .feature-card .feature-card-icon svg { --iconSizesstacks_in_764: 64px; } #feature-section-card-stacks_in_764 { } #feature-section-card-stacks_in_764 .feature-card { } #feature-section-card-stacks_in_764 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_764 .feature-card .feature-card-icon, #feature-section-card-stacks_in_764 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_764 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_764 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_767 { position: relative; user-select: none; } i#stacks_in_767, svg#stacks_in_767 { position: relative; display: block; text-align: center; } #stacks_in_767.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_2394 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_2394 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_2394 .feature-card .feature-card-icon, #feature-section-card-stacks_in_2394 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_2394 .feature-card .feature-card-icon svg { --iconSizesstacks_in_2394: 64px; } #feature-section-card-stacks_in_2394 { } #feature-section-card-stacks_in_2394 .feature-card { } #feature-section-card-stacks_in_2394 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_2394 .feature-card .feature-card-icon, #feature-section-card-stacks_in_2394 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_2394 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_2394 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_2397 { position: relative; user-select: none; } i#stacks_in_2397, svg#stacks_in_2397 { position: relative; display: block; text-align: center; } #stacks_in_2397.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #stacks_in_850 { font-size: 65%; } #stacks_in_1938 { padding: 30px 0px 0px 0px; } /* 1.0.1 - fixed a mobile firefox bug that prevented the text from resizing on page load. - fixed a conflict with theme frameworks - fixes added for Stacks HTML comments and whitespace settings - fixed bug that could cause the text to jumble if you added bolding or other text styles to the first letter or word of a frame */ #stacks_in_836 { overflow: hidden; } .text-fx-stacks_in_836 .text-fx-example-wrap, .text-fx-stacks_in_836 .text-fx-frame, .text-fx-stacks_in_836 .tfx-a, .text-fx-stacks_in_836 .tfx-w { perspective: 1000px; } .text-fx-stacks_in_836 > *, .text-fx-stacks_in_836 .text-fx-frame-example { text-align: center; margin-top: 0px; margin-bottom: 0px; word-spacing: 0.00px; } .text-fx-stacks_in_836 .text-fx-wrapper, .text-fx-stacks_in_836 .text-fx-frame, .text-fx-stacks_in_836 .text-fx-frame-clone, .text-fx-stacks_in_836 > * span { line-height: 1.1; } .text-fx-stacks_in_836 > *, .text-fx-stacks_in_836 .text-fx-frame-example span { font-family: "helveticaNeue",helvetica; font-size: 16px; font-weight: 700; letter-spacing: 0.00px; line-height: 100%; color: rgba(242, 242, 242, 1.00); } .text-fx-stacks_in_836 { opacity: 0; } .text-fx-stacks_in_836.text-fx-start { opacity: 1; } #stacks_in_836 .text-fx-timeline-wrap { display: block; position: relative; padding: 0; background: #e3e3e3; } #stacks_in_836 .text-fx-progress { background: #999; height: 20px; position: absolute; z-index: 0; top: 50%; margin-top: -10px; width: 100%; left: 0px; transform-origin: left; } #stacks_in_836 .text-fx-timeline { display: inline-block; text-align: left; width: 100%; overflow: hidden; padding: 32px 0 24px 0; } #stacks_in_836 .tl-frame { display: block; float: left; position: relative; } #stacks_in_836 .tl-frame > div:nth-child(2):after, #stacks_in_836 .tl-frame > div:nth-child(4):after { transform: translate(-50%,-25%); } #stacks_in_836 .tl-frame, #stacks_in_836 .tl-frame-inherited { } #stacks_in_836 .tl-frame > div, #stacks_in_836 .text-fx-visual-inherited { position: relative; font-size: 10px; line-height: 18px; text-align: center; font-weight: 400; white-space: nowrap; background: #000; color: #fff; display: block; float: left; } #stacks_in_836 .text-fx-visual-inherited { float: none; } #stacks_in_836 .tl-frame > div:first-child { background: #666; } #stacks_in_836 .tl-frame > div:nth-child(2) { background: #02C456; } #stacks_in_836 .tl-frame > div:nth-child(3) { background: #4056F4; } #stacks_in_836 .tl-frame > div:nth-child(4) { background: #FF4040; } #stacks_in_836 .tl-frame > div:nth-child(5) { transform: translate(0,5px); } #stacks_in_836 .tl-frame > div:before { position: relative; z-index: 99; } #stacks_in_836 .tl-frame > div:after { position: absolute; bottom: 100%; color: #333; left: 50%; transform: translate(-50%,0); } #stacks_in_836 .tl-frame > div:first-child:after { content: ""; color: #666; } #stacks_in_836 .tl-frame > div:nth-child(2):after { content: "In"; color: #02C456; } #stacks_in_836 .tl-frame > div:nth-child(3):after { content: "Active"; color: #4056F4; } #stacks_in_836 .tl-frame > div:nth-child(4):after { content: "Out"; color: #FF4040; } #stacks_in_836 .tl-frame > div:last-child:after { content: attr(data-name); bottom: auto; top: 100%; color: #333; } #stacks_in_836 .tl-frame > div:last-child:before { content: ""; background: #666; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 0; transform: scale(0,1); } #stacks_in_836 .tl-frame > div:last-child, #stacks_in_836 .text-fx-visual-inherited { background: #333; grid-column: span 4; border-right: 1px solid rgba(255,255,255,0.3); } /* .text-fx-stacks_in_836 > * #stacks_in_836 span.tfx-l, .text-fx-stacks_in_836 > * #stacks_in_836 span.tfx-w { color: rgba(242, 242, 242, 1.00); } */ .text-fx-stacks_in_836 .text-fx-wrapper { display: grid; position: relative; width: 100%; align-items: center; } .text-fx-stacks_in_836 .text-fx-frame, .text-fx-stacks_in_836 .text-fx-frame-clone { display: inline-block; } .text-fx-stacks_in_836 .tfx-c, .text-fx-stacks_in_836 .tfx-a, .text-fx-stacks_in_836 .tfx-w .tfx-l, .text-fx-stacks_in_836 .tfx-w { display: inline-block; will-change: opacity, transform; } .text-fx-stacks_in_836 .tfx-a { position: relative; } .text-fx-stacks_in_836 > * span.tfx-c { position: absolute; animation: tfx-blink_stacks_in_836 1s linear infinite; color: rgba(242, 242, 242, 1.00); } @keyframes tfx-blink_stacks_in_836 { from { color: rgba(242, 242, 242, 1.00); } 66% { color: rgba(242, 242, 242, 1.00); } 66.1% { color: transparent; } to { color: transparent; } } .text-fx-stacks_in_836 .tfx-w { white-space: nowrap; } .text-fx-stacks_in_836 .tfx-l.inline-letter { display: inline; } #stacks_in_836 { background-color: rgba(242, 242, 242, 1.00); padding: 20px 32px 30px 32px; } .frame_bg_stacks_in_839 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.000000,0.030000); opacity: 0.000000; transform-origin: left top; background-color: rgba(7, 64, 128, 1.00); } .frame_bg_edit_stacks_in_839 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform-origin: left top; background-color: rgba(7, 64, 128, 1.00); animation: edit_stacks_in_839 300ms ease 1; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,0.030000); opacity: 1.000000; } @keyframes edit_stacks_in_839 { from { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.000000,0.030000); opacity: 0.000000; } to { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,0.030000); opacity: 1.000000; } } .frame_bg_stacks_in_840 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,0.000000); opacity: 0.000000; transform-origin: right top; background-color: rgba(7, 64, 128, 1.00); } .frame_bg_edit_stacks_in_840 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform-origin: right top; background-color: rgba(7, 64, 128, 1.00); animation: edit_stacks_in_840 100ms ease 1; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,1.000000); opacity: 1.000000; } @keyframes edit_stacks_in_840 { from { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,0.000000); opacity: 0.000000; } to { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,1.000000); opacity: 1.000000; } } .frame_bg_stacks_in_841 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.000000,0.030000); opacity: 0.000000; transform-origin: right bottom; background-color: rgba(7, 64, 128, 1.00); } .frame_bg_edit_stacks_in_841 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform-origin: right bottom; background-color: rgba(7, 64, 128, 1.00); animation: edit_stacks_in_841 300ms ease 1; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,0.030000); opacity: 1.000000; } @keyframes edit_stacks_in_841 { from { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.000000,0.030000); opacity: 0.000000; } to { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,0.030000); opacity: 1.000000; } } .frame_bg_stacks_in_842 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,0.000000); opacity: 0.000000; transform-origin: left bottom; background-color: rgba(7, 64, 128, 1.00); } .frame_bg_edit_stacks_in_842 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform-origin: left bottom; background-color: rgba(7, 64, 128, 1.00); animation: edit_stacks_in_842 100ms ease 1; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,1.000000); opacity: 1.000000; } @keyframes edit_stacks_in_842 { from { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,0.000000); opacity: 0.000000; } to { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.010000,1.000000); opacity: 1.000000; } } .frame_bg_stacks_in_843 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.000000,1.000000); opacity: 1.000000; transform-origin: left center; background-color: rgba(7, 64, 128, 1.00); } .frame_bg_edit_stacks_in_843 { position: absolute; left: 0px; right: 0px; top: 0px;; bottom: 0px; display: inline-block; transform-origin: left center; background-color: rgba(7, 64, 128, 1.00); animation: edit_stacks_in_843 400ms ease 1; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,1.000000); opacity: 1.000000; } @keyframes edit_stacks_in_843 { from { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(0.000000,1.000000); opacity: 1.000000; } to { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,1.000000); opacity: 1.000000; } } #stacks_in_1638 { border: solid rgba(204, 204, 204, 1.00); border-width: 1px; margin: 15px; } #stacks_in_2542 { padding: 0px 0px 0px 32px; } #stacks_in_2543 { font-size: 65%; } /* GENERAL */ #stacks_in_997, #stacks_in_997 .toggle-this-wrap-outer { width: 100%; } #stacks_in_997 .toggle-this-wrap-outer, #stacks_in_997 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_997 .toggle-this-wrap-inner { width: auto; } #stacks_in_997 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_997 .toggle-this-wrap-inner .tt-label-left, #stacks_in_997 .toggle-this-wrap-inner .tt-label-right { font-size: 22.000000px; line-height: 22.000000px; } /* */ #stacks_in_997 .toggle-this { margin: 10px 5px; } #stacks_in_997 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_997 .toggle-this > * { z-index: 1; } #stacks_in_997 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 100px; height: 60px; border-radius: 60px; z-index: 0; } #stacks_in_997 .toggle-this, #stacks_in_997 .toggle-this .label-bg, #stacks_in_997 .toggle-this .label-bg > .left-color, #stacks_in_997 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 80px; height: 40px; border-radius: 40px; } #stacks_in_997 .toggle-this .label-bg > div > div, #stacks_in_997 .toggle-this label, #stacks_in_997 .toggle-this label:after, #stacks_in_997 .toggle-this label:before { width: 40px; height: 40px; } #stacks_in_997 input[type="checkbox"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_997 .toggle-this label, #stacks_in_997 .toggle-this .label-bg, #stacks_in_997 .toggle-this label:after, #stacks_in_997 .toggle-this .label-bg > .left-color, #stacks_in_997 .toggle-this .label-bg > .right-color, #stacks_in_997 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_997 .toggle-this .label-bg > div > div { left: 30.000000px; } #stacks_in_997 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 35.000000px; } #stacks_in_997 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_997 input[type="checkbox"]:checked + .toggle-this label { -webkit-transform: translate(40px,0); transform: translate(40px,0); } #stacks_in_997 .toggle-this:before { width: 90px; height: 50px; border-radius: 50px; top: -5px; left: -5px; } #stacks_in_997 .toggle-this.ts-type-4:after { width: 120px; } #stacks_in_997 .toggle-this.ts-type-2:before { width: 90px; height: 20px; border-radius: 20px; top: 10.000000px; left: -5px; } #stacks_in_997 .toggle-this.ts-type-4, #stacks_in_997 .toggle-this.ts-type-4 .label-bg, #stacks_in_997 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_997 .toggle-this.ts-type-4 .label-bg > .right-color { width: 100px; height: 40px; } #stacks_in_997 .toggle-this.ts-type-4 label, #stacks_in_997 .toggle-this.ts-type-4 label:after, #stacks_in_997 .toggle-this.ts-type-4 label:before { width: 40px; height: 40px; } #stacks_in_997 .toggle-this.ts-type-4 .label-bg > div > div { width: 65.000000px; height: 55px; } #stacks_in_997 input[type="checkbox"]:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(60px,0); transform: translate(60px,0); } #stacks_in_997 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_997 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 40px; } #stacks_in_997 .toggle-this.ts-type-4:before { width: 110px; height: 50px; border-radius: 50px; top: -5px; left: -5px; } #stacks_in_997 .toggle-this.ts-type-5, #stacks_in_997 .toggle-this.ts-type-5 .label-bg, #stacks_in_997 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_997 input[type="checkbox"]:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 40px; } #stacks_in_997 .toggle-this.ts-type-5:before { width: 50px; } #stacks_in_997 .toggle-this.ts-type-2 .label-bg { height: 12.000000px; top: 14.000000px; } /* */ /* */ #stacks_in_997 .toggle-this.ts-type-2 .label-bg { height: 9.599999px; top: 15.200000px; } /* */ /* TOGGLE */ #stacks_in_997 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms linear; transition: -webkit-transform 150ms linear; transition: transform 150ms linear; transition: transform 150ms linear, -webkit-transform 150ms linear; } #stacks_in_997 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_997 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_997 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_997 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_997 .toggle-this .label-bg > .left-color, #stacks_in_997 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms linear; transition: width 150ms linear; } #stacks_in_997 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_997 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_997 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_997 input[type="checkbox"] + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_997 input[type="checkbox"]:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_997 input[type="checkbox"]:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_997 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_997 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 20.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_997 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_997 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { height: 4px; } /* */ #stacks_in_997 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_997 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_997 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_997 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_997 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_997 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_997 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_997 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_997 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_997 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "OFF"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 18.000000px; text-align: center; } #stacks_in_997 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "ON"; } /* THIN */ #stacks_in_997 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_997 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_997 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_997 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_997 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_997 .toggle-this.ts-type-5 label { display: none; } #stacks_in_997 input[type="checkbox"] + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms linear; transition: background 150ms linear; } #stacks_in_997 input[type="checkbox"] + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; } #stacks_in_997 input[type="checkbox"]:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_997 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 20.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_997 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_997 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { left: 33%; height: 4px; } /* */ #stacks_in_997 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_997 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_997 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_997 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_997 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms linear; transition: background 150ms linear; } #stacks_in_997 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_997 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_997 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_997 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_997 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_997 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_997 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_997 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_997 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_997 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_997 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_997 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: linear-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_997 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms linear; transition: -webkit-transform 150ms linear; transition: transform 150ms linear; transition: transform 150ms linear, -webkit-transform 150ms linear; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_997 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms linear; transition: background 150ms linear; } #stacks_in_997 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_997 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_997 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_997 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_997 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_997 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_997 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_997 .toggle-this.ts-3:after, #stacks_in_997 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_997 .toggle-this.ts-type-5.ts-3:after, #stacks_in_997 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_997 .toggle-this .label-bg > .right-color, #stacks_in_997 .toggle-this.ts-2 .label-bg, #stacks_in_997 .toggle-this.ts-3 .label-bg, #stacks_in_997 input[type="checkbox"] + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } #stacks_in_997 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_997 .toggle-this label:after, #stacks_in_997 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_997 .toggle-this.ts-type-5 label:after, #stacks_in_997 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_997 .toggle-this .label-bg > .left-color, #stacks_in_997 input[type="checkbox"]:checked + .toggle-this.ts-2 .label-bg, #stacks_in_997 input[type="checkbox"]:checked + .toggle-this.ts-3 .label-bg, #stacks_in_997 input[type="checkbox"]:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(19, 46, 89, 1.00); } #stacks_in_997 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_997 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(153, 153, 153, 1.00); } #stacks_in_997 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_997 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_997 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(153, 153, 153, 1.00); } #stacks_in_997 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_997 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_997 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(255, 255, 255, 1.00); } #stacks_in_997 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_997 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_997 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_997 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ /* TOGGLE STATES/ACTIONS */ /* */ #stacks_in_997 .toggle-this-inactive, #stacks_in_997 .toggle-this-active { display: none; } #stacks_in_997 .tt-False.toggle-this-inactive { display: block; } #stacks_in_997 .tt-True.toggle-this-active { display: block; } /* */ /* */ /* */ /* */ /* */ #stacks_in_997 { margin: -10px 0px 25px 0px; } /* */ body { margin: 0; } #swoop-stacks_in_878 { display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; text-align: left; position: relative; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; transition: all 0.6s ease; max-width: 5000px; border-radius: 0px; min-height: 500px; } #swoop-stacks_in_878 .swoop-nav { width: 50%; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 20px 20px; box-sizing: border-box; transition: all 0.6s ease; max-width: 300px; padding-right: calc(20px + 40px/2); /* */ background: rgba(185, 206, 240, 1.00); /* */ /* */ /* */ /* */ } #swoop-stacks_in_878 .swoop-nav::before { /* */ } #swoop-stacks_in_878 .swoop-nav::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: rgba(0, 0, 0, 0.20); } #swoop-stacks_in_878 .swoop-content { width: 50%; -ms-flex: 1 0 auto; flex: 1 0 auto; box-sizing: border-box; transition: all 0.6s ease; /* */ background: rgba(10, 47, 109, 1.00); /* */ /* */ /* */ /* */ } #swoop-stacks_in_878 .swoop-content::before { /* */ } #swoop-stacks_in_878 .swoop-content::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: rgba(0, 0, 0, 0.20); } #swoop-stacks_in_878 .swoop-arrows { top: 50%; right: 0; z-index: 10; display: -ms-flexbox; display: flex; overflow: hidden; position: absolute; box-sizing: border-box; transition: all 0.6s ease; -ms-flex-direction: column; flex-direction: column; transform: translate(50%, -50%); border-radius: 4px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #swoop-stacks_in_878 .swoop-arrows i { width: 40px; height: 40px; font-size: 18px; display: -ms-flexbox; display: flex; line-height: 0; cursor: pointer; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: rgba(102, 102, 102, 1.00); background: rgba(230, 230, 230, 1.00); } #swoop-stacks_in_878 .swoop-arrows i:hover { color: rgba(255, 255, 255, 1.00); background: rgba(153, 153, 153, 1.00); } #swoop-stacks_in_878 .swoop-nav { display: -ms-flexbox; display: flex; position: relative; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; transition: all 0.6s ease; /* */ font-family: ""; /* */ } #swoop-stacks_in_878 .swoop-nav .swoop-nav-inner { box-sizing: border-box; transition: all 0.6s ease; } #swoop-stacks_in_878 .swoop-nav ul { padding: 0; display: -ms-flexbox; display: flex; margin: 0 auto; list-style: none; overflow: hidden; position: relative; box-sizing: border-box; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: stretch; justify-content: stretch; color: rgba(76, 76, 76, 1.00); font-size: 30px; transition: all 0.6s ease; height: calc(((10px * 2) + 30px) * 3); } #swoop-stacks_in_878 .swoop-nav li { width: 100%; opacity: 0.5; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; font-weight: 300; -webkit-filter: blur(3px); filter: blur(3px); line-height: 1; -ms-flex-align: center; align-items: center; color: rgba(76, 76, 76, 1.00); height: calc((10px * 2) + 30px); font-size: 30px; padding: 10px 20px; box-sizing: border-box; transition: all 0.6s ease; } #swoop-stacks_in_878 .swoop-nav li div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #swoop-stacks_in_878 .swoop-nav li:first-child { margin-top: calc((10px * 2) + 30px); } #swoop-stacks_in_878 .swoop-nav li.active { opacity: 1; -webkit-filter: blur(0px); filter: blur(0px); } #swoop-stacks_in_878 .swoop-content { overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.6s ease; /* */ font-family: ""; /* */ } #swoop-stacks_in_878 .swoop-content .swoop-content-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; box-sizing: border-box; transition: all 0.8s ease; min-height: 500px; } #swoop-stacks_in_878 .swoop-content .swoop-item { width: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: relative; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; transition: all 0.6s ease; } #swoop-stacks_in_878 .swoop-content .swoop-item.active { transform: translateY(0%); } #swoop-stacks_in_878 .swoop-content .swoop-item.active .swoop-item-details { opacity: 1; } #swoop-stacks_in_878 .swoop-content .swoop-item.active .swoop-item-details-inner { opacity: 1; height: auto; } #swoop-stacks_in_878 .swoop-content .swoop-item:not(.active) .swoop-item-details-inner { padding: 0; } #swoop-stacks_in_878 .swoop-content .swoop-item-title { z-index: 10; display: none; color: rgba(76, 76, 76, 1.00); font-size: 30px; } #swoop-stacks_in_878 .swoop-content .swoop-item-details { z-index: 10; overflow: hidden; box-sizing: border-box; transition: all 0.4s ease; color: rgba(76, 76, 76, 1.00); } #swoop-stacks_in_878 .swoop-content .swoop-item-details h1, #swoop-stacks_in_878 .swoop-content .swoop-item-details h2, #swoop-stacks_in_878 .swoop-content .swoop-item-details h3, #swoop-stacks_in_878 .swoop-content .swoop-item-details h4, #swoop-stacks_in_878 .swoop-content .swoop-item-details h5, #swoop-stacks_in_878 .swoop-content .swoop-item-details h6 { /* */ font-family: "Montserrat"; /* */ color: rgba(255, 255, 255, 1.00); } #swoop-stacks_in_878 .swoop-content .swoop-item-details a, #swoop-stacks_in_878 .swoop-content .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-stacks_in_878 .swoop-content .swoop-item-details-inner { height: 0; opacity: 0; overflow: hidden; box-sizing: border-box; padding: 20px 20px; padding-left: calc(20px + 40px/2); } @media (max-width: 600px) { #swoop-stacks_in_878 { -ms-flex-direction: column; flex-direction: column; } #swoop-stacks_in_878 .swoop-arrows { top: auto; right: 50%; bottom: 0; -ms-flex-direction: row; flex-direction: row; transform: translate(50%, 50%); } #swoop-stacks_in_878 .swoop-nav { width: 100%; height: auto; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding: 20px 20px; padding-bottom: calc(20px + 40px/2); } #swoop-stacks_in_878 .swoop-content { width: 100%; height: auto; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; } #swoop-stacks_in_878 .swoop-content .swoop-item-details-inner { padding: 20px 20px; padding-top: calc(20px + 40px/2); } } #swoop-item-stacks_in_879.swoop-item.custom-content-colors { /* */ background: rgba(41, 42, 43, 1.00); /* */ /* */ /* */ /* */ } #swoop-item-stacks_in_879.swoop-item.custom-content-colors::before { /* */ } #swoop-item-stacks_in_879.swoop-item.custom-content-colors::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: ; } #swoop-item-stacks_in_879.swoop-item.custom-content-colors .swoop-item-details { color: rgba(255, 255, 255, 0.50); } #swoop-item-stacks_in_879.swoop-item.custom-content-colors .swoop-item-details h1, #swoop-item-stacks_in_879.swoop-item.custom-content-colors .swoop-item-details h2, #swoop-item-stacks_in_879.swoop-item.custom-content-colors .swoop-item-details h3, #swoop-item-stacks_in_879.swoop-item.custom-content-colors .swoop-item-details h4, #swoop-item-stacks_in_879.swoop-item.custom-content-colors .swoop-item-details h5, #swoop-item-stacks_in_879.swoop-item.custom-content-colors .swoop-item-details h6 { color: rgba(255, 255, 255, 1.00); } #swoop-item-stacks_in_879.swoop-item.custom-content-colors .swoop-item-details a, #swoop-item-stacks_in_879.swoop-item.custom-content-colors .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-item-title-stacks_in_879.custom-nav-colors { color: rgba(76, 76, 76, 1.00) !important; } #stacks_in_1681 { margin: 0px 0px 0px 15px; } #stacks_in_974 { margin: 15px 0px 0px 15px; } #stacks_in_1684 { margin: 0px 0px 0px 15px; } #swoop-item-stacks_in_888.swoop-item.custom-content-colors { /* */ background: rgba(41, 42, 43, 1.00); /* */ /* */ /* */ /* */ } #swoop-item-stacks_in_888.swoop-item.custom-content-colors::before { /* */ } #swoop-item-stacks_in_888.swoop-item.custom-content-colors::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: ; } #swoop-item-stacks_in_888.swoop-item.custom-content-colors .swoop-item-details { color: rgba(255, 255, 255, 0.50); } #swoop-item-stacks_in_888.swoop-item.custom-content-colors .swoop-item-details h1, #swoop-item-stacks_in_888.swoop-item.custom-content-colors .swoop-item-details h2, #swoop-item-stacks_in_888.swoop-item.custom-content-colors .swoop-item-details h3, #swoop-item-stacks_in_888.swoop-item.custom-content-colors .swoop-item-details h4, #swoop-item-stacks_in_888.swoop-item.custom-content-colors .swoop-item-details h5, #swoop-item-stacks_in_888.swoop-item.custom-content-colors .swoop-item-details h6 { color: rgba(255, 255, 255, 1.00); } #swoop-item-stacks_in_888.swoop-item.custom-content-colors .swoop-item-details a, #swoop-item-stacks_in_888.swoop-item.custom-content-colors .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-item-title-stacks_in_888.custom-nav-colors { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_1691 { margin: 0px 15px 0px 0px; padding: 20px; } #stacks_in_1693 { margin: 0px 0px 0px 17px; } #stacks_in_1743 { margin: 20px 25px 0px 0px; } #stacks_in_1697 { margin: 0px 18px 0px 0px; padding: 20px; } #swoop-item-stacks_in_885.swoop-item.custom-content-colors { /* */ background: rgba(41, 42, 43, 1.00); /* */ /* */ /* */ /* */ } #swoop-item-stacks_in_885.swoop-item.custom-content-colors::before { /* */ } #swoop-item-stacks_in_885.swoop-item.custom-content-colors::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: ; } #swoop-item-stacks_in_885.swoop-item.custom-content-colors .swoop-item-details { color: rgba(255, 255, 255, 0.50); } #swoop-item-stacks_in_885.swoop-item.custom-content-colors .swoop-item-details h1, #swoop-item-stacks_in_885.swoop-item.custom-content-colors .swoop-item-details h2, #swoop-item-stacks_in_885.swoop-item.custom-content-colors .swoop-item-details h3, #swoop-item-stacks_in_885.swoop-item.custom-content-colors .swoop-item-details h4, #swoop-item-stacks_in_885.swoop-item.custom-content-colors .swoop-item-details h5, #swoop-item-stacks_in_885.swoop-item.custom-content-colors .swoop-item-details h6 { color: rgba(255, 255, 255, 1.00); } #swoop-item-stacks_in_885.swoop-item.custom-content-colors .swoop-item-details a, #swoop-item-stacks_in_885.swoop-item.custom-content-colors .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-item-title-stacks_in_885.custom-nav-colors { color: rgba(255, 255, 255, 1.00) !important; } /* */ body { margin: 0; } #swoop-stacks_in_2722 { display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; text-align: left; position: relative; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; transition: all 0.6s ease; max-width: 5000px; border-radius: 0px; min-height: 500px; } #swoop-stacks_in_2722 .swoop-nav { width: 50%; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 20px 20px; box-sizing: border-box; transition: all 0.6s ease; max-width: 300px; padding-right: calc(20px + 40px/2); /* */ background: rgba(185, 206, 240, 1.00); /* */ /* */ /* */ /* */ } #swoop-stacks_in_2722 .swoop-nav::before { /* */ } #swoop-stacks_in_2722 .swoop-nav::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: rgba(0, 0, 0, 0.20); } #swoop-stacks_in_2722 .swoop-content { width: 50%; -ms-flex: 1 0 auto; flex: 1 0 auto; box-sizing: border-box; transition: all 0.6s ease; /* */ background: rgba(10, 47, 109, 1.00); /* */ /* */ /* */ /* */ } #swoop-stacks_in_2722 .swoop-content::before { /* */ } #swoop-stacks_in_2722 .swoop-content::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: rgba(0, 0, 0, 0.20); } #swoop-stacks_in_2722 .swoop-arrows { top: 50%; right: 0; z-index: 10; display: -ms-flexbox; display: flex; overflow: hidden; position: absolute; box-sizing: border-box; transition: all 0.6s ease; -ms-flex-direction: column; flex-direction: column; transform: translate(50%, -50%); border-radius: 4px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #swoop-stacks_in_2722 .swoop-arrows i { width: 40px; height: 40px; font-size: 18px; display: -ms-flexbox; display: flex; line-height: 0; cursor: pointer; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: rgba(102, 102, 102, 1.00); background: rgba(230, 230, 230, 1.00); } #swoop-stacks_in_2722 .swoop-arrows i:hover { color: rgba(255, 255, 255, 1.00); background: rgba(153, 153, 153, 1.00); } #swoop-stacks_in_2722 .swoop-nav { display: -ms-flexbox; display: flex; position: relative; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; transition: all 0.6s ease; /* */ font-family: ""; /* */ } #swoop-stacks_in_2722 .swoop-nav .swoop-nav-inner { box-sizing: border-box; transition: all 0.6s ease; } #swoop-stacks_in_2722 .swoop-nav ul { padding: 0; display: -ms-flexbox; display: flex; margin: 0 auto; list-style: none; overflow: hidden; position: relative; box-sizing: border-box; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: stretch; justify-content: stretch; color: rgba(76, 76, 76, 1.00); font-size: 30px; transition: all 0.6s ease; height: calc(((10px * 2) + 30px) * 3); } #swoop-stacks_in_2722 .swoop-nav li { width: 100%; opacity: 0.5; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; font-weight: 300; -webkit-filter: blur(3px); filter: blur(3px); line-height: 1; -ms-flex-align: center; align-items: center; color: rgba(76, 76, 76, 1.00); height: calc((10px * 2) + 30px); font-size: 30px; padding: 10px 20px; box-sizing: border-box; transition: all 0.6s ease; } #swoop-stacks_in_2722 .swoop-nav li div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #swoop-stacks_in_2722 .swoop-nav li:first-child { margin-top: calc((10px * 2) + 30px); } #swoop-stacks_in_2722 .swoop-nav li.active { opacity: 1; -webkit-filter: blur(0px); filter: blur(0px); } #swoop-stacks_in_2722 .swoop-content { overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.6s ease; /* */ font-family: ""; /* */ } #swoop-stacks_in_2722 .swoop-content .swoop-content-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; box-sizing: border-box; transition: all 0.8s ease; min-height: 500px; } #swoop-stacks_in_2722 .swoop-content .swoop-item { width: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: relative; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; transition: all 0.6s ease; } #swoop-stacks_in_2722 .swoop-content .swoop-item.active { transform: translateY(0%); } #swoop-stacks_in_2722 .swoop-content .swoop-item.active .swoop-item-details { opacity: 1; } #swoop-stacks_in_2722 .swoop-content .swoop-item.active .swoop-item-details-inner { opacity: 1; height: auto; } #swoop-stacks_in_2722 .swoop-content .swoop-item:not(.active) .swoop-item-details-inner { padding: 0; } #swoop-stacks_in_2722 .swoop-content .swoop-item-title { z-index: 10; display: none; color: rgba(76, 76, 76, 1.00); font-size: 30px; } #swoop-stacks_in_2722 .swoop-content .swoop-item-details { z-index: 10; overflow: hidden; box-sizing: border-box; transition: all 0.4s ease; color: rgba(76, 76, 76, 1.00); } #swoop-stacks_in_2722 .swoop-content .swoop-item-details h1, #swoop-stacks_in_2722 .swoop-content .swoop-item-details h2, #swoop-stacks_in_2722 .swoop-content .swoop-item-details h3, #swoop-stacks_in_2722 .swoop-content .swoop-item-details h4, #swoop-stacks_in_2722 .swoop-content .swoop-item-details h5, #swoop-stacks_in_2722 .swoop-content .swoop-item-details h6 { /* */ font-family: "Montserrat"; /* */ color: rgba(255, 255, 255, 1.00); } #swoop-stacks_in_2722 .swoop-content .swoop-item-details a, #swoop-stacks_in_2722 .swoop-content .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-stacks_in_2722 .swoop-content .swoop-item-details-inner { height: 0; opacity: 0; overflow: hidden; box-sizing: border-box; padding: 20px 20px; padding-left: calc(20px + 40px/2); } @media (max-width: 600px) { #swoop-stacks_in_2722 { -ms-flex-direction: column; flex-direction: column; } #swoop-stacks_in_2722 .swoop-arrows { top: auto; right: 50%; bottom: 0; -ms-flex-direction: row; flex-direction: row; transform: translate(50%, 50%); } #swoop-stacks_in_2722 .swoop-nav { width: 100%; height: auto; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding: 20px 20px; padding-bottom: calc(20px + 40px/2); } #swoop-stacks_in_2722 .swoop-content { width: 100%; height: auto; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; } #swoop-stacks_in_2722 .swoop-content .swoop-item-details-inner { padding: 20px 20px; padding-top: calc(20px + 40px/2); } } #swoop-item-stacks_in_2726.swoop-item.custom-content-colors { /* */ background: rgba(41, 42, 43, 1.00); /* */ /* */ /* */ /* */ } #swoop-item-stacks_in_2726.swoop-item.custom-content-colors::before { /* */ } #swoop-item-stacks_in_2726.swoop-item.custom-content-colors::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: ; } #swoop-item-stacks_in_2726.swoop-item.custom-content-colors .swoop-item-details { color: rgba(255, 255, 255, 0.50); } #swoop-item-stacks_in_2726.swoop-item.custom-content-colors .swoop-item-details h1, #swoop-item-stacks_in_2726.swoop-item.custom-content-colors .swoop-item-details h2, #swoop-item-stacks_in_2726.swoop-item.custom-content-colors .swoop-item-details h3, #swoop-item-stacks_in_2726.swoop-item.custom-content-colors .swoop-item-details h4, #swoop-item-stacks_in_2726.swoop-item.custom-content-colors .swoop-item-details h5, #swoop-item-stacks_in_2726.swoop-item.custom-content-colors .swoop-item-details h6 { color: rgba(255, 255, 255, 1.00); } #swoop-item-stacks_in_2726.swoop-item.custom-content-colors .swoop-item-details a, #swoop-item-stacks_in_2726.swoop-item.custom-content-colors .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-item-title-stacks_in_2726.custom-nav-colors { color: rgba(76, 76, 76, 1.00) !important; } #swoop-item-stacks_in_2745.swoop-item.custom-content-colors { /* */ background: rgba(41, 42, 43, 1.00); /* */ /* */ /* */ /* */ } #swoop-item-stacks_in_2745.swoop-item.custom-content-colors::before { /* */ } #swoop-item-stacks_in_2745.swoop-item.custom-content-colors::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: ; } #swoop-item-stacks_in_2745.swoop-item.custom-content-colors .swoop-item-details { color: rgba(255, 255, 255, 0.50); } #swoop-item-stacks_in_2745.swoop-item.custom-content-colors .swoop-item-details h1, #swoop-item-stacks_in_2745.swoop-item.custom-content-colors .swoop-item-details h2, #swoop-item-stacks_in_2745.swoop-item.custom-content-colors .swoop-item-details h3, #swoop-item-stacks_in_2745.swoop-item.custom-content-colors .swoop-item-details h4, #swoop-item-stacks_in_2745.swoop-item.custom-content-colors .swoop-item-details h5, #swoop-item-stacks_in_2745.swoop-item.custom-content-colors .swoop-item-details h6 { color: rgba(255, 255, 255, 1.00); } #swoop-item-stacks_in_2745.swoop-item.custom-content-colors .swoop-item-details a, #swoop-item-stacks_in_2745.swoop-item.custom-content-colors .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-item-title-stacks_in_2745.custom-nav-colors { color: rgba(255, 255, 255, 1.00) !important; } #swoop-item-stacks_in_2758.swoop-item.custom-content-colors { /* */ background: rgba(41, 42, 43, 1.00); /* */ /* */ /* */ /* */ } #swoop-item-stacks_in_2758.swoop-item.custom-content-colors::before { /* */ } #swoop-item-stacks_in_2758.swoop-item.custom-content-colors::before { top: 0; left: 0; content: ''; z-index: 1; width: 100%; height: 100%; display: none; position: absolute; border-radius: inherit; background: ; } #swoop-item-stacks_in_2758.swoop-item.custom-content-colors .swoop-item-details { color: rgba(255, 255, 255, 0.50); } #swoop-item-stacks_in_2758.swoop-item.custom-content-colors .swoop-item-details h1, #swoop-item-stacks_in_2758.swoop-item.custom-content-colors .swoop-item-details h2, #swoop-item-stacks_in_2758.swoop-item.custom-content-colors .swoop-item-details h3, #swoop-item-stacks_in_2758.swoop-item.custom-content-colors .swoop-item-details h4, #swoop-item-stacks_in_2758.swoop-item.custom-content-colors .swoop-item-details h5, #swoop-item-stacks_in_2758.swoop-item.custom-content-colors .swoop-item-details h6 { color: rgba(255, 255, 255, 1.00); } #swoop-item-stacks_in_2758.swoop-item.custom-content-colors .swoop-item-details a, #swoop-item-stacks_in_2758.swoop-item.custom-content-colors .swoop-item-details a:visited { color: rgba(255, 255, 255, 1.00); } #swoop-item-title-stacks_in_2758.custom-nav-colors { color: rgba(255, 255, 255, 1.00) !important; } #stacks_in_2699 { border: solid rgba(204, 204, 204, 1.00); border-width: 1px; margin: 15px; } #stacks_in_2702 { font-size: 140%; } #stacks_in_2560 { background-color: rgba(230, 230, 230, 1.00); } /* 1.1.1 - hotfix for bug introduced by the last update. Could cause an error if multiple shortcodes were used in a single text area. */ /* OUTER STYLES */ #stacks_in_2563.configure-wrap, #stacks_in_2563.configure-wrap * { box-sizing: border-box; } #stacks_in_2563.configure-wrap { /* Background */ /* Border & Shadow */ /* Layout */ padding: 32px 32px 0px 32px; display: flex; flex-direction: row; justify-content: flex-start; } #stacks_in_2563.configure-wrap > div { max-width: 500px; margin: 0; width: 100%; } /* CUSTOM STYLES */ #stacks_in_2563 .configure-inner-wrap > .configure-checkbox { height: auto; } #stacks_in_2563 .ccs-check-graphic:after { left: 50%; top: calc(50% - 1px); width: 20%; transform: translate(-50%,-50%) rotate(45deg); height: 40%; border: solid white; border-width: 0 3px 3px 0; } #stacks_in_2563 .configure-inner-wrap, #stacks_in_2563 .configure-inner-wrap span, #stacks_in_2563 .configure-inner-wrap > label output, #stacks_in_2563 .configure-inner-wrap input, #stacks_in_2563 .configure-inner-wrap select { font-family: inherit; font-weight: 400; } #stacks_in_2563 .configure-input textarea, #stacks_in_2563 .configure-input input, #stacks_in_2563 .configure-input select, #stacks_in_2563 .configure-input output, #stacks_in_2563 .configure-input .com_onelittledesigner_stacks_Configure_Select_Option_stack, #stacks_in_2563 .configure-group-wrap label:not(.stacks-label), #stacks_in_2563 .ccs-checkbox-text, #stacks_in_2563 .configure-math { color: rgba(0, 0, 0, 0.70); } #stacks_in_2563 .configure-input .prefix, #stacks_in_2563 .configure-input .postfix { color: rgba(0, 0, 0, 0.50); } #stacks_in_2563 .configure-input .select-icon svg { stroke: rgba(0, 0, 0, 0.50); } #stacks_in_2563 .configure-inner-wrap > .configure-subtitle { color: rgba(0, 0, 0, 0.30); } #stacks_in_2563 .configure-inner-wrap > label output, #stacks_in_2563 .configure-inner-wrap > label:not(.configure-checkbox) { color: rgba(0, 0, 0, 0.70); margin: 16px 0 8px 0; font-weight: 600; } #stacks_in_2563 .configure-input textarea, #stacks_in_2563 .configure-input input, #stacks_in_2563 .configure-input select, #stacks_in_2563 .configure-input output, #stacks_in_2563 .ccs-checkbox-text { font-size: 16px; line-height: 16px; } #stacks_in_2563 .configure-input textarea, #stacks_in_2563 .configure-input input[data-type="text"], #stacks_in_2563 .configure-input select { line-height: 24px; } #stacks_in_2563 .quantity-button { margin: 0; border-width: 0; padding: 0; width: 24px; height: 24px; font-size: 14px; line-height: 14px; } #stacks_in_2563 .ccs-check-graphic { width: 24px; height: 24px; } #stacks_in_2563 .configure-input .prefix, #stacks_in_2563 .configure-input .postfix { font-size: 16px; line-height: 16px; } #stacks_in_2563 .configure-inner-wrap > label:not(.configure-checkbox) { font-size: 16px; line-height: 16px; } #stacks_in_2563 .configure-inner-wrap > .configure-subtitle { font-size: 12px; line-height: 120%; } #stacks_in_2563.configure-wrap .select-icon { width: 16px; height: 16px; } #stacks_in_2563 .configure-number { padding: 6.000000px 6.000000px 6.000000px 14px; } #stacks_in_2563 .configure-select { padding: 10.000000px 6.000000px 10.000000px 14px; } #stacks_in_2563 .configure-text { padding: 6.000000px 14px; } #stacks_in_2563 .is-narrow .quantity-nav { height: calc(100% + 6.000000px + 6.000000px - 2px); display: grid; grid-gap: 0px; grid-template-columns: 1fr; margin-right: calc(-6.000000px + 1px); } #stacks_in_2563 .is-narrow .quantity-nav .quantity-button { height: 100%; width: 18px; line-height: 10px; } #stacks_in_2563 .is-narrow .quantity-nav .quantity-up { grid-row: 1; border-radius: 0 9px 0 0; } #stacks_in_2563 .is-narrow .quantity-nav .quantity-down { border-radius: 0 0 9px 0; box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); } #stacks_in_2563 .is-narrow .configure-number { padding: 6.000000px; } #stacks_in_2563 .configure-inner-wrap > .configure-checkbox { grid-gap: 8.000000px; } #stacks_in_2563 .configure-select > select { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 0 0 0 14px; cursor: pointer; z-index: 2; } #stacks_in_2563 .configure-input .com_onelittledesigner_stacks_Configure_Select_Option_stack, #stacks_in_2563 .ccs-check-graphic { background: rgba(255, 255, 255, 1.00); } /* GROUP */ #stacks_in_2563 .configure-group-wrap label { border: 1px solid rgba(0, 0, 0, 0.20); overflow: hidden; } #stacks_in_2563 .configure-input-wrap > .configure-input-design { border: 1px solid rgba(0, 0, 0, 0.20); background: rgba(255, 255, 255, 1.00); } #stacks_in_2563 .configure-group-wrap input:not(:checked) + label:hover:before, #stacks_in_2563 .configure-checkbox:hover input:not(:checked) + .ccs-check-graphic:before, #stacks_in_2563.configure-wrap .configure-input-design.configure-focused:before { border-radius: 9px; } /* RANGE */ #stacks_in_2563 .configure-range .fill-to { border: 1px solid rgba(0, 0, 0, 0.20); } #stacks_in_2563 .configure-range .fill-to-bar { background: rgba(60, 100, 250, 1.00); } #stacks_in_2563 .configure-tick-wrap > div { background: rgba(0, 0, 0, 0.15); } #stacks_in_2563.configure-wrap input[type=range]::-webkit-slider-thumb { border: 1px solid rgba(0, 0, 0, 0.20); background-image: linear-gradient(rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 1.00)); } #stacks_in_2563.configure-wrap input[type=range]::-moz-range-thumb { border: 1px solid rgba(0, 0, 0, 0.20); background-image: linear-gradient(rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 1.00)); } #stacks_in_2563 .configure-range .fill-to { background: rgba(0, 0, 0, 0.05); } /* CHECKBOX */ #stacks_in_2563 .ccs-checkbox-text { color: rgba(0, 0, 0, 0.70); } #stacks_in_2563 .ccs-check-graphic { border: 1px solid rgba(0, 0, 0, 0.20); } #stacks_in_2563 .configure-checkbox input:checked + .ccs-check-graphic { background-color: rgba(60, 100, 250, 1.00); border: 1px solid rgba(60, 100, 250, 1.00); } /* NUMBER */ #stacks_in_2563 .configure-number .configure-input-formatting input[type="number"] { color: transparent; } #stacks_in_2563 .configure-number .configure-input-formatting input[type="number"]:focus { color: rgba(0, 0, 0, 0.70); } /* #stacks_in_2563 .quantity-nav { padding: 7px 8px 0 0; } */ #stacks_in_2563 .quantity-button { color: rgba(0, 0, 0, 0.70); background: rgba(0, 0, 0, 0.10); } #stacks_in_2563 .quantity-button.quantity-up:before { content: "+"; color: rgba(0, 0, 0, 0.70); } #stacks_in_2563 .quantity-button.quantity-down:before { content: "-"; color: rgba(0, 0, 0, 0.70); } #stacks_in_2563 .configure-group-wrap label * { pointer-events: none; } #stacks_in_2563 .configure-group-wrap, #stacks_in_2563 .configure-group-wrap > div[tag="node"] { display: grid; grid-gap: 8px; align-items: stretch; } #stacks_in_2563 .configure-group-wrap > div[tag="node"] { padding-bottom: 48px; } #stacks_in_2563 .configure-group-wrap > div[tag="node"] > div { margin: 0; } #stacks_in_2563 .configure-group-wrap > div[tag="node"] > div[type="add"] { position: absolute !important; bottom: 0; left: 50%; transform: translateX(-50%); } #stacks_in_2563 .configure-group-wrap div { position: relative; } #stacks_in_2563 .configure-group-wrap input { position: absolute; opacity: 0; top: 0; left: 0; z-index: 0; } #stacks_in_2563 .configure-group-wrap label, #stacks_in_2563 .configure-group-wrap input:checked + label:after, #stacks_in_2563 .configure-input-wrap > .configure-input-design, #stacks_in_2563 .configure-group-wrap input + label:before, #stacks_in_2563 .configure-checkbox input + .ccs-check-graphic:before, #stacks_in_2563.configure-wrap .configure-input-design:before, #stacks_in_2563 .ccs-check-graphic { border-radius: 10px; } #stacks_in_2563 .quantity-button, #stacks_in_2563 .quantity-button:active:after { border-radius: 5.000000px; } #stacks_in_2567 { margin: 0px 0px 20px 0px; } #wrap_stacks_in_2570 .prefix { margin-right: 0; } #wrap_stacks_in_2570 .postfix { margin-left: 0; } #wrap_stacks_in_2570 .configure-inner-wrap { width: 100%; } #wrap_stacks_in_2570 .configure-group-wrap label { background-color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2570 .configure-group-wrap input:checked + label { background-color: rgba(230, 230, 230, 1.00); border-color: rgba(0, 0, 128, 1.00); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2570 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(0, 0, 128, 1.00); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2570 .configure-group-wrap label { padding: 0px 0px; } .configure-group-wrap[data-name="stacks_in_2570"], .configure-group-wrap[data-name="stacks_in_2570"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,minmax(76px,1fr)); } #stacks_in_2572{ overflow:hidden;height:280px; } #stacks_in_2573 { margin: 10px 0px 0px 0px; } #stacks_in_2576 { padding: 0px 0px 29px 0px; } #stacks_out_2576 { width: 95px; } #stacks_in_2580{ overflow:hidden;height:280px; } #stacks_in_2581 { margin: 10px 0px 0px 0px; } #stacks_in_2584 { margin: 30px 0px 0px 0px; } #stacks_out_2584 { width: 75px; } #stacks_in_2588{ overflow:hidden;height:280px; } #stacks_in_2589 { margin: 10px 0px 0px 0px; } #stacks_in_2592 { margin: 90px 0px 0px 0px; } #wrap_stacks_in_2597 .prefix { margin-right: 0; } #wrap_stacks_in_2597 .postfix { margin-left: 0; } #wrap_stacks_in_2597 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2597 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2597 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2597 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2597 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2597"], .configure-group-wrap[data-name="stacks_in_2597"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2599 .prefix { margin-right: 0; } #wrap_stacks_in_2599 .postfix { margin-left: 0; } #wrap_stacks_in_2599 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2599 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2599 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2599 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2599 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2599"], .configure-group-wrap[data-name="stacks_in_2599"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2600 .prefix { margin-right: 0; } #wrap_stacks_in_2600 .postfix { margin-left: 0; } #wrap_stacks_in_2600 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2600 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2600 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2600 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2600 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2600"], .configure-group-wrap[data-name="stacks_in_2600"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2601 .prefix { margin-right: 0; } #wrap_stacks_in_2601 .postfix { margin-left: 0; } #wrap_stacks_in_2601 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2601 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2601 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2601 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2601 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2601"], .configure-group-wrap[data-name="stacks_in_2601"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2602 .prefix { margin-right: 0; } #wrap_stacks_in_2602 .postfix { margin-left: 0; } #wrap_stacks_in_2602 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2602 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2602 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2602 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2602 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2602"], .configure-group-wrap[data-name="stacks_in_2602"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2603 .prefix { margin-right: 0; } #wrap_stacks_in_2603 .postfix { margin-left: 0; } #wrap_stacks_in_2603 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2603 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2603 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2603 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2603 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2603"], .configure-group-wrap[data-name="stacks_in_2603"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2605 .prefix { margin-right: 0; } #wrap_stacks_in_2605 .postfix { margin-left: 0; } #wrap_stacks_in_2605 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2605 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2605 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2605 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2605 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2605"], .configure-group-wrap[data-name="stacks_in_2605"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2607 .prefix { margin-right: 0; } #wrap_stacks_in_2607 .postfix { margin-left: 0; } #wrap_stacks_in_2607 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2607 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2607 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2607 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2607 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2607"], .configure-group-wrap[data-name="stacks_in_2607"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2608 .prefix { margin-right: 0; } #wrap_stacks_in_2608 .postfix { margin-left: 0; } #wrap_stacks_in_2608 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2608 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2608 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2608 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2608 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2608"], .configure-group-wrap[data-name="stacks_in_2608"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2609 .prefix { margin-right: 0; } #wrap_stacks_in_2609 .postfix { margin-left: 0; } #wrap_stacks_in_2609 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2609 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2609 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2609 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2609 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2609"], .configure-group-wrap[data-name="stacks_in_2609"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2610 .prefix { margin-right: 0; } #wrap_stacks_in_2610 .postfix { margin-left: 0; } #wrap_stacks_in_2610 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2610 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2610 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2610 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2610 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2610"], .configure-group-wrap[data-name="stacks_in_2610"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2611 .prefix { margin-right: 0; } #wrap_stacks_in_2611 .postfix { margin-left: 0; } #wrap_stacks_in_2611 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2611 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2611 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2611 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2611 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2611"], .configure-group-wrap[data-name="stacks_in_2611"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2613 .prefix { margin-right: 0; } #wrap_stacks_in_2613 .postfix { margin-left: 0; } #wrap_stacks_in_2613 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2613 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2613 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2613 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2613 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2613"], .configure-group-wrap[data-name="stacks_in_2613"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2615 .prefix { margin-right: 0; } #wrap_stacks_in_2615 .postfix { margin-left: 0; } #wrap_stacks_in_2615 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2615 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2615 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2615 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2615 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2615"], .configure-group-wrap[data-name="stacks_in_2615"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2616 .prefix { margin-right: 0; } #wrap_stacks_in_2616 .postfix { margin-left: 0; } #wrap_stacks_in_2616 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2616 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2616 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2616 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2616 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2616"], .configure-group-wrap[data-name="stacks_in_2616"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2617 .prefix { margin-right: 0; } #wrap_stacks_in_2617 .postfix { margin-left: 0; } #wrap_stacks_in_2617 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2617 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2617 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2617 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2617 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2617"], .configure-group-wrap[data-name="stacks_in_2617"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2618 .prefix { margin-right: 0; } #wrap_stacks_in_2618 .postfix { margin-left: 0; } #wrap_stacks_in_2618 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2618 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2618 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2618 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2618 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2618"], .configure-group-wrap[data-name="stacks_in_2618"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_2619 .prefix { margin-right: 0; } #wrap_stacks_in_2619 .postfix { margin-left: 0; } #wrap_stacks_in_2619 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_2619 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_2619 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2619 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_2619 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_2619"], .configure-group-wrap[data-name="stacks_in_2619"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #stacks_in_2620 { padding: 0px 0px 20px 32px; } #stacks_in_2621 { font-size: 65%; } #stacks_in_2622 { background-color: rgba(204, 204, 204, 1.00); } #stacks_in_2623 { background-color: rgba(204, 204, 204, 1.00); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 10px 32px 10px 32px; padding: 5px; } #stacks_in_2625>.s3_row { margin: 0 -10px; } #stacks_in_2625>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_2625>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_2625>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_2625>.s3_row { margin: -10px 0; } #stacks_in_2625>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_2625 { margin: 0px 0px 15px 0px; } #stacks_in_2682 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(255, 255, 255, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px; } #stacks_in_2684 { padding: 0px 0px 5px 0px; } #stacks_in_2686 { font-size: 105%; } #stacks_in_2696 { margin: 25px 0px 0px 0px; } #stacks_in_2627 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(255, 255, 255, 1.00); border-width: 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 10px; } #stacks_in_2629 { padding: 0px 0px 5px 0px; } #stacks_in_2631 { font-size: 104%; } /* FlexTable styles */ /* Bryn Owen Design, 2019 */ /* the div the table lives inside */ #FlexTableDiv_stacks_in_2562 { /* default no padding without shadows, so that generic border/rounding work nicely */ padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; /* modify div paddings to make room for shadow, but generic border/rounding will not work */ /* scroll forces scroll bars in firefox/ie - use auto to show them when necessary */ overflow-x: auto; overflow-y: auto; } #FlexTablePager_stacks_in_2562, #FlexTableCaption_stacks_in_2562, #FlexTableSearch_stacks_in_2562 { line-height: 24px !important; max-height: 24px; white-space: nowrap; display: inline-block; color: rgba(0, 0, 0, 1.00); font-size: 1.0em !important; margin-top: 0px; margin-bottom: 0px; padding-left: 6px; padding-right: 6px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #000000; position: relative; z-index: 0; } #FlexTablePager_stacks_in_2562 { background-color: rgba(255, 255, 255, 1.00); float: left; margin-left: 24px; font-family: Arial, Helvetica, sans-serif !important; vertical-align: top; border-top: none !important; -moz-border-top-left-radius: 0px !important; -moz-border-top-right-radius: 0px !important; -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } #FlexTablePager_stacks_in_2562 a { text-decoration: none !important; } #FlexTablePager_stacks_in_2562 label { display: inline; } #FlexTableRot_stacks_in_2562 { display: none; } /* the overall table itself */ #FlexTable_stacks_in_2562, #FlexTableRot_stacks_in_2562 { position: relative; z-index: 0; width: 100%; margin: 0 auto; font-size: 1.0em !important; color: rgba(0, 0, 0, 1.00); border-collapse: collapse; border: none; border-spacing: 0px 0px; } /* fix trailing margin after td paragraphs in 1.5.0 */ #FlexTable_stacks_in_2562 td p, #FlexTableRot_stacks_in_2562 td p { margin-bottom: 0; margin-top: 0; } /* every table cell */ #FlexTable_stacks_in_2562 td, #FlexTableRot_stacks_in_2562 td { /* new for 1.1.6 to improve font scaling in foundation */ font-size: 1.0em !important; border: 0px solid #000000; background-color: rgba(204, 204, 204, 1.00); text-align: Left; vertical-align: middle; padding-left: 4px !important; padding-right: 4px !important; padding-top: 2px !important; padding-bottom: 2px !important; width: auto; } /* first row overrides */ #FlexTable_stacks_in_2562 tr:first-child td { vertical-align: middle; } /* first column for rotated table */ #FlexTableRot_stacks_in_2562 td:first-child { text-align: Left; width: auto; } #FlexTableRot_stacks_in_2562 td { width: auto !important; } /* first column overrides */ #FlexTable_stacks_in_2562 td:first-child { text-align: Left; width: auto; } /* rotated table first row second column overrides */ #FlexTableRotR1C2_stacks_in_2562 { } /* outer table radius when collapsed */ #FlexTable_stacks_in_2562 tr:first-child td:first-child { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; } #FlexTable_stacks_in_2562 tr:first-child td:last-child { -moz-border-radius-topright: 0px !important; -webkit-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important; } #FlexTable_stacks_in_2562 tr:last-child td:first-child { -moz-border-radius-bottomleft: 0px !important; -webkit-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } #FlexTable_stacks_in_2562 tr:last-child td:last-child { -moz-border-radius-bottomright: 0px !important; -webkit-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } @media all and (max-width: 600px) { #FlexTable_stacks_in_2562, #FlexTableRot_stacks_in_2562, #FlexTablePager_stacks_in_2562, #FlexTableCaption_stacks_in_2562, #FlexTableSearch_stacks_in_2562, #FlexTableSearch_search_stacks_in_2562, #FlexTableSearch_button_stacks_in_2562 { /* one master location for font scaling etc. */ font-size: 1.00em !important; line-height: 1.2em; } /* new for 1.1.6 to improve font scaling in foundation */ #FlexTable_stacks_in_2562 tr td, #FlexTableRot_stacks_in_2562 tr td { /* font-size: 1.00em !important; */ font-size: 1em !important; } /* added in 1.5.0 for paragraphs inside td from Markdown */ #FlexTable_stacks_in_2562 td p, #FlexTableRot_stacks_in_2562 td p { /* font-size: 1.00em !important; */ font-size: 1em !important; } #FlexTableSearch_search_stacks_in_2562 { width: 100px !important; } } /* hover dynamics for pager/search, disabled on small screens */ @media all and (min-width: 600px) { } /* never print search and pager */ @media print { #FlexTablePager_stacks_in_2562, #FlexTableSearch_stacks_in_2562 { display: none !important; } } #stacks_in_2650 { background-color: rgba(204, 204, 204, 1.00); } #stacks_in_2658 { background-color: rgba(204, 204, 204, 1.00); } #stacks_in_2666 { background-color: rgba(204, 204, 204, 1.00); } #stacks_in_2672 { background-color: rgba(204, 204, 204, 1.00); } #stacks_in_2677 { background-color: rgba(204, 204, 204, 1.00); margin: 20px 0px 0px 0px; } #stacks_in_2680 { background-color: rgba(204, 204, 204, 1.00); margin: 10px 0px 0px 0px; padding: 0px 15px 15px 15px; } .space_stacks_in_2267.hiddenspaces { position: relative; } .space_stacks_in_2267.hiddenspaces[class*=' show'], .space_stacks_in_2267.hiddenspaces[class*=' hide'] { z-index: 9999; } .hiddenspaces-background.bg_stacks_in_2267 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; min-height: 100%; /* max-height: 100%; */ visibility: hidden; transition: visibility 0s linear; pointer-events: none; display: grid; align-items: center; } .space_stacks_in_2267.hiddenspaces.hs-is-sticky > .hiddenspaces-background.bg_stacks_in_2267 { align-items: flex-start; } .space_stacks_in_2267.hiddenspaces.hs-is-sticky > .hiddenspaces-background.bg_stacks_in_2267 > .hiddenspaces-content { position: -webkit-sticky; position: sticky; top: 0px; } .space_stacks_in_2267 .hiddenspaces-animation-wrapper { transform: translate(0, 0); will-change: transform; } .space_stacks_in_2267 .hiddenspaces-animation-wrapper-inner { transform: scale(1); will-change: transform; } .hiddenspaces-background.bg_stacks_in_2267, #stacks_in_2267 .hiddenspaces-content, .space_stacks_in_2267.show_stacks_in_2267.hiddenspaces { background-color : rgba(204, 204, 204, 1.00); } .hiddenspaces-background.bg_stacks_in_2267 > .hiddenspaces-content { max-height: 100%; overflow: auto; width: 100%; max-width: 600px; padding: 5px 0px 5px 32px; } .space_stacks_in_2267 > .hiddenspaces-animation-wrapper, .space_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner, .space_stacks_in_2267.hide_stacks_in_2267 > .hiddenspaces-animation-wrapper, .space_stacks_in_2267.hide_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner, .space_stacks_in_2267.show_stacks_in_2267 > .hiddenspaces-animation-wrapper, .space_stacks_in_2267.show_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner { transition: transform 0.40s ease; } .space_stacks_in_2267.space-transition > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner, .space_stacks_in_2267.show_stacks_in_2267.space-transition > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner { transition: transform 0.40s ease, transform-origin 0.40s ease; } .space_stacks_in_2267.hs-is-transparent > .hiddenspaces-background.bg_stacks_in_2267 { visibility: visible; } .space_stacks_in_2267.hs-is-transparent > .hiddenspaces-background.bg_stacks_in_2267 > .hiddenspaces-content { overflow: visible; } .space_stacks_in_2267.hs-is-transparent > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner { background: transparent !important; } div:not(.hs-is-transparent) > .hiddenspaces-background.bg_stacks_in_2267 { opacity: 0; visibility: visible; pointer-events: none; transition: visibility 0ms linear, opacity 0.40s linear; } div.show_stacks_in_2267:not(.hs-is-transparent) > .hiddenspaces-background.bg_stacks_in_2267 { opacity: 1; visibility: visible; pointer-events: all; transition: visibility 0ms linear, opacity 0s linear; } div.show_stacks_in_2267.space-transition:not(.hs-is-transparent) > .hiddenspaces-background.bg_stacks_in_2267 { opacity: 1; visibility: visible; pointer-events: all; transition: visibility 0ms linear, opacity 0.40s linear; } div.hide_stacks_in_2267:not(.hs-is-transparent) > .hiddenspaces-background.bg_stacks_in_2267 { opacity: 0; visibility: visible; pointer-events: none; transition: visibility 0ms linear, opacity 0s linear; animation: 0.40s 1 normal stay_visible_stacks_in_2267; } @keyframes stay_visible_stacks_in_2267 { 0% { opacity: 1; } 100% { opacity: 1; } } .space_stacks_in_2267.show_stacks_in_2267 > .hiddenspaces-animation-wrapper { transform: translateX(600px) translateY(0) !important; opacity: 1; } .space_stacks_in_2267.hide_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner, .space_stacks_in_2267.show_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner { transform-origin: left center ; } .show_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner { cursor: pointer; transform: scale(0.90); filter: blur(5.00px); } .space_stacks_in_2267.hide_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner > *:not(.hiddenspaces-toggle) { opacity: 1; transition: opacity 0.40s ease; } .space_stacks_in_2267.show_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner > *:not(.hiddenspaces-toggle) { opacity: 1.00; transition: opacity 0.40s ease; } .space_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner > .hs-fx-wrap, .space_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner > .hs-fx-wrap > .hs-cutout-bg, .space_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner > .hs-fx-wrap > .hs-cutout-bg > div { position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; z-index: -1; } .space_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner > .hs-fx-wrap > .hs-shadow, .space_stacks_in_2267.show_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner > .hs-fx-wrap > .hs-shadow { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; opacity: 0; transition: opacity 0.40s ease; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .space_stacks_in_2267.show_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner > .hs-fx-wrap > .hs-shadow { opacity: 1; } .ct_stacks_in_2267 > .open-direction-icon { transform: rotate(0deg) ; transition: transform 0.40s ease; } .toggled_stacks_in_2267.ct_stacks_in_2267 > .open-direction-icon { transform: rotate(180deg) ; } .ct_stacks_in_2267 > .open-direction-icon.center-adjust { transform: translateX(1.5px) rotate(0deg) ; transition: transform 0.40s ease; } .toggled_stacks_in_2267.ct_stacks_in_2267 > .open-direction-icon.center-adjust { transform: translateX(-1.5px) rotate(180deg) ; } .ct_stacks_in_2267 > svg:nth-child(1):not(.open-direction-icon) { opacity: 1; transform: rotate(0deg); transition: transform 0.40s ease, opacity 0.40s ease; } .toggled_stacks_in_2267.ct_stacks_in_2267 > svg:nth-child(1):not(.open-direction-icon) { opacity: 0; transform: rotate(180deg); } .ct_stacks_in_2267 > svg.center-adjust-left:nth-child(1):not(.open-direction-icon) { transform: translateX(-1px) rotate(0deg); } .toggled_stacks_in_2267.ct_stacks_in_2267 > svg.center-adjust-left:nth-child(1):not(.open-direction-icon) { transform: translateX(-1px) rotate(180deg); } .ct_stacks_in_2267 > svg:nth-child(2) { opacity: 0; transform: rotate(-180deg); position: absolute; transition: transform 0.40s ease, opacity 0.40s ease; } .toggled_stacks_in_2267.ct_stacks_in_2267 > svg:nth-child(2) { opacity: 1; transform: rotate(0deg); } .show_stacks_in_2267 > .hiddenspaces-animation-wrapper > .hiddenspaces-animation-wrapper-inner *:not(.hiddenspaces-toggle-custom):not(.hiddenspaces-toggle) { pointer-events: none; } .hiddenspaces-toggle.ct_stacks_in_2267 { border: 1px solid rgba(7, 64, 128, 1.00); background-color: rgba(230, 230, 230, 1.00); margin: 8px 0; position: relative; height: 40px; padding: 6px 22px 6px 20px; border-radius: 10px; cursor: pointer; display: inline-grid; grid-template-columns: min-content min-content; grid-gap: 4px; } .hiddenspaces-toggle-custom.ct_stacks_in_2267{ display: inline-block; } .hiddenspaces-toggle.ct_stacks_in_2267:active:after { border-radius: 10px; } .hiddenspaces-toggle.ct_stacks_in_2267 svg { width: 26px; } .hiddenspaces-toggle.ct_stacks_in_2267 .toggle-text { margin: 0; white-space: nowrap; line-height: 26px; font-size: 20px; } .ct_stacks_in_2267 > svg:nth-child(2) { width: 26px; height: 26px; left: 20px; top: 6px; } .stacks_in_2267 { display: grid; } .hiddenspaces-toggle-custom.ct_stacks_in_2267, .hiddenspaces-toggle.ct_stacks_in_2267 { justify-self: center; } .hiddenspaces-toggle.ct_stacks_in_2267 > svg { stroke: rgba(7, 64, 128, 1.00); fill: rgba(7, 64, 128, 1.00); color: rgba(7, 64, 128, 1.00); } .hiddenspaces-toggle.ct_stacks_in_2267 > .toggle-text { color: rgba(7, 64, 128, 1.00); } .hiddenspaces-toggle.ct_stacks_in_2267:active:after { content: ""; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; background-color: rgba(0,0,0,0.15); } .space_stacks_in_2267 + .hiddenspaces-toggle.ct_stacks_in_2267, .space_stacks_in_2267 + .hiddenspaces-toggle-custom.ct_stacks_in_2267, .hiddenspaces-animation-wrapper-inner > .hiddenspaces-toggle.ct_stacks_in_2267, .hiddenspaces-animation-wrapper-inner > .hiddenspaces-toggle-custom.ct_stacks_in_2267 { z-index: 99; position: absolute; margin: 16px 16px; left: 50%;transform: translateX(-50%); margin: 16px 0px; top: 0px; } .space_stacks_in_2267 + .hiddenspaces-toggle.ct_stacks_in_2267, .space_stacks_in_2267 + .hiddenspaces-toggle-custom.ct_stacks_in_2267 { z-index: 9999; position: fixed; } .stacks_in_2267 .hiddenspaces-content { display: none; } #stacks_in_2270 { background-color: rgba(230, 230, 230, 1.00); border: solid rgba(7, 64, 128, 1.00); border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 0px 100px 0px 100px; } #stacks_in_2033 { font-size: 140%; } #stacks_in_2030 { border: solid rgba(255, 255, 255, 1.00); border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 80px 0px 0px; padding: 10px; } #stacks_in_2392 { padding: 5px 0px 0px 8px; } #stacks_in_2393 { font-size: 65%; } #stacks_in_2167 { margin: 20px 0px 0px 0px; } #stacks_in_2170 { border: solid rgba(204, 204, 204, 1.00); border-width: 1px; margin: 15px; } #stacks_in_2174 { font-size: 140%; } #shady_stack_stacks_in_2175 { max-width: none; margin: 0 auto; } #shady_stack_shadow_stacks_in_2175 { box-shadow: 0rem 0rem 0.8rem 0.4rem rgba(153, 153, 153, 1.00); border-radius: 0rem; overflow: hidden; padding: 1.0rem; margin: 1.0rem; border: none 0.10rem rgba(51, 51, 51, 1.00); } @media print { #shady_stack_shadow_stacks_in_2175 { margin: 0; padding: 0; box-shadow: none; border-radius: 0px; } } #toggleWrapper_stacks_in_2168 { display: block; position: relative; z-index: 1; } #mechanical { padding: 20px; margin: 0; font-weight: normal; display: block; color: rgba(102, 102, 102, 1.00); text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #mechanical { background: rgba(234, 234, 234, 1.00); } #mechanical:hover { color: rgba(153, 153, 153, 1.00); cursor: pointer; } /* Toggle Button */ #mechanical .normalContent { display: inherit; } #mechanical .hoveredContent { display: none; } #mechanical:hover .normalContent { display: none; } #mechanical:hover .hoveredContent { display: inherit; } /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_2168.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; left: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_2168.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: rgba(102, 102, 102, 1.00); } #toggleButtonstacks_in_2168.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_2168.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; left: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_2168.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: rgba(102, 102, 102, 1.00); } #toggleButtonstacks_in_2168.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_2168 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: rgba(102, 102, 102, 1.00); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_2168 { background: rgba(234, 234, 234, 1.00); } @media print { #toggleButtonstacks_in_2168, #toggleButtonstacks_in_2168.toggleOpenIcon, #toggleButtonstacks_in_2168.toggleCloseIcon, #mechanical a:link:after, #mechanical a:visited:after { display: none !important; } #toggleContainer_stacks_in_2168 { display: block !important; } } #stacks_in_2168 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_2176 { margin: 3px 0px 0px 45px; } #stacks_in_2179 { border: solid rgba(255, 255, 255, 1.00); border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 0px 10px 0px; padding: 10px; } #stacks_in_2196 { background-color: rgba(7, 64, 128, 1.00); margin: 5px 30px 0px 0px; padding: 15px 10px 0px 10px; } #stacks_in_2186 { margin: 15px 0px 0px 0px; } #shady_stack_stacks_in_2400 { max-width: none; margin: 0 auto; } #shady_stack_shadow_stacks_in_2400 { box-shadow: 0rem 0rem 0.8rem 0.4rem rgba(153, 153, 153, 1.00); border-radius: 0.4rem; overflow: hidden; padding: 1.0rem; margin: 1.0rem; border: none 0.10rem rgba(51, 51, 51, 1.00); } @media print { #shady_stack_shadow_stacks_in_2400 { margin: 0; padding: 0; box-shadow: none; border-radius: 0px; } } #stacks_in_2193 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_2195 { font-size: 90%; } /* -- Start Truedownload2 Each css Template -- */ #hiddenDownloader{ display: none; height:0px !important; padding: 0px !important; margin: 0px !important; } #hiddenDownloader *{ display: none; height:0px !important; padding: 0px !important; margin: 0px !important; } .stacks_in_2189faicon{ display: inline; } .stacks_in_2189wrapper{ text-align: center; } /* -- Style 1 -- */ .stacks_in_2189td-style-1{ } .stacks_in_2189button{ position: relative; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; background: rgba(7, 64, 128, 0.50); border: 1px solid transparent; border-radius: 4px; color: rgba(255, 255, 255, 1.00); } .stacks_in_2189badge{ position: relative; display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: rgba(255, 255, 255, 1.00); text-align: center; white-space: nowrap; vertical-align: middle; background-color: rgba(51, 124, 181, 1.00); border-radius: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; top: -1px; margin-left: 2px; } .stacks_in_2189counttext{ display: none; } /* -- Style 2 -- */ .stacks_in_2189td-style-2 .stacks_in_2189button{ padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } /* -- Style 3 -- */ .stacks_in_2189td-style-3{ padding-top: 9px; padding-right: 8px; } .stacks_in_2189td-style-3 .stacks_in_2189button{ padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .stacks_in_2189td-style-3 .stacks_in_2189badge{ position: absolute; top: -8px; right: -9px; margin-left: 0; } .stacks_in_2189badge{ display: none; } /* -- End Button Styles -- */ /* -- End Truedownload2 Each css Template -- */ #stacks_in_2199 { border: solid rgba(255, 255, 255, 1.00); border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 0px 10px 0px; padding: 10px; } #stacks_in_2215 { background-color: rgba(7, 64, 128, 1.00); margin: 5px 30px 0px 0px; padding: 15px 10px 0px 10px; } #stacks_in_2205 { margin: 15px 0px 0px 0px; } #shady_stack_stacks_in_2404 { max-width: none; margin: 0 auto; } #shady_stack_shadow_stacks_in_2404 { box-shadow: 0rem 0rem 0.8rem 0.4rem rgba(153, 153, 153, 1.00); border-radius: 0.4rem; overflow: hidden; padding: 1.0rem; margin: 1.0rem; border: none 0.10rem rgba(51, 51, 51, 1.00); } @media print { #shady_stack_shadow_stacks_in_2404 { margin: 0; padding: 0; box-shadow: none; border-radius: 0px; } } #stacks_in_2212 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_2214 { font-size: 90%; } /* -- Start Truedownload2 Each css Template -- */ #hiddenDownloader{ display: none; height:0px !important; padding: 0px !important; margin: 0px !important; } #hiddenDownloader *{ display: none; height:0px !important; padding: 0px !important; margin: 0px !important; } .stacks_in_2208faicon{ display: inline; } .stacks_in_2208wrapper{ text-align: center; } /* -- Style 1 -- */ .stacks_in_2208td-style-1{ } .stacks_in_2208button{ position: relative; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; background: rgba(7, 64, 128, 0.50); border: 1px solid transparent; border-radius: 4px; color: rgba(255, 255, 255, 1.00); } .stacks_in_2208badge{ position: relative; display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: rgba(255, 255, 255, 1.00); text-align: center; white-space: nowrap; vertical-align: middle; background-color: rgba(51, 124, 181, 1.00); border-radius: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; top: -1px; margin-left: 2px; } .stacks_in_2208counttext{ display: none; } /* -- Style 2 -- */ .stacks_in_2208td-style-2 .stacks_in_2208button{ padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } /* -- Style 3 -- */ .stacks_in_2208td-style-3{ padding-top: 9px; padding-right: 8px; } .stacks_in_2208td-style-3 .stacks_in_2208button{ padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .stacks_in_2208td-style-3 .stacks_in_2208badge{ position: absolute; top: -8px; right: -9px; margin-left: 0; } .stacks_in_2208badge{ display: none; } /* -- End Button Styles -- */ /* -- End Truedownload2 Each css Template -- */ #stacks_in_2218 { border: solid rgba(255, 255, 255, 1.00); border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 0px 10px 0px; padding: 10px; } #stacks_in_2219 { margin: 20px; padding: 20px; } #shady_stack_stacks_in_2223 { max-width: none; margin: 0 auto; } #shady_stack_shadow_stacks_in_2223 { box-shadow: 0rem 0rem 0.8rem 0.4rem rgba(153, 153, 153, 1.00); border-radius: 0rem; overflow: hidden; padding: 1.0rem; margin: 1.0rem; border: none 0.10rem rgba(51, 51, 51, 1.00); } @media print { #shady_stack_shadow_stacks_in_2223 { margin: 0; padding: 0; box-shadow: none; border-radius: 0px; } } #toggleWrapper_stacks_in_2169 { display: block; position: relative; z-index: 1; } #chemical { padding: 20px; margin: 0; font-weight: normal; display: block; color: rgba(102, 102, 102, 1.00); text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 150%; line-height: 30px; } #chemical { background: rgba(234, 234, 234, 1.00); } #chemical:hover { color: rgba(153, 153, 153, 1.00); cursor: pointer; } /* Toggle Button */ #chemical .normalContent { display: inherit; } #chemical .hoveredContent { display: none; } #chemical:hover .normalContent { display: none; } #chemical:hover .hoveredContent { display: inherit; } /* Local Image Buttons */ /* Warehoused Image Buttons */ /* Font Awesone Icon Buttons */ #toggleButtonstacks_in_2169.togglePlusClosed .toggleOpenIcon { display: block; position: absolute; left: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_2169.togglePlusClosed .toggleOpenIcon [class^="fa fa-"] { color: rgba(102, 102, 102, 1.00); } #toggleButtonstacks_in_2169.togglePlusClosed .toggleCloseIcon { display: none; } #toggleButtonstacks_in_2169.togglePlusOpened .toggleCloseIcon { display: block; position: absolute; left: 20px; top: 20px; z-index: 20; font-size: 30px; line-height: 1.00em; } #toggleButtonstacks_in_2169.togglePlusOpened .toggleCloseIcon [class^="fa fa-"] { color: rgba(102, 102, 102, 1.00); } #toggleButtonstacks_in_2169.togglePlusOpened .toggleOpenIcon { display: none; } #toggleContainer_stacks_in_2169 { display: none; margin-top: 5px; padding: 20px; overflow: hidden; color: rgba(102, 102, 102, 1.00); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #toggleContainer_stacks_in_2169 { background: rgba(234, 234, 234, 1.00); } @media print { #toggleButtonstacks_in_2169, #toggleButtonstacks_in_2169.toggleOpenIcon, #toggleButtonstacks_in_2169.toggleCloseIcon, #chemical a:link:after, #chemical a:visited:after { display: none !important; } #toggleContainer_stacks_in_2169 { display: block !important; } } #stacks_in_2169 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_2224 { margin: 3px 0px 0px 45px; } #stacks_in_2227 { border: solid rgba(255, 255, 255, 1.00); border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 0px 10px 0px; padding: 10px; } #stacks_in_2244 { background-color: rgba(7, 64, 128, 1.00); margin: 5px 30px 0px 0px; padding: 15px 10px 0px 10px; } #stacks_in_2234 { margin: 15px 0px 0px 0px; } #shady_stack_stacks_in_2406 { max-width: none; margin: 0 auto; } #shady_stack_shadow_stacks_in_2406 { box-shadow: 0rem 0rem 0.8rem 0.4rem rgba(153, 153, 153, 1.00); border-radius: 0.4rem; overflow: hidden; padding: 1.0rem; margin: 1.0rem; border: none 0.10rem rgba(51, 51, 51, 1.00); } @media print { #shady_stack_shadow_stacks_in_2406 { margin: 0; padding: 0; box-shadow: none; border-radius: 0px; } } #stacks_in_2241 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_2243 { font-size: 90%; } /* -- Start Truedownload2 Each css Template -- */ #hiddenDownloader{ display: none; height:0px !important; padding: 0px !important; margin: 0px !important; } #hiddenDownloader *{ display: none; height:0px !important; padding: 0px !important; margin: 0px !important; } .stacks_in_2237faicon{ display: inline; } .stacks_in_2237wrapper{ text-align: center; } /* -- Style 1 -- */ .stacks_in_2237td-style-1{ } .stacks_in_2237button{ position: relative; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; background: rgba(7, 64, 128, 0.50); border: 1px solid transparent; border-radius: 4px; color: rgba(255, 255, 255, 1.00); } .stacks_in_2237badge{ position: relative; display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: rgba(255, 255, 255, 1.00); text-align: center; white-space: nowrap; vertical-align: middle; background-color: rgba(51, 124, 181, 1.00); border-radius: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; top: -1px; margin-left: 2px; } .stacks_in_2237counttext{ display: none; } /* -- Style 2 -- */ .stacks_in_2237td-style-2 .stacks_in_2237button{ padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } /* -- Style 3 -- */ .stacks_in_2237td-style-3{ padding-top: 9px; padding-right: 8px; } .stacks_in_2237td-style-3 .stacks_in_2237button{ padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .stacks_in_2237td-style-3 .stacks_in_2237badge{ position: absolute; top: -8px; right: -9px; margin-left: 0; } .stacks_in_2237badge{ display: none; } /* -- End Button Styles -- */ /* -- End Truedownload2 Each css Template -- */ #stacks_in_2247 { border: solid rgba(255, 255, 255, 1.00); border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 0px 10px 0px; padding: 10px; } #stacks_in_2263 { background-color: rgba(7, 64, 128, 1.00); margin: 5px 30px 0px 0px; padding: 15px 10px 0px 10px; } #stacks_in_2253 { margin: 15px 0px 0px 0px; } #shady_stack_stacks_in_2408 { max-width: none; margin: 0 auto; } #shady_stack_shadow_stacks_in_2408 { box-shadow: 0rem 0rem 0.8rem 0.4rem rgba(153, 153, 153, 1.00); border-radius: 0.4rem; overflow: hidden; padding: 1.0rem; margin: 1.0rem; border: none 0.10rem rgba(51, 51, 51, 1.00); } @media print { #shady_stack_shadow_stacks_in_2408 { margin: 0; padding: 0; box-shadow: none; border-radius: 0px; } } #stacks_in_2260 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_2262 { font-size: 90%; } /* -- Start Truedownload2 Each css Template -- */ #hiddenDownloader{ display: none; height:0px !important; padding: 0px !important; margin: 0px !important; } #hiddenDownloader *{ display: none; height:0px !important; padding: 0px !important; margin: 0px !important; } .stacks_in_2256faicon{ display: inline; } .stacks_in_2256wrapper{ text-align: center; } /* -- Style 1 -- */ .stacks_in_2256td-style-1{ } .stacks_in_2256button{ position: relative; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; background: rgba(7, 64, 128, 0.50); border: 1px solid transparent; border-radius: 4px; color: rgba(255, 255, 255, 1.00); } .stacks_in_2256badge{ position: relative; display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: rgba(255, 255, 255, 1.00); text-align: center; white-space: nowrap; vertical-align: middle; background-color: rgba(51, 124, 181, 1.00); border-radius: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; top: -1px; margin-left: 2px; } .stacks_in_2256counttext{ display: none; } /* -- Style 2 -- */ .stacks_in_2256td-style-2 .stacks_in_2256button{ padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } /* -- Style 3 -- */ .stacks_in_2256td-style-3{ padding-top: 9px; padding-right: 8px; } .stacks_in_2256td-style-3 .stacks_in_2256button{ padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .stacks_in_2256td-style-3 .stacks_in_2256badge{ position: absolute; top: -8px; right: -9px; margin-left: 0; } .stacks_in_2256badge{ display: none; } /* -- End Button Styles -- */ /* -- End Truedownload2 Each css Template -- */