/* 1.5.0.1 - hotfix: display bug with dropdown items in edit mode */ #stacks_in_371 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_371 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_371 .clean-menu-extra { display: none; } #clean-menu_stacks_in_371 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_371 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_371.cm-full-menu li > a:hover, #clean-menu_stacks_in_371 li > a:hover { text-decoration: none; } #stacks_in_371 nav { border: 0px solid transparent; } #clean-menu_stacks_in_371 { max-width: 1240px; box-sizing: border-box; padding: 0px 20px; } /* compatability fixes */ #clean-menu_stacks_in_371 ul { margin: 0; } #clean-menu-full_stacks_in_371.cm-full-menu ul, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_371 ul li > a:after, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul li > a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_371.cm-full-menu, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_371.cm-full-menu ul, #clean-menu_stacks_in_371 .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_371.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_371.cm-full-menu ul li, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_371.cm-full-menu ul li > a, #clean-menu_stacks_in_371 .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_371 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul li > a { padding: 6px 20px; } #clean-menu-full_stacks_in_371.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_371.cm-full-menu ul > li > .cm-custom-content { padding: 4px 20px 4px 20px; } #clean-menu-full_stacks_in_371.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 20px 4px 30px; } #clean-menu-full_stacks_in_371.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 20px 4px 0px; } #clean-menu-full_stacks_in_371.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: 1; height: auto; } #clean-menu-full_stacks_in_371.cm-full-menu ul > div, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_371.cm-full-menu ul > div a, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_371.cm-full-menu ul ul, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_371.cm-full-menu, #clean-menu_stacks_in_371 .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_371.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_371.cm-full-menu { height: 0; overflow: hidden; } #clean-menu-full_stacks_in_371.cm-full-menu.clean-menu-active { height: auto; } #clean-menu-full_stacks_in_371.cm-full-menu { -webkit-transform: translate(-50%, 50px); transform: translate(-50%, 50px); } #clean-menu-full_stacks_in_371.cm-full-menu.clean-menu-active { -webkit-transform: translate(-50%, 5px); transform: translate(-50%, 5px); } #clean-menu-full_stacks_in_371.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_371 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_371.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_371 .cm-toggle span { height: 6px; width: 6px; border-radius: 50%; } #clean-menu_stacks_in_371 .cm-toggle span:nth-child(1) { top: 10px; left: 1px; } #clean-menu_stacks_in_371 .cm-toggle span:nth-child(2),#clean-menu_stacks_in_371 .cm-toggle span:nth-child(3) { top: 10px; left: 12px; } #clean-menu_stacks_in_371 .cm-toggle span:nth-child(4) { top: 10px; left: 23px; } #clean-menu_stacks_in_371 .cm-toggle.open span:nth-child(2) { width: 100%; left: 0; top: 11px; border-radius: 2px; height: 4px; } #clean-menu_stacks_in_371 .cm-toggle.open span:nth-child(3) { width: 100%; left: 0; top: 11px; border-radius: 2px; height: 4px; } #clean-menu_stacks_in_371 { 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_371 > div { align-self: center; } #clean-menu_stacks_in_371 .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_371 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_371 .clean-menu-logo { max-width: 250px; min-width: 250px; margin: 0; } #clean-menu_stacks_in_371 .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_371 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_371.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_371 .clean-menu-logo > div > div { align-self: center; } #clean-menu_stacks_in_371 .clean-menu-logo .cm-logo-left { max-width: 73px; display: none; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_371.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_371 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_371 .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_371 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_371 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_371 .clean-menu-top-level ul li { margin: 0 15px; align-self: center; line-height: 1; } #clean-menu_stacks_in_371 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_371 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_371 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } div[tag="slice"] > .mez > #stacks_in_371.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_371 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_371 .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_371.cm-full-menu ul li > a { font-size: inherit; } #clean-menu_stacks_in_371 .clean-menu-top-level ul li > a, #clean-menu-full_stacks_in_371.cm-full-menu ul li > a { font-family: inherit; } #clean-menu-full_stacks_in_371.cm-full-menu > ul > li > a { } #clean-menu_stacks_in_371 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_371.cm-full-menu ul li > a svg, #clean-menu_stacks_in_371 .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_371.cm-full-menu ul li > a, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul li > a{ transition: color 150ms ease; } #clean-menu_stacks_in_371 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_371.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; display: flex; align-items: center; } #clean-menu-full_stacks_in_371.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_371 .clean-menu-top-level ul li.cm-grouped-item > a, #clean-menu-full_stacks_in_371.cm-full-menu ul li.cm-grouped-item > a { display: inline-block; margin-left: 8px; } #clean-menu_stacks_in_371 .clean-menu-top-level ul li.cm-grouped-item > a { padding: 0; } #clean-menu_stacks_in_371 .clean-menu-top-level ul li.cm-grouped-item > a:first-child, #clean-menu-full_stacks_in_371.cm-full-menu ul li.cm-grouped-item > a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_371.cm-full-menu ul li.cm-grouped-item > a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_371 .clean-menu-top-level ul li > a ion-icon, #clean-menu_stacks_in_371 .clean-menu-top-level ul li > a i, #clean-menu-full_stacks_in_371.cm-full-menu ul li > a ion-icon, #clean-menu-full_stacks_in_371.cm-full-menu ul li > a i { font-size: 25px; line-height: 25px; } #stacks_in_371 li > a svg, #clean-menu_stacks_in_371 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_371.cm-full-menu ul li > a svg, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul li > a svg { width: 25px; height: 25px; } #clean-menu_stacks_in_371 .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_371 .clean-menu-top-level ul li > a:hover svg, #clean-menu-full_stacks_in_371.cm-full-menu ul li > a:hover svg { fill: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_371 .clean-menu-top-level ul li > a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_371 .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_371 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_371.cm-full-menu ul li.cm-current > a svg { fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_371 .cm-toggle span { background: #000000; } #clean-menu_stacks_in_371 h1, #clean-menu_stacks_in_371 h2, #clean-menu_stacks_in_371 h3, #clean-menu_stacks_in_371 h4, #clean-menu_stacks_in_371 h5, #clean-menu_stacks_in_371 h6, #clean-menu_stacks_in_371 .layouts-text, #clean-menu_stacks_in_371 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_371.cm-full-menu, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul { background: rgba(255, 255, 255, 1.00); } #clean-menu-full_stacks_in_371.cm-full-menu > ul > li, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_371.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_371.cm-full-menu ul li > a, #clean-menu-full_stacks_in_371.cm-full-menu ul li > a:visited, #clean-menu-full_stacks_in_371.cm-full-menu ul li > a svg, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul li > a, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul li > a:visited, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul li > a svg, #clean-menu-full_stacks_in_371.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_371.cm-full-menu ul li > a:hover, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul li > a:hover, #clean-menu_stacks_in_371 .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_371.cm-full-menu ul li > a.cm-heading:hover, #clean-menu-full_stacks_in_371.cm-full-menu ul li > a.cm-heading:hover svg, #clean-menu_stacks_in_371 .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_371.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_371 .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_371 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_371 .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_371 .clean-menu-top-level > ul > li > ul li > a.parent:hover:after, .disable-parents #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul li > a.parent:hover, #clean-menu-full_stacks_in_371.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_371 .clean-menu-top-level ul li > a.parent:hover, .disable-parents #clean-menu_stacks_in_371 .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_371 .clean-menu-logo .cm-logo-wrap { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_371 .clean-menu-full { width: 40px; -webkit-box-flex: none; -ms-flex: none; flex: none; } #clean-menu_stacks_in_371 .clean-menu-logo { width: auto; min-width: 0px; max-width: 9999px; } #clean-menu_stacks_in_371 .clean-menu-logo .cm-logo-wrap { max-width: 250px; width: 100%; float: right; } #clean-menu_stacks_in_371 .clean-menu-top-level ul { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } div[tag="slice"] > .mez > #stacks_in_371.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 15px 0 0; } #clean-menu_stacks_in_371 .clean-menu-full { margin: 0; } #clean-menu_stacks_in_371 .clean-menu-full .cm-menu-toggle { display: none; } #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul { display: block; position: fixed; pointer-events: none; opacity: 0; top: 100%; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); } #clean-menu_stacks_in_371 .clean-menu-top-level ul li { position: relative; } #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); pointer-events: all; opacity: 1; } #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > a.parent:after { content: ""; border-style: solid; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: -3px 0 0 8px; } #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > a.parent a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > a.parent a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > a.parent a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > a.parent a.parent.cm-current:after { border-color: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_371 .clean-menu-logo, #clean-menu_stacks_in_371 .clean-menu-full { width: 50px; min-width: 50px; max-width: 50px; } #clean-menu-full_stacks_in_371.cm-full-menu > ul > li { border-bottom: 1px solid rgba(0,0,0,0.15) } #clean-menu-full_stacks_in_371.cm-full-menu > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_371.cm-full-menu { } #clean-menu_stacks_in_371 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_371 .clean-menu-top-level ul li > a:visited { color: rgba(0,0,0,.6); } #clean-menu_stacks_in_371 .clean-menu-top-level ul li > a svg { fill: rgba(0,0,0,.6); } #clean-menu_stacks_in_371 .clean-menu-top-level ul li > a:hover { color: rgba(0,0,0,.4); } #clean-menu_stacks_in_371 .clean-menu-top-level ul li > a:hover svg { fill: rgba(0,0,0,.4); } /* #clean-menu_stacks_in_371 .clean-menu-top-level ul li > a.cm-heading:hover { color: rgba(0,0,0,.6); cursor: default; } */ #clean-menu_stacks_in_371 .clean-menu-top-level ul li.cm-current > a { color: rgba(0,0,0,.8); } #clean-menu_stacks_in_371 .clean-menu-top-level ul li.cm-current > a svg { fill: rgba(0,0,0,.8); } #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0,0,0,.6); } #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0,0,0,.4); } /* #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0,0,0,.6); } */ #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(0,0,0,.8); } #clean-menu_stacks_in_371 .cm-toggle span { background: rgba(0,0,0,8); } #clean-menu_stacks_in_371 h1, #clean-menu_stacks_in_371 h2, #clean-menu_stacks_in_371 h3, #clean-menu_stacks_in_371 h4, #clean-menu_stacks_in_371 h5, #clean-menu_stacks_in_371 h6, #clean-menu_stacks_in_371 .layouts-text, #clean-menu_stacks_in_371 p { color: rgba(0,0,0,8); } .disable-parents #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > a.parent:hover, .disable-parents #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > a.parent:hover:after { color: rgba(0,0,0,.6); border-color: rgba(0,0,0,.6); } @media all and (min-width: 1201px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_371.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_371 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_371.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_371 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_371 .clean-menu-top-level > ul > li > ul.cm-wide > li { text-align: left; align-self: flex-start; } } @media all and (max-width: 1200px) { #clean-menu_stacks_in_371.clean-menu { flex-wrap: wrap-reverse; } #clean-menu_stacks_in_371 > div { } #clean-menu_stacks_in_371.clean-menu { gap: 0 16px; } #clean-menu-full_stacks_in_371 { min-width: 300px; } #clean-menu_stacks_in_371 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_371 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_371 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_371 .clean-menu-top-level { display: none; } #clean-menu-full_stacks_in_371.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_371.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_371.cm-full-menu ul > li > .cm-custom-content { padding: 4px 24px 4px 24px; } #clean-menu-full_stacks_in_371.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 24px 4px 34px; } #clean-menu-full_stacks_in_371.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 24px 4px 0px; } #clean-menu-full_stacks_in_371.cm-full-menu ul li.cm-grouped-item{ padding: 4px 24px; } #clean-menu-full_stacks_in_371.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_371.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_371.cm-full-menu ul li.cm-grouped-item > a { width: auto; } #clean-menu-full_stacks_in_371.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_371.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_371.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_371 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_371 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_371 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_371 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_371 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_371.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_371.cm-full-menu ul li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_371.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_371.cm-full-menu ul li.cm-grouped-item > a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_371.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_371.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_371.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } #clean-menu_stacks_in_371 .clean-menu-top-level ul li.cm-current > a { } #stacks_in_371 { background-color: rgba(68, 144, 210, 1.00); } #stacks_in_243 { background-color: rgba(68, 144, 210, 1.00); } /* -- EACH CSS Template -- */ /* Edit */ #stacks_in_269 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_269 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_269_default31_hype_container { } #stacks_in_269 .button-stats { } #stacks_in_269 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* Link */ #stacks_in_269 .wrapper_link { display: none !important; position: absolute; padding: 0; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 100px; -webkit-border-radius: 100px; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_269 .back_wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 10px 0 0; } /* padding: 10px FIX auto start above */ /* fixed height setting */ @media (max-width: 800px) { #stacks_in_269 .back_wrapper_31 { } } @media (max-width: 600px) { #stacks_in_269 .back_wrapper_31 { } } #stacks_in_269 .wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 35vh; min-height: 200px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_269 .wrapper_31 { } } @media (max-width: 600px) { #stacks_in_269 .wrapper_31 { } } /* Hype rot */ #stacks_in_269 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; } /* --- 4 Static titles */ .hype-title-static { } .hype-title-scale{ } @keyframes hype-title-scale { 0% {transform: scale(0.8); opacity: 0;} 40% {transform: scale(0.8);} 45% {opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes hype-title-scale { 0% {-webkit-transform: scale(0.8); opacity: 0;} 40% {-webkit-transform: scale(0.8);} 45% {opacity: 0;} 100% {-webkit-transform: scale(1); opacity: 1;} } .hype-title-fade { } @keyframes hype-title-fade { 0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes hype-title-fade { 0% { opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } /* A B */ #stacks_in_269 .hype_title_31 { color: #080509 !important; } #stacks_in_269 .hype_title_31_b { color: #FFFFFF !important; } #stacks_in_269 .hype_slogan_31 { color: #CB0001 !important; font-size: 54px !important; font-family: 'Lato', sans-serif !important; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; margin-top: 20px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; } /* Titles */ #stacks_in_269 .hype_title_31, #stacks_in_269 .hype_title_31_b { font-size: 130px !important; text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: 'Lato Bold', sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } #stacks_in_269 .hype_title_31, #stacks_in_269 .hype_title_31_b { } #stacks_in_269 .hype_title_31, #stacks_in_269 .hype_title_31_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_269 .back_wrapper_31 { background-color: transparent !important; } #stacks_in_269 .back_wrapper_31::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../files/dots1.png) center center repeat !important; } #stacks_in_269 .back_wrapper_31bg::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; display: block; filter: blur(14px); opacity: 0.3 !important; background: url(../files/1.gif) center center no-repeat !important; background-size: cover !important; } @media (max-width: 768px) { #stacks_in_269 .back_wrapper_31::after, #stacks_in_269 .back_wrapper_31bg::before { display: none !important; width: 0%; height: 0%; } } #stacks_in_269 .back_wrapper_31bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_269 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_269 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_269 .back_wrapper_31bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_269 .back_wrapper_31bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_269 .back_wrapper_31bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_269 .back_wrapper_31bg { } } @media (max-width: 600px) { #stacks_in_269 .back_wrapper_31bg { } } #stacks_in_269 .hype_title_31, #stacks_in_269 .hype_title_31_b { } #stacks_in_269 .hype_line_31 { background-color: #CB0001 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_269 .hype-glow-31 { display: none !important; } #stacks_in_269 .hype-flash-color-31 { background-color: rgba(0, 0, 0, 0.35) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; backface-visibility: hidden !important; } /* @group Built-in Webfonts */ @font-face { font-family: 'Cordial Regular'; src: url('../files/webfonts31/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Semi Bold'; src: url('../files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Medium'; src: url('../files/webfonts31/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../files/webfonts31/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Light'; src: url('../files/webfonts31/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Bold'; src: url('../files/webfonts31/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Inline Bdrounded'; src: url('../files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Cherry Bdrounded'; src: url('../files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Light'; src: url('../files/webfonts31/raleway/Raleway_Light.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../files/webfonts31/raleway/Raleway_Regular.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Bold'; src: url('../files/webfonts31/raleway/Raleway_Bold.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat Light'; src: url('../files/webfonts31/montserrat/Montserrat-Light.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Light.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../files/webfonts31/montserrat/Montserrat-Medium.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Medium.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat Bold'; src: url('../files/webfonts31/montserrat/Montserrat-Bold.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Bold.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Lato Light'; src: url('../files/webfonts31/lato/Lato-Light.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato'; src: url('../files/webfonts31/lato/Lato-Regular.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Bold'; src: url('../files/webfonts31/lato/Lato-Bold.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Light'; src: url('../files/webfonts31/opensans/OpenSans-Light.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../files/webfonts31/opensans/OpenSans-Medium.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans Bold'; src: url('../files/webfonts31/opensans/OpenSans-Bold.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Signika Light'; src: url('../files/webfonts31/signika/Signika-Light.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika'; src: url('../files/webfonts31/signika/Signika-Regular.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika Bold'; src: url('../files/webfonts31/signika/Signika-Bold.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Advent Pro Light'; src: url('../files/webfonts31/advent_pro/AdventPro-Light.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro'; src: url('../files/webfonts31/advent_pro/AdventPro-Regular.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro Bold'; src: url('../files/webfonts31/advent_pro/AdventPro-Bold.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Light'; src: url('../files/webfonts31/roboto/Roboto-Light.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../files/webfonts31/roboto/Roboto-Regular.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Bold'; src: url('../files/webfonts31/roboto/Roboto-Bold.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display Bold'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display ExtraBold'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rubik Mono One'; src: url('../files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Abel'; src: url('../files/webfonts31/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Condensede'; src: url('../files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bree Serif'; src: url('../files/webfonts31/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pacifico'; src: url('../files/webfonts31/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rochester'; src: url('../files/webfonts31/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'Fjalla One'; src: url('../files/webfonts31/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Viga'; src: url('../files/webfonts31/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('../files/webfonts31/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts31/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Archivo Black'; src: url('../files/webfonts31/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Borel'; src: url('../files/webfonts31/borel/Borel-Regular.woff2') format('woff2'), url('../files/webfonts31/borel/Borel-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_269 .trigger-31 { margin-top: 80px !important; opacity: 0 !important;} /* -- End EACH CSS Template -- */#stacks_in_269 .scrollButton-hypetitles { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 8%; border-radius: 56px; -webkit-border-radius: 56px; -moz-border-radius: 56px; padding: 0; width: 92px; display: block; -webkit-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;-moz-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.15s; } @keyframes hypetitles-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px); } 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } } @-webkit-keyframes hypetitles-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_269 .scrollButton-hypetitles a { font-size: 50px !important; line-height: 1em; transition: 0.05s linear; -webkit-transition: 0.04s linear; -moz-transition: 0.04s linear; -webkit-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.3s; color: #D5D5D5 !important; } #stacks_in_269 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_269 .scrollButton-hypetitles #stacks_in_269 [class*="fa fa-"] { color: #D5D5D5 !important; } @keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_269 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_269 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_269 .scrollButton-hypetitles [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-hypetitles { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_269 .scrollButton-hypetitles { display: none !important; } #stacks_in_269 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }#stacks_in_98>.s3_row { margin: 0 -10px; } #stacks_in_98>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_98>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_98>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_98>.s3_row { margin: -10px 0; } #stacks_in_98>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_98>.s3_row { margin: -10px 0; } #stacks_in_98>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_98 { background-color: rgba(102, 176, 207, 1.00); padding: 10px; } #stacks_in_101 { padding: 10px; } #stacks_in_103 { padding: 10px; } #stacks_in_195>.s3_row { margin: 0 -10px; } #stacks_in_195>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_195>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_195>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_195>.s3_row { margin: -10px 0; } #stacks_in_195>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_195>.s3_row { margin: -10px 0; } #stacks_in_195>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_195 { background-color: rgba(102, 176, 207, 1.00); padding: 10px; } #stacks_in_198 { padding: 10px; } #stacks_in_273 { background-color: rgba(102, 176, 207, 1.00); padding: 10px; } #stacks_in_177>.s3_row { margin: 0 -10px; } #stacks_in_177>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_177>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_177>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_177>.s3_row { margin: -10px 0; } #stacks_in_177>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_177>.s3_row { margin: -10px 0; } #stacks_in_177>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_177 { background-color: rgba(102, 176, 207, 1.00); } #stacks_in_184>.s3_row { margin: 0 -10px; } #stacks_in_184>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_184>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_184>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_184>.s3_row { margin: -10px 0; } #stacks_in_184>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_184>.s3_row { margin: -10px 0; } #stacks_in_184>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_184 { background-color: rgba(102, 176, 207, 1.00); } #stacks_in_4 { background-color: rgba(68, 144, 210, 1.00); padding: 10px; } #stacks_in_248>.s3_row { margin: 0 -10px; } #stacks_in_248>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_248>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_248>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_248>.s3_row { margin: -10px 0; } #stacks_in_248>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_248>.s3_row { margin: -10px 0; } #stacks_in_248>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_248 { background-color: rgba(102, 176, 207, 1.00); padding: 10px; } #stacks_in_255>.s3_row { margin: 0 -10px; } #stacks_in_255>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_255>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_255>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_255>.s3_row { margin: -10px 0; } #stacks_in_255>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_255>.s3_row { margin: -10px 0; } #stacks_in_255>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_255 { background-color: rgba(102, 176, 207, 1.00); padding: 10px; } #stacks_in_262>.s3_row { margin: 0 -10px; } #stacks_in_262>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_262>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_262>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_262>.s3_row { margin: -10px 0; } #stacks_in_262>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_262>.s3_row { margin: -10px 0; } #stacks_in_262>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_262 { background-color: rgba(102, 176, 207, 1.00); padding: 10px; } #stacks_in_208 .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } #stacks_in_208 .video-container iframe, #stacks_in_208 .video-container object, #stacks_in_208 .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #stacks_in_152 { background-color: rgba(239, 239, 239, 1.00); } #stacks_in_37>.s3_row { margin: 0 -10px; } #stacks_in_37>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_37>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_37>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_37>.s3_row { margin: -10px 0; } #stacks_in_37>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_37>.s3_row { margin: -10px 0; } #stacks_in_37>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_37 { background-color: rgba(191, 191, 191, 1.00); } #stacks_in_42 { padding: 10px; } #stacks_in_40 { margin: 77px 0px 0px 0px; padding: 10px; } #stacks_in_150 { padding: 10px; } #stacks_in_44>.s3_row { margin: 0 -10px; } #stacks_in_44>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_44>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_44>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_44>.s3_row { margin: -10px 0; } #stacks_in_44>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_44>.s3_row { margin: -10px 0; } #stacks_in_44>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_44 { background-color: rgba(102, 176, 207, 1.00); } #stacks_in_47 { margin: 23px 0px 0px 0px; padding: 10px; } #stacks_in_49 { padding: 5px; } #stacks_in_51>.s3_row { margin: 0 -10px; } #stacks_in_51>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_51>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_51>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_51>.s3_row { margin: -10px 0; } #stacks_in_51>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_51>.s3_row { margin: -10px 0; } #stacks_in_51>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_51 { background-color: rgba(102, 176, 207, 1.00); } #stacks_in_56 { padding: 10px; } #stacks_in_54 { margin: 30px 0px 0px 0px; padding: 5px; } #stacks_in_58>.s3_row { margin: 0 -10px; } #stacks_in_58>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_58>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_58>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_58>.s3_row { margin: -10px 0; } #stacks_in_58>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_58>.s3_row { margin: -10px 0; } #stacks_in_58>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_58 { background-color: rgba(204, 204, 204, 1.00); } #stacks_in_63 { padding: 5px; } #stacks_in_61 { margin: 112px 0px 0px 0px; padding: 5px; } #stacks_in_65>.s3_row { margin: 0 -10px; } #stacks_in_65>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_65>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_65>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_65>.s3_row { margin: -10px 0; } #stacks_in_65>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_65>.s3_row { margin: -10px 0; } #stacks_in_65>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_65 { background-color: rgba(204, 204, 204, 1.00); } #stacks_in_70 { padding: 5px; } #stacks_in_68 { padding: 5px; } #stacks_in_144 { margin: 16px 0px 0px 0px; } #stacks_in_105>.s3_row { margin: 0 -10px; } #stacks_in_105>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_105>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_105>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_105>.s3_row { margin: -10px 0; } #stacks_in_105>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_105>.s3_row { margin: -10px 0; } #stacks_in_105>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_105 { background-color: rgba(102, 176, 207, 1.00); } #stacks_in_110 { margin: 91px 0px 0px 0px; padding: 10px; } #stacks_in_108 { padding: 5px; } #stacks_in_6>.s3_row { margin: 0 -10px; } #stacks_in_6>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_6>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_6>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_6>.s3_row { margin: -10px 0; } #stacks_in_6>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_6>.s3_row { margin: -10px 0; } #stacks_in_6>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_6 { background-color: rgba(68, 144, 210, 1.00); } #stacks_in_140 { padding: 5px; } #stacks_in_223_button { display:block; position: relative; text-align: center; } #stacks_in_223 a:link, #stacks_in_223 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_223 a:hover, #stacks_in_223 a:active { color:#FFFFFF; } #stacks_in_223 a:link, #stacks_in_223 a:visited { background-color:#00A0FF; background: -webkit-gradient(linear, left top, left bottom, from(#00A0FF), to(#0060BF)); border:1px solid #0060BF; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_223 a:hover { background-color:#00ACFF; background: -webkit-gradient(linear, left top, left bottom, from(#00ACFF), to(#0053A5)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_223 a:active { background-color:#00A0FF; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_223 { padding: 5px; } #stacks_in_138 { margin: 22px 0px 0px 0px; padding: 5px; } #stacks_in_221_button { display:block; position: relative; text-align: center; } #stacks_in_221 a:link, #stacks_in_221 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_221 a:hover, #stacks_in_221 a:active { color:#FFFF26; } #stacks_in_221 a:link, #stacks_in_221 a:visited { background-color:#00A0FF; background: -webkit-gradient(linear, left top, left bottom, from(#00A0FF), to(#0060BF)); border:1px solid #0060BF; padding:3px 20px; border-radius:30px; color:#FFFF26; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_221 a:hover { background-color:#00ACFF; background: -webkit-gradient(linear, left top, left bottom, from(#00ACFF), to(#0053A5)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_221 a:active { background-color:#00A0FF; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_221 { padding: 5px; }