@font-face {font-family:Anton;src:url(/theme/img/Anton.woff2)}

.ss_integrations-banner {height:400px;background-color:#f2f2f2;background-repeat:no-repeat;background-position:center;background-size:auto 100%}
.ss_integrations-banner-inner {display:flex;flex-direction:row-reverse;justify-content:space-evenly}
.ss_integrations-banner-inner img {display:block;height:400px;width:auto}
.ss_integrations-2col {display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:2rem}
.ss_integrations-3col {display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}
.ss_default-content .ss_why-install h3, .ss_default-content .ss_built-for h3, .ss_default-content .ss_professional-printing h3, .ss_default-content .ss_better-margins h3 {font-family:Freeman, Montserrat, sans-serif;color:#000;font-size:160%;padding:1rem 0}
.button-container {display:flex;align-items:center;justify-content:center}
.ss_integrations-banner h1 {font-family:Freeman, Montserrat, sans-serif;color:#000;text-transform:uppercase;font-size:360%;padding:3rem 0 2rem;line-height:100%}
.ss_integrations-banner h2 {font-family:Freeman, Montserrat, sans-serif;color:#000;font-size:180%;padding-bottom:2rem}
ul.promise-list {display:flex;font-size:95%;gap:2rem;padding-top:2rem}
ul.promise-list li {position:relative}
ul.promise-list li::before {content:"";background-color:#000;height:6px;width:6px;border-radius:6px;display:block;position:absolute;top:4px;left:calc(-1rem - 3px)}
ul.promise-list li:first-child::before {content:none}
ul.tick-list, ul.bullet-list {display:flex;flex-direction:column;gap:0.5rem}
ul.tick-list li, ul.bullet-list li {display:flex;align-items:center;gap:1rem}
ul.tick-list li::before {content:"";display:block;height:20px;width:20px;background-repeat:no-repeat;background-position:center;background-size:20px auto}
ul.bullet-list li::before {content:"";display:block;height:6px;width:6px;border-radius:6px}


.ss_big-list {margin:1rem 0 2rem}
.ss_big-list ol {display:grid;grid-template-columns:repeat(3, 1fr);column-gap:2rem;counter-reset:ss-counter}
.ss_big-list ol li {counter-increment:ss-counter;position:relative;background-color:#404040;color:#fff;padding:1rem 1rem 1rem 6rem;overflow:hidden}
.ss_big-list ol li::before {content:counter(ss-counter) ".";font-size:160px;position:absolute;font-family:Anton, sans-serif;font-weight:400;line-height:140px;bottom:-5px;left:-7px}
.ss_default-content .ss_big-list h3 {font-family:Freeman, Montserrat, sans-serif;color:#fff;font-size:160%;padding:0.5rem 0}
.ss_default-content .ss_big-list p {line-height:130%;padding:1rem 0}

.ss_we-print {display:flex;width:100%;flex-direction:column;margin:2rem 0 3rem}
.ss_default-content .ss_we-print h3 {font-family:Freeman, Montserrat, sans-serif;color:#000;font-size:220%;padding:1rem 0 2rem}
.ss_default-content .ss_we-print p {line-height:160%;padding-bottom:1rem;font-weight:800}
.ss_we-print ul.tick-list {margin-left:3rem}

.ss_why-install {margin-bottom:2rem}

.ss_built-for {background-color:#f2f2f2;padding:1rem 2rem;margin:2rem 0;background-repeat: no-repeat;background-position:right -1rem bottom -1rem;background-size:auto 80%}
.ss_built-for ul {font-weight:600;margin-bottom:1rem}
.ss_default-content .ss_built-for p {line-height:140%}

.ss_professional-printing {margin:2.5rem 0 2rem}
.ss_professional-printing ul {margin-bottom:1rem}
.ss_default-content .ss_professional-printing p {line-height:140%}

.ss_better-margins {padding:2rem 0}
.ss_better-margins ul {margin-bottom:1.5rem}
.ss_default-content .ss_better-margins p {line-height:140%;padding-bottom:1.5rem}


.ss_create-products {padding:1rem 2rem;background-repeat:no-repeat;background-position:right 0.5rem bottom 0.5rem;background-size:220px auto}
.ss_default-content .ss_create-products h3 {font-family:Freeman, Montserrat, sans-serif;color:#000;font-size:180%;padding:1rem 0}
.ss_default-content .ss_create-products h3 span {color:#fff}
.ss_create-products ul {margin-bottom:1rem;width:60%}
.ss_create-products ul.tick-list li::before {background-image:url(/theme/image.ashx?path=/theme/img/bullet-white.png&w=20) !important}
.ss_default-content .ss_create-products p {line-height:140%;width:60%}

.ss_get-started {position:relative;margin-top:5rem}
.ss_get-started img.ss_get-started-img-1 {position:absolute;bottom:-4rem;left:2rem;height:calc(100% + 6rem);width:auto}
.ss_get-started img.ss_get-started-img-2 {position:absolute;bottom:-4rem;right:2rem;height:calc(100% + 6rem);width:auto}
.ss_get-started .ss_get-started-inner {background-color:#f2f2f2;display:flex;flex-direction:column;align-items:center;padding:0 25% 1.5rem;text-align:center}
.ss_default-content .ss_get-started h3 {font-family:Freeman, Montserrat, sans-serif;color:#000;font-size:180%;padding:1.5rem 0 1rem}


/**Shopify**/
.ss_integrations-banner-shopify {background-image:url(/theme/image.ashx?path=/theme/img/banners/shopify-banner-bg.png&h=400)}
a.ss_button-shopify {background-color:#95bf47;border:0;color:#fff;font-family:Freeman, Montserrat, sans-serif;font-size:140%;padding:1rem 1.5rem;box-shadow:4px 4px #5e8e3e;line-height:90%;cursor:pointer;text-decoration:none;display:block}
.ss_integrations-banner-shopify h1 span, .shopify .ss_built-for h3 span {color:#5e8e3e}
.ss_integrations-banner-shopify ul.promise-list li::before, .shopify ul.promise-list li::before, .shopify ul.bullet-list li::before {background-color:#5e8e3e}
.shopify .ss_big-list ol li::before {color:#95bf47}
.shopify ul.tick-list li::before {background-image:url(/theme/image.ashx?path=/theme/img/bullet-shopify.png&w=20)}
.shopify .ss_built-for {background-image:url(/theme/img/integration-icons/integrations-shopify.svg)}
.shopify .ss_create-products {background-color:#95bf47;background-image:url(/theme/image.ashx?path=/theme/img/Shopify-3-edit.png&h=220)}

/**Woo**/
.ss_integrations-banner-woo {background-image:url(/theme/image.ashx?path=/theme/img/banners/woo-banner-bg.png&h=400)}
.ss_integrations-banner-woo .ss_integrations-banner-inner {flex-direction:row}
a.ss_button-woo {background-color:#873eff;border:0;color:#fff;font-family:Freeman, Montserrat, sans-serif;font-size:140%;padding:1rem 1.5rem;box-shadow:4px 4px #2c045d;line-height:90%;cursor:pointer;text-decoration:none;display:block}
.ss_integrations-banner-woo h1 span, .woo .ss_built-for h3 span {color:#873eff}
.ss_integrations-banner-woo ul.promise-list li::before, .woo ul.promise-list li::before, .woo ul.bullet-list li::before {background-color:#873eff}
.woo .ss_big-list ol li::before {color:#873eff}
.woo ul.tick-list li::before {background-image:url(/theme/image.ashx?path=/theme/img/bullet-woo.png&w=20)}
.woo .ss_create-products {background-color:#d1c1ff;background-image:url(/theme/image.ashx?path=/theme/img/Woo-5-edit.png&h=220)}
.woo .ss_built-for {background-image:url(/theme/img/integration-icons/integrations-woo.svg)}

/**Etsy**/
.ss_integrations-banner-etsy {background-image:url(/theme/image.ashx?path=/theme/img/banners/etsy-banner-bg.png&h=400)}
a.ss_button-etsy {background-color:#f1641e;border:0;color:#fff;font-family:Freeman, Montserrat, sans-serif;font-size:140%;padding:1rem 1.5rem;box-shadow:4px 4px #000;line-height:90%;cursor:pointer;text-decoration:none;display:block}
.ss_integrations-banner-etsy h1 span, .etsy .ss_built-for h3 span, .etsy .ss_default-content .ss_create-products h3 span {color:#f1641e}
.ss_integrations-banner-etsy ul.promise-list li::before, .etsy ul.promise-list li::before, .etsy ul.bullet-list li::before {background-color:#f1641e}
.etsy .ss_big-list ol li::before {color:#f1641e}
.etsy ul.tick-list li::before {background-image:url(/theme/image.ashx?path=/theme/img/bullet-etsy.png&w=20)}
.etsy .ss_create-products {background-color:#000;color:#fff;background-image:url(/theme/image.ashx?path=/theme/img/Etsy-4-edit.png&h=220)}
.etsy .ss_default-content .ss_create-products h3 {color:#fff}
.etsy .ss_create-products ul.tick-list li::before {background-image:url(/theme/image.ashx?path=/theme/img/bullet-etsy.png&w=20) !important}
.etsy .ss_built-for {background-image:url(/theme/img/integration-icons/integrations-etsy.svg)}

/**Wix**/
.ss_integrations-banner-wix {background-image:url(/theme/image.ashx?path=/theme/img/banners/wix-banner-bg.png&h=400)}
a.ss_button-wix {background-color:#faad4d;border:0;color:#fff;font-family:Freeman, Montserrat, sans-serif;font-size:140%;padding:1rem 1.5rem;box-shadow:4px 4px #000;line-height:90%;cursor:pointer;text-decoration:none;display:block}
.ss_integrations-banner-wix h1 span, .wix .ss_built-for h3 span {color:#faad4d}
.ss_integrations-banner-wix ul.promise-list li::before, .wix ul.promise-list li::before, .wix ul.bullet-list li::before {background-color:#faad4d}
.wix .ss_big-list ol li::before {color:#faad4d}
.wix ul.tick-list li::before {background-image:url(/theme/image.ashx?path=/theme/img/bullet-wix.png&w=20)}
.wix .ss_built-for {background-image:url(/theme/img/integration-icons/integrations-wix.svg);background-position:right -1.5rem bottom -1.5rem;background-size:auto 55%}
.wix .ss_create-products {background-color:#faad4d;background-image:url(/theme/image.ashx?path=/theme/img/Wix-3-edit.png&h=220)}

/**Squarespace**/
.ss_integrations-banner-squarespace {background-image:url(/theme/image.ashx?path=/theme/img/banners/squarespace-banner-bg.png&h=400)}
a.ss_button-squarespace {background-color:#777094;border:0;color:#fff;font-family:Freeman, Montserrat, sans-serif;font-size:140%;padding:1rem 1.5rem;box-shadow:4px 4px #000;line-height:90%;cursor:pointer;text-decoration:none;display:block}
.ss_integrations-banner-squarespace h1 span, .squarespace .ss_built-for h3 span {color:#777094}
.ss_integrations-banner-squarespace ul.promise-list li::before, .squarespace ul.promise-list li::before, .squarespace ul.bullet-list li::before {background-color:#777094}
.squarespace .ss_big-list ol li::before {color:#777094}
.squarespace ul.tick-list li::before {background-image:url(/theme/image.ashx?path=/theme/img/bullet-squarespace.png&w=20)}
.squarespace .ss_built-for {background-image:url(/theme/img/integration-icons/integrations-squarespace.svg)}
.squarespace .ss_create-products {background-color:#cfccdf;background-image:url(/theme/image.ashx?path=/theme/img/Squarespace-4-edit.png&h=220)}

/**Magento**/
.ss_integrations-banner-magento {background-image:url(/theme/image.ashx?path=/theme/img/banners/magento-banner-bg.png&h=400)}
.ss_integrations-banner-magento .ss_integrations-banner-inner {flex-direction:row}
a.ss_button-magento {background-color:#f26322;border:0;color:#fff;font-family:Freeman, Montserrat, sans-serif;font-size:140%;padding:1rem 1.5rem;box-shadow:4px 4px #000;line-height:90%;cursor:pointer;text-decoration:none;display:block}
.ss_integrations-banner-magento h1 span, .magento .ss_built-for h3 span, .magento .ss_default-content .ss_create-products h3 span  {color:#f26322}
.ss_integrations-banner-magento ul.promise-list li::before, .magento ul.promise-list li::before, .magento ul.bullet-list li::before {background-color:#f26322}
.magento .ss_big-list ol li::before {color:#f26322}
.magento ul.tick-list li::before, .magento .ss_create-products ul.tick-list li::before {background-image:url(/theme/image.ashx?path=/theme/img/bullet-magento.png&w=20) !important}
.magento .ss_built-for {background-image:url(/theme/img/integration-icons/integrations-magento.svg)}
.magento .ss_create-products {background-color:#f2f2f2;background-image:url(/theme/image.ashx?path=/theme/img/Magento-4-edit.png&h=220)}

/**Ebay**/
.ss_integrations-banner-ebay {background-image:url(/theme/image.ashx?path=/theme/img/banners/ebay-banner-bg.png&h=400)}
.ss_integrations-banner-ebay .ss_integrations-banner-inner {flex-direction:row}
a.ss_button-ebay {background-color:#0064d2;border:0;color:#fff;font-family:Freeman, Montserrat, sans-serif;font-size:140%;padding:1rem 1.5rem;box-shadow:4px 4px #000;line-height:90%;cursor:pointer;text-decoration:none;display:block}
.ss_we-print a.ss_button-ebay {background-color:#86b817}
.ss_get-started a.ss_button-ebay {background-color:#e53238}
.ss_integrations-banner-ebay h1 span, .ebay .ss_built-for h3 span {color:#e53238}
.ebay .ss_default-content .ss_create-products h3 span  {color:#0064d2}
.ss_integrations-banner-ebay ul.promise-list li::before, .ebay ul.promise-list li::before, .ebay ul.bullet-list li::before {background-color:#0064d2}
.ebay .ss_built-for ul.bullet-list li::before, .ebay .ss_get-started ul.promise-list li::before {background-color:#e53238}
.ebay .ss_better-margins ul.bullet-list li::before {background-color:#86b817}
.ebay .ss_big-list ol li::before {color:#f5af02}
.ebay ul.tick-list li::before {background-image:url(/theme/image.ashx?path=/theme/img/bullet-ebay-green.png&w=20)}
.ebay .ss_professional-printing ul.tick-list li::before {background-image:url(/theme/image.ashx?path=/theme/img/bullet-ebay-yellow.png&w=20)}
.ebay .ss_create-products ul.tick-list li::before {background-image:url(/theme/image.ashx?path=/theme/img/bullet-ebay-blue.png&w=20) !important}
.ebay .ss_built-for {background-image:url(/theme/img/integration-icons/integrations-ebay.svg);background-position:right -1rem bottom -7rem;background-size:auto 120%}
.ebay .ss_create-products {background-color:#f2f2f2;background-image:url(/theme/image.ashx?path=/theme/img/Ebay-4-edit.png&h=220)}
.ebay .ss_get-started img.ss_get-started-img-1 {left:-1rem}

/**Mobile**/
@media screen and (max-width: 990px) {
    .ss_integrations-banner {height:auto}
    .ss_integrations-banner-inner {display:flex;flex-direction:column}
    .ss_integrations-banner-woo .ss_integrations-banner-inner {flex-direction:column}
    .ss_integrations-banner-inner img {height:auto;width:100%}
    .ss_integrations-banner-content {padding:0 1rem;font-size:90%;border-top:solid 2rem #fff}
    ul.promise-list li {font-size:80%;padding-bottom:2rem}
    .ss_big-list ol {grid-template-columns:auto;row-gap:2rem}
    .ss_integrations-3col {display:grid;grid-template-columns:auto;gap:1.5rem;margin-top:1.5rem}
    .ss_integrations-2col {grid-template-columns:auto;gap:0rem;margin-bottom:0rem}
    .ss_built-for {margin:0}
    .ss_better-margins {padding:0}
    .ss_create-products {background-image:none !important}
    .ss_default-content .ss_create-products p, .ss_create-products ul {width:100%}
    .ss_get-started img.ss_get-started-img-2, .ss_get-started img.ss_get-started-img-1 {display:none}
    .ss_get-started .ss_get-started-inner {padding:0}
}

/**Tablet**/
@media screen and (min-width: 650px) and (max-width: 990px) {
    .ss_integrations-banner-inner {align-items:center}
    .ss_integrations-banner-inner img {height:400px;width:auto}
    .ss_integrations-banner-content {width:calc(100% - 2rem)}
    .shopify .ss_create-products {background-image:url(/theme/image.ashx?path=/theme/img/Shopify-3-edit.png&h=220) !important}
    .woo .ss_create-products {background-image:url(/theme/image.ashx?path=/theme/img/Woo-5-edit.png&h=220) !important}
    .etsy .ss_create-products {color:#fff;background-image:url(/theme/image.ashx?path=/theme/img/Etsy-4-edit.png&h=220) !important}
    }