/** * Foundation for Sites by ZURB * Version 6.5.3 * foundation.zurb.com * Licensed under MIT Open Source */ /** * Fix for vw, vh, vmin, vmax on iOS 7. * http://caniuse.com/#feat=viewport-units * * This fix works by replacing viewport units with px values on known screen sizes. * * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix. * Target devices running iOS 8+ will incidentally execute the media query, * but this will still produce the expected result; so this is not a problem. * * As an example, replace: * * height: 50vh; * font-size: 5vmin; * * with: * * @include viewport-unit(height, 50vh); * @include viewport-unit(font-size, 5vmin); */ .sfw-hidden { display: none; } .sfw .grid-container { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 75rem; margin-left: auto; margin-right: auto; } @media print, screen and (min-width: 40em) { .sfw .grid-container { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .sfw .grid-container.fluid { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 100%; margin-left: auto; margin-right: auto; } @media print, screen and (min-width: 40em) { .sfw .grid-container.fluid { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .sfw .grid-container.full { padding-right: 0; padding-left: 0; max-width: 100%; margin-left: auto; margin-right: auto; } .sfw .grid-x { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .sfw .cell { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; min-height: 0px; min-width: 0px; width: 100%; } .sfw .cell.auto { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; } .sfw .cell.shrink { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sfw .grid-x > .auto { width: auto; } .sfw .grid-x > .shrink { width: auto; } .sfw .grid-x > .small-shrink, .sfw .grid-x > .small-full, .sfw .grid-x > .small-1, .sfw .grid-x > .small-2, .sfw .grid-x > .small-3, .sfw .grid-x > .small-4, .sfw .grid-x > .small-5, .sfw .grid-x > .small-6, .sfw .grid-x > .small-7, .sfw .grid-x > .small-8, .sfw .grid-x > .small-9, .sfw .grid-x > .small-10, .sfw .grid-x > .small-11, .sfw .grid-x > .small-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } @media print, screen and (min-width: 40em) { .sfw .grid-x > .medium-shrink, .sfw .grid-x > .medium-full, .sfw .grid-x > .medium-1, .sfw .grid-x > .medium-2, .sfw .grid-x > .medium-3, .sfw .grid-x > .medium-4, .sfw .grid-x > .medium-5, .sfw .grid-x > .medium-6, .sfw .grid-x > .medium-7, .sfw .grid-x > .medium-8, .sfw .grid-x > .medium-9, .sfw .grid-x > .medium-10, .sfw .grid-x > .medium-11, .sfw .grid-x > .medium-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } } @media print, screen and (min-width: 64em) { .sfw .grid-x > .large-shrink, .sfw .grid-x > .large-full, .sfw .grid-x > .large-1, .sfw .grid-x > .large-2, .sfw .grid-x > .large-3, .sfw .grid-x > .large-4, .sfw .grid-x > .large-5, .sfw .grid-x > .large-6, .sfw .grid-x > .large-7, .sfw .grid-x > .large-8, .sfw .grid-x > .large-9, .sfw .grid-x > .large-10, .sfw .grid-x > .large-11, .sfw .grid-x > .large-12 { -ms-flex-preferred-size: auto; flex-basis: auto; } } .sfw .grid-x > .small-1, .sfw .grid-x > .small-2, .sfw .grid-x > .small-3, .sfw .grid-x > .small-4, .sfw .grid-x > .small-5, .sfw .grid-x > .small-6, .sfw .grid-x > .small-7, .sfw .grid-x > .small-8, .sfw .grid-x > .small-9, .sfw .grid-x > .small-10, .sfw .grid-x > .small-11, .sfw .grid-x > .small-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sfw .grid-x > .small-1 { width: 8.33333%; } .sfw .grid-x > .small-2 { width: 16.66667%; } .sfw .grid-x > .small-3 { width: 25%; } .sfw .grid-x > .small-4 { width: 33.33333%; } .sfw .grid-x > .small-5 { width: 41.66667%; } .sfw .grid-x > .small-6 { width: 50%; } .sfw .grid-x > .small-7 { width: 58.33333%; } .sfw .grid-x > .small-8 { width: 66.66667%; } .sfw .grid-x > .small-9 { width: 75%; } .sfw .grid-x > .small-10 { width: 83.33333%; } .sfw .grid-x > .small-11 { width: 91.66667%; } .sfw .grid-x > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .sfw .grid-x > .medium-auto { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; width: auto; } .sfw .grid-x > .medium-shrink, .sfw .grid-x > .medium-1, .sfw .grid-x > .medium-2, .sfw .grid-x > .medium-3, .sfw .grid-x > .medium-4, .sfw .grid-x > .medium-5, .sfw .grid-x > .medium-6, .sfw .grid-x > .medium-7, .sfw .grid-x > .medium-8, .sfw .grid-x > .medium-9, .sfw .grid-x > .medium-10, .sfw .grid-x > .medium-11, .sfw .grid-x > .medium-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sfw .grid-x > .medium-shrink { width: auto; } .sfw .grid-x > .medium-1 { width: 8.33333%; } .sfw .grid-x > .medium-2 { width: 16.66667%; } .sfw .grid-x > .medium-3 { width: 25%; } .sfw .grid-x > .medium-4 { width: 33.33333%; } .sfw .grid-x > .medium-5 { width: 41.66667%; } .sfw .grid-x > .medium-6 { width: 50%; } .sfw .grid-x > .medium-7 { width: 58.33333%; } .sfw .grid-x > .medium-8 { width: 66.66667%; } .sfw .grid-x > .medium-9 { width: 75%; } .sfw .grid-x > .medium-10 { width: 83.33333%; } .sfw .grid-x > .medium-11 { width: 91.66667%; } .sfw .grid-x > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .sfw .grid-x > .large-auto { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; width: auto; } .sfw .grid-x > .large-shrink, .sfw .grid-x > .large-1, .sfw .grid-x > .large-2, .sfw .grid-x > .large-3, .sfw .grid-x > .large-4, .sfw .grid-x > .large-5, .sfw .grid-x > .large-6, .sfw .grid-x > .large-7, .sfw .grid-x > .large-8, .sfw .grid-x > .large-9, .sfw .grid-x > .large-10, .sfw .grid-x > .large-11, .sfw .grid-x > .large-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sfw .grid-x > .large-shrink { width: auto; } .sfw .grid-x > .large-1 { width: 8.33333%; } .sfw .grid-x > .large-2 { width: 16.66667%; } .sfw .grid-x > .large-3 { width: 25%; } .sfw .grid-x > .large-4 { width: 33.33333%; } .sfw .grid-x > .large-5 { width: 41.66667%; } .sfw .grid-x > .large-6 { width: 50%; } .sfw .grid-x > .large-7 { width: 58.33333%; } .sfw .grid-x > .large-8 { width: 66.66667%; } .sfw .grid-x > .large-9 { width: 75%; } .sfw .grid-x > .large-10 { width: 83.33333%; } .sfw .grid-x > .large-11 { width: 91.66667%; } .sfw .grid-x > .large-12 { width: 100%; } } .sfw .grid-margin-x:not(.grid-x) > .cell { width: auto; } .sfw .grid-margin-y:not(.grid-y) > .cell { height: auto; } .sfw .align-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .sfw .align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .sfw .align-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sfw .align-justify { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sfw .align-spaced { -ms-flex-pack: distribute; justify-content: space-around; } .sfw .align-left.vertical.menu > li > a { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .sfw .align-right.vertical.menu > li > a { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .sfw .align-center.vertical.menu > li > a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sfw .align-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .sfw .align-self-top { -ms-flex-item-align: start; align-self: flex-start; } .sfw .align-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .sfw .align-self-bottom { -ms-flex-item-align: end; align-self: flex-end; } .sfw .align-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sfw .align-self-middle { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .sfw .align-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .sfw .align-self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .sfw .align-center-middle { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .sfw .small-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .sfw .small-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .sfw .small-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .sfw .small-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .sfw .small-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .sfw .small-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } @media print, screen and (min-width: 40em) { .sfw .medium-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .sfw .medium-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .sfw .medium-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .sfw .medium-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .sfw .medium-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .sfw .medium-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media print, screen and (min-width: 64em) { .sfw .large-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .sfw .large-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .sfw .large-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .sfw .large-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .sfw .large-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .sfw .large-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } .sfw .flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .sfw .flex-child-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .sfw .flex-child-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .sfw .flex-child-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .sfw .flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .sfw .flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .sfw .flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sfw .flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media print, screen and (min-width: 40em) { .sfw .medium-flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .sfw .medium-flex-child-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .sfw .medium-flex-child-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .sfw .medium-flex-child-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .sfw .medium-flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .sfw .medium-flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .sfw .medium-flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sfw .medium-flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media print, screen and (min-width: 64em) { .sfw .large-flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .sfw .large-flex-child-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .sfw .large-flex-child-grow { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .sfw .large-flex-child-shrink { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .sfw .large-flex-dir-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .sfw .large-flex-dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .sfw .large-flex-dir-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sfw .large-flex-dir-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .sfw * { -webkit-box-sizing: border-box; box-sizing: border-box; } .sfw img { max-width: 100%; } .sfw .grid-x.--padding > .cell { padding: 1rem; } .sfw-table-container { display: block; padding: 0; margin: 0; overflow-x: auto; max-width: 100%; } .sfw-table { font-size: .8rem; border-collapse: collapse; border-style: hidden; border: thin solid #d7d7d7; overflow: hidden; } .sfw-table th { background: #f0f0f0; font-weight: normal; color: #888; } .sfw-table th, .sfw-table td { padding: .5rem; border: thin solid #d7d7d7; } /* edit-post metaboxes */ #sfw-productdiv img, #sfw-designdiv img { max-width: 100%; } #sfw-productdiv .sfw-sub-image, #sfw-designdiv .sfw-sub-image { width: 25%; float: left; } #sfw-productdiv .sfw-sub-image img, #sfw-designdiv .sfw-sub-image img { cursor: pointer; } #sfw-productdiv .inside:after, #sfw-designdiv .inside:after { content: ""; display: table; clear: both; } #sfw-productdiv .inside, #sfw-designdiv .inside { margin: 0; padding: 10px; } #sfw-productdiv .inside:hover, #sfw-designdiv .inside:hover { background-color: transparent; } body:not(.sfw-debug) .show-debug { display: none !important; visibility: hidden !important; } .acf-field.show-debug .acf-label, .acf-field.show-debug label { color: tomato; } .acf-field.show-debug input, .acf-field.show-debug select { background: #aaa; pointer-events: none !important; } #mb-welcome-meta > h2, #welcome-first-steps > h2, #mb-welcome-meta > button, #welcome-first-steps > button { display: none; } #mb-welcome-meta .inside, #welcome-first-steps .inside { padding-top: 10px; } #mb-welcome-meta img { max-width: 100%; } #mb-welcome-meta a { text-decoration: none; } #mb-welcome-meta #apparelcuts-logo { max-width: 150px; } #mb-welcome-meta .--separator { color: #eee; } .patreon-support-claim { color: #3E9891; } #welcome-first-steps p { max-width: 600px; } /* give relationship field a tiled look */ #select2-acf-field_5749cf3d26cd3-results li.select2-results__option, [data-key="field_5749cf3d26cd3"] .select2 .select2-selection .select2-selection__rendered { display: block; float: left; padding: 5px; margin: 5px; border: thin solid #eee; overflow: hidden; position: relative; display: block; width: 125px; height: 125px; } #select2-acf-field_5749cf3d26cd3-results li.select2-results__option img, [data-key="field_5749cf3d26cd3"] .select2 .select2-selection .select2-selection__rendered img { width: 100%; height: 100%; } #select2-acf-field_5749cf3d26cd3-results li.select2-results__option .list-post-title, [data-key="field_5749cf3d26cd3"] .select2 .select2-selection .select2-selection__rendered .list-post-title { position: absolute; bottom: 0; left: 0; font-size: 11px; font-weight: bold; padding: 2px; display: block; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(255, 255, 255, 0.85); color: #333; } #select2-acf-field_5749cf3d26cd3-results { /* make at least 2 rows of designs visible */ height: 350px; } [data-key="field_5749cf3d26cd3"] .select2 .select2-selection { height: auto; } [data-key="field_5749cf3d26cd3"] .select2 .select2-selection .select2-selection__rendered { float: none; } [data-key="field_5749cf3d26cd3"] .select2 .select2-selection .select2-selection__clear { position: absolute; top: 5px; right: 5px; font-size: 1rem; background-color: #222; color: white; border-radius: 50%; padding: 4px; line-height: 100%; width: 1rem; height: 1rem; text-align: center; vertical-align: middle; } /* hide uneditable fields for child designs */ .sfw-design-has-parent #postdivrich, .sfw-design-has-parent #titlediv, .sfw-design-has-parent #sfw-designgroupdiv, .sfw-design-has-parent #tagsdiv-sfw-designtag { display: none; } /* hide uneditable fields for parent designs */ .sfw-design-has-children [data-key="field_5749cf3d26cd3"] { display: none; } /* color picker */ .sfw-design-background-color-example { width: 100px; height: 100px; padding: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 1rem 0; } .sfw-design-background-color-example img { width: 100%; height: 100%; } input.short-code-suggestion { padding: .5em; width: 100%; background: #eee; margin: .5em 0; } .acf-field-57613ba207a0d .acf-checkbox-list li { position: relative; padding: 10px 0; } .acf-field-57613ba207a0d .acf-checkbox-list li + li { border-top: thin solid #eee; } .acf-field-57613ba207a0d .acf-checkbox-list li .sfw-promotion-location-option { padding-left: 40px; } .acf-field-57613ba207a0d .acf-checkbox-list li input { position: absolute; left: 10px; top: 20px; } /****************************************************************************************************************************************/ #adminmenu .toplevel_page_sfw-welcome div.wp-menu-image:before, #adminmenu #menu-posts-sfw-product div.wp-menu-image:before, #adminmenu #menu-posts-sfw-design div.wp-menu-image:before, #adminmenu #menu-posts-sfw-promotion div.wp-menu-image:before, #adminmenu #menu-posts-sfw-confomat div.wp-menu-image:before { font-family: 'apparelcuts-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Menuicons */ #adminmenu { /* // pages a[href*="sfw-"], // design post type #menu-posts-sfw-design { div.wp-menu-image:before { } } */ } #adminmenu .toplevel_page_sfw-welcome div.wp-menu-image:before { content: "\ea66"; } #adminmenu #menu-posts-sfw-product div.wp-menu-image:before { content: "\EA54"; } #adminmenu #menu-posts-sfw-design div.wp-menu-image:before { content: "\EA2F"; } #adminmenu #menu-posts-sfw-promotion div.wp-menu-image:before { content: "\EA22"; } #adminmenu #menu-posts-sfw-confomat div.wp-menu-image:before { content: "\EA4C"; } /* style external links */ a[href*="www.spreadshirt"], a[href*="api.spreadshirt"] { color: #00B2A5; } a[href*="www.spreadshirt"] i, a[href*="api.spreadshirt"] i { display: inline-block; margin-left: 0.25em; font-size: 0.9em; } /* acf */ .sfw-acf-extended-instructions { font-style: italic; font-size: small; color: #aaa; } .sfw-acf-extended-instructions code { font-size: .8em; }