/* 1.5.0.1 - hotfix: display bug with dropdown items in edit mode */ #stacks_in_2 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_2 .clean-menu-extra { display: none; } #clean-menu_stacks_in_2 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_2 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_2.cm-full-menu li > a:hover, #clean-menu_stacks_in_2 li > a:hover { text-decoration: none; } #stacks_in_2 nav { border: 0px solid transparent; } #clean-menu_stacks_in_2 { max-width: 1320px; box-sizing: border-box; padding: 0px 20px; margin: 0 auto; } /* compatability fixes */ #clean-menu_stacks_in_2 ul { margin: 0; } #clean-menu-full_stacks_in_2.cm-full-menu ul, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_2 ul li > a:after, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li > a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_2.cm-full-menu, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_2.cm-full-menu ul, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul { text-decoration: none; list-style: none; margin: 0; display: block; padding: 0px 0px; background: transparent; } #clean-menu-full_stacks_in_2.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_2.cm-full-menu ul li, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_2.cm-full-menu ul li > a, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li > a { padding: 5px 20px; margin: 0; line-height: 1; background: transparent; display: inline-block; } #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li > a { padding: 6px 20px; } #clean-menu-full_stacks_in_2.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_2.cm-full-menu ul > li > .cm-custom-content { padding: 4px 20px 4px 20px; } #clean-menu-full_stacks_in_2.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 20px 4px 30px; } #clean-menu-full_stacks_in_2.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 20px 4px 0px; } #clean-menu-full_stacks_in_2.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: 1; height: auto; } #clean-menu-full_stacks_in_2.cm-full-menu ul > div, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_2.cm-full-menu ul > div a, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_2.cm-full-menu ul ul, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_2.cm-full-menu, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul { position: absolute; z-index: 9999; pointer-events: none; opacity: 0; -webkit-transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: -webkit-transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, opacity 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease, opacity 300ms ease; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); min-width: 250px; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0,0,0,0.4); } #clean-menu-full_stacks_in_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_2.cm-full-menu { height: 0; overflow: hidden; } #clean-menu-full_stacks_in_2.cm-full-menu.clean-menu-active { height: auto; } #clean-menu-full_stacks_in_2.cm-full-menu { -webkit-transform: translate(-50%, 50px); transform: translate(-50%, 50px); } #clean-menu-full_stacks_in_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(-50%, 5px); transform: translate(-50%, 5px); } #clean-menu-full_stacks_in_2.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_2 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_2.clean-menu-active ul { opacity: 1; pointer-events: all; } .cm-toggle { width: 30px; height: 28px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .cm-toggle span { display: block; position: absolute; height: 5px; width: 100%; background: #333; border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .cm-toggle span:nth-child(1) { top: 0px; } .cm-toggle span:nth-child(2),.cm-toggle span:nth-child(3) { top: 10px; } .cm-toggle span:nth-child(4) { top: 20px; } .cm-toggle.open span:nth-child(1) { opacity: 0; } .cm-toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cm-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cm-toggle.open span:nth-child(4) { opacity: 0; } #clean-menu_stacks_in_2 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } #clean-menu_stacks_in_2 > div { align-self: center; } #clean-menu_stacks_in_2 .clean-menu-full .cm-menu-toggle { width: 30px; height: 25px; box-sizing: border-box; padding: 0; /* border: 1px solid #000;*/ border-radius: 3px; cursor: pointer; } #clean-menu_stacks_in_2 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_2 .clean-menu-logo { max-width: 250px; min-width: 250px; margin: 0; } #clean-menu_stacks_in_2 .clean-menu-logo .cm-logo-wrap { max-width: 250px; min-width: 250px; -webkit-box-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; } #clean-menu_stacks_in_2 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_2 .clean-menu-logo > div > div { align-self: center; } #clean-menu_stacks_in_2 .clean-menu-logo .cm-logo-left { max-width: 73px; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_2 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_2 .clean-menu-top-level ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-end; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; padding: 0; text-decoration: none; } #clean-menu_stacks_in_2 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_2 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li { margin: 0 15px; align-self: center; line-height: 1; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } div[tag="slice"] > .mez > #stacks_in_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_2 .clean-menu-top-level ul li > a:visited { transition: color 150ms ease; text-decoration: none; color: rgba(20, 154, 178, 1.00); font-size: inherit; font-weight: bold; line-height: 25px; align-items: center; padding: 0; display: -ms-flexbox; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; } #clean-menu-full_stacks_in_2.cm-full-menu ul li > a { font-size: inherit; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li > a, #clean-menu-full_stacks_in_2.cm-full-menu ul li > a { font-family: inherit; } #clean-menu-full_stacks_in_2.cm-full-menu > ul > li > a { font-weight: bold; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li > a svg { fill: rgba(20, 154, 178, 1.00); align-self: center; vertical-align: middle; } #clean-menu-full_stacks_in_2.cm-full-menu ul li > a, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li > a{ transition: color 150ms ease; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_2.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; display: flex; align-items: center; } #clean-menu-full_stacks_in_2.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li.cm-grouped-item > a, #clean-menu-full_stacks_in_2.cm-full-menu ul li.cm-grouped-item > a { display: inline-block; margin-left: 8px; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li.cm-grouped-item > a { padding: 0; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li.cm-grouped-item > a:first-child, #clean-menu-full_stacks_in_2.cm-full-menu ul li.cm-grouped-item > a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_2.cm-full-menu ul li.cm-grouped-item > a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li > a ion-icon, #clean-menu_stacks_in_2 .clean-menu-top-level ul li > a i, #clean-menu-full_stacks_in_2.cm-full-menu ul li > a ion-icon, #clean-menu-full_stacks_in_2.cm-full-menu ul li > a i { font-size: 25px; line-height: 25px; } #stacks_in_2 li > a svg, #clean-menu_stacks_in_2 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li > a svg { width: 25px; height: 25px; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li > a:hover { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_2 .clean-menu-top-level ul li > a:hover svg, #clean-menu-full_stacks_in_2.cm-full-menu ul li > a:hover svg { fill: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_2 .clean-menu-top-level ul li > a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li.cm-current > a { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_2 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_2.cm-full-menu ul li.cm-current > a svg { fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_2 .cm-toggle span { background: #1394AA; } #clean-menu_stacks_in_2 h1, #clean-menu_stacks_in_2 h2, #clean-menu_stacks_in_2 h3, #clean-menu_stacks_in_2 h4, #clean-menu_stacks_in_2 h5, #clean-menu_stacks_in_2 h6, #clean-menu_stacks_in_2 .layouts-text, #clean-menu_stacks_in_2 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_2.cm-full-menu, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul { background: rgba(255, 255, 255, 1.00); } #clean-menu-full_stacks_in_2.cm-full-menu > ul > li, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_2.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_2.cm-full-menu ul li > a, #clean-menu-full_stacks_in_2.cm-full-menu ul li > a:visited, #clean-menu-full_stacks_in_2.cm-full-menu ul li > a svg, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li > a, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li > a:visited, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li > a svg, #clean-menu-full_stacks_in_2.cm-full-menu ul ul li:before { color: rgba(0, 0, 0, 0.40); fill: rgba(0, 0, 0, 0.40); } #clean-menu-full_stacks_in_2.cm-full-menu ul li > a:hover, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li > a:hover, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li > a:hover svg { color: rgba(0, 0, 0, 0.20); fill: rgba(0, 0, 0, 0.20); } /* #clean-menu-full_stacks_in_2.cm-full-menu ul li > a.cm-heading:hover, #clean-menu-full_stacks_in_2.cm-full-menu ul li > a.cm-heading:hover svg, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li > a.cm-heading:hover { color: rgba(0, 0, 0, 0.40); cursor: default; } */ #clean-menu-full_stacks_in_2.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li.cm-current > a svg { color: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(20, 154, 178, 1.00); } #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(20, 154, 178, 1.00); } */ #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(0, 0, 0, 0.60); } .disable-parents #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li > a.parent:hover:after, .disable-parents #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul li > a.parent:hover, #clean-menu-full_stacks_in_2.cm-full-menu.disable-parents ul li > a.parent:hover { color: rgba(0, 0, 0, 0.40); border-color: rgba(0, 0, 0, 0.40); } .disable-parents #clean-menu_stacks_in_2 .clean-menu-top-level ul li > a.parent:hover, .disable-parents #clean-menu_stacks_in_2 .clean-menu-top-level ul li > a.parent:hover:after { color: rgba(20, 154, 178, 1.00); border-color: rgba(20, 154, 178, 1.00); } #clean-menu_stacks_in_2 .clean-menu-logo .cm-logo-wrap { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_2 .clean-menu-full { width: 40px; -webkit-box-flex: none; -ms-flex: none; flex: none; } #clean-menu_stacks_in_2 .clean-menu-logo { width: auto; max-width: 9999px; } #clean-menu_stacks_in_2 .clean-menu-logo .cm-logo-wrap { max-width: 250px; margin-right: 5px; width: 100%; } div[tag="slice"] > .mez > #stacks_in_2.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } @media all and (min-width: 771px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_2.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_2 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_2.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_2 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_2 .clean-menu-top-level > ul > li > ul.cm-wide > li { text-align: left; align-self: flex-start; } } @media all and (max-width: 770px) { #clean-menu_stacks_in_2.clean-menu { gap: 0 16px; } #clean-menu-full_stacks_in_2 { min-width: 300px; } #clean-menu_stacks_in_2 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_2 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_2 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_2 .clean-menu-top-level { display: none; } #clean-menu_stacks_in_2 .clean-menu-full .cm-menu-toggle { float: right; } #clean-menu-full_stacks_in_2.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_2.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_2.cm-full-menu ul > li > .cm-custom-content { padding: 4px 24px 4px 24px; } #clean-menu-full_stacks_in_2.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 24px 4px 34px; } #clean-menu-full_stacks_in_2.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 24px 4px 0px; } #clean-menu-full_stacks_in_2.cm-full-menu ul li.cm-grouped-item{ padding: 4px 24px; } #clean-menu-full_stacks_in_2.cm-full-menu ul li > a { font-size: calc(inherit + 2 ); line-height: calc(inherit + 2 ); padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_2.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_2.cm-full-menu ul li.cm-grouped-item > a { width: auto; } #clean-menu-full_stacks_in_2.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_2.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_2 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_2 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_2 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_2 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_2 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_2.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_2.cm-full-menu ul li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_2.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_2.cm-full-menu ul li.cm-grouped-item > a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_2.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_2.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_2.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } .cm-mobile-example #clean-menu_stacks_in_2 .clean-menu-full .cm-menu-toggle { float: right; } #clean-menu_stacks_in_2 .clean-menu-top-level ul li.cm-current > a { } #stacks_in_2 { background-color: rgba(255, 255, 255, 1.00); } .hp_stacks_in_11 .hp-bg-layer { background-color : rgba(255, 255, 255, 1.00); } .hp_stacks_in_11 .hp-fg-layer { } .hp_stacks_in_11 .hp-fg-layer .hp-section { } .hp_stacks_in_11 .hp-fg-layer > .hp-layer-2, .hp_stacks_in_11 .hp-fg-layer > .hp-layer-4 { display: none; } .hp_stacks_in_11 .hp-fg-layer .hp-svg-wrap > .hp-extend, .hp_stacks_in_11 .hp-fg-layer .hp-layer-2 .hp-svg-wrap .hp-wave-1, .hp_stacks_in_11 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2, .hp_stacks_in_11 .hp-fg-layer .hp-layer-4 .hp-svg-wrap .hp-wave-3 { display: block; } .hp_stacks_in_11 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2 { -webkit-transform: translateX(-50%) rotateY(180deg); transform: translateX(-50%) rotateY(180deg); left: 50%; position: relative; } @media all and (min-width:1920px){ .hp_stacks_in_11 .hp-svg-wrap svg{ height:240px } .hp_stacks_in_11 .hp-fg-layer .hp-horizon-content{ padding-bottom:240px } .hp_stacks_in_11 .hp-fg-layer .hp-svg-wrap svg{ position:absolute; top:-240px } } #stacks_out_12 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_12 { box-shadow: none; } #stacks_in_12, [tag="slice"] #stacks_in_12 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 15px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_12 > * { margin-bottom: 15px; margin-right: 15px; } @supports (display: grid) { #stacks_in_12 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ #stacks_in_12 h1,#stacks_in_12 h2,#stacks_in_12 h3,#stacks_in_12 h4,#stacks_in_12 h5,#stacks_in_12 h6, #stacks_in_12 .layouts-text, #stacks_in_12 p, #stacks_in_12 a { color: rgba(255, 255, 255, 1.00); } #stacks_in_12 svg { fill: rgba(255, 255, 255, 1.00); } #stacks_in_12 a:hover { color: rgba(255, 255, 255, 1.00); } #stacks_in_12 .button, #stacks_in_12 button { background-color: rgba(255, 255, 255, 1.00); } /* */ @media all and (max-width: 800px) { #stacks_in_12.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 30px 0px 30px 0px ; } } /* */ #stacks_in_12 { padding: 60px 0px 60px 0px; } #stacks_out_29 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_29 { box-shadow: none; } #stacks_in_29, [tag="slice"] #stacks_in_29 > .layouts-item > .out { display: -ms-grid; display: grid; grid-gap: 0px 15px; -ms-grid-column-span: 1; grid-column: span 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; align-content: flex-start; } } #stacks_in_29 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_29 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_29.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ #stacks_in_14 { background-color: rgba(46, 50, 67, 1.00); padding: 50px 0px 50px 0px; } @important "partials/mixins"; .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_312 { overflow: visible !important; } #feature-cards-stacks_in_312 { margin: 0 auto; max-width: 500px; } #feature-cards-stacks_in_312 * { box-sizing: border-box; } #feature-cards-stacks_in_312 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #feature-cards-stacks_in_312 .feature-grid.hide-content-icon .feature-card-icon { display: none; } #feature-cards-stacks_in_312 .feature-grid.hide-content-text .feature-card-content { display: none; } #feature-cards-stacks_in_312 .feature-grid.show-content-stacks .feature-card-stacks { display: block; } #feature-cards-stacks_in_312 .feature-grid.no-icons .feature-card-icon i { display: none; } #feature-cards-stacks_in_312 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 10px; } #feature-cards-stacks_in_312 .feature-outer > a { text-decoration: none; } #feature-cards-stacks_in_312 .feature-card { /* */ background: rgba(20, 156, 178, 1.00); /* */ /* */ /* */ /* */ /* */ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50); /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease; padding: 0px; border-radius: 20px; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #feature-cards-stacks_in_312 .feature-card-stacks { display: none; } #feature-cards-stacks_in_312 .feature-card-icon { /* */ /* */ background: #B3B3B3; background: linear-gradient(to bottom, #B3B3B3, #59B3E3); /* */ /* */ 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; width: 100px; height: 100px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; border-radius: 50px 50px 50px 50px; transition: all 0.3s ease; } #feature-cards-stacks_in_312 .feature-card-icon i { font-size: 60px; color: #FFFFFF; transition: all 0.6s ease-out; -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_312 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 15px; text-align: center; } #feature-cards-stacks_in_312 .feature-card-header { /* */ font-family: "Roboto Condensed"; /* */ margin: 0; color: #192435; font-size: 30px; line-height: 28px; font-weight: ; } #feature-cards-stacks_in_312 .feature-card-description { /* */ font-family: "Roboto"; /* */ /* */ margin: 10px 0; display: block; color: #E6E6E6; font-size: 16px; line-height: 24px; } /* */ #feature-cards-stacks_in_312 .feature-card:hover { /* */ z-index: 30; position: relative; -webkit-transform: scale(1) rotate(0deg) translateY(0px); transform: scale(1) rotate(0deg) translateY(0px); } #feature-cards-stacks_in_312 .feature-card:hover .feature-card-icon { /**/ background: #B0BEC5; /**/ } #feature-cards-stacks_in_312 .feature-card:hover .feature-card-icon i { -webkit-transform: rotate(0deg); transform: rotate(0deg); /**/ color: #546E7A; /**/ } #feature-cards-stacks_in_312 .feature-card:hover .feature-card-header { /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_312 .feature-card:hover .feature-card-description { /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_312 .feature-grid.ripple .feature-card { position: relative; } #feature-cards-stacks_in_312 .feature-grid.ripple .feature-card::before { background: #2ED9E8; content: ''; z-index: -1; width: 30px; height: 30px; display: block; position: absolute; transition: all 0.4s ease-out; border-radius: 50%; -webkit-transform: translate(-30px, -30px); transform: translate(-30px, -30px); } #feature-cards-stacks_in_312 .feature-grid.ripple.center .feature-card::before { top: 50%; left: 50%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); } #feature-cards-stacks_in_312 .feature-grid.ripple.center .feature-card:hover::before { width: 150%; height: 150%; border-radius: 20; transition: all 0.4s ease-out; -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } #feature-cards-stacks_in_312 .feature-grid.ripple.top-left .feature-card::before { top: -30px; left: -30px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-cards-stacks_in_312 .feature-grid.ripple.top-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 20px #2ED9E8; } #feature-cards-stacks_in_312 .feature-grid.ripple.top-right .feature-card::before { top: -30px; right: -30px; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_312 .feature-grid.ripple.top-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); border-radius: 50% 0 50% 50%; } #feature-cards-stacks_in_312 .feature-grid.ripple.bottom-left .feature-card::before { left: -30px; bottom: -30px; border-radius: 20px; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_312 .feature-grid.ripple.bottom-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_312 .feature-grid.ripple.bottom-right .feature-card::before { bottom: -30px; right: -30px; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_312 .feature-grid.ripple.bottom-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 767px) { #feature-cards-stacks_in_312 .feature-outer { /**/ width: 100.000000%; } } @media (min-width: 468px) and (max-width: 767px) { #feature-cards-stacks_in_312 .feature-outer { /**/ width: 100.000000%; } } @media (min-width: 0px) and (max-width: 468px) { #feature-cards-stacks_in_312 .feature-outer { /**/ width: 100.000000%; } } /* */ #feature-section-card-stacks_in_313 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } @important "partials/mixins"; .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_400 { overflow: visible !important; } #feature-cards-stacks_in_400 { margin: 0 auto; max-width: 500px; } #feature-cards-stacks_in_400 * { box-sizing: border-box; } #feature-cards-stacks_in_400 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #feature-cards-stacks_in_400 .feature-grid.hide-content-icon .feature-card-icon { display: none; } #feature-cards-stacks_in_400 .feature-grid.hide-content-text .feature-card-content { display: none; } #feature-cards-stacks_in_400 .feature-grid.show-content-stacks .feature-card-stacks { display: block; } #feature-cards-stacks_in_400 .feature-grid.no-icons .feature-card-icon i { display: none; } #feature-cards-stacks_in_400 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 10px; } #feature-cards-stacks_in_400 .feature-outer > a { text-decoration: none; } #feature-cards-stacks_in_400 .feature-card { /* */ background: rgba(126, 218, 229, 1.00); /* */ /* */ /* */ /* */ /* */ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50); /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease; padding: 0px; border-radius: 20px; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #feature-cards-stacks_in_400 .feature-card-stacks { display: none; } #feature-cards-stacks_in_400 .feature-card-icon { /* */ background: rgba(83, 160, 255, 1.00); /* */ /* */ /* */ 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; width: 100px; height: 100px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; border-radius: 50px 50px 50px 50px; transition: all 0.3s ease; } #feature-cards-stacks_in_400 .feature-card-icon i { font-size: 70px; color: #FFFFFF; transition: all 0.6s ease-out; -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_400 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 15px; text-align: left; } #feature-cards-stacks_in_400 .feature-card-header { /* */ font-family: "Roboto Condensed"; /* */ margin: 0; color: #131A28; font-size: 25px; line-height: 24px; font-weight: ; } #feature-cards-stacks_in_400 .feature-card-description { /* */ font-family: "Roboto"; /* */ /* */ margin: 10px 0; display: block; color: #131A28; font-size: 15px; line-height: 24px; } /* */ #feature-cards-stacks_in_400 .feature-card:hover { /* */ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50); /* */ z-index: 30; position: relative; -webkit-transform: scale(1.01) rotate(0deg) translateY(0px); transform: scale(1.01) rotate(0deg) translateY(0px); } #feature-cards-stacks_in_400 .feature-card:hover .feature-card-icon { /**/ background: #B0BEC5; /**/ } #feature-cards-stacks_in_400 .feature-card:hover .feature-card-icon i { -webkit-transform: rotate(2deg); transform: rotate(2deg); /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_400 .feature-card:hover .feature-card-header { /**/ color: #78E4D8; /**/ } #feature-cards-stacks_in_400 .feature-card:hover .feature-card-description { /**/ color: #FFFFFF; /**/ } #feature-cards-stacks_in_400 .feature-grid.ripple .feature-card { position: relative; } #feature-cards-stacks_in_400 .feature-grid.ripple .feature-card::before { background: #149AB2; content: ''; z-index: -1; width: 30px; height: 30px; display: block; position: absolute; transition: all 0.4s ease-out; border-radius: 50%; -webkit-transform: translate(-30px, -30px); transform: translate(-30px, -30px); } #feature-cards-stacks_in_400 .feature-grid.ripple.center .feature-card::before { top: 50%; left: 50%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); } #feature-cards-stacks_in_400 .feature-grid.ripple.center .feature-card:hover::before { width: 150%; height: 150%; border-radius: 20; transition: all 0.4s ease-out; -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } #feature-cards-stacks_in_400 .feature-grid.ripple.top-left .feature-card::before { top: -30px; left: -30px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-cards-stacks_in_400 .feature-grid.ripple.top-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 20px #149AB2; } #feature-cards-stacks_in_400 .feature-grid.ripple.top-right .feature-card::before { top: -30px; right: -30px; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_400 .feature-grid.ripple.top-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); border-radius: 50% 0 50% 50%; } #feature-cards-stacks_in_400 .feature-grid.ripple.bottom-left .feature-card::before { left: -30px; bottom: -30px; border-radius: 20px; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_400 .feature-grid.ripple.bottom-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_400 .feature-grid.ripple.bottom-right .feature-card::before { bottom: -30px; right: -30px; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_400 .feature-grid.ripple.bottom-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 767px) { #feature-cards-stacks_in_400 .feature-outer { /**/ width: 100.000000%; } } @media (min-width: 468px) and (max-width: 767px) { #feature-cards-stacks_in_400 .feature-outer { /**/ width: 100.000000%; } } @media (min-width: 0px) and (max-width: 468px) { #feature-cards-stacks_in_400 .feature-outer { /**/ width: 100.000000%; } } /* */ #feature-section-card-stacks_in_401 img { width: 150px; height: 150px; margin: 20px 0px 5px 0px; } #feature-section-card-stacks_in_407 img { width: 150px; height: 150px; margin: 20px 0px 5px 0px; } #stacks_in_26 { background-color: rgba(11, 16, 18, 1.00); padding: 50px 0px 50px 0px; } /* Start Fit My Video stack CSS code */ .stacks_in_31myvideo{ position: relative; text-align: center; max-width: 5000px; margin: 0 auto 0 auto; } .stacks_in_31dummy{ display: none; height: 0; margin: 0; padding: 0; } .alert-danger{ background-color: #f2dede; border-color: #ebcccc; color: #a94442; padding: 15px; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 4px; text-align: left; } /* End Fit My Video stack CSS code */ #stacks_in_34 { padding: 30px 0px 30px 0px; } #stacks_in_35 .hp-extend { background: rgba(20, 154, 178, 1.00); height: 60px; } #stacks_in_35 svg { fill: rgba(20, 154, 178, 1.00); } #stacks_in_35 .hp-extend:after { background: rgba(20, 154, 178, 1.00); }#stacks_in_37 .hp-extend { background: rgba(48, 47, 49, 1.00); height: 60px; } #stacks_in_37 svg { fill: rgba(48, 47, 49, 1.00); } #stacks_in_37 .hp-extend:after { background: rgba(48, 47, 49, 1.00); }#stacks_in_39 .hp-extend { background: rgba(11, 16, 18, 1.00); height: 60px; } #stacks_in_39 svg { fill: rgba(11, 16, 18, 1.00); } #stacks_in_39 .hp-extend:after { background: rgba(11, 16, 18, 1.00); }#stacks_in_41 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_41 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_41 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_43 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_43 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_43 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }.hp_stacks_in_318 .hp-bg-layer { background-color : rgba(255, 255, 255, 1.00); background-image : url(../files/backgroundImage-318.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } .hp_stacks_in_318 .hp-fg-layer { min-height: 70vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .hp_stacks_in_318 .hp-fg-layer .hp-section { } .hp_stacks_in_318 .hp-fg-layer > .hp-layer-2, .hp_stacks_in_318 .hp-fg-layer > .hp-layer-4 { display: none; } .hp_stacks_in_318 .hp-fg-layer .hp-svg-wrap > .hp-extend, .hp_stacks_in_318 .hp-fg-layer .hp-layer-2 .hp-svg-wrap .hp-wave-1, .hp_stacks_in_318 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2, .hp_stacks_in_318 .hp-fg-layer .hp-layer-4 .hp-svg-wrap .hp-wave-3 { display: block; } .hp_stacks_in_318 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2 { -webkit-transform: translateX(-50%) rotateY(180deg); transform: translateX(-50%) rotateY(180deg); left: 50%; position: relative; } @media all and (min-width:1920px){ .hp_stacks_in_318 .hp-svg-wrap svg{ height:240px } .hp_stacks_in_318 .hp-fg-layer .hp-horizon-content{ padding-bottom:240px } .hp_stacks_in_318 .hp-fg-layer .hp-svg-wrap svg{ position:absolute; top:-240px } } %[if edit]% #stacks_in_323_outer_wrapper { padding: 20px; -webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0,0.35); border-radius: 4px; background: url('../files/wrapper-bg.jpg') repeat; } #stacks_in_323_title { color: #aaaaa8; text-shadow: #fefefc 0 1px 0; text-align: center; margin-bottom: 16px; font: bold 26px/30px "Helvetica Neue", Helvetica, sans-serif; } #stacks_in_323 .layer { float: left; } %[if ]% #stacks_in_323 .pile { display: none; } #stacks_in_323 .Icon { display: block; width: 50px; height: 50px; background: url('../files/icon@50.png') no-repeat; margin: 12px auto 6px; } %[endif]% %[endif]% #stacks_in_323 .pile { margin: 0 auto; padding: 12px; } #stacks_in_323 .layer { %[if ]% max-width: px; %[endif]% float: left; margin-bottom: px; } #stacks_in_323 .clearFloats { clear: both; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_324 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_324 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_324 svg */ #stacks_in_324 svg, #stacks_in_324 i { color: rgba(88, 214, 255, 1.00); fill: rgba(88, 214, 255, 1.00); stroke: rgba(88, 214, 255, 1.00); } #stacks_in_324 i, #stacks_in_324 svg { position: relative; font-size: 50px; line-height: 50px; height: 50px; width: 50px; display: block; text-align: center; margin: 0 auto; } #stacks_in_324 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_324 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_324 .material-icons-two-tone { color: rgba(88, 214, 255, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(88, 214, 255, 1.00), 0px -.1px 0px rgba(88, 214, 255, 1.00), .1px 0px 0px rgba(88, 214, 255, 1.00), -.1px 0px 0px rgba(88, 214, 255, 1.00); } #stacks_in_324 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } #stacks_in_326 { margin: 5px 0px 0px 0px; } #stacks_in_327 { display:inline-block; width:100%; line-height: 2.000000em; } #stacks_in_328 { margin: 0px 0px 20px 0px; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_330 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_330 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_330 svg */ #stacks_in_330 svg, #stacks_in_330 i { color: rgba(88, 214, 255, 1.00); fill: rgba(88, 214, 255, 1.00); stroke: rgba(88, 214, 255, 1.00); } #stacks_in_330 i, #stacks_in_330 svg { position: relative; font-size: 50px; line-height: 50px; height: 50px; width: 50px; display: block; text-align: center; margin: 0 auto; } #stacks_in_330 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_330 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_330 .material-icons-two-tone { color: rgba(88, 214, 255, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(88, 214, 255, 1.00), 0px -.1px 0px rgba(88, 214, 255, 1.00), .1px 0px 0px rgba(88, 214, 255, 1.00), -.1px 0px 0px rgba(88, 214, 255, 1.00); } #stacks_in_330 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } #stacks_in_331 { margin: 5px 0px 0px 0px; } #stacks_in_332 { display:inline-block; width:100%; line-height: 2.000000em; } #stacks_in_333 { margin: 0px 0px 20px 0px; } /* 1.5.0 - updated icon libraries to: - new hidden inline version for use with other 1LD stacks - fixed bug with ionicons when set to outlined */ #stacks_in_335 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_335 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_335 svg */ #stacks_in_335 svg, #stacks_in_335 i { color: rgba(88, 214, 255, 1.00); fill: rgba(88, 214, 255, 1.00); stroke: rgba(88, 214, 255, 1.00); } #stacks_in_335 i, #stacks_in_335 svg { position: relative; font-size: 50px; line-height: 50px; height: 50px; width: 50px; display: block; text-align: center; margin: 0 auto; } #stacks_in_335 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_335 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(204, 204, 204, 1.00); stroke: rgba(204, 204, 204, 1.00); color: rgba(204, 204, 204, 1.00); } #stacks_in_335 .material-icons-two-tone { color: rgba(88, 214, 255, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(88, 214, 255, 1.00), 0px -.1px 0px rgba(88, 214, 255, 1.00), .1px 0px 0px rgba(88, 214, 255, 1.00), -.1px 0px 0px rgba(88, 214, 255, 1.00); } #stacks_in_335 i.material-icons-two-tone:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-content); color: rgba(204, 204, 204, 1.00); font-family: 'Material Icons'; } #stacks_in_336 { margin: 5px 0px 0px 0px; } #stacks_in_337 { display:inline-block; width:100%; line-height: 2.000000em; } #stacks_in_338 { margin: 0px 0px 20px 0px; } .element_stacks_in_340[data-deluxe-el] { box-shadow: 1px 1px 3px 0px rgba(104, 114, 113, 1.00); } .element_stacks_in_340[data-deluxe-el] > div { } /* 1.5.0 */ #stacks_in_341.motion-looper-perspective { display: block; position: relative; z-index: 99; } #stacks_in_341 .motion-looper { display: block; opacity: 1; } /* */ /**/ #stacks_in_341.motion-looper-perspective .motion-position { -webkit-perspective: 500px; perspective: 500px; position: relative; transform: translate(0px, 0px); } /* */ #stacks_in_341 .motion-looper.motion-on, /* */ #stacks_in_341 .motion-example { -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-name: motion_looper_stacks_in_341; animation-name: motion_looper_stacks_in_341; /**/ -webkit-animation-direction: normal; animation-direction: normal; animation-duration: 5.000000s; /**/ /**/ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; /**/ -webkit-animation-timing-function: ease; animation-timing-function: ease; /**/ /**/ /**/ /**/ /**/ /**/ /**/ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* forwards, backwards, both, none */ -webkit-animation-delay: 3200ms; animation-delay: 3200ms; opacity: 1.000000; filter: blur(0px); transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,1.000000) skew(0deg,0deg); } #stacks_in_341 .motion-looper.motion-pause { -webkit-animation-play-state: paused; animation-play-state: paused; } #stacks_in_341 .motion-looper.motion-stopping { animation-name: motion_looper_stop_stacks_in_341; animation-duration: 300ms; animation-iteration-count: 1; } /* */ /**/ @keyframes motion_looper_stop_stacks_in_341 { to { opacity: 1; filter: blur(0px); transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } } /**/ /* */ /* */ /* */ /* */ /**/ #stacks_in_341 .motion-looper.motion-on, #stacks_in_341 .motion-example { opacity: 1;filter: blur(0px); } @keyframes motion_looper_stacks_in_341 { from, 50%, 60%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 1;filter: blur(0px); transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 0.000000% { opacity: 1;filter: blur(0px); transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 28.570000% { opacity: 1;filter: blur(0px); transform: translate3d(0px, 0px, 100px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,1.000000) skew(0deg ,0deg); } 42.855000% { opacity: 1;filter: blur(0px); transform: translate3d(-0.000000px, -0.000000px, -33.299999px) rotateX(-0.000000deg) rotateY(-0.000000deg) rotateZ(-0.000000deg) scale(1.000000,1.000000) skew(-0.000000deg ,-0.000000deg); } 57.139999% { opacity: 1;filter: blur(0px); transform: translate3d(0.000000px, 0.000000px, 16.599998px) rotateX(0.000000deg) rotateY(0.000000deg) rotateZ(0.000000deg) skew(0.000000deg ,0.000000deg); } 71.425003% { opacity: 1;filter: blur(0px); transform: translate3d(-0.000000px, -0.000000px, -8.299999px) rotateX(-0.000000deg) rotateY(-0.000000deg) rotateZ(-0.000000deg) scale(1.000000,1.000000) skew(-0.000000deg ,-0.000000deg); } 85.709999% { opacity: 1;filter: blur(0px); transform: translate3d(0.000000px, 0.000000px, 4.200000px) rotateX(0.000000deg) rotateY(0.000000deg) rotateZ(0.000000deg) skew(0.000000deg ,0.000000deg); } to { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } } /* */ /* */ #stacks_out_342 { width: 180px; } %[if edit]% #stacks_in_346_outer_wrapper { padding: 20px; -webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0,0.35); border-radius: 4px; background: url('../files/wrapper-bg.jpg') repeat; } #stacks_in_346_title { color: #aaaaa8; text-shadow: #fefefc 0 1px 0; text-align: center; margin-bottom: 16px; font: bold 26px/30px "Helvetica Neue", Helvetica, sans-serif; } #stacks_in_346 .layer { float: left; } %[if ]% #stacks_in_346 .pile { display: none; } #stacks_in_346 .Icon { display: block; width: 50px; height: 50px; background: url('../files/icon@50.png') no-repeat; margin: 12px auto 6px; } %[endif]% %[endif]% #stacks_in_346 .pile { margin: 0 auto; padding: 12px; } #stacks_in_346 .layer { %[if ]% max-width: px; %[endif]% float: left; margin-bottom: px; } #stacks_in_346 .clearFloats { clear: both; } /* 1.1.3 - added support for hide stacks in inner columns - added breakpoint customization to layouts item stack - fixes a crashing issue in RapidWeaver 8 and Stacks 4.10 */ /* */ #stacks_in_427 > .layouts-section { grid-gap: 10px 10px; -ms-grid-columns: (minmax(0px, 1fr))[1]; grid-template-columns: repeat(1, minmax(0px, 1fr)); padding: 10px 10px; } #stacks_in_427 > .layouts-section > div { margin-bottom: 10px; margin-right: 10px; } @supports (display: grid) { #stacks_in_427 > .layouts-section > div { margin-bottom: 0px; margin-right: 0px; margin: 0; } } @media all and (max-width: 900px) { #stacks_in_427 > .layouts-section { -ms-grid-columns: minmax(0px, 1fr); -ms-grid-columns: (minmax(0px, 1fr))[0]; grid-template-columns: repeat(1, minmax(0px, 1fr)); grid-template-columns: repeat(0, minmax(0px, 1fr)); } #stacks_in_427 > .layouts-section[data-col="3"] { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } #stacks_in_427 > .layouts-section[data-col="3"] > div:nth-child(3n) { -ms-grid-column-span: 2; grid-column: span 2; } #stacks_in_427 > .layouts-section > div { -ms-grid-column-span: 1; grid-column: span 1; } } @media all and (max-width: 700px) { #stacks_in_427 > .layouts-section { -ms-grid-columns: minmax(0px, 1fr); -ms-grid-columns: (minmax(0px, 1fr))[0]; grid-template-columns: repeat(1, minmax(0px, 1fr)); grid-template-columns: repeat( 0, minmax(0px, 1fr)); } #stacks_in_427 > .layouts-section[data-col="3"] { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } #stacks_in_427 > .layouts-section[data-col="3"] > div:nth-child(3n) { -ms-grid-column-span: 1; grid-column: span 1; } } /* */ /* */ #stacks_out_427 { width: 220px; } #stacks_out_428 { width: 200px; } /* */ body { margin: 0; } #feature-slider-stacks_in_430 { height: 100%; font-family: "Proxima Nova"; max-width: 180px; border-radius: 20px; width: 100%; display: block; overflow: hidden; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #feature-slider-stacks_in_430 .feature-slide { min-height: 120px; /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ top: 0; left: 0; right: 0; width: 100%; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; position: absolute; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 20px; -webkit-transition: all 0.3s, background 0.5s, opacity 0s; transition: all 0.3s, background 0.5s, opacity 0s; } #feature-slider-stacks_in_430 .feature-slide.active { opacity: 1; z-index: 10; } #feature-slider-stacks_in_430 .feature-slide.active .feature-slide-action > a { opacity: 1; -webkit-animation: slide-action-pulse 1s; animation: slide-action-pulse 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_430 .feature-slide > .ssi { width: 100%; display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #feature-slider-stacks_in_430 .feature-slide .feature-slide-title { /* */ font-family: "Roboto"; /* */ opacity: 0; color: rgba(255, 255, 255, 1.00); max-width: 800px; font-size: 20px; padding: 10px 10px; line-height: 28.000000px; margin: 0 auto; margin-top: auto; font-weight: bold; } #feature-slider-stacks_in_430 .feature-slide .feature-slide-icon { color: rgba(255, 255, 255, 1.00); padding: 10px 10px; } #feature-slider-stacks_in_430 .feature-slide .feature-slide-icon .slide-icon { width: 65px; height: 65px; border-radius: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.10); } #feature-slider-stacks_in_430 .feature-slide .feature-slide-icon i { color: inherit; font-size: 50px; vertical-align: middle; } #feature-slider-stacks_in_430 .feature-slide .feature-slide-icon i[class*="ion-"] { line-height: 0; } #feature-slider-stacks_in_430 .feature-slide .feature-slide-description { /* */ font-family: "Roboto"; /* */ opacity: 0; margin: 0 auto; color: rgba(255, 255, 255, 1.00); font-size: 15px; padding: 10px 10px; max-width: 800px; line-height: 21.000000px; } #feature-slider-stacks_in_430 .feature-slide .feature-slide-action { padding: 10px 10px; background: rgba(0, 0, 0, 0.10); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #feature-slider-stacks_in_430 .feature-slide .feature-slide-action > a { /* */ font-family: "Roboto"; /* */ opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(38, 50, 56, 1.00); font-size: 15px; padding: 5px 8px; border-radius: 15px; background: rgba(255, 255, 255, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s, opacity 0.3s 0.3s; transition: all 0.3s, opacity 0.3s 0.3s; } #feature-slider-stacks_in_430 .feature-slide .feature-slide-action > a span::before { content: 'Síguenos'; display: inline-block; } #feature-slider-stacks_in_430 .feature-slide .feature-slide-action > a:hover { -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2); } #feature-slider-stacks_in_430 .feature-slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #feature-slider-stacks_in_430 .feature-slider-nav a { opacity: 1; z-index: 20; display: -webkit-box; display: -ms-flexbox; display: flex; color: rgba(255, 255, 255, 0.40); width: 20px; height: 20px; font-size: 20px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #feature-slider-stacks_in_430 .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } #feature-slider-stacks_in_430.hide-titles .feature-slide .feature-slide-title { display: none; } #feature-slider-stacks_in_430.hide-titles .feature-slide .feature-slide-title .feature-slide .feature-slide-icon { margin-top: auto; } #feature-slider-stacks_in_430.hide-descs .feature-slide .feature-slide-description { display: none; } #feature-slider-stacks_in_430.hide-icons .feature-slide .feature-slide-icon { display: none; } #feature-slider-stacks_in_430.hide-actions .feature-slide .feature-slide-action > a { display: none; } #feature-slider-stacks_in_430.hide-titles.hide-icons .feature-slide .feature-slide-description { margin-top: auto; } #feature-slider-stacks_in_430.forwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_430.forwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_430.forwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-left 0.5s; animation: slide-out-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_430.forwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_430.forwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_430.forwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-left 0.5s; animation: slide-in-left 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_430.backwards .feature-slide .feature-slide-title { -webkit-animation: slide-out-up 0.5s 0.5s; animation: slide-out-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_430.backwards .feature-slide .feature-slide-description { -webkit-animation: slide-out-down 0.5s 0.5s; animation: slide-out-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_430.backwards .feature-slide .feature-slide-icon { -webkit-animation: slide-out-right 0.5s; animation: slide-out-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_430.backwards .feature-slide.active .feature-slide-title { -webkit-animation: slide-in-down 0.5s 0.5s; animation: slide-in-down 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_430.backwards .feature-slide.active .feature-slide-description { -webkit-animation: slide-in-up 0.5s 0.5s; animation: slide-in-up 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #feature-slider-stacks_in_430.backwards .feature-slide.active .feature-slide-icon { -webkit-animation: slide-in-right 0.5s; animation: slide-in-right 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-left { 0% { opacity: 0; margin-left: 100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @keyframes slide-out-left { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: -100%; } } @-webkit-keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @keyframes slide-in-right { 0% { opacity: 0; margin-left: -100%; } 100% { opacity: 1; margin-left: 0%; } } @-webkit-keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @keyframes slide-out-right { 0% { opacity: 1; margin-left: 0%; } 100% { opacity: 0; margin-left: 100%; } } @-webkit-keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slide-out-up { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-in-up { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slide-out-down { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes slide-action-pulse { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(200%); transform: translateY(200%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } #feature-slide-stacks_in_431.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.20); } #feature-slide-stacks_in_431.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'My Text'; } #feature-slide-stacks_in_431.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_431.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #feature-slide-stacks_in_431.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_431.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_431.feature-slide.custom-slide-background { /* */ background: rgba(28, 93, 178, 1.00); /* */ /* */ /* */ /* */ } #feature-slide-stacks_in_431.feature-slide.custom-slide-background::before { /* */ } #feature-slide-stacks_in_431.feature-slide.custom-slide-title .feature-slide-title { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_431.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_431.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_431.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_431.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_431.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_431.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_431.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_434.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.20); } #feature-slide-stacks_in_434.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'My Text'; } #feature-slide-stacks_in_434.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_434.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #feature-slide-stacks_in_434.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_434.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_434.feature-slide.custom-slide-background { /* */ background: rgba(37, 211, 102, 1.00); /* */ /* */ /* */ /* */ } #feature-slide-stacks_in_434.feature-slide.custom-slide-background::before { /* */ } #feature-slide-stacks_in_434.feature-slide.custom-slide-title .feature-slide-title { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_434.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_434.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_434.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_434.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_434.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_434.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_434.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_437.feature-slide::before { top: 0; left: 0; content: ''; width: 100%; height: 100%; display: none; position: absolute; background: rgba(0, 0, 0, 0.20); } #feature-slide-stacks_in_437.feature-slide.custom-slide-action-text .feature-slide-action > a span::before { content: 'My Text'; } #feature-slide-stacks_in_437.feature-slide.image-icon .feature-slide-icon .slide-icon, #feature-slide-stacks_in_437.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #feature-slide-stacks_in_437.feature-slide.image-icon .feature-slide-icon .slide-icon i, #feature-slide-stacks_in_437.feature-slide.image-icon.custom-slide-icon .feature-slide-icon .slide-icon i { display: none; } #feature-slide-stacks_in_437.feature-slide.custom-slide-background { /* */ background: rgba(30, 105, 124, 1.00); /* */ /* */ /* */ /* */ } #feature-slide-stacks_in_437.feature-slide.custom-slide-background::before { /* */ } #feature-slide-stacks_in_437.feature-slide.custom-slide-title .feature-slide-title { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_437.feature-slide.custom-slide-icon .feature-slide-icon { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_437.feature-slide.custom-slide-icon .feature-slide-icon .slide-icon { background: rgba(255, 255, 255, 0.30); } #feature-slide-stacks_in_437.feature-slide.custom-slide-desc .feature-slide-description { color: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_437.feature-slide.custom-slide-action .feature-slide-action > a{ color: rgba(187, 187, 187, 1.00); background: rgba(255, 255, 255, 1.00); } #feature-slide-stacks_in_437.feature-slide.custom-slide-nav .feature-slide-action { background: rgba(0, 0, 0, 0.30); } #feature-slide-stacks_in_437.feature-slide.custom-slide-nav .feature-slider-nav a { color: rgba(255, 255, 255, 0.40); } #feature-slide-stacks_in_437.feature-slide.custom-slide-nav .feature-slider-nav a:hover { color: rgba(255, 255, 255, 1.00); } #stacks_in_369 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_369 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_369 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_371 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_371 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_371 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_373 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_373 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_373 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_375 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_375 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_375 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_380 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_380 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_380 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }