/* * com.onelittledesigner.layouts_2_css */ .layouts-2-image, .layouts-2-button { margin: 16px 0; } .layouts-2-button a { padding: 12px 24px; text-decoration: none; display: inline-block; white-space: nowrap; } .layouts-2-image { width: 100%; display: block; box-sizing: border-box; } .layouts-2-image[data-no-image] { aspect-ratio: 1.7778; display: block; background-image: url(data:image/png;base64,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); background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #f3f3f3; } .mez.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Content_stack>.layouts-2-image):after { content: ""; position: absolute; inset: 0; background-color: rgba(38, 128, 252, 0.1); } .layouts-2-row > div { flex: 1; align-items: stretch; } /* Layouts 2 */ div[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) { margin: 12px 0; } div.out[tag="slice"] .com_onelittledesigner_stacks_Layouts_2_stack, .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide) { overflow: visible; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide) { background-color: transparent; border: 2px solid rgba(0,0,0,0.0); padding-left: 0; padding-right: 0; } div.mez.bare.selected:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide) { background-color: rgba(38, 128, 252, 0.1); border: 2px solid rgba(0,0,0,0.0); } div.out[tag="slice"] .layouts-auto-hide > .layouts-2-section > div, div.out[tag="slice"] .layouts-auto-hide > .layouts-2-section > div > div { box-sizing: border-box; width: 100%; overflow: visible; } .layouts-2-section > div > div > .mez { margin: 7px auto 3px auto; } .layouts-auto-hide > .layouts-2-section > div > div > .mez { background-color: transparent; border: 2px solid rgba(0,0,0,0.15); } .dark .layouts-auto-hide > .layouts-2-section > div > div > .mez { border: 2px solid rgba(255,255,255,0.15) !important; } .layouts-auto-hide > .layouts-2-section > div > div > .mez.selected { background-color: rgba(38, 128, 252, 0.1) !important; } /* Layouts Row */ .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { background-color: transparent; border: 2px solid rgba(0,0,0,0.15) !important; } .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { border: 2px solid rgba(255,255,255,0.15) !important; } .layouts-2-row > div > div[tag="node"], .layouts-2-row > div > div[tag="node"] > div { flex: 1; align-items: stretch; background: transparent; } .layouts-2-row > div > div[tag="node"] > div { display: flex; flex-direction: column; padding: 1px 0; } .layouts-2-row > div > div[tag="node"] > div > .mez { height: calc(100% - 10px); } /* Layouts Column */ .layouts-2-el > [tag="node"] { min-height: 0; padding: 0; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { background-color: transparent; border: 2px dotted rgba(0,0,0,0.15); box-sizing: border-box; } .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { border: 2px dotted rgba(255,255,255,0.15); } div.mez.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { border: 2px dotted rgba(0,0,0,0.15); } .dark div.mez.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { border: 2px dotted rgba(255,255,255,0.15); } .layouts-2-column > div > .mez.empty:first-child { background-color: transparent; border: 0px solid transparent; padding: 0; margin: 0; } div.out[tag="slice"] .layouts-2-column { display: flex; flex-direction: column; } div.out[tag="slice"] .layouts-2-column > div:nth-child(1) { order: 2; width: 100%; box-sizing: border-box; } div.out[tag="slice"] .layouts-2-column > div:nth-child(2) { order: 1; width: 100%; box-sizing: border-box; } div.out[tag="slice"] .layouts-2-column > div:has(.out) + div:has(.empty) { display: none; } /* Layouts Content */ .layouts-2-el .com_onelittledesigner_stacks_Layouts_2_Content_stack .out .mez, .layouts-2-el .mez:has(>div>*.layouts-2-content) { background-color: transparent; border: 0px solid transparent; padding: 0; margin: 0; } .layouts-2-el .mez:has(>div>*.layouts-2-content) > *:not(.in) { visibility: hidden; } .com_onelittledesigner_stacks_Layouts_2_Content_stack .out div[tag="node"] { min-width: 5px !important; min-height: 5px !important; color: inherit; } div.mez.bare.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Content_stack) { background-color: rgba(38, 128, 252, 0.1); } .layouts-2-svg-icon { font-size: 0 !important; line-height: 1 !important; } svg.layouts-2-svg-icon { height: 32px; width: 32px; display: inline-block; } .layouts-2-svg-icon > svg { height: 32px; width: 32px; display: inline-block; font-size: 0; line-height: 1; } .layouts-2-text.material-icons { font-size: 32px; } .ionicons-svg-outline { fill: none !important; stroke-width: 32px; } .layouts-2-button { line-height: 1.1; } .layouts-2-button > a { display: inline-flex; align-items: center; } .layouts-2-button > a > svg, .layouts-2-button > a > i { margin-right: 0.5em; } @supports (rotate:180deg) { .layouts-2-button > a { gap: .5em; } .layouts-2-button > a > svg, .layouts-2-button > a > i { margin-right: 0; } } .layouts-2-button a > i { font-size: 22px; } .layouts-2-button a > svg { height: 22px; width: 22px; } div.out[tag="slice"] .layouts-2-button > a > div { min-height: 0; } div.out[tag="slice"] .layouts-2-button a > svg + div.out { display: inline-block; } div.out[tag="slice"] .layouts-2-section > div > div .out:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-section > div > div .out:has(.layouts-2-edge-right), div.out[tag="slice"] .layouts-2-section > div > div .in:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-section > div > div .in:has(.layouts-2-edge-right), div.out[tag="slice"] .layouts-2-row .out:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-row .out:has(.layouts-2-edge-right), div.out[tag="slice"] .layouts-2-row .in:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-row .in:has(.layouts-2-edge-right) { overflow: visible; } .layouts-2-edge-left { z-index: -1; } /* Add Buttons */ .layouts-2-el > div[tag="node"] > div.add { width: 64px !important; height: 24px !important; margin: 4px auto 4px auto !important; border-radius: 99px !important; padding: 0 !important; border: 1px solid #fff !important; color: transparent !important; font-size: 11px !important; z-index: 9999; min-height: 0px; text-align: center; background-color: #2680fc !important; } .layouts-2-el > div[tag="node"] > div.add.down { opacity: .7 !important; } .layouts-2-el > div[tag="node"] > div.add:after { content: "+ Content" !important; font-size: 11px; line-height: 24px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; display: inline-block !important; border-radius: 3px; color: #fff; } .layouts-2-row > div > div[tag="node"] > div.add { position: absolute !important; right: 6px; top: 0; margin: 0 !important; } .layouts-2-column:has(>.out:last-child > .out) > div[tag="node"] > div.add { display: none !important; } .layouts-2-column:has(>.out:last-child > .out) > div[tag="node"] { min-height: 0px; } .layouts-2-row > div > div[tag="node"] { padding-top: 28px; } .layouts-2-section > div[tag="node"] > div.add:after { content: "+ Row" !important; } .layouts-2-row > div > div[tag="node"] > div.add:after { content: "+ Column" !important; } .layouts-2-row .layouts-2-row > div > div[tag="node"] { padding-top: 0px; } .layouts-2-row .layouts-2-row .layouts-2-el > div[tag="node"] { min-height: 0; } .mez>.com_onelittledesigner_stacks_Layouts_2_Content_stack { min-height: 0; } /* Edit Mode */ div:has(>.mez>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { z-index: 0; position: relative; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-mobile):before , .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-tablet):before , .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-desktop):before { content: "Column hidden on desktop"; display: none; height: 18px; background-position: center 8px; background-size: 18px 18px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill:%23999;' viewBox='0 0 512 512'%3E%3Cpath d='M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM255.66 384c-41.49 0-81.5-12.28-118.92-36.5-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 00.14-2.94L93.5 161.38a2 2 0 00-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0075.8-12.58 2 2 0 00.77-3.31l-21.58-21.58a4 4 0 00-3.83-1 204.8 204.8 0 01-51.16 6.47zM490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 00-74.89 12.83 2 2 0 00-.75 3.31l21.55 21.55a4 4 0 003.88 1 192.82 192.82 0 0150.21-6.69c40.69 0 80.58 12.43 118.55 37 34.71 22.4 65.74 53.88 89.76 91a.13.13 0 010 .16 310.72 310.72 0 01-64.12 72.73 2 2 0 00-.15 2.95l19.9 19.89a2 2 0 002.7.13 343.49 343.49 0 0068.64-78.48 32.2 32.2 0 00-.1-34.78z'/%3E%3Cpath d='M256 160a95.88 95.88 0 00-21.37 2.4 2 2 0 00-1 3.38l112.59 112.56a2 2 0 003.38-1A96 96 0 00256 160zM165.78 233.66a2 2 0 00-3.38 1 96 96 0 00115 115 2 2 0 001-3.38z'/%3E%3C/svg%3E"); background-color: #d9e3fD; padding: 26px 16px 8px 16px; border: 1px solid #b9c3dD; border-radius: 3px; color: rgba(0,0,0,0.45); text-align: center; z-index: -1; position: relative; } .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-mobile):before , .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-tablet):before , .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-desktop):before { color: #555; background-color: #111; border-color: #333; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack), .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { transition: none !important; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { border-width: 0 !important; padding: 0 !important; margin: 0 auto !important; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.layouts-2-column:not(.layouts-2-styled)) { border-width: 0 !important; padding: 0 !important; margin: 0 !important; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .layouts-2-content-width > div { padding-top: 0px; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) > div:not(.com_onelittledesigner_stacks_Layouts_2_Row_stack), .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) > div:not(.com_onelittledesigner_stacks_Layouts_2_Column_stack), .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .layouts-2-el > div > .add { display: none !important; } .layouts-2-row .layouts-2-row > div > div[tag="node"] > div.add, .layouts-2-row .layouts-2-row .layouts-2-column > div[tag="node"] > div.add { display: none !important; } /* 1.5.0.1 - hotfix: display bug with dropdown items in edit mode */ #stacks_in_51 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_51 > * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline-style:none; box-shadow:none; border-color:transparent; } #stacks_in_51 .clean-menu-extra { display: none; } #clean-menu_stacks_in_51 .clean-menu-logo .cm-logo-right { white-space: nowrap; } #clean-menu_stacks_in_51 .clean-menu-logo .cm-logo-right * { margin: 0; display: flex; align-self: center; } #clean-menu-full_stacks_in_51.cm-full-menu li > a:hover, #clean-menu_stacks_in_51 li > a:hover { text-decoration: none; } #stacks_in_51 nav { border: 0px solid transparent; } #clean-menu_stacks_in_51 { max-width: 1320px; box-sizing: border-box; padding: 0px 20px; margin: 0 auto; } /* compatability fixes */ #clean-menu_stacks_in_51 ul { margin: 0; } #clean-menu-full_stacks_in_51.cm-full-menu ul, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } #clean-menu_stacks_in_51 ul li > a:after, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul li > a:after { align-self: center; } /* --- */ #clean-menu-full_stacks_in_51.cm-full-menu, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul { position: absolute; top: 0; left: 0; } #clean-menu-full_stacks_in_51.cm-full-menu ul, #clean-menu_stacks_in_51 .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_51.cm-full-menu ul { padding: 6px 0px; } #clean-menu-full_stacks_in_51.cm-full-menu ul li, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul li { display: block; margin: 0; padding: 0; float: none; background: transparent; } #clean-menu-full_stacks_in_51.cm-full-menu ul li > a, #clean-menu_stacks_in_51 .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_51 .clean-menu-top-level > ul > li.clean-menu-dropdown > ul { padding: 6px 0px; } #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul li > a { padding: 6px 20px; } #clean-menu-full_stacks_in_51.cm-full-menu ul > li > a { font-weight: bold; } #clean-menu-full_stacks_in_51.cm-full-menu ul > li > .cm-custom-content { padding: 4px 20px 4px 20px; } #clean-menu-full_stacks_in_51.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 20px 4px 30px; } #clean-menu-full_stacks_in_51.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 20px 4px 0px; } #clean-menu-full_stacks_in_51.cm-full-menu ul ul > li > a, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul ul { padding: 6px 20px; font-weight: normal; line-height: 1; height: auto; } #clean-menu-full_stacks_in_51.cm-full-menu ul > div, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul > div { padding: 20px; } #clean-menu-full_stacks_in_51.cm-full-menu ul > div a, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul > div a { display: block; padding: 0; } #clean-menu-full_stacks_in_51.cm-full-menu ul ul, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul ul { display: block; padding: 0px 0px 10px 10px; margin: 0; } #clean-menu-full_stacks_in_51.cm-full-menu, #clean-menu_stacks_in_51 .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_51.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_51.cm-full-menu { height: 0; overflow: hidden; } #clean-menu-full_stacks_in_51.cm-full-menu.clean-menu-active { height: auto; } #clean-menu-full_stacks_in_51.cm-full-menu { -webkit-transform: translate(-50%, 50px); transform: translate(-50%, 50px); } #clean-menu-full_stacks_in_51.cm-full-menu.clean-menu-active { -webkit-transform: translate(-50%, 5px); transform: translate(-50%, 5px); } #clean-menu-full_stacks_in_51.cm-full-menu.clean-menu-active ul { pointer-events: all; opacity: 1; } #clean-menu-full_stacks_in_51 ul { opacity: 0; pointer-events: none; z-index: 0; -webkit-transition: opacity 450ms ease; transition: opacity 450ms ease; } #clean-menu-full_stacks_in_51.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_51 { 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_51 > div { align-self: center; } #clean-menu_stacks_in_51 .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_51 > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; flex-grow: 1; transition: margin 300ms ease; } #clean-menu_stacks_in_51 .clean-menu-logo { max-width: 250px; min-width: 250px; margin: 0; } #clean-menu_stacks_in_51 .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_51 .clean-menu-logo a { text-decoration: none; display: block; } /* div[tag="slice"] > .mez > #stacks_in_51.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo { width: 300px; max-width: 300px; } */ #clean-menu_stacks_in_51 .clean-menu-logo > div > div { align-self: center; } #clean-menu_stacks_in_51 .clean-menu-logo .cm-logo-left { max-width: 73px; max-width: 9999px; margin: 10px 0; } div[tag="slice"] > .mez > #stacks_in_51.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-logo .cm-logo-left { max-width: 128px; max-width: 9999px; } #clean-menu_stacks_in_51 .clean-menu-logo .cm-logo-right { display: none; margin: 10px 0; } #clean-menu_stacks_in_51 .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_51 .clean-menu-top-level ul > div { display: none; } #clean-menu_stacks_in_51 .clean-menu-top-level ul ul { display: none; } #clean-menu_stacks_in_51 .clean-menu-top-level ul li { margin: 0 15px; align-self: center; line-height: 1; } #clean-menu_stacks_in_51 .clean-menu-top-level ul li:first-child { margin-left: 0; } #clean-menu_stacks_in_51 .clean-menu-top-level ul li:last-child { margin-right: 0; } #clean-menu_stacks_in_51 .clean-menu-top-level ul li:last-child.cm-group-True { margin: 0; } div[tag="slice"] > .mez > #stacks_in_51.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu_stacks_in_51 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_51 .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_51.cm-full-menu ul li > a { font-size: inherit; } #clean-menu_stacks_in_51 .clean-menu-top-level ul li > a, #clean-menu-full_stacks_in_51.cm-full-menu ul li > a { font-family: inherit; } #clean-menu-full_stacks_in_51.cm-full-menu > ul > li > a { } #clean-menu_stacks_in_51 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_51.cm-full-menu ul li > a svg, #clean-menu_stacks_in_51 .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_51.cm-full-menu ul li > a, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul li > a{ transition: color 150ms ease; } #clean-menu_stacks_in_51 .clean-menu-top-level ul li.cm-grouped-item, #clean-menu-full_stacks_in_51.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { white-space: nowrap; display: flex; align-items: center; } #clean-menu-full_stacks_in_51.cm-full-menu ul li.cm-grouped-item, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul li.cm-grouped-item { padding: 5px 20px; } #clean-menu_stacks_in_51 .clean-menu-top-level ul li.cm-grouped-item > a, #clean-menu-full_stacks_in_51.cm-full-menu ul li.cm-grouped-item > a { display: inline-block; margin-left: 8px; } #clean-menu_stacks_in_51 .clean-menu-top-level ul li.cm-grouped-item > a { padding: 0; } #clean-menu_stacks_in_51 .clean-menu-top-level ul li.cm-grouped-item > a:first-child, #clean-menu-full_stacks_in_51.cm-full-menu ul li.cm-grouped-item > a:first-child { margin-left: 0px; } #clean-menu-full_stacks_in_51.cm-full-menu ul li.cm-grouped-item > a { padding: 4px 30px 4px 0; } #clean-menu_stacks_in_51 .clean-menu-top-level ul li > a ion-icon, #clean-menu_stacks_in_51 .clean-menu-top-level ul li > a i, #clean-menu-full_stacks_in_51.cm-full-menu ul li > a ion-icon, #clean-menu-full_stacks_in_51.cm-full-menu ul li > a i { font-size: 25px; line-height: 25px; } #stacks_in_51 li > a svg, #clean-menu_stacks_in_51 .clean-menu-top-level ul li > a svg, #clean-menu-full_stacks_in_51.cm-full-menu ul li > a svg, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul li > a svg { width: 25px; height: 25px; } #clean-menu_stacks_in_51 .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_51 .clean-menu-top-level ul li > a:hover svg, #clean-menu-full_stacks_in_51.cm-full-menu ul li > a:hover svg { fill: rgba(0, 0, 0, 0.20); } #clean-menu_stacks_in_51 .clean-menu-top-level ul li > a.cm-heading { pointer-events: none; } #clean-menu_stacks_in_51 .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_51 .clean-menu-top-level ul li.cm-current > a svg, #clean-menu-full_stacks_in_51.cm-full-menu ul li.cm-current > a svg { fill: rgba(0, 0, 0, 0.60); } #clean-menu_stacks_in_51 .cm-toggle span { background: #000000; } #clean-menu_stacks_in_51 h1, #clean-menu_stacks_in_51 h2, #clean-menu_stacks_in_51 h3, #clean-menu_stacks_in_51 h4, #clean-menu_stacks_in_51 h5, #clean-menu_stacks_in_51 h6, #clean-menu_stacks_in_51 .layouts-text, #clean-menu_stacks_in_51 p { color: rgba(0, 0, 0, 0.60); font-size: inherit; margin: 0; } #clean-menu-full_stacks_in_51.cm-full-menu, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul { background: rgba(255, 255, 255, 1.00); } #clean-menu-full_stacks_in_51.cm-full-menu > ul > li, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul > li { border-bottom: 1px solid rgba(255,255,255,0.15) } #clean-menu-full_stacks_in_51.cm-full-menu > ul > li:last-child, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_51.cm-full-menu ul li > a, #clean-menu-full_stacks_in_51.cm-full-menu ul li > a:visited, #clean-menu-full_stacks_in_51.cm-full-menu ul li > a svg, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul li > a, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul li > a:visited, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul li > a svg, #clean-menu-full_stacks_in_51.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_51.cm-full-menu ul li > a:hover, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul li > a:hover, #clean-menu_stacks_in_51 .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_51.cm-full-menu ul li > a.cm-heading:hover, #clean-menu-full_stacks_in_51.cm-full-menu ul li > a.cm-heading:hover svg, #clean-menu_stacks_in_51 .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_51.cm-full-menu ul li.cm-current > a, #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul li.cm-current > a, #clean-menu_stacks_in_51 .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_51 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0, 0, 0, 0.40); } #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0, 0, 0, 0.20); } /* #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0, 0, 0, 0.40); } */ #clean-menu_stacks_in_51 .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_51 .clean-menu-top-level > ul > li > ul li > a.parent:hover:after, .disable-parents #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul li > a.parent:hover, #clean-menu-full_stacks_in_51.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_51 .clean-menu-top-level ul li > a.parent:hover, .disable-parents #clean-menu_stacks_in_51 .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_51 .clean-menu-logo .cm-logo-wrap { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_51 .clean-menu-full { width: 40px; -webkit-box-flex: none; -ms-flex: none; flex: none; } #clean-menu_stacks_in_51 .clean-menu-logo { width: auto; max-width: 9999px; } #clean-menu_stacks_in_51 .clean-menu-logo .cm-logo-wrap { max-width: 250px; margin-right: 5px; width: 100%; } div[tag="slice"] > .mez > #stacks_in_51.com_onelittledesigner_stacks_Clean_Menu_stack > .clean-menu .clean-menu-top-level ul li { margin: 0 0 0 15px; } #clean-menu-full_stacks_in_51.cm-full-menu > ul > li { border-bottom: 1px solid rgba(0,0,0,0.15) } #clean-menu-full_stacks_in_51.cm-full-menu > ul > li:last-child { border-bottom: 0px solid transparent; } #clean-menu-full_stacks_in_51.cm-full-menu { } #clean-menu_stacks_in_51 .clean-menu-top-level ul li > a, #clean-menu_stacks_in_51 .clean-menu-top-level ul li > a:visited { color: rgba(0,0,0,.6); } #clean-menu_stacks_in_51 .clean-menu-top-level ul li > a svg { fill: rgba(0,0,0,.6); } #clean-menu_stacks_in_51 .clean-menu-top-level ul li > a:hover { color: rgba(0,0,0,.4); } #clean-menu_stacks_in_51 .clean-menu-top-level ul li > a:hover svg { fill: rgba(0,0,0,.4); } /* #clean-menu_stacks_in_51 .clean-menu-top-level ul li > a.cm-heading:hover { color: rgba(0,0,0,.6); cursor: default; } */ #clean-menu_stacks_in_51 .clean-menu-top-level ul li.cm-current > a { color: rgba(0,0,0,.8); } #clean-menu_stacks_in_51 .clean-menu-top-level ul li.cm-current > a svg { fill: rgba(0,0,0,.8); } #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > a.parent:after { border-color: rgba(0,0,0,.6); } #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > a.parent:hover:after { border-color: rgba(0,0,0,.4); } /* #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > a.cm-heading.parent:hover:after { border-color: rgba(0,0,0,.6); } */ #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > a.parent.cm-current:after { border-color: rgba(0,0,0,.8); } #clean-menu_stacks_in_51 .cm-toggle span { background: rgba(0,0,0,8); } #clean-menu_stacks_in_51 h1, #clean-menu_stacks_in_51 h2, #clean-menu_stacks_in_51 h3, #clean-menu_stacks_in_51 h4, #clean-menu_stacks_in_51 h5, #clean-menu_stacks_in_51 h6, #clean-menu_stacks_in_51 .layouts-text, #clean-menu_stacks_in_51 p { color: rgba(0,0,0,8); } .disable-parents #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > a.parent:hover, .disable-parents #clean-menu_stacks_in_51 .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: 771px) { body:not(.cm-mobile-example) #clean-menu-full_stacks_in_51.cm-full-menu ul li { border-width: 0; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_51 { padding: 10px 0px; } body:not(.cm-mobile-example) #clean-menu-full_stacks_in_51.cm-full-menu ul li.cm-hide-dropdown-menu, body:not(.cm-mobile-example) #clean-menu_stacks_in_51 ul li.cm-hide-menu { display: none; } #clean-menu_stacks_in_51 .clean-menu-top-level > ul > li > ul.cm-wide { display: grid; } #clean-menu_stacks_in_51 .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_51.clean-menu { gap: 0 16px; } #clean-menu-full_stacks_in_51 { min-width: 300px; } #clean-menu_stacks_in_51 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 0; } #clean-menu_stacks_in_51 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #clean-menu_stacks_in_51 .clean-menu-full .cm-menu-toggle { display: block; } #clean-menu_stacks_in_51 .clean-menu-top-level { display: none; } #clean-menu_stacks_in_51 .clean-menu-full .cm-menu-toggle { float: right; } #clean-menu-full_stacks_in_51.cm-full-menu ul li { display: block; } #clean-menu-full_stacks_in_51.cm-full-menu ul { padding: 12px 0px; } #clean-menu-full_stacks_in_51.cm-full-menu ul > li > .cm-custom-content { padding: 4px 24px 4px 24px; } #clean-menu-full_stacks_in_51.cm-full-menu ul ul > li > .cm-custom-content { padding: 4px 24px 4px 34px; } #clean-menu-full_stacks_in_51.cm-full-menu ul > li.cm-grouped-item > .cm-custom-content { padding: 4px 24px 4px 0px; } #clean-menu-full_stacks_in_51.cm-full-menu ul li.cm-grouped-item{ padding: 4px 24px; } #clean-menu-full_stacks_in_51.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_51.cm-full-menu ul ul > li > a { padding: 12px 24px; width: 100%; box-sizing: border-box; } #clean-menu-full_stacks_in_51.cm-full-menu ul li.cm-grouped-item > a { width: auto; } #clean-menu-full_stacks_in_51.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } #clean-menu-full_stacks_in_51.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } #clean-menu-full_stacks_in_51.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } } .cm-mobile-example #clean-menu-full_stacks_in_51 { min-width: 300px; } .cm-mobile-example #clean-menu_stacks_in_51 .clean-menu-full { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_51 > div:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cm-mobile-example #clean-menu_stacks_in_51 .clean-menu-full .cm-menu-toggle { display: block; } .cm-mobile-example #clean-menu_stacks_in_51 .clean-menu-top-level { display: none; } .cm-mobile-example #clean-menu-full_stacks_in_51.cm-full-menu ul li { display: block; } .cm-mobile-example #clean-menu-full_stacks_in_51.cm-full-menu ul li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_51.cm-full-menu ul ul > li > a { padding: 10px 20px; width: 100%; box-sizing: border-box; } .cm-mobile-example #clean-menu-full_stacks_in_51.cm-full-menu ul li.cm-grouped-item > a { width: auto; } .cm-mobile-example #clean-menu-full_stacks_in_51.cm-full-menu { -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } .cm-mobile-example #clean-menu-full_stacks_in_51.cm-full-menu.clean-menu-active { -webkit-transform: translate(0px, 5px); transform: translate(0px, 5px); } .cm-mobile-example #clean-menu-full_stacks_in_51.cm-full-menu ul li.cm-grouped-item > a { padding: 8px 30px 8px 0; } .cm-mobile-example #clean-menu_stacks_in_51 .clean-menu-full .cm-menu-toggle { float: right; } #clean-menu_stacks_in_51 .clean-menu-top-level ul li.cm-current > a { } /* 1.5.7.2 - fixes a bug wth non-wrapping text and columns (min-width:0 -> auto) - the action attribute is now editable in the PHP mail form. This is so you an add the # link of the contact page in a one page menu website - fixes a bug that would prevent the one page nav from showing a next page arrow when scroling by touch and touching a link - improved mouse wheel scrolling sensitivity for one page nav */ html { background-color: rgba(255, 255, 255, 1.00); color: rgba(0, 0, 0, 0.60); font-size: 18px; line-height: 140%; text-align: left; font-weight: 400; letter-spacing: 0.00px; word-spacing: 0.00px; } p, span { line-height: 140%; } body, body * { box-sizing: border-box; } h1,h2,h3,h4,h5,h6,p, [data-deluxe-link], [data-deluxe-text]:not(span):not(div), input, textarea { margin: 16px 0px; } .g-recaptcha { margin: 12px 0px 16px 0px; } input, textarea, button { font-family: inherit; } ::placeholder { opacity: .6; } a { display: inline-block; text-decoration: none; transition: color 150ms ease, background-color 150ms ease, box-shadow 300ms ease, border 150ms ease; } a:focus, button:focus { outline: none; } a [data-width] > i, a [data-width] > svg, a [data-width] > ion-icon { vertical-align: top; } [data-auto-width="True"] a { white-space: nowrap; } svg, [data-deluxe-link] { color: rgba(0, 0, 0, 0.60); stroke: rgba(0, 0, 0, 0.60); fill: rgba(0, 0, 0, 0.60); } a:not([data-deluxe-link]), h1 a:not([data-deluxe-link]), h2 a:not([data-deluxe-link]), h3 a:not([data-deluxe-link]), h4 a:not([data-deluxe-link]), h5 a:not([data-deluxe-link]), p a:not([data-deluxe-link]), span a:not([data-deluxe-link]), [data-edit-p] a:not([data-deluxe-link]), a:not([data-deluxe-link]) i, a:not([data-deluxe-link]) svg { color: rgba(42, 122, 240, 1.00); fill: rgba(42, 122, 240, 1.00); stroke: rgba(42, 122, 240, 1.00); } a:not([data-deluxe-link]):hover, h1 a:not([data-deluxe-link]):hover, h2 a:not([data-deluxe-link]):hover, h3 a:not([data-deluxe-link]):hover, h4 a:not([data-deluxe-link]):hover, h5 a:not([data-deluxe-link]):hover, p a:not([data-deluxe-link]):hover, span a:not([data-deluxe-link]):hover, a:not([data-deluxe-link]):hover i, a:not([data-deluxe-link]):hover svg { color: rgba(42, 122, 240, 1.00); fill: rgba(42, 122, 240, 1.00); stroke: rgba(42, 122, 240, 1.00); } a:not([data-deluxe-link]):active, h1 a:not([data-deluxe-link]):active, h2 a:not([data-deluxe-link]):active, h3 a:not([data-deluxe-link]):active, h4 a:not([data-deluxe-link]):active, h5 a:not([data-deluxe-link]):active, p a:not([data-deluxe-link]):active, span a:not([data-deluxe-link]):active, .current a:not([data-deluxe-link]), .active a:not([data-deluxe-link]), a:not([data-deluxe-link]):active i, a:not([data-deluxe-link]):active svg { color: rgba(42, 122, 240, 1.00); fill: rgba(42, 122, 240, 1.00); stroke: rgba(42, 122, 240, 1.00); } form { margin-block-end: 0; } hr { border-width: 0 0 0 0; clear: both; height: 0 } h1,h2,h3,h4,h5,h6 { color: rgba(0, 0, 0, 0.90); line-height: 110%; font-weight: 700; letter-spacing: 0.00px; word-spacing: 0.00px; } span[data-deluxe-text="span-True"] { line-height: 100%; display: block; white-space: nowrap; } [data-deluxe-link="2"] { display: block; } [data-deluxe-link="0"], [data-deluxe-link="1"] { display: inline-block; } [data-deluxe-link="1"] { margin: 0; } [data-deluxe-text], input[data-deluxe-el], textarea[data-deluxe-el], button[data-deluxe-el] { margin-bottom: 0px; } [data-deluxe-text]:first-child, input[data-deluxe-el]:first-child, textarea[data-deluxe-el]:first-child, button[data-deluxe-el]:first-child { margin-top: 0px; } [data-deluxe-text]:only-child, input[data-deluxe-el]:only-child, textarea[data-deluxe-el]:only-child, button[data-deluxe-el]:only-child { margin-top: 0px; margin-bottom: 0px; } [data-deluxe-text] span:not([data-deluxe-text]):not([class]) { font: inherit !important; color: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; word-spacing: inherit !important; } sup { font-size: 60%; } input { width: 100%; } h1, h1 p { font-size: 54px; } h2, h2 p { font-size: 36px; } h3, h3 p { font-size: 28px; } h4, h4 p { font-size: 22px; } h5, h5 p { font-size: 20px; } h6, h6 p { font-size: 18px; } h1 p { margin: 0px; } h2 p { margin: 0px; } h3 p { margin: 0px; } h4 p { margin: 0px; } h5 p { margin: 0px; } h6 p { margin: 0px; } .deluxe-link-wrap { display: grid; } .deluxe-navbar { position: relative; } .column-sticky { position: sticky; top:0 } .sticky-container { overflow: scroll; max-height: 100vh; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .sticky-container::-webkit-scrollbar { display: none; } .column-overflow-top, .column-overflow, .column-overflow-bottom { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .column-overflow > * { transform: translateY(-50%); } .column-overflow-top > * { transform: translateY(-100%); } .content-overflow { position: relative; z-index: 99; transform: translateY(50%); } .deluxe-lightbox { cursor: pointer; } .deluxe-lightbox-wrap { position: fixed; z-index: 9999; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.5); display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; justify-items: center; text-align: left; } .deluxe-lightbox-wrap > * { align-self: center; box-shadow: 0px 0px 24px rgba(0,0,0,0.6); max-width: 80vw; } .deluxe-lightbox-wrap > div > div > div.slice.empty { width: 80vw; height: 80vh; } @media all and (min-width: 771px) { .hide-desktop { display: none; } } @media all and (max-width: 770px) and (min-width: 501px) { .hide-tablet { display: none; } } @media all and (max-width: 500px) { .hide-mobile { display: none; } } .stacks_in:not(.site_image_stack):not(.image_stack), .stacks_out, .out { overflow: visible; width: 100%; } /* */ div[data-deluxe-el="1"] { } div[data-deluxe-el="1"] > div { } /* v1.0.2 - classes can be added to columns - auto-hide editor elements is now optional */ #stacks_in_95.layouts-2-section { padding: 32px 0; } .mez #stacks_in_95.layouts-2-section > div, #stacks_in_95.layouts-2-section { } #stacks_in_95.layouts-2-section > * { padding-left: 24px; padding-right: 24px; } #stacks_in_95.layouts-2-section > * > div { max-width: 1120px; margin-left: auto !important; margin-right: auto !important; } #slice_mez_95 { border: 2px solid rgba(0,0,0,0.15); } .dark #slice_mez_95 { border: 2px solid rgba(255,255,255,0.15); } #stacks_in_96.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_96.layouts-2-row > div > div[tag="node"] { display: flex; width: 100%; margin: 0px auto 0px auto; background: transparent; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; box-sizing: border-box; gap: 0px 48px; } #stacks_in_96.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 48px; } @supports (rotate:180deg) { #stacks_in_96.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_98.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_98.out { flex: 1; min-width: 0; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_98.out { overflow: visible; } @media all and (min-width: 901px) { #stacks_in_98.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_98.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_98.layouts-2-column.hide-mobile { display: none; } } #stacks_in_107.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_107.layouts-2-row > div > div[tag="node"] { display: flex; width: 100%; margin: 0px auto 0px auto; background: transparent; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; box-sizing: border-box; gap: 0px 48px; } #stacks_in_107.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 48px; } @supports (rotate:180deg) { #stacks_in_107.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_108.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_108.out { flex: 1; min-width: 0; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_108.out { overflow: visible; } @media all and (min-width: 901px) { #stacks_in_108.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_108.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_108.layouts-2-column.hide-mobile { display: none; } } /* @group Resets */ /* Resets to stop themes messing with our styling */ #stacks_in_2 *, #stacks_in_2 *:after, #stacks_in_2 *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2 form, #stacks_in_2 fieldset { display: block; border: none; background: none; padding: 0; margin: 0; box-shadow: none; } #stacks_in_2 select { -webkit-appearance: menulist !important; -moz-appearance: menulist !important; } #stacks_in_2 select[multiple] { height: 100%; -webkit-appearance: none !important; -moz-appearance: none !important; } #stacks_in_2 .fpNotAllowed *:hover { cursor: not-allowed; } #stacks_in_2 .radio .radio, #stacks_in_2 .checkbox .checkbox { position: static; } /* @end */ /* Form layout */ .tsf-content { margin: -15px; overflow: hidden !important; } .inputWrapper .inputWrapper [data-formsplus-input-name], .inputWrapper .form-group { padding: 15px 0; } /* Code for CSS offset */ #tsf-wizard-stacks_in_2 { padding-top: 0vh; } /* @group Base Form Styling */ /* Styling borrowed from Twitter Bootstrap, scoped for exclusive use of FormSteps */ #stacks_in_2 label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; font-size: 14px; color: rgba(25, 25, 25, 1.00); } #stacks_in_2 .form-group { margin: 0; width: 100%; } #stacks_in_2 .form-control { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: rgba(85, 85, 85, 1.00); background-color: rgba(255, 255, 255, 1.00); background-image: none; border: 1px solid rgba(204, 204, 204, 1.00); border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s; -o-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; } #stacks_in_2 .form-control input { height: 34px; } /* Start styling for placeholder colors (added June 2021) */ #stacks_in_2 .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(142, 142, 142, 1.00); opacity: 1; } #stacks_in_2 .form-control::-moz-placeholder { /* Firefox 19+ */ color: rgba(142, 142, 142, 1.00); opacity: 1; } #stacks_in_2 .form-control:-ms-input-placeholder { /* IE 10+ */ color: rgba(142, 142, 142, 1.00); opacity: 1; } #stacks_in_2 .form-control:-moz-placeholder { /* Firefox 18- */ color: rgba(142, 142, 142, 1.00); opacity: 1; } /* End placeholder styling */ #stacks_in_2 .radio label { padding-left: 0; } #stacks_in_2 input[type="radio"], #stacks_in_2 input[type="checkbox"] { margin-left: 0.1em; position: relative; } #stacks_in_2 .form-control:focus { border-color: rgba(102, 175, 233, 1.00); background-color: rgba(255, 255, 255, 1.00); outline: 0; } #stacks_in_2 textarea.form-control { height: auto; } #stacks_in_2 .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: rgba(115, 115, 115, 1.00); } /* Input groups */ #stacks_in_2 .input-group { position: relative; display: table; border-collapse: separate; width: 100%; } #stacks_in_2 .input-group .form-control, #stacks_in_2 .input-group-addon { display: table-cell; } #stacks_in_2 .input-group-addon { width: 1%; white-space: nowrap; vertical-align: middle; } #stacks_in_2 .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: rgba(85, 85, 85, 1.00); text-align: center; background-color: rgba(238, 238, 238, 1.00); border: 1px solid rgba(204, 204, 204, 1.00); border-radius: 4px; } #stacks_in_2 .input-group .form-control:last-child, #stacks_in_2 .input-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } #stacks_in_2 .input-group-addon:first-child { border-right: none; } #stacks_in_2 .input-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none; } #stacks_in_2 .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } /* Buttons */ #stacks_in_2 .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } /* @end */ /* @group Form Input sizing */ /* */ /* */ /* @end */ /* @group Date Picker Styling */ div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { z-index: 9999 !important; } .ui-datepicker { background-color: #fff; border: 1px solid #66AFE9; border-radius: 4px; box-shadow: 0 0 8px rgba(102,175,233,.6); display: none; margin-top: 4px; padding: 10px; width: 240px; color: #212529; } .ui-datepicker a, .ui-datepicker a:hover { text-decoration: none; } .ui-datepicker a:hover, .ui-datepicker td:hover a { color: #2A6496; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .ui-datepicker .ui-datepicker-header { margin-bottom: 4px; text-align: center; } .ui-datepicker .ui-datepicker-title { font-weight: 700; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: default; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; height: 20px; font-size: 20px; line-height: 1; margin-top: 2px; width: 30px; } .ui-datepicker .ui-datepicker-prev { float: left; text-align: left; } .ui-datepicker .ui-datepicker-next { float: right; text-align: right; } .ui-datepicker .ui-datepicker-prev:before { content: "\f0a8"; } .ui-datepicker .ui-datepicker-next:before { content: "\f0a9"; } .ui-datepicker .ui-icon { display: none; } .ui-datepicker .ui-datepicker-calendar { table-layout: fixed; width: 100%; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align: center; padding: 4px 0; } .ui-datepicker .ui-datepicker-calendar td { border-radius: 4px; -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; } .ui-datepicker .ui-datepicker-calendar td:hover { background-color: #eee; cursor: pointer; } .ui-datepicker .ui-datepicker-calendar td a { text-decoration: none; } .ui-datepicker .ui-datepicker-today, .ui-datepicker .ui-datepicker-current-day { background-color: #4289cc; } .ui-datepicker .ui-datepicker-today a, .ui-datepicker .ui-datepicker-current-day a { color: #fff } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color: #fff; cursor: default; } .ui-datepicker-unselectable.ui-state-disabled { opacity: 0.50; } /* Some extra CSS added by Will Woodgate on 28th Feb 2018 to help with styling the time picker */ .ui-datepicker table.ui-datepicker-calendar { margin-bottom: 10px; } .ui-datepicker .ui-timepicker-div dl { padding-top:15px; padding-bottom: 0px; border: 1px solid #dddddd; margin-top: 0px; margin-bottom: 10px; display: block; background: #f9f9f9; } .ui-datepicker .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { border-bottom: none; border: 1px solid #dddddd; background: #ffffff; margin: 0px; padding: 6px 0 6px 6px; } .ui-datepicker .ui-timepicker-div dl dd { margin: 0 10px 10px 40%; min-height: 30px; } .ui-datepicker .ui-slider { border: 1px solid #c5c5c5; border-radius: 3px; height: .8em; position: relative; margin-top: 15px; } .ui-datepicker .ui-slider-handle { border: 1px solid #4289cc; border-radius: 3px; background: #4289cc; font-weight: normal; color: #454545; top: -.3em; margin-left: -.6em; position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-datepicker div.ui-datepicker-buttonpane { display: block; } .ui-datepicker div.ui-datepicker-buttonpane button { float: left; background: #FFFFFF; border-radius: 4px; color: #333333; border: 1px solid #cccccc; outline: none; padding: 10px 15px; font-size: 15px; margin: 0px; } .ui-datepicker div.ui-datepicker-buttonpane button:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close { float: right; background: #4289cc; border: 1px solid #2e6da4; color: #ffffff; } .ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close:hover { background-color: #286090; border-color: #204d74; color: #ffffff; } /* @end */ /* Next, previous and finish button styling */ #stacks_in_2 span.formsplus-next-btn-wrapper, #stacks_in_2 span.formsplus-prev-btn-wrapper, #stacks_in_2 span.formsplus-finish-btn-wrapper { font-size: 14px; } /* @group Step Button Styling */ #stacks_in_2 ul#step-indicator-stacks_in_2 *, #stacks_in_2 ul#step-indicator-stacks_in_2 *:after, #stacks_in_2 ul#step-indicator-stacks_in_2 *:before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; vertical-align: baseline; font-size: 14px; line-height: 1.42857143; } #stacks_in_2 ul#step-indicator-stacks_in_2 a, #stacks_in_2 ul#step-indicator-stacks_in_2 a:visited, #stacks_in_2 ul#step-indicator-stacks_in_2 a:hover, #stacks_in_2 ul#step-indicator-stacks_in_2 a:active { text-decoration: none; outline: none; } /* */ /* Incomplete steps */ #stacks_in_2 .gsi-step-no-available li.current ~ li>*, #stacks_in_2 .gsi-step-no-available li.current ~ li>*:hover { background-color: rgba(229, 229, 229, 1.00) !important; border-color: rgba(229, 229, 229, 1.00) !important; color: rgba(246, 197, 68, 1.00) !important; } /* The active (current) steps */ #stacks_in_2 .gsi-step-indicator.triangle li.current>* { color: rgba(255, 255, 255, 1.00); background-color: rgba(236, 89, 41, 1.00); border-color: rgba(236, 89, 41, 1.00); } /* Hovered steps */ #stacks_in_2 .gsi-step-indicator.triangle li>*:hover { color: rgba(255, 255, 255, 1.00); background-color: rgba(246, 197, 68, 1.00); border-color: rgba(246, 197, 68, 1.00); } /* Completed steps */ #stacks_in_2 .gsi-step-indicator.triangle li>* { color: rgba(51, 51, 51, 1.00); background-color: rgba(205, 205, 205, 1.00); border-color: rgba(205, 205, 205, 1.00); } @media screen and (max-width: 768px) { #stacks_in_2 .gsi-step-indicator.triangle li::after, #stacks_in_2 .gsi-step-indicator.triangle li>*::after { display: none !important; } #stacks_in_2 .gsi-step-indicator li { display: block; float: none; margin: 4px; } #stacks_in_2 .gsi-style-1 li .desc, #stacks_in_2 .gsi-style-1 li .desc label { padding-top: 0 !important; padding-bottom: 0 !important; } #stacks_in_2 .gsi-step-indicator.triangle li:first-of-type>* { border-radius: 0.25em; } #stacks_in_2 .gsi-step-indicator.triangle li a { border-radius: 0.25em; } } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* Submit text colors */ /* Button styling */ #stacks_in_2 .center { text-align: center; } #stacks_in_2 .btnPosition { position: relative; z-index: 20; } #stacks_in_2 a.smartyBoxButton, #stacks_in_2 button[type="reset"], #stacks_in_2 .tsf-controls .tsf-wizard-btn { text-decoration: none; background-color: rgba(236, 89, 41, 1.00); color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; } #stacks_in_2 a.smartyBoxButton:hover, #stacks_in_2 a.smartyBoxButton:active, #stacks_in_2 button[type="reset"]:hover, #stacks_in_2 button[type="reset"]:active, #stacks_in_2 .tsf-controls .tsf-wizard-btn:hover, #stacks_in_2 .tsf-controls .tsf-wizard-btn:active { text-decoration: none; background-color: rgba(246, 197, 68, 1.00); color: rgba(255, 255, 255, 1.00); } /* Fixes the font sizing */ #stacks_in_2 ul#step-indicator-stacks_in_2 .number { font-size: 28px; } #stacks_in_2 ul#step-indicator-stacks_in_2 .desc label { font-size: 14px; } #stacks_in_2 ul#step-indicator-stacks_in_2 .desc span { font-size: 13px; } /* Fixes circle number alignment in some themes */ #stacks_in_2 ul#step-indicator-stacks_in_2.gsi-style-3 .number, #stacks_in_2 ul#step-indicator-stacks_in_2.gsi-number-circle .number { line-height: 1.2em; } /* Fixes colour override issues in themes like Foundation */ #stacks_in_2 .gsi-step-indicator.triangle a label, #stacks_in_2 .gsi-step-indicator.triangle a:hover label { color: inherit; } /* @end */ /* @group Validation */ .form-group { position: relative; } .form-group.has-error { border: 2px solid #f44545; padding: 30px 10px 10px; border-radius: 4px; } ul.parsley-errors-list { position: absolute; top: -2px; right: -2px; text-align: left; padding: 0; margin: 0; list-style: none; clear: both; line-height: 1.3; } ul.parsley-errors-list li { padding: 5px; margin: 0; font-weight: bold; font-size: 12px; line-height: 1.10em; text-transform: uppercase; z-index: 3; background: #f44545; color: #ffffff; display: none; border-top-right-radius: 4px; } ul.parsley-errors-list li:last-child { display: inline-block; } /* @end */ /* @group Edit Mode */ /* */ /* @end */ /* */ /* Message boxes, displaying errors and important messages */ .formsplus-warning { padding: 15px 20px 15px 15px; margin-bottom: 20px; margin-top: 20px; border: 1px solid #ebccd1; border-radius: 4px; color: #a94442; background-color: #f2dede; position: relative; } .formsplus-warning .smartyBoxMessageHide { position: absolute; top: 3px; right: 5px; color: inherit; float: right; font-size: 28px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; cursor: pointer; } /* Switches, added December 2021 */ #stacks_in_2 .switch { position: relative; display: block; min-height: 34px; margin-bottom: 20px; line-height: 1.1; } #stacks_in_2 .switch-label { padding: 0 0 0 calc(70px + 10px); display: block; margin-top: -6px; } #stacks_in_2 .switch input { opacity: 0; width: 0; height: 0; } #stacks_in_2 .slider { position: absolute; cursor: pointer; top: 0; left: 0; background-color: rgba(204, 204, 204, 1.00); -webkit-transition: .4s; transition: .4s; width: 70px; height: 34px; } #stacks_in_2 .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: rgba(255, 255, 255, 1.00); -webkit-transition: .4s; transition: .4s; } #stacks_in_2 input:checked + .slider { background-color: rgba(33, 150, 243, 1.00); } #stacks_in_2 input:focus + .slider { box-shadow: 0 0 1px rgba(33, 150, 243, 1.00); } #stacks_in_2 input:checked + .slider:before { -webkit-transform: translateX(calc(70px - 150% + 5px)); -ms-transform: translateX(calc(70px - 150% + 5px)); transform: translateX(calc(70px - 150% + 5px)); } /* On / off labels */ #stacks_in_2 .on { display: none; } #stacks_in_2 .on, #stacks_in_2 .off { color: rgba(255, 255, 255, 1.00); position: absolute; transform: translate(0, -50%); top: 50%; right: 10px; font-size: 12px; font-family: Verdana, sans-serif; } #stacks_in_2 input:checked + .slider .on { display: block; right: auto; left: 10px; } #stacks_in_2 input:checked + .slider .off { display: none; } #stacks_in_2 .slider.round { border-radius: 34px; } #stacks_in_2 .slider.round:before { border-radius: 50%; } #stacks_in_32>.s3_row { margin: 0 -10px; } #stacks_in_32>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_32>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_32>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_32>.s3_row { margin: -10px 0; } #stacks_in_32>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//** * Fileuploader * Copyright (c) 2019 Innostudio.de * Website: https://innostudio.de/fileuploader/ * Version: 2.2 (15-Apr-2019) * Requires: jQuery v1.7.1 or later * License: https://innostudio.de/fileuploader/documentation/#license */ @charset "UTF-8"; .fileuploader-input .fileuploader-input-button, .fileuploader-input .fileuploader-input-caption, .fileuploader-items .fileuploader-item .fileuploader-action, .fileuploader-items .fileuploader-item .fileuploader-progressbar .bar, .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar, .fileuploader-items .fileuploader-item span.fileuploader-action-popup, .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action], .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action], .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success { -webkit-transition: .7s cubic-bezier(.17, .67, 0, 1.01); -o-transition: .7s cubic-bezier(.17, .67, 0, 1.01); transition: .7s cubic-bezier(.17, .67, 0, 1.01) } .fileuploader-items .fileuploader-item, .fileuploader-items .fileuploader-item .fileuploader-action, .fileuploader-items .fileuploader-item .fileuploader-item-icon, .fileuploader-items .fileuploader-item .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item .fileuploader-item-image img, .fileuploader-popup, .fileuploader-popup .fileuploader-popup-node { -webkit-animation: fileuploaderFadeIn .2s ease; animation: fileuploaderFadeIn .2s ease } .fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success { display: inline-block; margin: 0; padding: 14px 22px; border: none; border-radius: 30px; outline: 0; font-weight: 700; cursor: pointer; vertical-align: middle; text-decoration: none } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button { background: #e6ebf4; color: #90a0bc } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:hover { background: #edf1f7; transform: translateY(-1px) } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:active { background: #dfe5f1; transform: translateY(1px) } .fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success { background: #9658fe; background: -moz-linear-gradient(-45deg, #3a8ffe 0, #9658fe 100%); background: -webkit-linear-gradient(-45deg, #3a8ffe 0, #9658fe 100%); background: linear-gradient(135deg, #3a8ffe 0, #9658fe 100%); background-size: 140% auto; background-position: center; color: #fff; box-shadow: 0 4px 18px rgba(0, 0, 0, .04) } .fileuploader-input .fileuploader-input-button:hover, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:hover { background-position: left; box-shadow: 0 8px 25px rgba(0, 0, 0, .15); transform: translateY(-2px) } .fileuploader-input .fileuploader-input-button:active, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:active { background-position: right; box-shadow: 0 4px 25px rgba(0, 0, 0, .15); transform: translateY(2px) } .fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader, .fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after, .fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after, .fileuploader-popup.loading:after { content: ""; position: absolute; min-width: 24px; min-height: 24px; max-width: 48px; max-height: 48px; background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=) no-repeat center; background-size: contain } .fileuploader-items .fileuploader-item .fileuploader-item-icon i, .fileuploader-items .fileuploader-item .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item .fileuploader-item-image img, .fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after, .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after, .fileuploader-popup .fileuploader-popup-move:after, .fileuploader-popup.loading:after { left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) } .fileuploader-items .fileuploader-item .fileuploader-action, .fileuploader-items .fileuploader-item .progress-bar2 span { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .fileuploader-input .fileuploader-input-button, .fileuploader-items .fileuploader-item .fileuploader-item-icon, .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar, .fileuploader-popup .fileuploader-cropper, .fileuploader-popup .fileuploader-cropper *, .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action], .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success, .fileuploader-popup .fileuploader-popup-move, .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fileuploader, .fileuploader *, .fileuploader :after, .fileuploader :before, .fileuploader-popup, .fileuploader-popup *, .fileuploader-popup :after, .fileuploader-popup :before { box-sizing: border-box } .fileuploader button, .fileuploader-popup button { display: inline-block; padding: 0; margin: 0; border: 0; font: inherit; background: 0 0; box-shadow: none } .fileuploader button:focus, .fileuploader-popup button:focus { outline: 0 } .fileuploader { display: block; width: 100%; padding: 16px; margin: 16px 0; background: #fafbfd; border-radius: 6px; line-height: normal } .fileuploader-icon-main { display: inline-block; font-size: 18px; color: #789bec } .fileuploader-input { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid transparent; border-radius: 30px; cursor: pointer } .fileuploader-input .fileuploader-input-caption { position: relative; display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: start; align-self: flex-start; padding: 13px 16px; margin-right: 16px; background: #fff; border: 1px solid #ebeef1; border-radius: 30px; color: #789bec; box-shadow: 0 4px 18px rgba(0, 0, 0, .01); font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .fileuploader-focused .fileuploader-input .fileuploader-input-caption { border-color: #789bec } .fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader { position: relative; display: inline-block; vertical-align: middle; min-height: 22px; margin-right: 6px } .fileuploader-input.fileuploader-dragging { background: #fff; border: 1px solid #ebeef1; border-style: dashed } .fileuploader-input.fileuploader-dragging .fileuploader-input-caption { border-color: transparent } .fileuploader-input.fileuploader-dragging .fileuploader-input-button { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0 } .fileuploader-disabled .fileuploader-input { opacity: .7; cursor: default; pointer-events: none !important } .fileuploader-items .fileuploader-items-list { display: block; margin: 0 -16px; padding: 0; list-style: none } .fileuploader-items .fileuploader-item { position: relative; margin: 0; padding: 20px 16px 20px 22px; border-bottom: 1px solid #ebeef1; animation-duration: .6s } .fileuploader-items .fileuploader-item:last-child { border-bottom: 0; margin-bottom: -16px } .fileuploader-items .fileuploader-item.upload-failed { background: rgba(254, 84, 111, .06) } .fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after { position: absolute; left: -8px; top: -8px; width: 36px; height: 36px } .fileuploader-items .fileuploader-item .columns { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; float: none; } .fileuploader-items .fileuploader-item .column-thumbnail { position: relative; width: 36px; height: 36px } .fileuploader-items .fileuploader-item .column-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 16px; padding-right: 16px; color: #74809d; overflow: hidden } .fileuploader-items .fileuploader-item .column-title a { display: inline-block; width: 100%; height: 100%; color: #74809d; text-decoration: none } .fileuploader-items .fileuploader-item .column-title div { width: 100%; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .fileuploader-items .fileuploader-item .column-title span { font-size: 12px; color: #979fb8 } .fileuploader-items .fileuploader-item .column-actions { margin: 0 16px } .fileuploader-items .fileuploader-item .fileuploader-item-image { position: relative; width: 100%; height: 100%; border-radius: 6px; background: #fff; overflow: hidden } .fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after { content: ""; width: 50%; height: 50% } .fileuploader-items .fileuploader-item .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item .fileuploader-item-image img { position: absolute; max-width: none; max-height: 100% } .fileuploader-items .fileuploader-item .fileuploader-item-icon { position: relative; width: 100%; height: 100%; text-align: center; color: #fff; font-size: 11px; background: #ddd; border-radius: 4px; cursor: default } .fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color { color: #888 } .fileuploader-items .fileuploader-item .fileuploader-item-icon i { position: absolute; display: block; width: 90%; font-style: normal; font-weight: 700; overflow: hidden; white-space: nowrap } .fileuploader-items .fileuploader-item span.fileuploader-action-popup { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(43, 56, 71, .2); border-radius: 6px; cursor: pointer; opacity: 0 } .fileuploader-items .fileuploader-item span.fileuploader-action-popup:hover { opacity: 1 } .fileuploader-items .fileuploader-item span.fileuploader-action-popup:active { background: rgba(43, 56, 71, .4) } .fileuploader-items .fileuploader-item .fileuploader-action { position: relative; display: inline-block; width: 20px; height: 20px; color: #c0c6d2; cursor: pointer; vertical-align: top; text-align: center } .fileuploader-items .fileuploader-item .fileuploader-action+.fileuploader-action { margin-left: 16px } .fileuploader-items .fileuploader-item .fileuploader-action:hover { color: #789bec } .fileuploader-items .fileuploader-item .fileuploader-action:active { color: #668ee9 } .fileuploader-items .fileuploader-item .fileuploader-action i { font-size: 20px; line-height: 1; display: block; margin-top: -1px; margin-left: 1px; } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove { color: #fff; background: rgba(254, 118, 118, 1.00); border-radius: 50%; } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i { font-size: 14px; text-shadow: none } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:hover { background-color: rgba(254, 138, 138, 1.00); } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:active { background-color: rgba(254, 138, 138, 1.00); } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success { color: #fff; background: rgba(67, 208, 132, 1.00); border-radius: 50%; } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i { font-size: 14px; text-shadow: none } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:hover { background-color: rgba(83, 212, 143, 1.00); } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:active { background-color: rgba(83, 212, 143, 1.00); } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success i:before { content: "\e904" } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active, .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover { background: #fe7676; box-shadow: -1px 1px 6px rgba(254, 118, 118, .8) } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active i:before, .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover i:before { content: "\e923" } .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active { background-color: #fe6262 } .fileuploader-items .fileuploader-item.file-has-popup span.fileuploader-action-popup { display: block } .fileuploader-items .fileuploader-item .fileuploader-progressbar { position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; border-radius: 6px } .fileuploader-items .fileuploader-item .fileuploader-progressbar .bar { position: absolute; left: 0; top: 0; width: 0%; height: 100%; border-radius: 6px; background: #789bec; box-shadow: 0 4px 8px -1px rgba(120, 155, 236, 0.6) } .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1 } .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar { position: absolute; left: 0; top: 0; width: 0%; height: 100%; border-radius: 0; background: rgba(104, 125, 219, 0.08); box-shadow: none } .fileuploader-items .fileuploader-item .progress-bar2 span { position: absolute; right: 16px; color: rgba(151, 159, 184, 0.16); font-size: 48px } .fileuploader-items .fileuploader-item.sorting { background: #fafbfd; border-radius: 6px; opacity: .8; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); z-index: 799 } .fileuploader-items .fileuploader-item.sorting, .fileuploader-items .fileuploader-item.sorting .fileuploader-action, .fileuploader-items .fileuploader-item.sorting .fileuploader-item-icon, .fileuploader-items .fileuploader-item.sorting .fileuploader-item-image canvas, .fileuploader-items .fileuploader-item.sorting .fileuploader-item-image img { -webkit-animation: none; animation: none } .fileuploader-items .fileuploader-sorter-placeholder { background: rgba(0, 0, 0, .03); margin: 0; padding: 0; -webkit-animation: none; animation: none } .fileuploader-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #191d1e; z-index: 1090; animation-duration: .4s } .fileuploader-popup.loading:after { width: 48px; height: 48px; z-index: 8 } .fileuploader-popup .fileuploader-popup-preview { position: relative; width: 100%; height: 100%; overflow: auto; z-index: 2 } .fileuploader-popup .fileuploader-popup-node { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; max-width: 100%; height: 100%; min-width: 20px; min-height: 20px; padding: 80px 56px 64px; overflow: hidden } .fileuploader-popup .fileuploader-popup-node.is-zoomed { display: block } .fileuploader-popup .fileuploader-popup-node .reader-node { position: relative; max-width: 100%; max-height: 100%; text-align: center; -webkit-transform: translateZ(0); transform: translateZ(0) } .fileuploader-popup .fileuploader-popup-node .reader-node.is-movable { cursor: grab } .fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover, .fileuploader-popup .fileuploader-popup-node .reader-node.is-moving { cursor: grabbing } .fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .area-move, .fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .point, .fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .area-move, .fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .point { cursor: grabbing !important } .fileuploader-popup .fileuploader-popup-node .reader-node.has-node-centered { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100% } .fileuploader-popup .fileuploader-popup-node.astext .reader-node>div, .fileuploader-popup .fileuploader-popup-node.audio .reader-node>audio, .fileuploader-popup .fileuploader-popup-node.image .reader-node>img, .fileuploader-popup .fileuploader-popup-node.video .reader-node>video { max-width: 100%; max-height: 100%; margin: 0; padding: 0; color: #47525d; background: #fafafa; box-shadow: 0 0 18px rgba(0, 0, 0, .4); -webkit-transform: translateZ(0); transform: translateZ(0); border-radius: 0 } .fileuploader-popup .fileuploader-popup-node.audio .reader-node audio { width: 450px } .fileuploader-popup .fileuploader-popup-node.application .reader-node iframe { width: 100%; height: 100%; border: 0; border-radius: 3px } .fileuploader-popup .fileuploader-popup-node.astext .reader-node div { max-width: 992px; padding: 20px; margin: 0 auto; font-size: 14px; line-height: 16px; text-align: left; overflow-y: auto; white-space: pre-wrap } .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon { position: relative; display: inline-block; width: 80px; height: 80px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYmJjYWNmIiBpZD0ic3ZnXzIiIGQ9Im00OSwxNi44NDJsMCw0Mi4xMDVjMCwyLjc5MSAtMi4yNyw1LjA1MyAtNS4wNjksNS4wNTNsLTM4Ljg2MiwwYy0yLjgsMCAtNS4wNjksLTIuMjYyIC01LjA2OSwtNS4wNTNsMCwtNTMuODk0YzAsLTIuNzkxIDIuMjY5LC01LjA1MyA1LjA2OSwtNS4wNTNsMjcuMDM0LDBsMTYuODk3LDE2Ljg0MnoiIGNsYXNzPSJjbHMtMSIvPiAgPHBhdGggZmlsbD0iI2RmZWFlZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzQiIGQ9Im00OSwxNS44OTlsMCwyLjA5NmwtMTMuODEzLDBjLTIuODYsMCAtNC4xNzksLTIuMzIgLTQuMTc5LC01LjE4MWwwLC0xMi44MTRsMi4wOTIsMGwxNS45LDE1Ljg5OXoiIGNsYXNzPSJjbHMtMyIvPiA8L2c+PC9zdmc+) no-repeat center; background-size: contain } .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div { position: absolute; bottom: 14px; left: 0; padding: 4px 6px; border-radius: 4px; color: #fff; max-width: 100%; word-wrap: break-word } .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div.is-bright-color { color: #888 } .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div i { text-transform: uppercase; font-style: normal; font-weight: 700; white-space: nowrap } .fileuploader-popup .fileuploader-popup-content { color: #fdfdfd; text-shadow: 1px 1px 1px rgba(0, 0, 0, .4) } .fileuploader-popup .fileuploader-popup-content ul { list-style: none; margin: 0; padding: 0 } .fileuploader-popup .fileuploader-popup-content ul li { display: inline-block; padding: 0; margin: 0 } .fileuploader-popup .fileuploader-popup-content ul li+li { margin-left: 16px } .fileuploader-popup .fileuploader-popup-header { position: absolute; top: 0; left: 0; display: flex; flex-direction: row; align-items: center; width: 100%; padding: 16px; background: rgba(0, 0, 0, .8); background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%); background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%); background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%); z-index: 2 } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta { display: flex; flex: 1; white-space: nowrap; overflow: hidden } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta li:first-child { overflow: hidden } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta span { display: block; color: #80868b; font-size: 14px } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta h5 { max-width: 100%; margin: 4px 0 0; font-size: 14px; font-weight: 700; text-overflow: ellipsis; overflow: hidden } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-info:not(:empty) { flex: 1; margin-left: 16px } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons { margin-left: 16px } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button { padding: 14px 24px; text-shadow: none } .fileuploader-popup .fileuploader-popup-footer { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; background: rgba(0, 0, 0, .8); background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%); background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%); z-index: 2 } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action] { display: inline-block; padding: 16px; padding-bottom: 13px; cursor: pointer; text-decoration: none; color: #fdfdfd; border-bottom: 3px solid transparent } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action] i { display: inline-block; font-size: 18px; margin-top: -4px; margin-right: 6px; vertical-align: middle } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action]:hover { border-bottom-color: #789bec; color: #fff } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer { font-size: 14px } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action] { width: 24px; height: 24px; line-height: 24px; font-size: 16px; border: none; border-radius: 50%; padding: 0; vertical-align: middle; color: #fdfdfd; background: rgba(255, 255, 255, .1); text-shadow: none } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action]:hover { background: rgba(255, 255, 255, .3) } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input { display: inline-block; -webkit-appearance: none; width: 130px; padding: 0; margin: 0 16px; vertical-align: middle; background: 0 0 } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input:focus { outline: 0 } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-runnable-track { width: 100%; height: 4px; cursor: pointer; animate: .2s; box-shadow: none; background: #789bec; border-radius: 6px } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-thumb { height: 14px; width: 14px; border-radius: 50%; border: 0; background: #fff; cursor: pointer; -webkit-appearance: none; margin-top: -5px; box-shadow: 2px 2px 8px rgba(0, 0, 0, .8) } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-track { width: 100%; height: 4px; cursor: pointer; animate: .2s; box-shadow: none; background: #789bec; border-radius: 6px } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-thumb { height: 14px; width: 14px; border-radius: 50%; border: 0; background: #fff; cursor: pointer; -webkit-appearance: none; margin-top: -5px; box-shadow: 2px 2px 8px rgba(0, 0, 0, .8) } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer span { display: inline-block; min-width: 40px; text-align: center; margin-left: 6px; color: #fff; vertical-align: middle } .fileuploader-popup .fileuploader-popup-move { position: absolute; display: none; width: 56px; height: 100%; font-size: 24px; bottom: 0; left: 0; color: #fff; opacity: .4; cursor: pointer; z-index: 1 } .fileuploader-popup .fileuploader-popup-move:hover { opacity: 1 } .fileuploader-popup .fileuploader-popup-move:after { position: absolute } .fileuploader-popup .fileuploader-popup-move[data-action=next] { left: auto; right: 0 } .fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-move { display: inline-block } .fileuploader-popup .fileuploader-cropper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 20, 27, .65); z-index: 9 } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area { position: absolute; left: 0; top: 0; width: 0; height: 0; z-index: 2; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0) } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after, .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before { content: ""; position: absolute; border: 1px solid rgba(250, 250, 250, .8); opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; z-index: 1 } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before { top: 0; left: 50%; height: 100%; width: 34%; border-top: 0; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after { top: 50%; left: 0; height: 34%; width: 100%; border-left: 0; border-right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:after, .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:before { opacity: 1 } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point { position: absolute; width: 24px; height: 24px; z-index: 3 } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after { content: ""; width: 12px; height: 12px; position: absolute; background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, .4); border-radius: 50% } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-a { top: -12px; left: -12px; cursor: nw-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-b { top: -12px; left: 50%; margin-left: -12px; cursor: n-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-c { top: -12px; right: -12px; cursor: ne-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-d { top: 50%; right: -12px; margin-top: -12px; cursor: w-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-e { bottom: -12px; right: -12px; cursor: nw-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-f { bottom: -12px; left: 50%; margin-left: -12px; cursor: s-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-g { bottom: -12px; left: -12px; cursor: sw-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-h { left: -12px; top: 50%; margin-top: -12px; cursor: w-resize } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move { position: absolute; width: 100%; height: 100%; z-index: 2; cursor: move } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, .8) } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image { position: relative; overflow: hidden; width: 100%; height: 100% } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image img { width: auto; height: auto; max-width: none; max-height: none; position: absolute; left: 0; top: 0; background: #fff; -webkit-transform-origin: top left; transform-origin: top left } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-info { position: absolute; bottom: -12px; left: 50%; color: #fff; font-family: sans-serif; line-height: 1; font-size: 12px; text-align: center; padding: 4px 8px; background: rgba(0, 0, 0, .6); border-radius: 14px; white-space: nowrap; opacity: 0; -webkit-transform: translateX(-50%) translateY(100%); transform: translateX(-50%) translateY(100%); -webkit-transition: all .4s ease; transition: all .4s ease; z-index: 2 } .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.show-info .area-info { opacity: 0 } @media all and (max-width:768px) { .fileuploader-popup .fileuploader-popup-header { display: block; padding: 0 } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta { padding: 16px } .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons { position: fixed; left: 0; bottom: 16px; width: 100%; margin: 0; text-align: center } .fileuploader-popup .fileuploader-popup-node { padding-left: 16px; padding-right: 16px; padding-bottom: 117px } .fileuploader-popup .fileuploader-popup-footer { bottom: 61px; background: 0 0 } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer { display: none } .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a:hover { border-color: transparent } .fileuploader-popup .fileuploader-popup-move { width: 30px } .fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-node { padding-left: 30px; padding-right: 30px } } @-webkit-keyframes fileuploaderFadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fileuploaderFadeIn { from { opacity: 0 } to { opacity: 1 } } /* onebutton Theme */ .fileuploader-theme-onebutton .fileuploader-input { display: inline-block; } .fileuploader-theme-onebutton .fileuploader-input .fileuploader-input-caption { display: none; } /* drag and drop theme */ .fileuploader-theme-dragdrop .fileuploader-input { display: block; padding: 60px 0; background: #fff; border: 2px dashed #c2cdda; border-radius: 14px; text-align: center; } .fileuploader-theme-dragdrop .fileuploader-input .fileuploader-icon-main { display: block; font-size: 56px; margin: 0 auto; margin-bottom: 26px; } .fileuploader-theme-dragdrop .fileuploader-input h3 { margin: 0; margin-bottom: 8px; padding: 0; background: none; border: none; font-size: 18px; font-weight: bold; color: #5B5B7B; white-space: normal; box-shadow: none; } .fileuploader-theme-dragdrop .fileuploader-input p { margin: 0; padding: 0; color: #90a0bc; margin-bottom: 12px; } /* dragging state */ .fileuploader-theme-dragdrop .fileuploader-input .fileuploader-input-inner > * { -webkit-transition: 500ms cubic-bezier(0.17, 0.67, 0, 1.01); transition: 500ms cubic-bezier(0.17, 0.67, 0, 1.01); } .fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-inner > * { transform: translateY(18px); opacity: 0; } .fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-icon-main { transform: translateY(30px) scale(1.2); opacity: 0.6; } .fileuploader-theme-dragdrop .fileuploader-input.fileuploader-dragging .fileuploader-input-caption { transform: translateY(30px); opacity: 0.6; } /* drop in theme */ .fileuploader-theme-dropin .fileuploader-input { margin: -16px; padding: 16px; border: 0; } .fileuploader-theme-dropin .fileuploader-input.fileuploader-dragging { background: #f3f5fa; border-radius: 6px; } .fileuploader-theme-dropin .fileuploader-input-inner { width: 100%; text-align: center; padding: 16px; color: #5b5b7b; } .fileuploader-theme-dropin .fileuploader-input-inner span { display: inline-block; text-decoration: underline; } .fileuploader-theme-dropin .fileuploader-input-inner span:hover { color: #4a4a64; } /* box after theme */ .fileuploader-theme-boxafter { padding-top: 0.1px; } .fileuploader-theme-boxafter .fileuploader-input { display: block; margin-top: 48px; padding: 28px 0; background: rgba(120, 155, 236, 0.06); border: 2px dashed #d5dee8; border-radius: 14px; text-align: center; color: #bbc2d4; transition: all 0.2s ease; } .fileuploader-theme-boxafter .fileuploader-input h3 { margin: 0; font-size: 16px; font-weight: 400; } .fileuploader-theme-boxafter .fileuploader-input h3 a { color: #789bec; text-decoration: none; font-weight: 700; } .fileuploader-theme-boxafter .fileuploader-input-button { position: absolute; top: -24px; right: 12px; width: 48px; height: 48px; padding: 0; font-size: 22px; font-weight: 400; line-height: 48px; border-radius: 50%; box-shadow: 0 4px 12px rgba(0,0,0,.15); } .fileuploader-theme-boxafter .fileuploader-input.fileuploader-dragging { transform: scale(1.03); background: rgba(120, 155, 236, 0.1); } /* list */ .fileuploader-theme-boxafter .fileuploader-items { margin-top: -1px; } .fileuploader-theme-boxafter .fileuploader-items .fileuploader-item .fileuploader-progressbar { flex: 0; bottom: -6px; margin-left: 52px; width: calc(100% - 52px); background: rgba(0,0,0,0.06); } /* input & items size */ .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item { position: relative; display: inline-block; margin: 16px 0 0 16px; padding: 0; vertical-align: top; width: 25%; width: calc(25% - 16px); padding-top: 20%; } .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner, .fileuploader-theme-thumbnails .fileuploader-item-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 6px; } /* input */ .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner { background: #e6ebf4; border: 2px dashed #92a7bf; text-align: center; font-size: 30px; color: #90a0bc; cursor: pointer; opacity: 0.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:hover { opacity: 1; } .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:active, .fileuploader-theme-thumbnails .fileuploader-dragging .fileuploader-thumbnails-input-inner { background: #f6f6fb; } .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner i { position: absolute; font-style: normal; left: 0; top: 0; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* thumbnails theme */ .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list { margin: -16px 0 0 -16px; } .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item { border-bottom: 0; } .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item:last-child { margin-bottom: 0; } .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item-inner { background: rgba(0, 0, 0, 0.02); overflow: hidden; z-index: 1; } .fileuploader-theme-thumbnails .fileuploader-item-inner .thumbnail-holder, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image { width: 100%; height: 100%; } .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image { position: relative; text-align: center; overflow: hidden; } .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-item-icon i { display: none; } .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-action-popup { border-radius: 6px; z-index: 1; } .fileuploader-theme-thumbnails .fileuploader-item .type-holder { position: absolute; top: 6px; left: 6px; padding: 4px 6px; background: rgba(0, 0, 0, 0.4); text-transform: uppercase; color: #fff; font-size: 12px; border-radius: 4px; z-index: 2; } .fileuploader-theme-thumbnails .fileuploader-item .actions-holder { position: absolute; top: 6px; right: 6px; z-index: 2; height: 20px; } .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-action { color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); } .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-action + .fileuploader-action { margin-left: 8px; } .fileuploader-theme-thumbnails .fileuploader-item .content-holder { position: absolute; bottom: 0; left: 0; width: 100%; padding: 6px; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); z-index: 2; } .fileuploader-theme-thumbnails .fileuploader-item .content-holder h5 { display: block; margin: 0; padding: 0; font-size: 14px; font-weight: normal; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .fileuploader-theme-thumbnails .fileuploader-item .content-holder span { display: block; font-size: 11px; color: rgba(255, 255, 255, 0.8); } /* uploading */ .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item.upload-failed .fileuploader-item-inner { background: #db6868; } .fileuploader-theme-thumbnails .fileuploader-item .progress-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; display: none; z-index: 1; } .fileuploader-theme-thumbnails .fileuploader-item .progress-holder .fileuploader-progressbar { position: relative; top: 50%; width: 80%; height: 6px; margin: 0 auto; margin-top: -6px; background: #dde4f6; } /* sorter */ .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item.sorting { padding-top: 0; margin: 0; } .fileuploader-theme-thumbnails .fileuploader-sorter-placeholder { background: #f0f3f9; border-radius: 6px; } /* responsive */ @media all and (max-width: 768px) { .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item { width: 33.33333333%; width: calc(33.33333333% - 16px); padding-top: 30%; } } @media all and (max-width: 480px) { .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item { width: 50%; width: calc(50% - 16px); padding-top: 40%; } } /* Stack style settings, for all themes */ .fileuploader { background: rgba(250, 251, 253, 1.00); } .fileuploader-input .fileuploader-input-caption, .fileuploader-theme-dragdrop .fileuploader-input, .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner { border-color: rgba(76, 76, 76, 1.00); } .fileuploader-input .fileuploader-input-caption { overflow: visible; } .fileuploader-input h3, .fileuploader-input .fileuploader-input-caption { color: rgba(76, 76, 76, 1.00); } .fileuploader-input button.fileuploader-input-button { background: rgba(100, 217, 234, 1.00); color: rgba(255, 255, 255, 1.00); font-weight: normal; font-size: 14px; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; background-image: none; border: 1px solid transparent; border-radius: 4px; } .fileuploader-input button.fileuploader-input-button:hover { background: rgba(44, 63, 76, 1.00); color: rgba(255, 255, 255, 1.00); } #formsplusHeaderContentstacks_in_7 { margin-bottom: 20px; } #formsplusFooterContentstacks_in_7 { margin-top: 20px; }