/* 1.5.0.1 - hotfix: display bug with dropdown items in edit mode */ #stacks_in_1526 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1526 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_1526 .clean-menu-extra { display: none; } #clean-menu_stacks_in_1526 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_1526 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_1526.cm-full-menu li > a:hover, #clean-menu_stacks_in_1526 li > a:hover { text-decoration: none; } #stacks_in_1526 nav { border: 0px solid transparent; } #clean-menu_stacks_in_1526 { max-width: 940px; box-sizing: border-box; padding: 0px 20px; margin: 0 auto; } /* compatability fixes */ #clean-menu_stacks_in_1526 ul { margin: 0; } #clean-menu-full_stacks_in_1526.cm-full-menu ul, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_1526 ul li > a:after, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li > a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_1526.cm-full-menu, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_1526.cm-full-menu ul, #clean-menu_stacks_in_1526 .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_1526.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_1526.cm-full-menu ul li, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a, #clean-menu_stacks_in_1526 .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_1526 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li > a { padding: 6px 20px; } #clean-menu-full_stacks_in_1526.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_1526.cm-full-menu ul > li > .cm-custom-content { padding: 4px 20px 4px 20px; } #clean-menu-full_stacks_in_1526.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 20px 4px 30px; } #clean-menu-full_stacks_in_1526.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 20px 4px 0px; } #clean-menu-full_stacks_in_1526.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: 1; height: auto; } #clean-menu-full_stacks_in_1526.cm-full-menu ul > div, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_1526.cm-full-menu ul > div a, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_1526.cm-full-menu ul ul, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_1526.cm-full-menu, #clean-menu_stacks_in_1526 .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_1526.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_1526.cm-full-menu { height: 0; overflow: hidden; } #clean-menu-full_stacks_in_1526.cm-full-menu.clean-menu-active { height: auto; } #clean-menu-full_stacks_in_1526.cm-full-menu { -webkit-transform: translate(-100%, 50px); transform: translate(-100%, 50px); } #clean-menu-full_stacks_in_1526.cm-full-menu.clean-menu-active { -webkit-transform: translate(-100%, 5px); transform: translate(-100%, 5px); } #clean-menu-full_stacks_in_1526.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_1526 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_1526.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_1526 .cm-toggle span { width: 19px; border-radius: 4px; } #clean-menu_stacks_in_1526 .cm-toggle span:nth-child(1), #clean-menu_stacks_in_1526 .cm-toggle span:nth-child(4) { display: none; } #clean-menu_stacks_in_1526 .cm-toggle span:nth-child(2) { top: 10px; left: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #clean-menu_stacks_in_1526 .cm-toggle span:nth-child(3) { top: 10px; left: 11px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #clean-menu_stacks_in_1526 .cm-toggle.open span:nth-child(2) { width: 100%; left: 0; top: 10px; } #clean-menu_stacks_in_1526 .cm-toggle.open span:nth-child(3) { width: 100%; left: 0; top: 10px; } #clean-menu_stacks_in_1526 { 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_1526 > div { align-self: center; } #clean-menu_stacks_in_1526 .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_1526 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_1526 .clean-menu-logo { max-width: 200px; min-width: 200px; margin: 0; } #clean-menu_stacks_in_1526 .clean-menu-logo .cm-logo-wrap { max-width: 200px; min-width: 200px; -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_1526 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_1526.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_1526 .clean-menu-logo > div > div { align-self: center; } #clean-menu_stacks_in_1526 .clean-menu-logo .cm-logo-left { max-width: 73px; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_1526.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_1526 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_1526 .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_1526 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li { margin: 0 15px; align-self: center; line-height: 1; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } div[tag="slice"] > .mez > #stacks_in_1526.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a:visited { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.40); font-size: 18px; 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_1526.cm-full-menu ul li > a { font-size: 18px; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a, #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a { font-family: inherit; } #clean-menu-full_stacks_in_1526.cm-full-menu > ul > li > a { font-weight: bold; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a svg, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li > a svg { fill: rgba(0, 0, 0, 0.40); align-self: center; vertical-align: middle; } #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li > a{ transition: color 150ms ease; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_1526.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; display: flex; align-items: center; } #clean-menu-full_stacks_in_1526.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li.cm-grouped-item > a, #clean-menu-full_stacks_in_1526.cm-full-menu ul li.cm-grouped-item > a { display: inline-block; margin-left: 8px; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li.cm-grouped-item > a { padding: 0; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li.cm-grouped-item > a:first-child, #clean-menu-full_stacks_in_1526.cm-full-menu ul li.cm-grouped-item > a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_1526.cm-full-menu ul li.cm-grouped-item > a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a ion-icon, #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a i, #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a ion-icon, #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a i { font-size: 25px; line-height: 25px; font-size: 18px; line-height: 18px; } #stacks_in_1526 li > a svg, #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a svg, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li > a svg { width: 18px; height: 18px; } #clean-menu_stacks_in_1526 .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_1526 .clean-menu-top-level ul li > a:hover svg, #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a:hover svg { fill: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_1526 .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_1526 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_1526.cm-full-menu ul li.cm-current > a svg { fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_1526 .cm-toggle span { background: #000000; } #clean-menu_stacks_in_1526 h1, #clean-menu_stacks_in_1526 h2, #clean-menu_stacks_in_1526 h3, #clean-menu_stacks_in_1526 h4, #clean-menu_stacks_in_1526 h5, #clean-menu_stacks_in_1526 h6, #clean-menu_stacks_in_1526 .layouts-text, #clean-menu_stacks_in_1526 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_1526.cm-full-menu, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul { background: rgba(230, 230, 230, 1.00); } #clean-menu-full_stacks_in_1526.cm-full-menu > ul > li, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_1526.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a, #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a:visited, #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a svg, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li > a, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li > a:visited, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li > a svg, #clean-menu-full_stacks_in_1526.cm-full-menu ul ul li:before { color: rgba(68, 33, 26, 1.00); fill: rgba(68, 33, 26, 1.00); } #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a:hover, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li > a:hover, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li > a:hover svg { color: rgba(253, 128, 8, 1.00); fill: rgba(253, 128, 8, 1.00); } /* #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a.cm-heading:hover, #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a.cm-heading:hover svg, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li > a.cm-heading:hover { color: rgba(68, 33, 26, 1.00); cursor: default; } */ #clean-menu-full_stacks_in_1526.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li.cm-current > a svg { color: rgba(121, 59, 50, 1.00); fill: rgba(121, 59, 50, 1.00); } #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_1526 .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_1526 .clean-menu-top-level > ul > li > ul li > a.parent:hover:after, .disable-parents #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul li > a.parent:hover, #clean-menu-full_stacks_in_1526.cm-full-menu.disable-parents ul li > a.parent:hover { color: rgba(68, 33, 26, 1.00); border-color: rgba(68, 33, 26, 1.00); } .disable-parents #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a.parent:hover, .disable-parents #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a.parent:hover:after { color: rgba(0, 0, 0, 0.40); border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_1526 .clean-menu-logo .cm-logo-wrap { max-width: 200px; width: auto; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } #clean-menu_stacks_in_1526 .clean-menu-full { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_1526 .clean-menu-full .cm-menu-toggle { display: inline-block; float: right; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } div[tag="slice"] > .mez > #stacks_in_1526.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 15px 0 0; } #clean-menu-full_stacks_in_1526.cm-full-menu > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_1526.cm-full-menu > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_1526.cm-full-menu { } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a:visited { color: rgba(255,255,255,.6); } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a svg { fill: rgba(255,255,255,.6); } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a:hover { color: rgba(255,255,255,.9); } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a:hover svg { fill: rgba(255,255,255,.9); } /* #clean-menu_stacks_in_1526 .clean-menu-top-level ul li > a.cm-heading:hover { color: rgba(255,255,255,.6); cursor: default; } */ #clean-menu_stacks_in_1526 .clean-menu-top-level ul li.cm-current > a { color: rgba(255,255,255,1); } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li.cm-current > a svg { fill: rgba(255,255,255,1); } #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(255,255,255,.6); } #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(255,255,255,.9); } /* #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(255,255,255,.6); } */ #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(255,255,255,1); } #clean-menu_stacks_in_1526 .cm-toggle span { background: rgba(255,255,255,1); } #clean-menu_stacks_in_1526 h1, #clean-menu_stacks_in_1526 h2, #clean-menu_stacks_in_1526 h3, #clean-menu_stacks_in_1526 h4, #clean-menu_stacks_in_1526 h5, #clean-menu_stacks_in_1526 h6, #clean-menu_stacks_in_1526 .layouts-text, #clean-menu_stacks_in_1526 p { color: rgba(255,255,255,1); } .disable-parents #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > a.parent:hover, .disable-parents #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > a.parent:hover:after { color: rgba(255,255,255,.6); border-color: rgba(255,255,255,.6); } @media all and (min-width: 901px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_1526.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_1526 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_1526.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_1526 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_1526 .clean-menu-top-level > ul > li > ul.cm-wide > li { text-align: left; align-self: flex-start; } } @media all and (max-width: 900px) { #clean-menu_stacks_in_1526.clean-menu { gap: 0 16px; } #clean-menu-full_stacks_in_1526 { min-width: 300px; } #clean-menu_stacks_in_1526 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_1526 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_1526 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_1526 .clean-menu-top-level { display: none; } #clean-menu_stacks_in_1526.clean-menu { justify-content: center; } #clean-menu_stacks_in_1526 .clean-menu-full .cm-menu-toggle { float: none; } #clean-menu_stacks_in_1526 .clean-menu-full { max-width: 40px !important; min-width: 40px; width: 100% !important; } #clean-menu_stacks_in_1526 .clean-menu-full .cm-menu-toggle { float: none; margin: 0 auto; } #clean-menu_stacks_in_1526 > .clean-menu-logo, #clean-menu_stacks_in_1526 > .clean-menu-logo:nth-child(1), #clean-menu_stacks_in_1526 > .clean-menu-logo:nth-child(2), #clean-menu_stacks_in_1526 > .clean-menu-logo:nth-child(3) { max-width: 100%; width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_1526 .clean-menu-logo .cm-logo-wrap { margin: 0 auto; justify-content: center; float: none; } #clean-menu_stacks_in_1526 .clean-menu-top-level { display: block; max-width: 40px !important; min-width: 40px; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul { display: none; } @media all and (max-width: 352px) { #clean-menu_stacks_in_1526 .clean-menu-top-level {display: none} #clean-menu_stacks_in_1526 .clean-menu-logo {min-width: 257px} } #clean-menu-full_stacks_in_1526.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_1526.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_1526.cm-full-menu ul > li > .cm-custom-content { padding: 4px 24px 4px 24px; } #clean-menu-full_stacks_in_1526.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 24px 4px 34px; } #clean-menu-full_stacks_in_1526.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 24px 4px 0px; } #clean-menu-full_stacks_in_1526.cm-full-menu ul li.cm-grouped-item{ padding: 4px 24px; } #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a { font-size: calc(18px + 2 ); line-height: calc(18px + 2 ); padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_1526.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_1526.cm-full-menu ul li.cm-grouped-item > a { width: auto; } #clean-menu-full_stacks_in_1526.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_1526.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_1526.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_1526 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_1526 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_1526 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_1526 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_1526 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_1526.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_1526.cm-full-menu ul li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_1526.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_1526.cm-full-menu ul li.cm-grouped-item > a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_1526.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_1526.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_1526.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } #clean-menu_stacks_in_1526 .clean-menu-top-level ul li.cm-current > a { } #stacks_in_1526 { background-color: rgba(122, 44, 44, 1.00); background-image: url("9B8F5163-6DE9-49C1-8927-AD351D6A7760.png"); background-repeat: repeat-x; background-size: cover; background-position: center; } #stacks_out_1527 { width: 170px; } /* 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_933 > .layouts-section { grid-gap: 50px 50px; -ms-grid-columns: (minmax(0px, 1fr))[1]; grid-template-columns: repeat(1, minmax(0px, 1fr)); min-height: 100vh; padding: 50px 50px; } #stacks_in_933 > .layouts-section > div { margin-bottom: 50px; margin-right: 50px; } @supports (display: grid) { #stacks_in_933 > .layouts-section > div { margin-bottom: 0px; margin-right: 0px; margin: 0; } } @media all and (max-width: 900px) { #stacks_in_933 > .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_933 > .layouts-section[data-col="3"] { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } #stacks_in_933 > .layouts-section[data-col="3"] > div:nth-child(3n) { -ms-grid-column-span: 2; grid-column: span 2; } #stacks_in_933 > .layouts-section > div { -ms-grid-column-span: 1; grid-column: span 1; } } @media all and (max-width: 700px) { #stacks_in_933 > .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_933 > .layouts-section[data-col="3"] { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } #stacks_in_933 > .layouts-section[data-col="3"] > div:nth-child(3n) { -ms-grid-column-span: 1; grid-column: span 1; } } /* */ /* */ #stacks_in_933 { background-color: rgba(67, 1, 11, 1.00); } %[if edit]% #stacks_in_926_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_926_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_926 .layer { float: left; } %[if ]% #stacks_in_926 .pile { display: none; } #stacks_in_926 .Icon { display: block; width: 50px; height: 50px; background: url('../files/icon@50.png') no-repeat; margin: 12px auto 6px; } %[endif]% %[endif]% #stacks_in_926 .pile { margin: 0 auto; padding: 12px; } #stacks_in_926 .layer { %[if ]% max-width: px; %[endif]% float: left; margin-bottom: px; } #stacks_in_926 .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_932 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_932 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_932 svg */ #stacks_in_932 svg, #stacks_in_932 i { color: rgba(243, 238, 237, 1.00); fill: rgba(243, 238, 237, 1.00); stroke: rgba(243, 238, 237, 1.00); } #stacks_in_932 i, #stacks_in_932 svg { position: relative; font-size: 50px; line-height: 50px; height: 50px; width: 50px; display: block; text-align: center; margin: 0 auto; } #stacks_in_932 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_932 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_932 .material-icons-two-tone { color: rgba(243, 238, 237, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(243, 238, 237, 1.00), 0px -.1px 0px rgba(243, 238, 237, 1.00), .1px 0px 0px rgba(243, 238, 237, 1.00), -.1px 0px 0px rgba(243, 238, 237, 1.00); } #stacks_in_932 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(255, 255, 255, 1.00); font-family: 'Material Icons'; } %[if edit]% #stacks_in_1549_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_1549_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_1549 .layer { float: left; } %[if ]% #stacks_in_1549 .pile { display: none; } #stacks_in_1549 .Icon { display: block; width: 50px; height: 50px; background: url('../files/icon@50.png') no-repeat; margin: 12px auto 6px; } %[endif]% %[endif]% #stacks_in_1549 .pile { margin: 0 auto; padding: 12px; } #stacks_in_1549 .layer { %[if ]% max-width: px; %[endif]% float: left; margin-bottom: px; } #stacks_in_1549 .clearFloats { clear: both; } /* 1.8.1 - fixed a bug that could the form to not submit if "Exclude Incomplete Fields" was disabled - replaced multiple select with custom mutli-select field ----- replaced option elements, they were not supported in safari ----- more of the feature is built out - you can now add a delay before redirecting on succssful submition - you can now disable radio and checkbox fields - single quotes are escaped from select fields */ #stacks_in_969.sf-styles,#stacks_in_969.sf-styles * {box-sizing: border-box;} #stacks_in_969.sf-styles .age-field, #stacks_in_969.sf-styles .agree-to-terms-field { overflow: hidden; height: 0; margin: 0 !important; } #stacks_in_969.sf-styles label.keepIt{text-align:left;display:inline-block;width:100%;padding-left:5px} #stacks_in_969.sf-styles select{color:#aaa}.php{display:none} #stacks_in_969.sf-styles .info{color:#00529B;background-color:#BDE5F8} #stacks_in_969.sf-styles .success{color:#4F8A10;background-color:rgba(47, 134, 56, 1.00)} #stacks_in_969.sf-styles .warning{color:#9F6000;background-color:#FEEFB3} #stacks_in_969.sf-styles .error{color:#D8000C;background-color:rgba(216, 0, 12, 1.00)} #stacks_in_969.sf-styles .sf-message { position: absolute; left: 0; right: 0; top: 0; width: 100%; } #stacks_in_969.sf-styles .submitMessage, #stacks_in_969.sf-styles .errorMessage { background-size: 40px 40px; background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent); width: 100%; border: 1px solid; color: #fff !important; padding: 10px 15px; border-radius:3px; margin-right: 28px; position: absolute; top: 0; left: 0; transform: translateY(-50%); z-index: 99; box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0px 8px 16px rgba(0,0,0,0.2); animation: sf-message-in-out 5s ease-in-out forwards; cursor: pointer; } @keyframes sf-message-in-out { 0% { transform: translateY(0%); opacity: 0 } 5% { transform: translateY(-50%); opacity: 1 } 95% { transform: translateY(-50%); opacity: 1} 100% { transform: translateY(0%); opacity: 0} } #stacks_in_969.sf-styles.sf-no-help-text .submitMessage { margin-right: 0px; } #stacks_in_969.sf-styles.sf-no-help-text .sf-help-column { display: none; } #stacks_in_969.sf-styles .sf-help-column { transform: none !important; } #stacks_in_969.sf-styles .info { background-color: #61b832; border-color: #3b8eb5; } #stacks_in_969.sf-styles .error, #stacks_in_969.sf-styles .errorMessage { background-color: rgba(216, 0, 12, 1.00); border-color: rgba(0,0,0,0.25); } #stacks_in_969.sf-styles .warning { background-color: #eaaf51; border-color: #d99a36; } #stacks_in_969.sf-styles .success { background-color:rgba(47, 134, 56, 1.00); border-color: rgba(0,0,0,0.25); padding: 10px 15px 5px 15px; } #stacks_in_969.sf-styles .submitMessage h3 { font-size: 16px; line-height: 1.4; color: #fff; font-weight: bold; } #stacks_in_969.sf-styles .submitMessage h3:not(:last-child) { margin: 0 0 5px 0 !important; } #stacks_in_969.sf-styles .submitMessage h3:last-child { margin: 0 !important; } #stacks_in_969.sf-styles .submitMessage p { margin: 0; font-size: 16px; line-height: 1.4; color: #fff; } #g-captcha { position: absolute; pointer-events: none; left: 0; width: 50px; bottom: 0; opacity: 0; } #stacks_in_969.sf-styles .g-recaptcha { min-width: 0; margin: 0; } /* ---------------------------------------- */ #stacks_in_969.sf-styles form { background: rgba(122, 44, 43, 1.00); padding: 16px 32px; border-radius: 2px; margin: 0px auto; border: 0px solid rgba(13, 13, 13, 0.10); display: inline-block; max-width: 100%; } #stacks_in_969.sf-styles form .note { display: block; font-size: 75%; line-height: 1.2; color: rgba(255, 255, 255, 1.00); margin: 0px 8px; opacity: .75; } #stacks_in_969.sf-styles form .note p { margin: 0; } #stacks_in_969.sf-styles .controls { position: relative; margin-bottom: 16px; width: 330px; max-width: 100%; display: grid; grid-template-columns: 90px 1fr 20px; align-items: center; align-content: flex-start; grid-gap: 4px 8px; } #stacks_in_969.sf-styles .controls.sf-radio { margin-bottom: 0px; } #stacks_in_969.sf-styles .controls.sf-radio + .controls:not(.sf-radio) { margin-top: 16px; } #stacks_in_969.sf-styles .sf-radio-group .controls.sf-button-group.hidden, #stacks_in_969.sf-styles .controls.hidden { display: none !important; pointer-events: none; } #stacks_in_969.sf-styles .controls.sf-disabled.sf-input { cursor: not-allowed; } #stacks_in_969.sf-styles .controls.sf-disabled.sf-checkbox label, #stacks_in_969.sf-styles .controls.sf-disabled.sf-checkbox input, #stacks_in_969.sf-styles .controls.sf-disabled.sf-input label, #stacks_in_969.sf-styles .controls.sf-disabled.sf-input input { opacity: .5; pointer-events: none; } #stacks_in_969.sf-styles.sf-no-help-text .controls { grid-template-columns: 90px 1fr; } #stacks_in_969.sf-styles .deluxe-columns > div { min-width: 0; } #stacks_in_969.sf-styles .form-group > div:nth-child(2) { margin-top: 16px; } #stacks_in_969.sf-styles .controls.sf-checkbox { grid-template-columns: 90px 22px 1fr 20px; } #stacks_in_969.sf-styles.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 90px 22px 1fr; } #stacks_in_969.sf-styles .controls.sf-checkbox label { cursor: pointer; } #stacks_in_969.sf-styles .controls.sf-submit { grid-template-columns: 90px min-content 20px; grid-gap: 0px 8px; } #stacks_in_969.sf-styles .controls.sf-submit .sf-message:empty { display: none; } #stacks_in_969.sf-styles.sf-no-help-text .controls.sf-submit { grid-template-columns: 90px min-content; } #stacks_in_969.sf-styles .controls.sf-file { grid-template-columns: 90px 1fr min-content 20px; } #stacks_in_969.sf-styles.sf-no-help-text .controls.sf-file { grid-template-columns: 90px 1fr min-content; } #stacks_in_969.sf-styles .hiddenFormSubmit { display: none; } #stacks_in_969.sf-styles .steps .step .controls label, #stacks_in_969.sf-styles .controls label { font-size: 16px; line-height: 1; } #stacks_in_969.sf-styles .controls label { color: rgba(255, 255, 255, 1.00); margin: 0; } #stacks_in_969.sf-styles .controls label img { display: inline; } #stacks_in_969.sf-styles .controls:not(.sf-checkbox) label { pointer-events: none; } #stacks_in_969.sf-styles .controls .field-icon { position: absolute; right: 8px; top: 50%; fill: rgba(243, 238, 237, 1.00); margin: 0; width: 16px; height: 16px; pointer-events: none; transform: translate(0,-50%); } #stacks_in_969.sf-styles .sf-multi-select .field-icon { opacity: 0; } #stacks_in_969.sf-styles .controls { font-size: 16px; } #stacks_in_969.sf-styles form .controls .step-input-wrap { position: relative; } #stacks_in_969.sf-styles .controls input, #stacks_in_969.sf-styles .controls > button, #stacks_in_969.sf-styles .controls select, #stacks_in_969.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_969.sf-styles .controls .fileUpload, #stacks_in_969.sf-styles .controls .fileUpload span { font-size: 16px; line-height: 16px; height: 34px; color: rgba(243, 238, 237, 1.00); } #stacks_in_969.sf-styles .controls select + .sf-multi-select-mobile { height: auto; } #stacks_in_969.sf-styles .controls input::-webkit-calendar-picker-indicator { opacity: 0; } #stacks_in_969.sf-styles .controls input:focus, #stacks_in_969.sf-styles .controls select:focus, #stacks_in_969.sf-styles .controls textarea:focus, #stacks_in_969.sf-styles .controls button:focus { outline: none; } #stacks_in_969.sf-styles .controls.sf-checkbox label { font-size: 16px; line-height: 16px; } #stacks_in_969.sf-styles .controls textarea { font-size: 16px; line-height: 16px; color: rgba(243, 238, 237, 1.00); } #stacks_in_969.sf-styles .controls select.is-placeholder option, #stacks_in_969.sf-styles .controls select.is-placeholder + .sf-multi-select-mobile .sf-option { color: rgba(243, 238, 237, 1.00); } #stacks_in_969.sf-styles .controls input::placeholder, #stacks_in_969.sf-styles .controls textarea::placeholder, #stacks_in_969.sf-styles .controls select.is-placeholder option[disabled] { color: rgba(0, 0, 0, 0.35); color: #7D6BFD; opacity: 1; } #stacks_in_969.sf-placeholder .controls input::placeholder, #stacks_in_969.sf-placeholder .controls textarea::placeholder, #stacks_in_969.sf-placeholder .controls select:invalid, #stacks_in_969.sf-classic .controls input::placeholder, #stacks_in_969.sf-classic .controls textarea::placeholder, #stacks_in_969.sf-classic .controls select.is-placeholder { color: transparent; } #stacks_in_969.sf-styles .controls .sf-number-wrap, #stacks_in_969.sf-styles .controls input, #stacks_in_969.sf-styles .controls textarea, #stacks_in_969.sf-styles .controls > button, #stacks_in_969.sf-styles .controls select, #stacks_in_969.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_969.sf-styles .controls .fileUpload { padding: 8px 8px; border: 1px solid rgba(13, 13, 13, 0.15); width: 100%; margin: 0px; color: rgba(243, 238, 237, 1.00); background-color: rgba(255, 255, 255, 0.10); border-radius: 2px; transition: all 0.3s; } #stacks_in_969.sf-styles .controls select + .sf-multi-select-mobile { padding: 8px 0px; } #stacks_in_969.sf-styles .controls .sf-number-wrap { padding: 0; color: rgba(243, 238, 237, 1.00); } #stacks_in_969.sf-styles .controls input[type="number"] { border-color: transparent !important; background-color: transparent !important; } #stacks_in_969.sf-styles .controls .sf-number-wrap { display: grid; grid-template-columns: 1fr min-content; align-items: center; grid-gap: 0px; position: relative; } #stacks_in_969.sf-styles .controls input::-webkit-outer-spin-button, #stacks_in_969.sf-styles .controls input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #stacks_in_969.sf-styles .controls input[type=number] { -moz-appearance: textfield; } #stacks_in_969.sf-styles .quantity-nav { height: 24px; display: grid; grid-gap: 2px; margin-left: 8px; margin-right: 4px; grid-template-columns: 1fr 1fr; } #stacks_in_969.sf-styles .quantity-button { font-family: "helvetica-Neue",helvetica; font-weight: 400; position: relative; cursor: pointer; border: none; width: 24px; text-align: center; font-size: 14px; line-height: 22px; height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-color: rgba(0,0,0,0.05); } #stacks_in_969.sf-styles .quantity-button.quantity-up:before { content: "+"; } #stacks_in_969.sf-styles .quantity-button.quantity-down:before { content: "-"; } #stacks_in_969.sf-styles .quantity-button:active:after { content: ""; position: absolute; left:0;top:0;right:0;bottom:0; background: rgba(0,0,0,0.05); pointer-events: none; } #stacks_in_969.sf-styles .controls input[type="checkbox"], #stacks_in_969.sf-styles .controls input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; } #stacks_in_969.sf-styles .controls select, #stacks_in_969.sf-styles .controls select + .sf-multi-select-mobile { line-height: 20px; padding: 6px 8px; } #stacks_in_969.sf-styles .controls select + .sf-multi-select-mobile { padding: 6px 0; } #stacks_in_969.sf-styles .controls > button { position: relative; white-space: nowrap; } #stacks_in_969.sf-styles .controls > button.sf-submitting { color: transparent; } #stacks_in_969.sf-styles .controls > button svg { pointer-events: none; opacity: 0; position: absolute; width: 16px; height: 16px; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; } #stacks_in_969.sf-styles .controls > button.sf-submitting svg { opacity: 1; transition: opacity 300ms ease; animation: sf-loading 1000ms linear infinite; transform-origin: 8px 9px; } #stacks_in_969.sf-styles .controls > button svg path { stroke: #fff; } #stacks_in_969.sf-styles .controls > button, #stacks_in_969.sf-styles .controls .fileUpload { padding: 8px 16px; } @-webkit-keyframes sf-loading { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes sf-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #stacks_in_969.sf-styles .controls .fileUpload { border-color: transparent; } #stacks_in_969.sf-styles form .hint, #stacks_in_969.sf-styles form .message { font-size: 14px; line-height: 1.3; position: relative; left: 0; color: #6f6f6f; padding: 12px; margin: 0px; background: -moz-linear-gradient(#ffffff, #f7f7f6 30%); background: -webkit-linear-gradient(#ffffff, #f7f7f6 30%); background: linear-gradient(#ffffff, #f7f7f6 30%); border-radius: 3px; vertical-align: top; pointer-events: none; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); } #stacks_in_969.sf-styles form .hint:before, #stacks_in_969.sf-styles form .hint:after, #stacks_in_969.sf-styles form .message:before, #stacks_in_969.sf-styles form .message:after { content: ""; display: block; height: 0; width: 0; border-style: solid; border-width: 8px 8px 8px 8px; border-color: #f7f7f6 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); position: absolute; top: auto; left: 8px; margin-top: -8px; z-index: 2; bottom: -14px; } #stacks_in_969.sf-styles form .hint:after, #stacks_in_969.sf-styles form .message:after { z-index: 1; bottom: -15px; } #stacks_in_969.sf-styles form .hint { opacity: 0; position: absolute; left: calc(90px + 8px); right: 28px; bottom: 0%; top: auto; } #stacks_in_969.sf-styles.sf-no-help-text form .hint { right: 0px; } #stacks_in_969.sf-styles form .message ~ .hint { display: none; } #stacks_in_969.sf-styles form .controls .sf-focused ~ .hint { transition: all 300ms ease; opacity: 1; bottom: calc(100% + 8px); } #stacks_in_969.sf-styles form .help { height: 20px; } #stacks_in_969.sf-styles form .help i { display: block; position: relative; height: 20px; width: 20px; line-height: 16px; font-size: 16px; padding-top: 1px; text-align: center; color: #a2a2a2; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(0,0,0,0.3); background: #f7f7f6 -moz-linear-gradient(#ffffff, #ededec); background: #f7f7f6 -webkit-linear-gradient(#ffffff, #ededec); background: #f7f7f6 linear-gradient(#ffffff, #ededec); cursor: help; font-style: normal; } #stacks_in_969.sf-styles form .help i:hover { color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border-color: #585854; background: #585854 -moz-linear-gradient(#6d6d67, #60605b); background: #585854 -webkit-linear-gradient(#6d6d67, #60605b); background: #585854 linear-gradient(#6d6d67, #60605b); } #stacks_in_969.sf-styles form .help i:after { display: none; opacity: 0.97; content: ""; height: 0; width: 0; border-style: solid; border-width: 0 9px 8px 9px; border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #6d6d67; position: absolute; bottom: -11px; left: 0px; z-index: 11; } #stacks_in_969.sf-styles form .help > span { display: none; opacity: 0.97; position: absolute; right: -2px; left: calc(90px + 8px); top: calc(8px + 8px + 16px); z-index: 10; padding: 7px 10px 9px 10px; margin: 0; border-radius: 3px; background: -moz-linear-gradient(#6d6d67, #585854 20%); background: -webkit-linear-gradient(#6d6d67, #585854 20%); background: linear-gradient(#6d6d67, #585854 20%); color: white; border-color: #585854; text-align: left; line-height: 1.2; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); font-size: 16px; line-height: 1.4; } #stacks_in_969.sf-styles form .help i:hover:after { display: block; } #stacks_in_969.sf-styles form .help i:hover ~ span { display: block; white-space: normal; } #stacks_in_969.sf-styles .controls.sf-checkbox .note, #stacks_in_969.sf-styles .controls.sf-file .note { grid-column: span 2; } #stacks_in_969.sf-styles .controls.sf-textarea, #stacks_in_969.sf-styles .controls.sf-multi-select { align-items: flex-start; } #stacks_in_969.sf-styles form .controls.sf-textarea .help, #stacks_in_969.sf-styles form .controls.sf-multi-select .help { margin-top: 8px; } /* left */ #stacks_in_969.sf-left .controls { width: calc(90px + 330px); } #stacks_in_969.sf-left .controls:not(.sf-checkbox) label { font-weight: 600; } #stacks_in_969.sf-left .controls.sf-textarea label, #stacks_in_969.sf-left .controls.sf-multi-select label { margin-top: 8px; } @media all and (max-width: 500px) { #stacks_in_969.sf-left .controls { width: 330px; } #stacks_in_969.sf-left form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_969.sf-left form .controls:not(.sf-checkbox) .help > span { margin-top: 22px; } #stacks_in_969.sf-left form .hint, #stacks_in_969.sf-left form .help > span { left: 0px; } #stacks_in_969.sf-left .controls.sf-textarea label, #stacks_in_969.sf-left .controls.sf-multi-select label { margin-top: 0px; } #stacks_in_969.sf-left .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_969.sf-left.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_969.sf-left .dropdown-menu { margin-left: 0px; } #stacks_in_969.sf-left .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_969.sf-left.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_969.sf-left .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_969.sf-left.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_969.sf-left .controls .sf-empty-column { display: none; } #stacks_in_969.sf-left .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_969.sf-left.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_969.sf-left .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; font-weight: 600; } } /* end left */ /* top */ #stacks_in_969.sf-top form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_969.sf-top .controls .note, #stacks_in_969.sf-top .controls.sf-checkbox .note, #stacks_in_969.sf-top .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_969.sf-top form .controls:not(.sf-checkbox) .help > span { margin-top: 22px; } #stacks_in_969.sf-top form .hint, #stacks_in_969.sf-top form .help > span { left: 0px; } #stacks_in_969.sf-top .controls.sf-textarea label, #stacks_in_969.sf-top .controls.sf-multi-select label { margin-top: 0px; } #stacks_in_969.sf-top .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_969.sf-top.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_969.sf-top .dropdown-menu { margin-left: 0px; } #stacks_in_969.sf-top .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_969.sf-top.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_969.sf-top .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_969.sf-top.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_969.sf-top .controls .sf-empty-column { display: none; } #stacks_in_969.sf-top .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_969.sf-top.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_969.sf-top .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; font-weight: 600; } /* end top */ /* placeholder */ #stacks_in_969.sf-placeholder form .hint, #stacks_in_969.sf-placeholder form .help > span { left: 0px; } #stacks_in_969.sf-placeholder .controls .note, #stacks_in_969.sf-placeholder .controls.sf-checkbox .note, #stacks_in_969.sf-placeholder .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_969.sf-placeholder .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_969.sf-placeholder.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_969.sf-placeholder .dropdown-menu { margin-left: 0px; } #stacks_in_969.sf-placeholder .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_969.sf-placeholder.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_969.sf-placeholder .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_969.sf-placeholder.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_969.sf-placeholder .controls .sf-empty-column { display: none; } #stacks_in_969.sf-placeholder .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_969.sf-placeholder.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_969.sf-placeholder .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; } #stacks_in_969.sf-placeholder .controls:not(.sf-checkbox) label { position: absolute; left: 4px; top: 8px; display: inline-block; padding: 0px 4px; transition: opacity 0.3s; pointer-events: none; opacity: 1; z-index: 1; } #stacks_in_969.sf-placeholder .controls.sf-checkbox label { display: block; } #stacks_in_969.sf-placeholder .controls:not(.sf-checkbox) label.sf-active { opacity: 0; } #stacks_in_969.sf-placeholder .controls:not(.sf-checkbox) label:not(.sf-active) + div input { color: transparent; } /* end placeholder */ /* classic */ #stacks_in_969.sf-classic form .controls .sf-focused ~ .hint { bottom: calc(100% + 16px); } #stacks_in_969.sf-classic .controls .note, #stacks_in_969.sf-classic .controls.sf-checkbox .note, #stacks_in_969.sf-classic .controls.sf-file .note { grid-column: 1/-1; } #stacks_in_969.sf-classic form .hint, #stacks_in_969.sf-classic form .help > span { left: 0px; } #stacks_in_969.sf-classic form .controls:not(.sf-checkbox) .help > span { margin-top: 4px; } #stacks_in_969.sf-classic .controls { grid-template-columns: 1fr 20px; grid-gap: 4px 8px; } #stacks_in_969.sf-classic.sf-no-help-text .controls { grid-template-columns: 1fr; } #stacks_in_969.sf-classic .dropdown-menu { margin-left: 0px; } #stacks_in_969.sf-classic .controls.sf-checkbox { grid-template-columns: 22px 1fr 20px; } #stacks_in_969.sf-classic.sf-no-help-text .controls.sf-checkbox { grid-template-columns: 22px 1fr; } #stacks_in_969.sf-classic .controls.sf-submit { grid-template-columns: min-content 20px; } #stacks_in_969.sf-classic.sf-no-help-text .controls.sf-submit { grid-template-columns: min-content; } #stacks_in_969.sf-classic .controls .sf-empty-column { display: none; } #stacks_in_969.sf-classic .controls.sf-file { grid-template-columns: 1fr min-content 20px; } #stacks_in_969.sf-classic.sf-no-help-text .controls.sf-file { grid-template-columns: 1fr min-content; } #stacks_in_969.sf-classic .controls:not(.sf-checkbox) label { grid-column: 1/-1; padding: 0; } #stacks_in_969.sf-classic .controls:not(.sf-checkbox) label { position: absolute; left: 6px; top: 12px; border-radius: 2px; display: inline-block; padding: 0px 6px; background-color: rgba(255, 255, 255, 0); transition: color 0.3s, top 0.3s, background-color 0.8s; z-index: 1; } #stacks_in_969.sf-classic .controls.sf-checkbox label { display: block; } #stacks_in_969.sf-classic .controls:not(.sf-checkbox) label.sf-active { top: -8px; z-index: 2; background-color: rgba(122, 44, 43, 1.00); } #stacks_in_969.sf-classic .controls:not(.sf-checkbox) label:not(.sf-active) + div input { color: transparent; } #stacks_in_969.sf-classic .controls input, #stacks_in_969.sf-classic .controls > button, #stacks_in_969.sf-classic .controls select, #stacks_in_969.sf-classic .controls select + .sf-multi-select-mobile, #stacks_in_969.sf-classic .controls .fileUpload, #stacks_in_969.sf-classic .controls .fileUpload span { padding: 12px; height: 42px; } #stacks_in_969.sf-classic .controls select + .sf-multi-select-mobile { padding: 12px 0; } #stacks_in_969.sf-classic .controls select + .sf-multi-select-mobile { height: auto; } #stacks_in_969.sf-classic .controls input[type="checkbox"], #stacks_in_969.sf-classic .controls input[type="radio"] { padding: 0; } #stacks_in_969.sf-classic .controls textarea { padding: 12px; } #stacks_in_969.sf-classic .controls > button { padding: 12px 24px; } /* end classic */ #stacks_in_969.sf-styles .controls input, #stacks_in_969.sf-styles .controls textarea, #stacks_in_969.sf-styles .controls button, #stacks_in_969.sf-styles .controls select, #stacks_in_969.sf-styles .controls select + .sf-multi-select-mobile, #stacks_in_969.sf-styles .controls input[type="checkbox"]:after, #stacks_in_969.sf-styles .controls input[type="radio"]:after, #stacks_in_969.sf-styles input[type="checkbox"] + .sf-captcha > .g-recaptcha iframe { box-shadow: none; } #stacks_in_969.sf-styles .controls input[type="number"].hasError + input, #stacks_in_969.sf-styles .controls input:not([type="radio"]):not([type="checkbox"]):not([type="number"]).hasError, #stacks_in_969.sf-styles .controls input.sf-upload + label, #stacks_in_969.sf-styles .controls textarea.hasError, #stacks_in_969.sf-styles .controls button.hasError, #stacks_in_969.sf-styles .controls select.hasError, #stacks_in_969.sf-styles .controls select.hasError + .sf-multi-select-mobile, #stacks_in_969.sf-styles input[type="checkbox"].hasError + .sf-captcha > .g-recaptcha iframe { box-shadow: inset 0 0 0 1000px rgba(249,217,73,0.33); } #stacks_in_969.sf-styles .controls input[type="checkbox"]:not(:checked).hasError:after, #stacks_in_969.sf-styles .controls input[type="radio"]:not(:checked).hasError:after { box-shadow: none; background-color: rgba(249,217,73,0.33); content: ""; width: 20px; height: 20px; position: absolute; left: 1px; top: 1px; border-radius: 50%; } #stacks_in_969.sf-styles .controls input[type="checkbox"]:not(:checked).hasError:after { border-radius: 0px; } #stacks_in_969.sf-styles .controls select, #stacks_in_969.sf-styles .controls select + .sf-multi-select-mobile .sf-option, #stacks_in_969.sf-styles .controls.sf-date input { cursor: pointer; -moz-appearance: none; -webkit-appearance: none; } #stacks_in_969.sf-styles .controls textarea { white-space: pre-line; line-height: 1.2; } #stacks_in_969.sf-styles .controls input[type=checkbox], #stacks_in_969.sf-styles .controls input[type=radio] { position: relative; left: 0px; width: 22px; height: 22px; margin: 4px 0px; background: transparent; border-color: transparent; } #stacks_in_969.sf-styles .controls input[type=checkbox]:after, #stacks_in_969.sf-styles .controls input[type=radio]:before { cursor: pointer; content: " "; display: inline-block; width: 20px; height: 20px; border-radius: 2px; border: 1px solid rgba(13, 13, 13, 0.15); line-height: 20px; text-align: center; position: relative; left: 0px; background-image: linear-gradient(rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.10)); } #stacks_in_969.sf-styles .controls input[type=radio]:before { border-radius: 50%; } #stacks_in_969.sf-styles .controls input[type=checkbox]:checked:after { content: "\2714"; /*#7D6BFD*/ color: rgba(253, 128, 8, 1.00); } #stacks_in_969.sf-styles .controls input[type=radio]:checked:after { content: ""; width: 12px; height: 12px; position: absolute; left: 5px; top: 5px; border-radius: 50%; background-color: rgba(253, 128, 8, 1.00); } #stacks_in_969.sf-styles .controls .fileUpload, #stacks_in_969.sf-styles .controls button { overflow: hidden; background-color: rgba(243, 238, 237, 1.00); border: 1px solid rgba(243, 238, 237, 1.00); color: rgba(0, 0, 0, 1.00); } #stacks_in_969.sf-styles .controls .fileUpload:active, #stacks_in_969.sf-styles .controls button:active { box-shadow: 0 0 0 2000px rgba(0,0,0,0.22) inset; } #stacks_in_969.sf-styles .controls .fileUpload span { white-space: nowrap; color: rgba(0, 0, 0, 1.00); } #stacks_in_969.sf-styles .controls .fileUpload input.upload { position: absolute; top: 0; bottom :0; right: 0; margin: 0; padding: 0; cursor: pointer; opacity: 0; height: 100%; } #stacks_in_969.sf-styles form, #stacks_in_969.sf-styles .controls input, #stacks_in_969.sf-styles .controls textarea { font-family: inherit; } /* */ #stacks_in_969.sf-styles form { font-family: inherit; padding: 32px 32px; border-radius: 0px; border-width: 0px; } #stacks_in_969.sf-styles .controls input, #stacks_in_969.sf-styles .controls textarea { font-family: inherit; } #stacks_in_969.sf-styles { display: flex; justify-content: center; flex-direction: column; } /* */ /* */ #stacks_in_969.sf-styles .steps .step .controls:not(.sf-checkbox) label, #stacks_in_969.sf-styles .controls:not(.sf-checkbox) label { font-size: 16px; line-height: 16px; font-weight: 800; width: calc(100% - 28px); text-align: left; } #stacks_in_969.sf-styles .sf-radio-group .controls.sf-button-group label { font-size: 14px; line-height: 1.1; } #stacks_in_969.sf-styles .controls:not(.sf-checkbox) label img { height: 16px; } #stacks_in_969.sf-styles.sf-no-help-text .controls:not(.sf-checkbox) label { width: 100%; } @media all and (max-width: 500px) { #stacks_in_969.sf-left form .controls .sf-focused ~ .hint { margin-top: 16px; } #stacks_in_969.sf-left form .controls:not(.sf-checkbox) .help > span { margin-top: calc(16px + 8px); } } #stacks_in_969.sf-top form .controls:not(.sf-checkbox) .help > span { margin-top: calc(16px + 8px); } #stacks_in_969.sf-top form .controls .sf-focused ~ .hint, #stacks_in_969.sf-top .controls .fileUpload { margin-top: 16px; } #stacks_in_969.sf-placeholder .form-group .controls:not(.sf-checkbox) label { width: auto; line-height: 16px; } #stacks_in_969.sf-classic .form-group .controls:not(.sf-checkbox) label { width: auto; line-height: 16px; } /* */ /* */ #stacks_in_969.sf-styles .sf-radio-group { margin-bottom: 16px; } #stacks_in_969.sf-styles .controls { margin-bottom: 16px; margin-top: 0px; grid-gap: 4px 8px; } #stacks_in_969.sf-styles .controls.sf-radio { margin-bottom: 0px; } #stacks_in_969.sf-styles .controls.sf-radio + .controls:not(.sf-radio) { margin-top: 16px; } #stacks_in_969.sf-styles .controls.sf-submit { margin-bottom: 0px; } #stacks_in_969.sf-styles .controls.sf-captcha { margin-bottom: 16px; } #stacks_in_969.sf-styles .form-group > div:nth-child(2) { margin-top: 16px; } #stacks_in_969.sf-styles .controls { font-size: 17px; } #stacks_in_969.sf-styles form .controls input, #stacks_in_969.sf-styles form .controls textarea, #stacks_in_969.sf-styles form .controls > button, #stacks_in_969.sf-styles form .controls select, #stacks_in_969.sf-styles form .controls select + .sf-multi-select-mobile, #stacks_in_969.sf-styles form .controls .fileUpload { font-size: 17px; line-height: 17px; font-weight: 500; border-radius: 0px; border-width: 0px; padding: 12px 8px; } #stacks_in_969.sf-styles form .controls .step-input-wrap:before { border-radius: 0px; border-width: 0px; } #stacks_in_969.sf-styles .controls input[type="checkbox"], #stacks_in_969.sf-styles .controls input[type="radio"] { padding: 0; } #stacks_in_969.sf-styles form .controls select, #stacks_in_969.sf-styles form .controls select + .sf-multi-select-mobile { line-height: 21px; padding: 10px 8px; } #stacks_in_969.sf-styles form .controls select + .sf-multi-select-mobile { padding: 10px 0; } #stacks_in_969.sf-styles form .controls .step-input-wrap:before, #stacks_in_969.sf-styles form .controls input, #stacks_in_969.sf-styles form .controls textarea, #stacks_in_969.sf-styles form .controls select, #stacks_in_969.sf-styles form .controls select + .sf-multi-select-mobile, #stacks_in_969.sf-styles form .controls .fileUpload { } #stacks_in_969.sf-styles form .controls .fileUpload span, #stacks_in_969.sf-styles form .controls.sf-checkbox label { font-size: 17px; line-height: 17px; font-weight: 500; } #stacks_in_969.sf-styles form .submitMessage h3, #stacks_in_969.sf-styles form .submitMessage p { font-size: 17px; } #stacks_in_969.sf-styles form .note { margin: 0px 8px; } #stacks_in_969.sf-styles form .message, #stacks_in_969.sf-styles form .help > span { font-size: 17px; line-height: 1.4; } #stacks_in_969.sf-styles .controls > button, #stacks_in_969.sf-styles .controls .fileUpload { padding: 12px 16px; border-width: 1px; } #stacks_in_969.sf-styles .controls textarea { line-height: 1.2; } #stacks_in_969.sf-styles form .controls input, #stacks_in_969.sf-styles form .controls > button, #stacks_in_969.sf-styles form .controls select, #stacks_in_969.sf-styles form .controls .fileUpload { height: calc(17px + 12px + 12px + 2px); } #stacks_in_969.sf-styles form .help > span { top: 38.500000px; } #stacks_in_969.sf-styles form .sf-textarea .help > span, #stacks_in_969.sf-styles form .sf-multi-select .help > span { top: 34px; } #stacks_in_969.sf-styles form .controls .field-icon { width: 17px; height: 17px; right: 8px; } /* */ #stacks_in_969.sf-styles .controls:not(.sf-checkbox) label { line-height: 17px; } /* */ #stacks_in_969.sf-placeholder .controls:not(.sf-checkbox) label { line-height: 17px; top: 12px; left: calc(8px - 2px); } #stacks_in_969.sf-classic .controls:not(.sf-checkbox) label { line-height: 17px; top: 12px; left: calc(8px - 4px); } /* */ #stacks_in_969.sf-styles .controls.sf-submit.sf-full-button-True { grid-template-columns: 1fr 20px; } #stacks_in_969.sf-styles.sf-no-help-text .controls.sf-submit.sf-full-button-True { grid-template-columns: 1fr; } #stacks_in_969.sf-left .controls.sf-submit.sf-full-button-True { grid-template-columns: 90px 1fr 20px; } #stacks_in_969.sf-left.sf-no-help-text .controls.sf-submit.sf-full-button-True { grid-template-columns: 90px 1fr; } #stacks_in_969.sf-styles .controls select[multiple] { height: auto; } #stacks_in_969.sf-styles .controls select[multiple] option, #stacks_in_969.sf-styles .controls select[multiple] + .sf-multi-select-mobile .sf-option { padding: 2px 0px; } #stacks_in_969.sf-styles .controls select[multiple] + .sf-multi-select-mobile .sf-option { padding: 2px 8px; } #stacks_in_969.sf-styles form .controls select + .sf-multi-select-mobile .sf-option.sf-msm-active { background: rgba(243, 238, 237, 1.00); color: rgba(0, 0, 0, 1.00); } #stacks_in_969.sf-styles .form-group .controls select[multiple] option:empty[disabled], #stacks_in_969.sf-styles .form-group .controls.sf-multi-select svg { display: none; } #stacks_in_969.sf-placeholder .form-group .controls.sf-multi-select label, #stacks_in_969.sf-classic .form-group .controls.sf-multi-select label { position: static; } #stacks_in_969.sf-styles .sf-radio-group { display: flex; flex-wrap: wrap; align-items: stretch; grid-gap: 4px; margin-bottom: 16px; } #stacks_in_969.sf-styles .sf-radio-group .controls.sf-button-group { flex: 0 0 auto; margin: 0 0 4px 0; padding: 0; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: stretch; justify-content: center; } #stacks_in_969.sf-styles .sf-radio-group .controls.sf-button-group.sf-help-text { grid-template-columns: 1fr 20px; } #stacks_in_969.sf-styles form .controls.sf-button-group.sf-help-text .help > span { transform: translate(0,-50%); top: calc(50% + 52px); } #stacks_in_969.sf-styles .sf-radio-group .controls input[type]:after, #stacks_in_969.sf-styles .sf-radio-group .controls input[type]:before, #stacks_in_969.sf-styles .sf-radio-group .controls input[type] { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; margin: 0; background: transparent; cursor: pointer; } #stacks_in_969.sf-styles .sf-radio-group .controls input[type]:after, #stacks_in_969.sf-styles .sf-radio-group .controls input[type]:before { pointer-events: none; } #stacks_in_969.sf-styles .sf-radio-group .controls input:checked:after { content: ""; background: transparent; border: 2px solid rgba(253, 128, 8, 1.00); } #stacks_in_969.sf-styles .sf-radio-group .controls input[type]:checked:after, #stacks_in_969.sf-styles .sf-radio-group .controls input[type]:before, #stacks_in_969 .step .sf-radio-group .controls input.hasError[type]:after { border-radius: 4px; } #stacks_in_969.sf-styles .sf-radio-group .controls.sf-button-group label { display: grid; padding: 16px 8px; grid-template-columns: auto; grid-template-rows: min-content; justify-items: center; align-items: center; text-align: center; line-height: 1.1; font-size: 14px; z-index: 1; grid-gap: 8px; user-select: none; } #stacks_in_969.sf-styles .sf-radio-group .controls.sf-button-group label > div img { display: block; } #stacks_in_969.sf-styles .sf-radio-group .controls.sf-button-group label div:empty, #stacks_in_969.sf-styles .sf-radio-group .controls.sf-button-group label div.empty { display: none; } #stacks_in_969.sf-styles .sf-radio-group .controls.sf-button-group .sf-button-wrap { position: relative; justify-content: center; align-items: center; display: flex; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:3000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px}.bootstrap-datetimepicker-widget:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:100%;font-weight:bold;font-size:1.2em}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#999}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td.active:hover:hover,.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active,.bootstrap-datetimepicker-widget td.active.disabled,.bootstrap-datetimepicker-widget td.active:hover.disabled,.bootstrap-datetimepicker-widget td.active[disabled],.bootstrap-datetimepicker-widget td.active:hover[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td span.active:hover,.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active,.bootstrap-datetimepicker-widget td span.active.disabled,.bootstrap-datetimepicker-widget td span.active[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td span.old{color:#999}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget th.switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px} #stacks_in_969.sf-styles .dropdown-menu { position: absolute; top: 100%; z-index: 1000; display: none; float: none; width: 330px; max-width: 100%; padding: 5px 0; list-style: none; background-color: #ffffff; color: #676767; border-radius: 3px; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } #stacks_in_969.sf-styles .bootstrap-datetimepicker-widget:before, #stacks_in_969.sf-styles .bootstrap-datetimepicker-widget:after { display: none; } #stacks_in_969.sf-styles .bootstrap-datetimepicker-widget ul { padding: 0px 8px; } #stacks_in_969.sf-styles .bootstrap-datetimepicker-widget td [data-action="togglePicker"] span { display: block; width: auto; height: auto; line-height: 22px; float: none; margin: 0; padding: 8px; border-radius: 0px; } #stacks_in_969.sf-styles .bootstrap-datetimepicker-widget td [data-action="togglePicker"] { display: block; width: 100%; border: 1px solid rgba(0,0,0,0.1); padding: 0px; margin: 8px 0; } #stacks_in_969.sf-styles .bootstrap-datetimepicker-widget .datepicker { margin-top: 8px; } #stacks_in_969.sf-styles .bootstrap-datetimepicker-widget .timepicker { margin-bottom: 8px; } #stacks_in_969.sf-styles table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } #stacks_in_969.sf-styles .bootstrap-datetimepicker-widget .collapse.in { display: block; } #stacks_in_969.sf-styles .bootstrap-datetimepicker-widget .collapse { position: relative; display: none; overflow: visible; } #stacks_in_969.sf-styles .bootstrap-datetimepicker-widget .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.2; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; } #stacks_in_969.sf-styles .hiddenFormSubmit { display: none; } #stacks_in_969.sf-styles .hideSlice { display: none !important; } #stacks_in_969 .autoreply {display: none;} #stacks_in_969 .sf-debug-output.has-output > div { padding: 16px; background: #fff; color: #555 !important; font-size: 16px; line-height: 1.3 !important; max-width: 540px; margin: 16px auto; border: 1px solid rgba(0,0,0,0.15); border-radius: 2px; } #stacks_in_969 .sf-debug-output.has-output h2, #stacks_in_969 .sf-debug-output.has-output h3 { margin: 16px 0px 24px 0px; font-size: 20px; font-weight: bold; color: #333 !important; } #stacks_in_969 .sf-debug-output.has-output h3 { font-size: 18px; } #stacks_in_969 .sf-debug-output.has-output p { margin: 16px 0px; } #stacks_in_969.sf-styles .step-stack-wrap .controls .sf-number-wrap { border-width: 0px; } #stacks_in_969 .step-stack-wrap .controls.sf-input { display: grid; } #stacks_in_969.sf-styles form .step-stack-wrap .note { color: inherit; } #stacks_in_969.sf-styles .step-stack-wrap .steps .step-content { z-index: 3; } /* */ #stacks_in_969 .step-stack-wrap .step-slice { display: none; } #stacks_in_969 .step-stack-wrap .step-submit ~ .step .step-slice { display: block; } /* */ /* */ .element_stacks_in_970[data-deluxe-el][data-deluxe-text] { color: rgba(255, 255, 255, 1.00); margin-top: 0px; margin-bottom: 16px; text-align: left; } /* */ textarea#input-stacks_in_973 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_973.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_973.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_974 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_974.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_974.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_975 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_975.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_975.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ textarea#input-stacks_in_976 { height: 150px; resize: none; /* */ } /* */ #sf-radio-stacks_in_976.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_976.controls.sf-button-group.sf-help-text { width: inherit; } /* */ /* */ #submit-stacks_in_977 { margin-left: auto; justify-content: flex-end; } /* */ textarea#input-stacks_in_977 { height: 200px; resize: none; /* */ } /* */ #sf-radio-stacks_in_977.controls.sf-button-group { width: 120px; } #sf-radio-stacks_in_977.controls.sf-button-group.sf-help-text { width: inherit; } /* */ #stacks_out_1006 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: center; align-self: center; } #stacks_in_1006 { box-shadow: none; } #stacks_in_1006, [tag="slice"] #stacks_in_1006 > .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: center; } } #stacks_in_1006 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_1006 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_1006.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ %[if edit]% #stacks_in_1206_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_1206_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_1206 .layer { float: left; } %[if ]% #stacks_in_1206 .pile { display: none; } #stacks_in_1206 .Icon { display: block; width: 50px; height: 50px; background: url('../files/icon@50.png') no-repeat; margin: 12px auto 6px; } %[endif]% %[endif]% #stacks_in_1206 .pile { margin: 0 auto; padding: 12px; } #stacks_in_1206 .layer { %[if ]% max-width: px; %[endif]% float: left; margin-bottom: px; } #stacks_in_1206 .clearFloats { clear: both; } %[if edit]% #stacks_in_1559_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_1559_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_1559 .layer { float: left; } %[if ]% #stacks_in_1559 .pile { display: none; } #stacks_in_1559 .Icon { display: block; width: 50px; height: 50px; background: url('../files/icon@50.png') no-repeat; margin: 12px auto 6px; } %[endif]% %[endif]% #stacks_in_1559 .pile { margin: 0 auto; padding: 12px; } #stacks_in_1559 .layer { %[if ]% max-width: px; %[endif]% float: left; margin-bottom: px; } #stacks_in_1559 .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_1271 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_1271 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_1271 svg */ #stacks_in_1271 svg, #stacks_in_1271 i { color: rgba(243, 238, 237, 1.00); fill: rgba(243, 238, 237, 1.00); stroke: rgba(243, 238, 237, 1.00); } #stacks_in_1271 i, #stacks_in_1271 svg { position: relative; font-size: 50px; line-height: 50px; height: 50px; width: 50px; display: block; text-align: center; margin: 0 auto; } #stacks_in_1271 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_1271 .icon-helper-two-tone { position: absolute; top: 0; left: 0; right: 0; bottom: 0; fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_1271 .material-icons-two-tone { color: rgba(243, 238, 237, 1.00); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(243, 238, 237, 1.00), 0px -.1px 0px rgba(243, 238, 237, 1.00), .1px 0px 0px rgba(243, 238, 237, 1.00), -.1px 0px 0px rgba(243, 238, 237, 1.00); } #stacks_in_1271 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(255, 255, 255, 1.00); font-family: 'Material Icons'; } %[if edit]% #stacks_in_1558_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_1558_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_1558 .layer { float: left; } %[if ]% #stacks_in_1558 .pile { display: none; } #stacks_in_1558 .Icon { display: block; width: 50px; height: 50px; background: url('../files/icon@50.png') no-repeat; margin: 12px auto 6px; } %[endif]% %[endif]% #stacks_in_1558 .pile { margin: 0 auto; padding: 12px; } #stacks_in_1558 .layer { %[if ]% max-width: px; %[endif]% float: left; margin-bottom: px; } #stacks_in_1558 .clearFloats { clear: both; } %[if edit]% #stacks_in_1207_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_1207_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_1207 .layer { float: left; } %[if ]% #stacks_in_1207 .pile { display: none; } #stacks_in_1207 .Icon { display: block; width: 50px; height: 50px; background: url('../files/icon@50.png') no-repeat; margin: 12px auto 6px; } %[endif]% %[endif]% #stacks_in_1207 .pile { margin: 0 auto; padding: 12px; } #stacks_in_1207 .layer { %[if ]% max-width: px; %[endif]% float: left; margin-bottom: px; } #stacks_in_1207 .clearFloats { clear: both; } #stacks_out_1010 { -ms-grid-column-span: 1; grid-column: span 1; -ms-flex-item-align: top; align-self: top; } #stacks_in_1010 { box-shadow: none; } #stacks_in_1010, [tag="slice"] #stacks_in_1010 > .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_1010 > * { margin-bottom: 0px; margin-right: 15px; } @supports (display: grid) { #stacks_in_1010 > * { margin-bottom: 0px; margin-right: 0px; margin: 0; } } /* */ /* */ /* */ /* */ /* */ @media all and (max-width: 800px) { #stacks_in_1010.com_onelittledesigner_stacks_Layouts_Item_stack { padding: 0px 0px 0px 0px ; } } /* */ .hp_stacks_in_1472 .hp-bg-layer { background-color : rgba(122, 44, 43, 1.00); background-image : url(../files/backgroundImage-1472.png); background-repeat: repeat-x; background-position: top center; background-size: cover; } .hp_stacks_in_1472 .hp-fg-layer { min-height: 50vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .hp_stacks_in_1472 .hp-fg-layer .hp-section { } .hp_stacks_in_1472 .hp-fg-layer { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-2, .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-3, .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-4 { overflow: visible; position: relative; } .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-2, .hp_stacks_in_1472 .hp-fg-layer > div.hp-layer-2.hp-shape-sector { z-index: 1; } .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-3, .hp_stacks_in_1472 .hp-fg-layer > div.hp-layer-3.hp-shape-sector { z-index: 2; } .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-4, .hp_stacks_in_1472 .hp-fg-layer > div.hp-layer-4.hp-shape-sector { z-index: 3; } .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-2 > div, .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-3 > div, .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-4 > div { overflow: visible; } .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-2 .com_onelittledesigner_stacks_Horizon_Parallax_Section_stack:after, .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-3 .com_onelittledesigner_stacks_Horizon_Parallax_Section_stack:after, .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-4 .com_onelittledesigner_stacks_Horizon_Parallax_Section_stack:after { content: ""; background: inherit; position: absolute; top:0; left: 0; height: 100vh; width: 100vw; z-index: 1; } .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-2 .hp-section, .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-3 .hp-section, .hp_stacks_in_1472 .hp-fg-layer > .hp-layer-4 .hp-section { z-index: 2; position: relative; } .hp_stacks_in_1472 .hp-fg-layer .hp-svg-wrap > .hp-extend, .hp_stacks_in_1472 .hp-fg-layer .hp-layer-2 .hp-svg-wrap .hp-wave-1, .hp_stacks_in_1472 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2, .hp_stacks_in_1472 .hp-fg-layer .hp-layer-4 .hp-svg-wrap .hp-wave-3 { display: block; } .hp_stacks_in_1472 .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_1472 .hp-svg-wrap svg{ height:240px } .hp_stacks_in_1472 .hp-fg-layer .hp-horizon-content{ padding-bottom:240px } .hp_stacks_in_1472 .hp-fg-layer .hp-svg-wrap svg{ position:absolute; top:-240px } } %[if edit]% #stacks_in_1474_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_1474_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_1474 .layer { float: left; } %[if ]% #stacks_in_1474 .pile { display: none; } #stacks_in_1474 .Icon { display: block; width: 50px; height: 50px; background: url('../files/icon@50.png') no-repeat; margin: 12px auto 6px; } %[endif]% %[endif]% #stacks_in_1474 .pile { margin: 0 auto; padding: 12px; } #stacks_in_1474 .layer { %[if ]% max-width: px; %[endif]% float: left; margin-bottom: px; } #stacks_in_1474 .clearFloats { clear: both; } #stacks_out_1475 { width: 250px; } %[if edit]% #stacks_in_1480_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_1480_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_1480 .layer { float: left; } %[if ]% #stacks_in_1480 .pile { display: none; } #stacks_in_1480 .Icon { display: block; width: 50px; height: 50px; background: url('../files/icon@50.png') no-repeat; margin: 12px auto 6px; } %[endif]% %[endif]% #stacks_in_1480 .pile { margin: 0 auto; padding: 12px; } #stacks_in_1480 .layer { %[if ]% max-width: px; %[endif]% float: left; margin-bottom: px; } #stacks_in_1480 .clearFloats { clear: both; } #stacks_in_1484 { padding: 10px 0px 10px 0px; } #stacks_out_1486 { width: 160px; } #stacks_in_1489 { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; margin: 20px; padding: 20px; } :root { --multi_columns_stacks_in_1493:1fr 1fr 1fr 1fr 1fr; } #multi_columns_stacks_in_1493 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_1493); grid-gap: 16px; align-items: center; } #multi_columns_stacks_in_1493 > div { min-width: 0; } #multi_columns_stacks_in_1493 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_1493 > div img { max-width: 100%; } #multi_columns_stacks_in_1493 > div:not(.nav-column):not(.column-sticky) { position: relative; } #stacks_out_1506 { width: 50px; } #stacks_out_1503 { width: 50px; } #stacks_out_1500 { width: 50px; } #stacks_out_1497 { width: 50px; } #stacks_out_1494 { width: 50px; } #stacks_in_1510 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_1510 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_1510 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_1512 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_1512 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_1512 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_1514 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_1514 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_1514 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_1516 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_1516 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_1516 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_1518 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_1518 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_1518 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }