:root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 0, 0, 1.00);--link-color-hover:rgba(0, 0, 0, 0.67);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-color:rgba(204, 204, 204, 1.00);} /* 1.5.0.1 - hotfix: display bug with dropdown items in edit mode */ #stacks_in_1508 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1508 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_1508 .clean-menu-extra { display: none; } #clean-menu_stacks_in_1508 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_1508 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_1508.cm-full-menu li > a:hover, #clean-menu_stacks_in_1508 li > a:hover { text-decoration: none; } #stacks_in_1508 nav { border: 0px solid transparent; } #clean-menu_stacks_in_1508 { max-width: 1640px; box-sizing: border-box; padding: 0px 20px; } /* compatability fixes */ #clean-menu_stacks_in_1508 ul { margin: 0; } #clean-menu-full_stacks_in_1508.cm-full-menu ul, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_1508 ul li > a:after, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul li > a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_1508.cm-full-menu, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_1508.cm-full-menu ul, #clean-menu_stacks_in_1508 .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_1508.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_1508.cm-full-menu ul li, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_1508.cm-full-menu ul li > a, #clean-menu_stacks_in_1508 .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_1508 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul li > a { padding: 6px 20px; } #clean-menu-full_stacks_in_1508.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_1508.cm-full-menu ul > li > .cm-custom-content { padding: 4px 20px 4px 20px; } #clean-menu-full_stacks_in_1508.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 20px 4px 30px; } #clean-menu-full_stacks_in_1508.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 20px 4px 0px; } #clean-menu-full_stacks_in_1508.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: 1; height: auto; } #clean-menu-full_stacks_in_1508.cm-full-menu ul > div, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_1508.cm-full-menu ul > div a, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_1508.cm-full-menu ul ul, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_1508.cm-full-menu, #clean-menu_stacks_in_1508 .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_1508.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_1508.cm-full-menu { height: 0; overflow: hidden; } #clean-menu-full_stacks_in_1508.cm-full-menu.clean-menu-active { height: auto; } #clean-menu-full_stacks_in_1508.cm-full-menu { -webkit-transform: translate(-100%, 50px); transform: translate(-100%, 50px); } #clean-menu-full_stacks_in_1508.cm-full-menu.clean-menu-active { -webkit-transform: translate(-100%, 5px); transform: translate(-100%, 5px); } #clean-menu-full_stacks_in_1508.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_1508 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_1508.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_1508 { 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_1508 > div { align-self: flex-start; } #clean-menu_stacks_in_1508 .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_1508 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_1508 .clean-menu-logo { max-width: 250px; min-width: 250px; margin: 0; } #clean-menu_stacks_in_1508 .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_1508 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_1508.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_1508 .clean-menu-logo > div > div { align-self: center; } #clean-menu_stacks_in_1508 .clean-menu-logo .cm-logo-left { max-width: 73px; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_1508.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_1508 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-end; display: none; -ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; padding: 0; text-decoration: none; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li { margin: 0 15px; align-self: center; line-height: 1; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } div[tag="slice"] > .mez > #stacks_in_1508.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_1508 .clean-menu-top-level ul li > a:visited { transition: color 150ms ease; text-decoration: none; color: rgba(0, 0, 0, 0.40); font-size: inherit; 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_1508.cm-full-menu ul li > a { font-size: inherit; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li > a, #clean-menu-full_stacks_in_1508.cm-full-menu ul li > a { font-family: inherit; } #clean-menu-full_stacks_in_1508.cm-full-menu > ul > li > a { } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_1508.cm-full-menu ul li > a svg, #clean-menu_stacks_in_1508 .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_1508.cm-full-menu ul li > a, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul li > a{ transition: color 150ms ease; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_1508.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; display: flex; align-items: center; } #clean-menu-full_stacks_in_1508.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li.cm-grouped-item > a, #clean-menu-full_stacks_in_1508.cm-full-menu ul li.cm-grouped-item > a { display: inline-block; margin-left: 8px; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li.cm-grouped-item > a { padding: 0; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li.cm-grouped-item > a:first-child, #clean-menu-full_stacks_in_1508.cm-full-menu ul li.cm-grouped-item > a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_1508.cm-full-menu ul li.cm-grouped-item > a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li > a ion-icon, #clean-menu_stacks_in_1508 .clean-menu-top-level ul li > a i, #clean-menu-full_stacks_in_1508.cm-full-menu ul li > a ion-icon, #clean-menu-full_stacks_in_1508.cm-full-menu ul li > a i { font-size: 25px; line-height: 25px; } #stacks_in_1508 li > a svg, #clean-menu_stacks_in_1508 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_1508.cm-full-menu ul li > a svg, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul li > a svg { width: 25px; height: 25px; } #clean-menu_stacks_in_1508 .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_1508 .clean-menu-top-level ul li > a:hover svg, #clean-menu-full_stacks_in_1508.cm-full-menu ul li > a:hover svg { fill: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li > a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_1508 .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_1508 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_1508.cm-full-menu ul li.cm-current > a svg { fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_1508 .cm-toggle span { background: #000000; } #clean-menu_stacks_in_1508 h1, #clean-menu_stacks_in_1508 h2, #clean-menu_stacks_in_1508 h3, #clean-menu_stacks_in_1508 h4, #clean-menu_stacks_in_1508 h5, #clean-menu_stacks_in_1508 h6, #clean-menu_stacks_in_1508 .layouts-text, #clean-menu_stacks_in_1508 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_1508.cm-full-menu, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul { background: rgba(255, 255, 255, 1.00); } #clean-menu-full_stacks_in_1508.cm-full-menu > ul > li, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_1508.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_1508.cm-full-menu ul li > a, #clean-menu-full_stacks_in_1508.cm-full-menu ul li > a:visited, #clean-menu-full_stacks_in_1508.cm-full-menu ul li > a svg, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul li > a, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul li > a:visited, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul li > a svg, #clean-menu-full_stacks_in_1508.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_1508.cm-full-menu ul li > a:hover, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul li > a:hover, #clean-menu_stacks_in_1508 .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_1508.cm-full-menu ul li > a.cm-heading:hover, #clean-menu-full_stacks_in_1508.cm-full-menu ul li > a.cm-heading:hover svg, #clean-menu_stacks_in_1508 .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_1508.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_1508 .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_1508 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_1508 .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_1508 .clean-menu-top-level > ul > li > ul li > a.parent:hover:after, .disable-parents #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul li > a.parent:hover, #clean-menu-full_stacks_in_1508.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_1508 .clean-menu-top-level ul li > a.parent:hover, .disable-parents #clean-menu_stacks_in_1508 .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_1508 .clean-menu-logo { margin: 0; width: 250px; max-width: 250px; } #clean-menu_stacks_in_1508 .clean-menu-logo .cm-logo-wrap { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; max-width: 250px; width: 100%; margin-right: 5px; } #clean-menu_stacks_in_1508 .clean-menu-full { width: 250px; -webkit-box-flex: none; -ms-flex: none; flex: none; } /* div[tag="slice"] > .mez > #stacks_in_1508.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-full { width: auto; max-width: 300px; } */ #clean-menu_stacks_in_1508 .clean-menu-full .cm-menu-toggle { display: inline-block; float: right; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } div[tag="slice"] > .mez > #stacks_in_1508.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 7px; } #clean-menu-full_stacks_in_1508.cm-full-menu > ul > li { border-bottom: 1px solid rgba(0,0,0,0.15) } #clean-menu-full_stacks_in_1508.cm-full-menu > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_1508.cm-full-menu { } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_1508 .clean-menu-top-level ul li > a:visited { color: rgba(0,0,0,.6); } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li > a svg { fill: rgba(0,0,0,.6); } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li > a:hover { color: rgba(0,0,0,.4); } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li > a:hover svg { fill: rgba(0,0,0,.4); } /* #clean-menu_stacks_in_1508 .clean-menu-top-level ul li > a.cm-heading:hover { color: rgba(0,0,0,.6); cursor: default; } */ #clean-menu_stacks_in_1508 .clean-menu-top-level ul li.cm-current > a { color: rgba(0,0,0,.8); } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li.cm-current > a svg { fill: rgba(0,0,0,.8); } #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0,0,0,.6); } #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0,0,0,.4); } /* #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0,0,0,.6); } */ #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(0,0,0,.8); } #clean-menu_stacks_in_1508 .cm-toggle span { background: rgba(0,0,0,8); } #clean-menu_stacks_in_1508 h1, #clean-menu_stacks_in_1508 h2, #clean-menu_stacks_in_1508 h3, #clean-menu_stacks_in_1508 h4, #clean-menu_stacks_in_1508 h5, #clean-menu_stacks_in_1508 h6, #clean-menu_stacks_in_1508 .layouts-text, #clean-menu_stacks_in_1508 p { color: rgba(0,0,0,8); } .disable-parents #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > a.parent:hover, .disable-parents #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > a.parent:hover:after { color: rgba(0,0,0,.6); border-color: rgba(0,0,0,.6); } .cm-sticky-wrap_stacks_in_1508 { transition: background 300ms ease; background: transparent; } .cm-sticky-wrap_stacks_in_1508.cm-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: rgba(255, 255, 255, 0.66); } .cm-sticky-wrap_stacks_in_1508.cm-sticky > #clean-menu-full_stacks_in_1508.cm-full-menu { z-index: 9999; } .cm-sticky-wrap_stacks_in_1508.cm-sticky #clean-menu_stacks_in_1508.clean-menu { max-width: 1640px; box-sizing: border-box; padding: 0px 20px; } @media all and (min-width: 771px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_1508.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_1508 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_1508.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_1508 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_1508 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_1508 .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_1508.clean-menu { gap: 0 16px; } #clean-menu-full_stacks_in_1508 { min-width: 300px; } #clean-menu_stacks_in_1508 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_1508 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_1508 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_1508 .clean-menu-top-level { display: none; } #clean-menu-full_stacks_in_1508.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_1508.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_1508.cm-full-menu ul > li > .cm-custom-content { padding: 4px 24px 4px 24px; } #clean-menu-full_stacks_in_1508.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 24px 4px 34px; } #clean-menu-full_stacks_in_1508.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 24px 4px 0px; } #clean-menu-full_stacks_in_1508.cm-full-menu ul li.cm-grouped-item{ padding: 4px 24px; } #clean-menu-full_stacks_in_1508.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_1508.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_1508.cm-full-menu ul li.cm-grouped-item > a { width: auto; } #clean-menu-full_stacks_in_1508.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_1508.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_1508.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_1508 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_1508 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_1508 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_1508 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_1508 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_1508.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_1508.cm-full-menu ul li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_1508.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_1508.cm-full-menu ul li.cm-grouped-item > a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_1508.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_1508.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_1508.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } #clean-menu_stacks_in_1508 .clean-menu-top-level ul li.cm-current > a { } #stacks_in_1508 { margin: 20px 0px 50px 10px; padding: 0px 20px 0px 0px; } #stacks_out_1508 { margin-left:0; } #stacks_in_1519 { margin: 50px 0px 20px 30px; } #stacks_in_1584 { margin: 0px 0px 0px 20px; } #stacks_out_1584 { width: 60px; margin-left:0; } #stacks_in_9 .slick-slide { cursor: grab; } #stacks_in_9 .slick-slide:active { cursor: grabbing; } #stacks_in_9 .vpp-item { position: relative; padding-bottom: 56.25%; /* 16:9 Video Aspect Ratio */ height: 0; background-position: center; background-repeat: no-repeat; background-color: #000; background-size: contain; } #stacks_in_9 .vpp-item iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } #stacks_in_9 .vpp-item .vpp-play-icon { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-content: center; justify-content: center; } #stacks_in_9 .vpp-item .vpp-play-icon svg { width: 25%; } #stacks_in_9 .vpp-item .vpp-play-icon svg path { fill: rgba(255, 255, 255, 1.00);/* checks for a plist customItem with an ID = iconColor and replaces the short code the setting's current value. */ } .deluxe-slider-arrow { position: absolute; z-index: 1; top: 50%; transform: translate(0,-50%); left: 16px; cursor: pointer; } .deluxe-slider-right-arrow { left: auto; right: 16px; } .deluxe-slider-arrow > .slice.empty:before { content: "〉"; background: #fff; color: #333; border-radius: 50%; height: 48px; width: 48px; display: block; text-align: center; line-height: 48px; font-size: 28px; font-weight: bold; } .deluxe-slider-left-arrow > .slice.empty:before { content: "〈"; } .deluxe-gallery-wrap { position: fixed; z-index: 9999; top:0; left:0; right:0; bottom:0; background: rgba(255,255,255,0.85); display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; justify-items: center; text-align: left; } .deluxe-gallery-wrap > * { align-self: center; overflow: visible; } .deluxe-gallery-wrap .slick-slide > div, .deluxe-gallery-wrap .slick-slide > div > div { overflow: visible; } .deluxe-gallery-wrap .slick-slide > div { /* box-shadow: 0px 0px 24px rgba(0,0,0,0.6); */ display: flex; flex-direction: column; justify-content: center; } .deluxe-gallery-wrap .slick-slide .image_stack > div > img { width: 85vw; height: 85vh; object-fit: contain; } .deluxe-gallery-wrap .slick-slider { max-width: 100vw; } .deluxe-gallery-wrap .slick-slider .slick-list { height: 100vh; height: calc(var(--vh, 1vh) * 100); } .is12:not(.slick-slider) { columns: 8; column-gap: 16px; padding: 16px; } .is12:not(.slick-slider) > * { margin-bottom: 16px; cursor: pointer; transform: translateZ(0); } .is12:not(.slick-slider) .gallery-caption { display: none; } .deluxe-lightbox-close { position: absolute; top: 16px; right: 16px; background: #fff; color: #333; border-radius: 50%; height: 48px; width: 48px; display: block; line-height: 48px; z-index: 99; cursor: pointer; } .deluxe-gallery-wrap .slick-track { display: flex; } .deluxe-gallery-wrap .slick-track .slick-slide { display: flex; height: 100vh; height: calc(var(--vh, 1vh) * 100); align-items: center; justify-content: center; } .deluxe-lightbox-close svg { height: 48px; width: 48px; padding: 8px; } #stacks_in_9 .slick-slide { margin: 0px 32px 0px 32px; } @media all and (max-width: 600px) { .deluxe-slider-arrow { top: auto; bottom: 16px; transform: translate(0,0); } .deluxe-lightbox-close { left: 50%; right: auto; bottom: 16px; top: auto; transform: translate(-50%,0); } .deluxe-gallery-wrap .slick-slide .image_stack > div > img { width: 100%; height: auto; } #stacks_in_9 .slick-slide { margin: 0px 0px 32px 0px; } .is12:not(.slick-slider) { columns: 2; column-gap: 8.000000px; padding: 8.000000px; } .is12:not(.slick-slider) > * { margin-bottom: 8.000000px; } } /* 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_282 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_282 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_282 svg */ #stacks_in_282 svg, #stacks_in_282 i { color: rgba(0, 0, 0, 0.90); fill: rgba(0, 0, 0, 0.90); stroke: rgba(0, 0, 0, 0.90); } #stacks_in_282 i, #stacks_in_282 svg { position: relative; font-size: 28px; line-height: 28px; height: 28px; width: 28px; display: block; text-align: center; margin: 0 auto; } #stacks_in_282 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_282 .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_282 .material-icons-two-tone { color: rgba(0, 0, 0, 0.90); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(0, 0, 0, 0.90), 0px -.1px 0px rgba(0, 0, 0, 0.90), .1px 0px 0px rgba(0, 0, 0, 0.90), -.1px 0px 0px rgba(0, 0, 0, 0.90); } #stacks_in_282 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_282 { background-color: rgba(255, 255, 255, 1.00); -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; padding: 10px 0px 10px 0px; } #stacks_out_282 { width: 48px; margin-left:0; } /* 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_283 { user-select: none; } /* *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_283 i, *:not(a) > *:not(a) > *:not(a) > *:not(a) > *:not(a) > #stacks_in_283 svg */ #stacks_in_283 svg, #stacks_in_283 i { color: rgba(0, 0, 0, 0.90); fill: rgba(0, 0, 0, 0.90); stroke: rgba(0, 0, 0, 0.90); } #stacks_in_283 i, #stacks_in_283 svg { position: relative; font-size: 28px; line-height: 28px; height: 28px; width: 28px; display: block; text-align: center; margin: 0 auto; } #stacks_in_283 .icon-helper-two-tone-wrap { position: relative; display: block; } #stacks_in_283 .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_283 .material-icons-two-tone { color: rgba(0, 0, 0, 0.90); font-family: 'Material Icons Outlined'; z-index: 1; position: relative; text-shadow: 0px .1px 0px rgba(0, 0, 0, 0.90), 0px -.1px 0px rgba(0, 0, 0, 0.90), .1px 0px 0px rgba(0, 0, 0, 0.90), -.1px 0px 0px rgba(0, 0, 0, 0.90); } #stacks_in_283 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_283 { background-color: rgba(255, 255, 255, 1.00); -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; padding: 10px 0px 10px 0px; } #stacks_out_283 { width: 48px; margin-right:0; }