{"product_id":"coffe-and-wine-are-happy-perfect-days-gift-coffee-mug","title":"Coffe And Wine Are Happy Perfect Days Gift Coffee Mug","description":"  #header, #subheader, #gallery_outer_1, #gallery_outer_2, #gallery_outer_3, .breaker, .itemtitle, #abouttab, #tabs, .clear, #image_cats, .more, #froocredit, #footer, #design, #seo { display: none; } #background { text-align: left; margin-bottom: 88px; } #backup { text-align: center; margin-top: 50px; font-size: 12px; color: #dd0000; font-weight: bold; } @import 'https:\/\/maxcdn.bootstrapcdn.com\/font-awesome\/4.4.0\/css\/font-awesome.min.css'; \/**\/ a:focus { outline: none; } \/**\/ .container, div#container { max-width: 1400px; margin: 0px auto; font-family: sans-serif; } \/**\/ div#header { display: block; margin: 0; padding: 0; position: relative; } .homelogo { display: block; position: relative; width: 100%; padding: 26px 0 17px; } .homelogo img { position: relative; margin: 0 auto; display: block; } div#centerpane { padding: 0; margin: 0; display: block; flex-wrap: wrap; flex-direction: column; } div#top { padding: 0; margin: 0; background: none; position: relative; display: flex; flex-wrap: wrap; position: relative; justify-content: space-around; overflow: auto; max-height: 665px; } \/**\/ div#footer { clear: both; } \/**\/ #itemdetails { float: right; margin: 0; padding: 20px 1%; width: 60%; } .itemtitle { display: block; font-family: Helvetica, sans-serif; color: #0a0918; font-weight: bold; font-size: 36px; margin: 0px; padding: 5px 0px 0px 0px; } #sma_description { font-family: Helvetica, sans-serif; color: #0a0918; margin: 0; } \/* -------------------------------------------------------- *\/ \/* Tab Layout Styling; *\/ \/* -------------------------------------------------------- *\/ #tabs { display: block; position: relative; width: 100%; min-height: 730px; clear: both; margin: 0px; } #tabs .tablinks { float: right; } ul.tablinks:first-child { margin-right: 64px; } ul.tablinks { width: auto; } frootabs { z-index: 99999; display: block; position: relative; } #tabs .tablinks label { cursor: pointer; } #tabs .tablinks [type=radio] { display: none; } #tabs .content { position: absolute; top: 56px; left: 0; background: none; right: 0; bottom: 0; padding: 0px; height: 668px; display: none; border: 1px solid #edeff3; border-radius: 3px; margin: 0 15px; } #tabs .tablinks:not(:last-child) .content { overflow: auto; } #tabs [type=radio]:checked ~ label { z-index: 2; } #tabs [type=radio]:checked ~ label ~ .content { z-index: 1; display: flex; justify-content: center; } .tab-img { display: block; min-width: 449px; padding: 30px 15px; } .tab-img img { margin: 20px auto 0; } pre.tabcontent { width: auto; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: -o-pre-wrap; font-family: Helvetica, sans-serif; font-size: 24; margin: 0px 0px; padding: 30px 15px; word-wrap: break-word; white-space: normal; text-indent: 0px; z-index: 0; } pre.tabcontent a { color: #333 !important; text-decoration: underline; } ul.tablinks { width: auto; margin: 0; padding: 0; list-style: none; display: block !important; z-index: 0; top: 0px; } .sizing_table th, .sizing_table td { padding: 20px 0; text-transform: uppercase; font-size: 22px; font-weight: 300; width: 25%; } ul.tablinks li { display: inline; float: left; margin: 0px 13px 0px 0px; padding: 0; z-index: 0; line-height: 32px; } ul.tablinks li a, ul.tablinks li span { display: block; padding: 12px 57px 11px; text-align: center; text-decoration: none; font-family: Helvetica, sans-serif; font-weight: bold; font-size: 24px; z-index: 1; border: 1px solid #edeff3; pointer-events: none; border-top-left-radius: 3px; border-top-right-radius: 3px; } ul.tablinks li a { background: #edeff3; } ul.tablinks li a:hover, #tabs [type=radio]:checked ~ label li a, ul.tablinks li span { background: #fff; color: #323232; position: relative; border-bottom: 1px solid #fff; } div.tabtitle, div.tabbase, h4.tabtitle { display: none; } .breaker { display: block; height: 1px; width: 100%; clear: both; margin: 24px 0px; } .store-collections { display: flex; flex-wrap: wrap; justify-content: space-around; } .store-collections-block-img { margin: 10px } \/* ----------------------------------------------- *\/ \/* Font overrides for description *\/ #sma_description, .descriptionbody, .descriptionbody p, .descriptionbody b, .descriptionbody a, .descriptionbody span, .descriptionbody table, .descriptionbody tr, .descriptionbody td, .descriptionbody h1, .descriptionbody h2, .descriptionbody h3, .descriptionbody h5, .descriptionbody h5 { font-family: Helvetica, sans-serif; color: #0a0918; } #sma_description, .descriptionbody, .descriptionbody p, .descriptionbody b, .descriptionbody a, .descriptionbody span, .descriptionbody table, .descriptionbody tr, .descriptionbody td { font-size: 24px; text-transform: none; margin: 0px; line-height: 1.25; } \/* Font overrides for tabs *\/ pre.sma_tabcontent, div.sma_tabcontent, pre.tabcontent, div.tabcontent { font-family: Helvetica, Geneva, sans-serif !important; color: #0a0918 !important; } \/**\/ .more { display: block; position: relative; z-index: 1; } .moreheader { text-align: center; text-transform: none; font-family: Helvetica, sans-serif; font-weight: normal; font-size: 48.56px; font-weight: bold; color: #403e3e; background: #fff; position: relative; padding: 0px 0px 30px; width: 100%; } #sma_promo_widget, #sma_promo_inner { width: auto; height: auto; background: none; z-index: 2; position: relative; white-space: nowrap; overflow: hidden; } #sma_promo_inner { margin: 0 30px; } a.flm-btn.pre { left: 10px; transform: rotate(180deg); } a.flm-btn { width: 33px; height: 100%; position: absolute; top: 0; display: block; background: url(img\/arrow.png) no-repeat center; z-index: 3; right: 10px; cursor: pointer; opacity: 0.6; } a.flm-btn:hover { opacity: 1; } #sma_promo_widget { border: 1px solid #eee; margin: 0 15px; border-radius: 3px; padding: 10px 20px; } .nspromoitem { display: none; width: 17.8%; margin: 15px 1%; height: auto; min-height: 260px; } #promo_default { display: block; font-size: 12px; height: 271px; line-height: 271px; padding: 0px; text-decoration: underline; width: 100%; font-family: \"oswald\", Arial, Helvetica, sans-serif; font-size: 14px; color: #000; text-align: center; font-weight: bold; } #promo_default a { color: #000; } #gallery_outer_1, #gallery_outer_2, #gallery_outer_3 { display: block; } .leftarrow, .rightarrow { display: none; height: 100%; top: 0px; width: 10%; position: absolute; z-index: 5; padding: 1%; cursor: pointer; opacity: 0.4; } .leftarrow:hover, .rightarrow:hover { opacity: 0.7; } .leftarrow span, .rightarrow span { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 35px; color: #eee; width: 40px; height: 40px; display: inline-block; text-align: center; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); } .leftarrow { left: 15px; text-align: left; } .leftarrow span:before { content: \"\\f0a8\"; font-family: \"fontawesome\"; } .rightarrow { right: 15px; text-align: right; } .rightarrow span:before { content: \"\\f0a9\"; font-family: \"fontawesome\"; } .g_image:first-child .leftarrow { display: none; } .rightarrow[data-next-image=\"\"] { display: none; } .g_image .thumbimage li { border: 1px solid #ccc; width: 117px; height: 135px; margin-top: 30px; transition: opacity 0.5s; opacity: 1; cursor: pointer; color: #fff; text-align: center; position: relative; display: block; padding: 0px; background: #fff; } .g_image .thumbimage li:hover { opacity: 0.5; } .g_image .thumbimage li img { max-width: 106px; max-height: 126px; width: auto; height: auto; position: relative; top: 50%; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #gallery [type=radio]:checked ~ .thumbimage li { border: 1px solid #666; } #gallery_outer_1, #gallery_outer_3 { position: relative; clear: both; margin: 0px 0px 0px 0px; } .g_image [type=radio] { display: none; } .mainimage { position: absolute; top: 0px; margin: 0px 0px 0px 0px; background: rgba(0, 0, 0, 0); overflow: hidden; text-align: center; opacity: 0; cursor: pointer; animation-name: lightboxout; animation-duration: 0.5s; } @keyframes lightbox { from { opacity: 0; transform: scale(0); } to { opacity: 1; transform: scale(1); } } @keyframes lightboxout { from { transform: scale(1.5); } to { background: rgba(0, 0, 0, 0); transform: scale(1); } } #gallery [type=radio]:checked ~ .thumbimage { color: #fff; z-index: 1; } #gallery [type=radio]:checked ~ .mainimage { opacity: 1; z-index: 2; padding: 30px 0px 0px 0px; } #gallery_outer_1 .g_image[data=\"\"] { display: none; } #gallery [type=checkbox]:checked ~ .mainimage { right: 0px; z-index: 100; background: #fff; } #gallery [type=checkbox]:checked ~ .mainimage img { display: block; margin: 0px auto; } .mainimagecb { display: none; } #gallery_outer_1, #gallery_outer_1 .mainimage, #gallery_outer_1 #gallery, #gallery_outer_1 .mainimage div { height: 500px; width: auto; } #gallery_outer_1 .mainimage { left: 140px; min-width: 480px; } #gallery_outer_1 #gallery { box-sizing: border-box; clear: both; overflow-y: auto; overflow-x: hidden; direction: rtl; padding: 0px 5px 0px 8px; margin: 0px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { #gallery_outer_1 #gallery { padding: 0px 0px 0px 20px; } } @supports (-ms-accelerator:true) { #gallery_outer_1 #gallery { padding: 0px 0px 0px 10px; } } #gallery_outer_1 div#gallery::-webkit-scrollbar { width: 8px; height: 20px; } #gallery_outer_1 div#gallery::-webkit-scrollbar-button { background-color: #ccc; } #gallery_outer_1 div#gallery::-webkit-scrollbar-track { background-color: #ccc; } #gallery_outer_1 div#gallery::-webkit-scrollbar-track-piece { background-color: #ccc; } #gallery_outer_1 div#gallery::-webkit-scrollbar-thumb { height: 90px; background-color: #083b56; border-radius: 3px; } #gallery_outer_1 div#gallery::-webkit-scrollbar-corner { background-color: #f00; } #gallery_outer_1 div#gallery::-webkit-resizer { background-color: #666; } #gallery_outer_1 .g_image { float: Left; clear: both; } #gallery_outer_1 .g_image .thumbimage { margin: 0px 0px 5px 0px; } #gallery_outer_1 .mainimage img { max-height: 100%; max-width: 100%; } #gallery_outer_2 .g_image { max-width: 100%; height: auto; text-align: center; padding: 5px 0px; } #gallery_outer_2 .g_image img { max-width: 100%; } #gallery_outer_2 .g_image[data=\"\"] { display: none; } \/* Overall Gallery width and height; *\/ #gallery_outer_3 { height: auto; min-height: 400px; width: 40%; float: left; margin: 0px; padding: 0 1%; position: relative; } #gallery_outer_3 .mainimage, #gallery_outer_3 .mainimage div { width: 100%; } #gallery_outer_3 #gallery { height: auto; width: 100%; padding-right: 395px; } #gallery_outer_3 .mainimage { left: 150px; display: block; position: absolute; width: auto; top: 0; } #gallery_outer_3 #gallery { box-sizing: border-box; text-align: center; } #gallery_outer_3 .g_image { display: inline-block; margin-bottom: 0px; } #gallery_outer_3 .g_image .thumbimage { margin: 10px 0px; } #gallery_outer_3 .g_image .thumbimage li { margin-right: 0px; } #gallery_outer_3 .mainimage img { max-height: 100%; max-width: 390px; width: 100%; margin: 0 20px 0 auto; } #gallery_outer_3 #gallery [type=checkbox]:checked ~ .mainimage\/*, #gallery_outer_1 #gallery [type=checkbox]:checked ~ .mainimage*\/ { animation-name: lightbox; animation-duration: 0.5s; padding: 0px; position: fixed; width: 100vw; left: 0px; right: 0px; height: 100vh; background: rgba(0, 0, 0, 0.6); } #gallery_outer_3 #gallery [type=checkbox]:checked ~ .mainimage \u0026gt; div, #gallery_outer_1 #gallery [type=checkbox]:checked ~ .mainimage \u0026gt; div { background: #fff; position: static; box-sizing: content-box; top: 0px; max-height: 80vh; width: 100%; height: auto; max-width: 60vw; margin: auto; margin-top: 10vh; padding: 10px; box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.4); border-radius: 6px; } #gallery_outer_3 #gallery [type=checkbox]:checked ~ .mainimage \u0026gt; div img, #gallery_outer_1 #gallery [type=checkbox]:checked ~ .mainimage \u0026gt; div img { max-height: 80vh; } #gallery_outer_3 #gallery [type=checkbox]:checked ~ .mainimage \u0026gt; div::after, #gallery_outer_1 #gallery [type=checkbox]:checked ~ .mainimage \u0026gt; div::after { background: #fff none repeat scroll 0 0; border-radius: 6px; color: #666; content: \"Click to close\"; font-size: 16px; padding: 4px; position: relative; bottom: 8px; } #gallery_outer_3 .g_image[data=\"\"] { display: none; } \/* Hide thumbs if there is only 1 *\/ #gallery div:only-child li { display: none; } pre.sma_tabcontent { font-size: 11px; font-style: normal; font-weight: normal; font-family: 'arial'; } ul.sma_tablinks .sma_tabcontent a { background: none; } ul.sma_tablinks .sma_tabcontent a, ul.sma_tablinks .sma_tabcontent a:hover, ul.sma_tablinks .sma_tabcontent span { display: inline; font-size: inherit; font-weight: normal; height: auto; line-height: normal; text-decoration: underline; text-indent: 0px; width: auto; } #pitem_0 { display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('https:\/\/vangogh.teespring.com\/v3\/image\/tfEx19oDFj0eKTq-xXndXxdLofA\/850\/850.jpg') } #pitem_1 { display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('https:\/\/vangogh.teespring.com\/v3\/image\/pewOTabhlX8vwAkXyLQY69TSGEQ\/850\/850.jpg') } #pitem_2 { display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('https:\/\/vangogh.teespring.com\/v3\/image\/WuTOD0S9odVveYPKO20OtdlzRIA\/850\/850.jpg') } #pitem_3 { display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('https:\/\/vangogh.teespring.com\/v3\/image\/k1qrjWiHwG8144Bu91EhcxJb9HI\/850\/850.jpg') } #promo_default { display: none; } .every-product { display: block; background-repeat: no-repeat; background-image: url('https:\/\/s3.amazonaws.com\/teespring-ass\/Ebay\/BackgroundDoggy.png'); background-size: cover; background-position: center; min-height: 693px; } .every-product-container { width: 45%; margin-left: 10%; display: block; position: relative; padding: 0; } .every-header { font-size: 71px; color: #fff; font-family: sans-serif; padding: 164px 0px 24px; margin: 0; font-weight: bolder; line-height: 1.29; } .every-content { line-height: 2; font-size: 16px; padding-bottom: 30px; } .how-does { text-align: center; } .how-does-header { font-size: 48px; font-weight: bolder; margin: 91px 0 25px; } .how-does-container { display: flex; flex-wrap: wrap; justify-content: space-around; } .how-does-col { width: 33.33333333%; min-width: 350px; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; margin-bottom: 30px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { vertical-align: middle; display: block; max-width: 100%; height: auto; } .how-does-title { font-size: 30px; font-weight: bolder; margin: auto 0; padding: 20px 0; } .how-does-content { font-size: 24px; } @media only screen and (max-width: 1248px) { ul.tablinks li a, ul.tablinks li span { padding: 12px 25px 11px; } } @media only screen and (max-width: 930px) { #centerpane \u0026gt; .breaker{ display: none; } .more-top { order: 1; } ul.tablinks:first-child { margin-right: 0px; } ul.tablinks { width: 100%; padding: 0 30px; } ul.tablinks li { display: block; float: none; margin: 0px; width: 100%; } #tabs { min-height: 980px; } #tabs .content { top: 284px; } div#centerpane { display: flex; } .nspromoitem { width: 48%; } .every-product { background-position: 70% center; } #sma_promo_widget, #sma_promo_inner { white-space: inherit; } #sma_promo_inner { display: flex; flex-wrap: wrap; } #tabs [type=radio]:checked ~ label ~ .content { flex-wrap: wrap; } .store-collections-col { width: 98%; } #itemdetails, #gallery_outer_3 { width: 100%; min-width: auto; float: none; } #gallery_outer_3 #gall","brand":"Teespring","offers":[{"title":"Black \/ 11oz","offer_id":35324371566756,"sku":"411693387435_522_101894_3691","price":13.99,"currency_code":"USD","in_stock":true},{"title":"Dk Navy \/ 11oz","offer_id":35324371599524,"sku":"411693387435_522_101882_3691","price":13.99,"currency_code":"USD","in_stock":true},{"title":"Purple \/ 11oz","offer_id":35324371632292,"sku":"411693387435_522_101883_3691","price":13.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0434\/3631\/0692\/products\/32_83ca5004-da51-4a91-aea3-f89f1bb6b51d.jpg?v=1597253435","url":"https:\/\/cookinero.myshopify.com\/products\/coffe-and-wine-are-happy-perfect-days-gift-coffee-mug","provider":"Cookinero","version":"1.0","type":"link"}