/** Shopify CDN: Minification failed Line 33:18 All "@import" rules must come first Line 60:850 Expected identifier but found "*" Line 139:116 Expected identifier but found "*" Line 162:123 Expected identifier but found "*" Line 202:55 Expected identifier but found "*" Line 203:79 Expected identifier but found "*" Line 204:92 Expected identifier but found "*" Line 206:79 Expected identifier but found "*" Line 208:65 Expected identifier but found "*" Line 261:125 Expected identifier but found "*" ... and 21 more hidden warnings **/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) (Tweaked for CleanThemes theme) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* CSS cross-browser clear fix */ .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } .cf { zoom:1; } /* Remove FF input padding for consistant alignment */ input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* Remove the odd input formatting from iOS */ button, input[type=submit], input[type=button]{ -webkit-appearance: none; } /* Stop Webkit's big glowy boxes, we have our own highlight effect */ input:focus, select:focus, textarea:focus { outline: none; } /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* Standard text CSS */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ strong, b { font-weight:bold; } abbr, acronym { border-bottom:1px dotted #8a8f93; cursor:help; } em, i { font-style:italic; } ul,ol,dl { margin:1em; font-size:100%; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } blockquote { margin:1.5em 0em 1.5em 10px; padding:.5em 0em; quotes:"\201C""\201D"; font-size:130%; font-style:italic; line-height: 100%; } blockquote:before{ color: #8a8f93; content:open-quote; font-size:3em; line-height:.1em; margin-left: -20px; margin-right: 10px; vertical-align:-0.48em; } blockquote :first-child { display:inline; } blockquote :last-child { margin-bottom:0; } blockquote:after { content: no-close-quote; } ol,ul,dl { margin-left:2em; } ol li { list-style: decimal outside; } ul li { list-style: disc outside; } dl dd { margin-left:1em; } th,td { border-bottom: 1px solid #ffffff; border-collapse: collapse; border-top: 1px solid #ffffff; padding: 0.7em; } th { /*distinguishing table headers from data cells*/ font-weight:bold; text-align:left; border-bottom-width: 3px; } caption { margin-bottom:.5em; text-align:center; } p,fieldset,table { margin-bottom:1em; } hr { border: none; width: 100%; color: transparent; border-bottom: 3px double #cbcbcb; height: 9px; margin: 1em 0; } /*Linotype font*/ @import url("http://fast.fonts.net/lt/1.css?apiType=css&c=50e3d1a8-8113-48ec-9633-379f8544b4a7&fontids=709875"); @font-face{ font-family:"Helvetica W01 Cm"; src:url("c2b8712e-fd70-40e2-b8b8-df35641ae9e5.eot"); src:url("c2b8712e-fd70-40e2-b8b8-df35641ae9e5.eot") format("eot"),url("ecbdfc0c-dd44-4190-b173-3e47f561d788.woff") format("woff"),url("279b5a54-a49c-4db3-b46a-8542e0b1fed0.ttf") format("truetype"),url("6fd87b2d-9eb6-4eee-8159-79bb532b4f31.svg") format("svg"); } /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.linotype.com */ .tf-metasc {font-family: "ff-meta-web-pro",sans-serif;letter-spacing:2px;text-transform:lowercase;font-style: normal;font-weight:400;} .tk-ocr-b-std {font-family: "ocr-b-std",Helvetica,Arial,sans-serif;font-style: normal;font-weight: 400;} /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* Theme styles */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ body { font-family: "ff-meta-web-pro",sans-serif; font-weight:400;font-style:normal; font-size: 12px; line-height: 1.6em; color: #8a8f93; background: #ffffff; letter-spacing: 1px; overflow-y: scroll; -webkit-font-smoothing:antialiased; font-smoothing: antialiased; } ::selection{/* Webkit & Opera */ background:#000000; color:#ffffff; } ::-moz-selection{ /* Firefox */ background:#000000; color:#ffffff; } a, a:link, a:visited { color:#000000; -moz-transition: color 100ms; -webkit-transition: color 100ms; transition: color 100ms; text-decoration:none; } #violator { color:#000000; -moz-transition: color 700ms; -webkit-transition: color 700ms; transition: color 700ms; text-decoration:none; } a:hover { color:#0068b4; } select { max-width: 100%; } input, textarea { font-size: 12px; line-height: 12px; background-color: #ffffff; color: #8a8f93; border: 1px solid #cbcbcb; padding: 11px 22px 11px 19px; margin: 0; max-width: 100%; letter-spacing: 1px; } input[type=checkbox] { border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } textarea { height:120px; padding-top: 10px; padding-bottom: 10px; } /* HTML5 input placeholders */ ::-webkit-input-placeholder {color: #858585; } :-moz-placeholder { /* Firefox 18- */color: #858585; } ::-moz-placeholder { /* Firefox 19+ */color: #858585; } :-ms-input-placeholder {color: #858585; } .container .layout .col-third p a.button {background:transparent;color:#000;font-size:13px;border:solid 1px #cbcbcb;padding:9px 0px 12px 0px;margin-top:12px;} /*read more button on HP for Press section*/ .container .layout .col-third p a.button:hover {background:#000;color:#fff;border:solid 1px #000;} .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"] { font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400; text-transform:lowercase; -webkit-font-smoothing:antialiased; font-smoothing: antialiased; background:#000; border: none; color:#ffffff; font-size: 15px; line-height: 17px; height: auto; margin: 0; text-decoration: none !important; cursor: pointer; padding: 10px 0px 15px; vertical-align: middle; min-width: 115px; text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-transition: background-color 100ms, color 100ms; -webkit-transition: background-color 100ms, color 100ms; transition: background-color 100ms, color 100ms; display: inline-block; zoom:1; *display:inline; letter-spacing: 1px; } /*product page add to cart btn*/ .template-product #content #main-product-detail .detail .product-form .form .input-row input[type="submit"] {padding:10px 7px 15px;} .template-product #content #main-product-detail .detail .product-form .form .input-row input.addtocart {padding:10px 7px 15px 7px;height:auto;} .button.compact, button.compact, input[type="submit"].compact, input[type="reset"].compact, input[type="button"].compact { width: auto; min-width: 0; } input[type="submit"].signuparrow {min-width:45px;} .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: #0068b4; } .button.altcolour, button.altcolour, input[type="submit"].altcolour, input[type="reset"].altcolour, input[type="button"].altcolour { background: #ffffff; color: #000000; } .button.altaltcolour, button.altaltcolour, input[type="submit"].altaltcolour { background: #0068b4; } .button.altaltcolour:hover, button.altaltcolour:hover, input[type="submit"].altaltcolour:hover { background: #000000; } .button.notabutton, a.button.notabutton, button.notabutton, input[type="submit"].notabutton { background: none; border: none; padding: 0; margin: 0; font-size: inherit; line-height: inherit; font-family: inherit; letter-spacing: inherit; text-transform: none; vertical-align: baseline; min-width: 0; overflow: visible; height: auto; color:#000000; -moz-transition: color 100ms; -webkit-transition: color 100ms; transition: color 100ms; } .button.notabutton:hover, a.button.notabutton:hover, button.notabutton:hover, input[type="submit"].notabutton:hover { color:#0068b4; } .button.disabled, a.button.disabled, button[disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled] { background: #999 !important; } h1, h2, h3, h4, h5, h6 { font-family: "ff-meta-web-pro",sans-serif; color: #000000; font-weight: normal; line-height: 1.2em; margin-bottom: 1em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: inherit; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#0068b4; } h1, h2.h1-style { font-size: 23px; } .template-collection #content .container .page-header h1.majortitle, .template-search h1.majortitle, .template-404 h1.majortitle {max-width:400px;margin:0 auto;font-family: "ff-meta-sc-web-pro",sans-serif;} /*h1 on collection template*/ .template-collection #content .artist-single .page-header h1.majortitle {margin-bottom:45px;} /*h1 on artist single page*/ .template-page #content .container .page-header h1.majortitle {margin:0;} /*about page*/ .template-404 .container {padding-bottom:30px;} .template-search .container {} .template-search #search-form {margin:30px 0 60px;} .template-search #search-form input {font-size: 12px;letter-spacing:2px;text-transform: lowercase;font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400;} .template-search #search-form input[type="submit"] {min-width:45px;padding:10px 0px 15px;line-height: 17px;vertical-align: top;} .template-search h1.majortitle {text-transform:uppercase;text-align: center;padding-top:37px;} .template-search h5, .template-404 .row-spacing p {text-align: center;line-height: 2.5em;font-size: 12px;font-family: "ff-meta-web-pro",sans-serif; text-transform: lowercase; font-style: normal;font-weight: 400;letter-spacing: 2px;-webkit-font-smoothing: subpixel-antialiased;margin-bottom:0;} .template-search .padded-row {padding:0;margin:0;} .template-search .padded-row h5 {padding:14px 0 25px 0;} .template-search .collection-listing .product-block {height:328px;} .template-search #content .row-spacing h5 {padding:23px 0 25px 0;} .template-search .pagination-row {margin:0;} .template-search h2 {font-family: "ff-meta-web-pro",sans-serif;font-style: bold;font-weight: 400;text-align: center;line-height: 32px;margin-bottom: 0;} h2, h1.h2-style, h2.h2-style, h3.h2-style, h4.h2-style, h5.h2-style, h6.h2-style { font-size: 17px; } h3, h1.h3-style, h2.h3-style, h3.h3-style, h4.h3-style, h5.h3-style, h6.h3-style { font-size: 16px; } h4, h1.h4-style, h2.h4-style, h3.h4-style, h4.h4-style, h5.h4-style, h6.h4-style { font-size: 15px; } h5, h1.h5-style, h2.h5-style, h3.h5-style, h4.h5-style, h5.h5-style, h6.h5-style { font-size: 14px; } h6, h1.h6-style, h2.h6-style, h3.h6-style, h4.h6-style, h5.h6-style, h6.h6-style { font-size: 13px; } h1.majortitle, h2.title, /* Req for Shopify account templates */ h2.majortitle, h3.majortitle, h4.majortitle, h5.majortitle, h6.majortitle, .majortitle { margin: 10px 0; } h1.hometitle, h2.hometitle, h3.hometitle, .hometitle { line-height: 1em; margin: 18px 0px 0px 0px; text-transform:uppercase; font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400; font-size:18px; line-height:21px; letter-spacing:2px; } img { max-width: 100%; height: auto; } .hidden { display: none; } /* Lists */ #pageheader ul, #pageheader li { margin: 0; padding: 0; display: inline; } #pageheader .logo-area .container {max-width:400px;} /*logo area width*/ .container {margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; } .ex1080 {max-width:1080px;} .container .container { padding-left: 0; padding-right: 0; } .flexslider {position:relative;z-index:1} /*fixes fonts becoming bold on slide animations*/ .flexslider .container { padding-left: 40px; padding-right: 40px; } #content { background: #ffffff; } .template-index #content { padding-bottom: 0; margin-top:16px; } /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* Header */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ #pageheader { position: relative; background: #ffffff; z-index: 4000; /* Place above slider for live-search dropdown */ } #pageheader, #pageheader a { color: #000000; } #pageheader .logo { text-align: center; padding: 40px 0 40px; letter-spacing: 1px; } #pageheader .logo a { color: #000000; } #pageheader .logo .logotext { font-size: 55px; line-height: 1em; font-family:'Helvetica W01 Cm',Helvetica, Arial, sans-serif; text-transform:uppercase; } #pageheader .logo .logotext2 {color:#0068b4;} #pageheader .logo .logotext3 {font-family: "ff-meta-web-pro",sans-serif;font-style:bold;font-weight: 700;font-size:11px;letter-spacing:7px;text-transform:uppercase;margin-top:4px;} #pageheader .search-box, #pageheader .utils { position: absolute; top: 50%; } #pageheader .logo-pos-below .search-box, #pageheader .logo-pos-below .utils, #pageheader .logo-pos-above .search-box, #pageheader .logo-pos-above .utils { top: 0; margin-top: 0; } #pageheader .search-box { left: 30px; margin-top: -15px; } #pageheader .search-box .search-form { border: 1px solid #ffffff; position: relative; display:inline-block; zoom:1; *display:inline; } #pageheader .search-box.focus .search-form { background-color: #fff; border-color: #dedede; } #pageheader .search-box .search-form i { width: 22px; height: 22px; background: url('social_spr_darkgrey_1178.png') -221px center no-repeat; top: 7px; left: 2px; position: absolute; z-index: 1; } #pageheader .search-box.focus .search-form i { background-image: url('social_spr_darkgrey_1178.png'); } #pageheader .search-box .search-form input[type="text"] { border: none; background: transparent; padding: 10px 10px 11px 26px; width: 210px; font-size: 12px; color: #000000; } #pageheader .search-box.focus .search-form input[type="text"] { color: #666; padding-top:8px;} /* HTML5 input placeholders */ #pageheader .search-box .search-form input[type="text"]::-webkit-input-placeholder { color: #000000; opacity: 1; } #pageheader .search-box .search-form input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #000000; opacity: 1; } #pageheader .search-box .search-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #000000; opacity: 1; } #pageheader .search-box .search-form input[type="text"]:-ms-input-placeholder { color: #000000; opacity: 1; } #pageheader .search-box .search-form input[type="submit"] { opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; right: 8px; background: transparent; color: #8a8f93; border: none; width: 20px; min-width: 0; height: 25px; padding: 5px 0; line-height: 2px; font-size: 100%; } #pageheader .search-box.focus .search-form input[type="submit"] { opacity: 1; filter:alpha(opacity=100); } #pageheader .search-box .results-box { position: absolute; background: #ffffff; width: 300px; max-width: 100%; z-index: 5000; text-transform:uppercase; } #pageheader .search-box .results-box > * { display: block; padding: 7px 2px; margin: 0; border-bottom: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; min-height: 24px; } #pageheader .search-box .results-box > *:first-child { border-top: 1px solid #cbcbcb; } #pageheader .search-box .results-box > *:hover { } #pageheader .search-box .results-box .img { float: left; margin: -4px 10px 0 0; width: 32px; height: 32px; text-align: center; overflow: hidden; } #pageheader .search-box .results-box .img img { vertical-align: middle; margin-top: -2px; } #pageheader .search-box .results-box .load { background: url('ajax-load_1178.gif') center center no-repeat; text-align: center; } #pageheader .search-box .results-box .note { text-align: center; background:#000000; border: #000000; color:#ffffff; font-size: 13px;} #pageheader .utils { right: 30px; height: 88px; line-height: 40px; margin-top: -18px;font-size: 12px; width:306px;} #pageheader .utils .social-links, #pageheader .utils .cart-summary { vertical-align: middle; display:inline-block; zoom:1; *display:inline; } #pageheader .utils .social-links { margin-right: 30px;float:left; } #pageheader .utils .cart-summary { text-align: right; } #pageheader .utils .cart-summary .switcher { margin-left: 3px; display: inline; vertical-align: middle; position: relative; } #pageheader .utils .cart-summary .switcher .selected-currency { padding: 4px 5px; border: 1px solid #cbcbcb; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #pageheader .utils .cart-summary .switcher .switcher-drop { display: none; position: absolute; right: 0; top: 100%; z-index: 50; } #pageheader .utils .cart-summary .switcher .switcher-drop .inner { margin-top: 1.3em; line-height: 1em; padding: 8px 20px 6px; border: 1px solid #dedede; background: #fff; color: #444; white-space: nowrap; } #pageheader .utils .cart-summary .switcher .switcher-drop .inner:before { content: " "; width: 0px; height: 0px; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #dedede transparent; position: absolute; top: 1.3em; right: 15px; margin-top: -5px; } #pageheader .utils .cart-summary .switcher .switcher-drop .inner:after { content: " "; width: 0px; height: 0px; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #fff transparent; position: absolute; top: 1.3em; right: 15px; margin-top: -4px; } #pageheader .utils .cart-summary .switcher.show-drop .switcher-drop, #pageheader .utils .cart-summary .switcher:hover .switcher-drop { display: block; -webkit-animation: reveal 0.2s ease-out 0s 1 normal none; animation: reveal 0.2s ease-out 0s 1 normal none; } #pageheader .utils .cart-summary .switcher-drop { } #pageheader .utils .cart-summary .button { min-width: 0; padding: 8px 15px; vertical-align: middle; color: #ffffff; } #pageheader .util-area {} #pageheader .util-area .signup-reveal-area { display: inline; position: relative; } #pageheader .util-area .signup-reveal {font-size: 12px; } #pageheader .util-area .signup-form-cont { display: none; position: absolute; left: 0; top: 100%; z-index: 50; } #pageheader .util-area .signup-reveal-area.show-drop .signup-form-cont, #pageheader .util-area .signup-reveal-area:hover .signup-form-cont { display: block; -webkit-animation: reveal 0.2s ease-out 0s 1 normal none; animation: reveal 0.2s ease-out 0s 1 normal none; } #pageheader .util-area .signup-form-cont .signup-form { margin-top: 1.3em; } #pageheader .util-area .signup-form-cont .signup-form:before { content: " "; width: 0px; height: 0px; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #dedede transparent; position: absolute; top: 1.3em; left: 15px; margin-top: -5px; } #pageheader .util-area .signup-form-cont .signup-form:after { content: " "; width: 0px; height: 0px; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #fff transparent; position: absolute; top: 1.3em; left: 15px; margin-top: -4px; } #pageheader .util-area .signup-form { background-color: #fff; border-color: #dedede; } #pageheader .util-area .signup-form * { color: #444; background: transparent; } /* HTML5 input placeholders */ #pageheader .util-area .signup-form input::-webkit-input-placeholder { color: #444; } #pageheader .util-area .signup-form input:-moz-placeholder { /* Firefox 18- */ color: #444; } #pageheader .util-area .signup-form input::-moz-placeholder { /* Firefox 19+ */ color: #444; } #pageheader .util-area .signup-form input:-ms-input-placeholder { color: #444; } #pageheader .util-area .signup-form label { display: none; } /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* Nav */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ .nav-row { text-align: center; line-height: 2.5em; font-size: 14px; text-transform:uppercase; font-family: "ff-meta-web-pro",sans-serif;font-style: bold;font-weight: 400; letter-spacing:2px; -webkit-font-smoothing:subpixel-antialiased; font-smoothing: subpixel-antialiased; } .nav-row .multi-level-nav > div { /* All nav rows regardless of tier */ padding: 0px 0; } .nav-row .tier-1 { } .nav-row ul { margin: 0; display:inline-block; zoom:1; *display:inline; } .nav-row ul li { vertical-align: top; margin: 0; display:inline-block; zoom:1; *display:inline; } .nav-row a { padding: 5px 18px 8px 18px; white-space: nowrap; display:inline-block; zoom:1; *display:inline; } .nav-row a.expanded, .nav-row li.active > a { color:#0068b4; } .nav-row a .exp { margin-left: 5px; width: 10px; display:inline-block; zoom:1; *display:inline; } .nav-row a.listing-title { font-weight: bold; } .nav-row .slash { padding: 10px 0; display:inline-block; zoom:1; *display:inline; } .nav-row ul ul { display: none; } .nav-row ul ul.listed { display: block; padding-bottom: 10px; } .nav-row .tier-1 ul ul.listed { display: none; } .nav-row ul ul.listed > li { display: block; } .nav-row ul ul.listed > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 1em; } .tags.nav-row { border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; } .tags .active a { color: #e94b3f; } .multi-tag-row {margin-bottom:10px;} .template-collection #content .multi-tag-row .events-page-list ul li:first-child a:first-letter {color:transparent;} .multi-tag-row .tags.nav-row { margin:20px 0px -1px 0px; font-size:12px; } .tags.nav-row.social { text-align: center; padding:10px 10px 6px 10px; } /* Main nav only */ #main-nav { border-bottom: 1px solid #cbcbcb; } #main-nav .multi-level-nav > div { border-top: 1px solid #cbcbcb; background: #fff; } #main-nav .multi-level-nav .tier-1 { background:#fff;} #main-nav .multi-level-nav .tier-2 { background:#fff;} #main-nav a { color: #000000; } #main-nav a.expanded, #main-nav li.active > a, #main-nav a:hover { color: #0068b4; } #main-nav .account-links { padding: 0 18px; color: #999999; white-space: nowrap; } #main-nav .account-links a { padding-left: 0; padding-right: 0; color: #999999; -webkit-font-smoothing: antialiased;} #main-nav .account-links a:hover {color:#000;} /* Store messages */ #store-messages { } #store-messages .message { position: relative; text-align: center; padding: 12px 0 16px; } #store-messages.messages-2 .message { float: left; width:49.5%; } #store-messages.messages-3 .message { float: left; width:33.33%; } #store-messages .message a { display: block; } #store-messages .message .title, #store-messages .message .tagline { margin: 0 20px;} #store-messages .message .title { line-height:1.3em; font-size: 16px; -moz-transition: color 100ms; -webkit-transition: color 100ms; transition: color 100ms; } #store-messages .message a:hover .title { color:#0068b4; } #store-messages .message .tagline { font-size: 14px; display: block; line-height:1.4em; margin-top:5px; } #store-messages .message .fluff { border-left: 1px solid #cbcbcb; width: 1px; position: absolute; left: 0; top: 20px; height: 28px; } /* Headings above content */ .page-header { text-align: center; padding: 37px 0px 20px 0px; } .artist-tn-coll {padding:37px 0px 40px 0px;} /*product page filters*/ .template-product #content .container .page-header {padding:25px 0px;} .page-header .pagetitle { margin-bottom: 20px; } .page-header .user-content { text-align: left; } .page-header .filters { float: left; padding-top:11px; font-family:"ff-meta-web-pro",sans-serif; font-size: 10px; -webkit-font-smoothing:subpixel-antialiased; letter-spacing:0px; } /*product page breadcrumb*/ .container .page-header .filters #breadcrumb span.separator {padding:0px 5px;} .filtersocial_wrap {margin-top:30px;max-width: 1080px;margin-left: auto;margin-right: auto;padding-left: 40px;padding-right: 40px;font-size:10px;} .filtersocial_wrap .filters {padding-top:0px;float:left;} .filtersocial_wrap .social-area {margin-top:0px;float:right;} .filtersocial_wrap .clear {clear:both;} .page-header .social-area { float: right; margin-top:-16px; font-size: 10px; } .template-page #content .container .page-header .social-area {margin-top:-11px} /*for about page*/ /*for product page*/ .template-product #content .container .page-header .filters {padding-top:0;} .template-product #content .container .page-header .social-area {margin-top:0;} .page-header .social-area .rsslink, .page-header .social-area .social {vertical-align: middle; display:inline-block; zoom:1; *display:inline; } .page-header .social-area .rsslink img { height: 28px; width: 28px; margin-left: 10px; } .page-header .filters .tags { margin-right: 25px; } /*for product page*/ .template-product #content .container .page-header .filters ul {margin:0px 0px 0px 10px;padding:0;} .template-product #content .container .page-header .filters ul li {list-style-type:none;float:left;padding-right:10px;} .fl {float:left;} /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* Pagination */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ .pagination-row { font-family: "ff-meta-web-pro",sans-serif;text-align: center; margin-top: 22px; margin-bottom: 27px; } /*pagination on artist collections*/ .template-collection .pagination-row .pagination {font-family: "ff-meta-web-pro", text-transform:uppercase, sans-serif;border-top: solid 1px #cbcbcb;padding-top: 20px;} .pagination .prev, .pagination .next {text-transform:uppercase;} .pagination, .template-article .pagination-row {font-size: 18px; line-height:24px;letter-spacing:2px;font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400;} .pagination .pagecount { font-family: "ff-meta-web-pro",sans-serif;font-style: italic;font-weight: 400;font-size:13px;letter-spacing:0px; padding:0 20px;} .pagination a {color:#fd6616;} .pagination a:hover {color:#000;} /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* Main footer */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ #pagefooter { font-family: "ff-meta-web-pro", sans-serif;padding: 0 0 50px; font-size: 12px; border-top:solid 1px #cbcbcb;z-index: 999; position: relative;} #pagefooter .image-links { background:#fff; padding: 25px 0; border-top: 1px solid #cbcbcb; } #pagefooter .image-links .image-link { width: 31.4%; float: left; text-align: center; } #pagefooter .image-links .image-link.block-1 { margin-left: 1.4%; } #pagefooter .image-links .image-link.block-2 { margin: 0 1.4%; } #pagefooter .image-links .image-link.block-3 { margin-right: 1.4%; } #pagefooter .image-links .image-link img { max-width: 100%; height: auto; text-align: center; } #pagefooter .nav-row { background: #fff; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; } #pagefooter .nav-row a { color: #000000; } #pagefooter .lower { padding-left: 20px; padding-right: 20px; text-align: center; border-top:solid 1px #cbcbcb;} .template-index #pagefooter .lower {border-top:none;} /*remove bordertop on home page*/ #pagefooter .copyright { color:#000; margin-top: 21px; } #pagefooter .copyright .footer_extra { font-family: "ff-meta-web-pro", sans-serif; font-size:11px;letter-spacing:0px;} #pagefooter .copyright .footer_text_extra1 { font-family: "ff-meta-web-pro",sans-serif;font-style: italic;font-weight: 400; } #pagefooter .copyright .footer_text_extra2 { font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400; } #pagefooter .copyright .footer_text_extra2 .sep {margin:0px 10px;} #pagefooter .copyright .copy { white-space: nowrap; text-transform:uppercase; font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400; font-size:10px; letter-spacing:2px; } #pagefooter .copyright img { vertical-align: middle; margin-right: 20px; } #pagefooter .interact { margin-top: 30px; } #pagefooter .interact .social-links { display:inline-block; zoom:1; *display:inline; vertical-align: middle; } #pagefooter .payment-methods { margin-top: 20px; } #pagefooter .payment-methods ul { margin-left: 0; } #pagefooter .nav-row {font-family: "ff-meta-web-pro", sans-serif; border-top:none;} /* Signup form in header *or* footer */ .signup-form-cont { text-align: center; clear: both; white-space: nowrap; } .signup-form { display:inline-block; zoom:1; *display:inline; vertical-align: middle; } .signup-form { border: 1px solid #cbcbcb; background-color: #fff; } .signup-form label { font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400; font-size: 12px; line-height: 14px; padding: 0 25px; border-right: 1px solid #cbcbcb; } .signup-form input[type="email"] { border: none; text-align: center; font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400; text-transform:lowercase; font-size: 12px; line-height:14px; padding-top:9px;} .signup-form h4 { margin: 0.6em 2em; } /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* Social links */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ .social-links li { list-style:none; display:inline; } .social-links a { display:inline-block; zoom:1; *display:inline; height: 0; text-indent: -999em; vertical-align: middle; width: 22px; padding-top: 22px; background: url('social_spr_darkgrey_1178.png') 0 0 no-repeat;} .social-links a:hover { opacity: 0.8; } .social-links .facebook a {} .social-links .twitter a { background-position: -22px 0; } .social-links .rss a { background-position: -44px 0; } .social-links .pinterest a { background-position: -66px 0; } .social-links .google a { background-position: -88px 0; } .social-links .instagram a { background-position: -110px 0; } .social-links .vimeo a { background-position: -132px 0; } .social-links .youtube a { background-position: -154px 0; } .social-links .flickr a { background-position: -176px 0; } .social-links .tumblr a { background-position: -198px 0; } .social .socitem { vertical-align:top; display:inline-block; zoom:1; *display:inline; margin-top:5px; } .social .socitem.label { margin: -2px 10px 0 0; } /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* Product listing */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ .product-block { text-align: center; } .product-block .block-inner { height: 368px; opacity:1; } /*.product-block .block-inner:hover { background-color:#fff; -webkit-transition: opacity 150ms; -moz-transition: opacity 1500ms; transition: opacity 150ms; }*/ /*for artists landing page with thumbnails*/ #content .artists-tn-page .product-block .block-inner {height:330px;} .product-block .image-cont { position: relative; max-height: 276px; opacity: 1; padding-bottom: 42px; } /*for the Artists (thumbnails) collection page*/ .template-collection #content .artists-tn-page .product-block .block-inner .image-cont { max-height:274px;line-height:19px;max-width:490px;margin:0px 0px 0px 18px; text-align: center; line-height: 2.5em; font-size: 14px; text-transform: uppercase; font-family: "ff-meta-web-pro",sans-serif; font-style: normal;font-weight: 400; letter-spacing:2px; -webkit-font-smoothing:subpixel-antialiased; font-smoothing: subpixel-antialiased; } .template-collection #content .nav-row a {padding:0;} .template-collection #content .multi-tag-row .nav-row a {padding:5px 18px 8px 18px;} /*for store(shop) page*/ .no-js .product-block .image-cont { opacity: 1; } .product-block .image-cont img { max-height: 276px; width: auto; } .product-block .productlabel { position: absolute;bottom: 58%;left: 0; right: 0; text-align: center; } .productlabel > span { padding: 6px 20px 8px 20px; background: #e94b3f; color: #ffffff;display: inline-block; zoom: 1; *display: inline; } .productlabel.soldout > span { background-color: #000; font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400;} .productlabel.general > span { background-color: #000; font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400;text-transform:lowercase;} .product-block .hover-info { color: inherit; left: 0; width: 100%; } .product-block .hover-info .bg { background: #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; opacity: 0.9; filter: alpha(opacity=90); -webkit-transition: opacity 150ms; -moz-transition: opacity 1500ms; transition: opacity 150ms; } .product-block .hover-info > .inner { width: 100%;padding: 10px 0;position: relative; z-index: 10; } .product-block .hover-info .title { margin: 0 5px; } .product-block .hover-info > .inner > .innerer { line-height:1.2em; max-width:240px;} .ie7 .product-block .hover-info > .inner > .innerer { display: block; } .product-block .hover-info .reducedfrom { font-style: italic; opacity: 0.7; margin: 0 5px;display: inline;} .product-block .hover-info .reducedfrom .amount { text-decoration: line-through; } .product-block .hover-info .price { margin: 0 5px; } .product-block .hover-info .price .from { font-size: 80%; } .product-block.expanded .image-cont:after { top: 368px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #ffffff; border-width: 15px; left: 50%; margin: -9px 0 0 -15px; } /* Collection blocks - in style of product block */ .product-block.collection-block .productlabel {top: auto; bottom: 0; margin: 0;} .more-info span.productlabel span.title, .collection-slider-row .collection-slider .collection-listing .product-list .product-block .block-inner .image-cont .hover-info .inner .innerer .title, .container .layout .col-third h3, .product-block .hover-info .title, .product-detail .detail .title, .process-cta {text-transform:uppercase;font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 700;letter-spacing:1px;font-size:10px;color:#000;} .process-cta {margin-top:15px;} /*product page title*/ .template-product #content #main-product-detail .detail h1.title {font-size:23px;font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400;text-transform:uppercase;} .template-product #content #main-product-detail .detail h2.price {font-size:18px;clear:both;padding:20px 0px 25px 0px; margin-bottom:0;letter-spacing:2px;} .template-product #content #main-product-detail .detail h2.artist-name {padding:0px 0px 11px 0px;font-size:12px;} /*free event products*/ .template-product #content #main-product-detail .detail h2.freeevent {padding-bottom:0;} .freeevent_container {padding-bottom: 40px;} .more-info span.productlabel span.count, .collection-slider-row .collection-slider .collection-listing .product-list .product-block .block-inner .image-cont .hover-info .inner .innerer .price, .product-block .hover-info .price {font-family: "ff-meta-web-pro",sans-serif;font-style: italic;font-weight: 400;letter-spacing:1px;font-size:10px;color:#000;line-height:0px;} .collection-slider-row .collection-slider . collection-listing .product-list .product-block .block-inner .image-cont {padding-bottom:84px;} /*product blocks on HP under Collection rows*/ .container .layout .col-third p {font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400;font-size:12px;line-height:16px;letter-spacing:0px;color:#000;} /*home page press posts*/ .product-block.collection-block .productlabel > span { background: transparent; color: #000; -moz-transition: background-color 100ms; -webkit-transition: background-color 100ms; transition: background-color 100ms; line-height:2.3em; padding-left: 0; padding-right: 0; width: 100%;} .product-block.collection-block:hover .productlabel > span { background: transparent; } .product-block.collection-block .productlabel .count { font-style: italic; display: block; } .collection-slider-row.is-showing-collections {background: #ffffff;border-bottom:solid 1px #cbcbcb; border-top:solid 1px #cbcbcb; } /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* Search results */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ .product-block.page-block { } .product-block.page-block .block-inner { border: 1px solid #ccc;width: 300px;overflow: hidden; height:238px;} .product-block.page-block .block-inner .text-cont { padding: 20px; overflow: hidden; text-align: left; } /* Placeholder blocks for layout */ .product-block.placeholder { border: none !important; height: 0px !important; padding-top: 0 !important; padding-bottom: 0 !important;display: none;} /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* Product detail */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ .product-detail .gallery { position: relative; } .product-detail .gallery img { max-width: 100%; height: auto; vertical-align: top; } .product-detail .gallery .main-image { margin: 0 0 20px 0; text-align: center; } .product-detail .gallery.has-thumbnails .main-image { margin-right: 60px; } .product-detail .gallery .thumbnails { position: absolute; top: 0; right: 0; } .product-detail .gallery .thumbnails > * { display: block; margin-bottom: 10px; } .product-detail .detail { text-align: left; position: relative; font-family: "ff-meta-web-pro",sans-serif; font-style: normal; font-weight: 400; letter-spacing:0; color:#000; } .product-detail .detail .title { margin: 0 0 0.5em; } .template-collection #content .artist-single-products .collection-listing-stream .product-list .product-detail .container .detail a.more {margin-top:20px;position:absolute;} .product-detail .detail .price { } .product-detail .detail .price .was-price { font-size: 12px; margin-right: 15px; text-decoration: line-through; } .product-detail .detail .productlabel { position: static; float: right; margin: 0 0 10px 10px; } .product-detail .detail .description { margin: 50px 0; } /*product page description*/ .template-product #content #main-product-detail .detail .description {margin:40px 0px;font-size:12px;line-height:16px;} .template-product #content .project_info a img {display:none;} .product-detail .description { clear: both; } .product-detail .product-form .input-row { margin: 0; height:auto; } .product-detail .product-form .fl {float:left;} .product-detail .product-form .cb {clear:both;} .product-detail .product-form .input-row label { width: auto; padding:5px 7px 0px 0px; margin-bottom: 10px; } .product-detail .product-form .input-row label.singleopt { float: none; width: auto; } .product-detail .product-form .input-row .selector-wrapper label[for="quantity"] { margin-top:0px; } .product-detail .product-form .input-row .selector-wrapper { float:left; padding-right:15px; margin-top:10px; height:35px; } .product-detail .product-form .input-row .selector-wrapper:first-child label{margin-top:10px;} .product-detail .product-form .input-row select { min-width: 70px; display: inline-block; height: 30px; line-height: 30px; padding: 4px; border: 1px solid #cbcbcb; -webkit-appearance: menulist-button; } .product-detail {padding-bottom:30px;} /* Slide-out product detail, i.e. home, collection */ .collection-listing .product-detail { background: #ffffff; overflow: hidden; position: relative; line-height: 1.6em; } .collection-listing .product-detail .inner { padding: 50px 90px; } .collection-listing-stream .product-detail .gallery .thumbnails, .collection-listing .product-detail .gallery .thumbnails { position: static; } .collection-listing-stream .product-detail .gallery .thumbnails > *, .collection-listing .product-detail .gallery .thumbnails > * {display: inline; margin: 0; } .collection-listing-stream .product-detail .gallery .thumbnails .active, .collection-listing .product-detail .gallery .thumbnails .active {text-decoration: underline; } .collection-listing .product-detail, .collection-listing .product-detail h1, .collection-listing .product-detail h1 a, .collection-listing .product-detail h1.majortitle, .collection-listing .product-detail h2, .collection-listing .product-detail h3, .collection-listing .product-detail h4, .collection-listing .product-detail h5, .collection-listing .product-detail h6 { color: #000000; } .collection-listing .product-detail a { color: #e95144; } .collection-listing .product-detail a.button { background-color: #e95144; color: #fff; } .collection-listing .product-detail a.button:hover { background-color: transparent; } .collection-listing .product-detail .gallery .main-image, .collection-listing-stream .product-detail .gallery .main-image { margin-right: 0; } .product-detail .close-detail { position: absolute; right: 20px; top: 20px; background: transparent url('close-bg-dark_1178.png') center center no-repeat; text-indent: -999em; width: 40px; height: 40px; padding: 10px; } /* Collection slider specific */ .collection-slider-row { padding-top: 0px; margin-top:0px; padding-bottom:15px; } .collection-slider-row.collection-slider-1 { background: #fff; border-top:solid 1px #cbcbcb; } .collection-slider-row.collection-slider-2 { background: #f5f5f2; } .collection-slider-row.collection-slider-3 { background: #f5f5f2; } .collection-slider .collection-listing { overflow: hidden; position: relative; height: 308px; } .collection-slider .collection-listing .product-block { padding: 10px 10px; width: 240px; } /*for homepage artists slider*/ .template-index #content .artists-hp-tn .collection-slider .collection-listing .product-list .product-block {width:330px;} .template-index #content .artists-hp-tn .collection-slider .collection-listing {height:256px;} .collection-slider .collection-listing .product-block, .collection-slider .collection-listing .product-block .block-inner { height: 324px; max-height: none; } .collection-slider .collection-listing .product-block .block-inner .image-cont { max-height: none; } .collection-slider .collection-listing .product-block .block-inner .image-cont img { max-height: 300px; } .collection-slider .collection-listing .product-block .product-detail { display: none; } .collection-slider-row .collection-listing .product-detail { position: relative; height: auto; margin-top: 0; } .collection-slider .product-block.expanded .image-cont:after { top: 392px; } /* Collection page specific */ .collection-listing { font-family: "ff-meta-web-pro", sans-serif; text-transform: uppercase; text-align: center; line-height: 0; padding-bottom:0px;} /*for product page*/ .template-product #content #related-products .collection-listing .product-block {height:290px;} /*for artist single page collection listing*/ .artist-single-products .collection-listing {padding-top:20px;} .artist-single-products {border-top:solid 1px #cbcbcb;} .collection-listing .product-block { display: inline-block; zoom: 1; *display: inline; height: 368px; padding:10px 8px 12px 8px; vertical-align: top; line-height: 1.6em; } .template-collection #content .collection-listing .product-block {height:300px;} /*height of products on collection page*/ .collection-listing .product-block .image-cont img { max-height: 240px; vertical-align: top; } .collection-listing .product-detail { position: absolute; top: auto; left: 0; width: 100%; height: 0; margin-top: 20px; } /* Collection page stream-mode! */ .collection-listing-stream .block-inner { display: none; } .collection-listing-stream .product-detail { padding-top: 40px; padding-bottom: 40px; border-top: 1px solid #cbcbcb; } .collection-listing-stream .product-block:first-child .product-detail { border-top: none; } .collection-listing-stream .product-detail .close-detail { font-family: "ff-meta-web-pro", sans-serif; text-transform: uppercase;display: none; } /* View All under title on homepage */ .view-all { font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400; text-align: center; font-size: 12px; line-height: 1em; margin: 10px 0 20px 0; } .view-all > * { vertical-align: middle; } .view-all .prev, .view-all .next { margin: 0 40px; font-size: 140%; } /* Collection page items */ .view-as-label {} #view-as-tiles, #view-as-stream { padding-left: 25px; position: relative; margin-left: 15px; } #view-as-tiles div, #view-as-stream div { background: #000000; position: absolute; -moz-transition: background-color 100ms; -webkit-transition: background-color 100ms; transition: background-color 100ms; } #view-as-tiles.active, #view-as-stream.active { color: #0068b4; } #view-as-tiles.active div, #view-as-stream.active div { background: #0068b4; position: absolute; } #view-as-tiles:hover div, #view-as-stream:hover div { background: #0068b4; } #view-as-tiles div { height: 6px; width: 6px; } #view-as-tiles .fluff1 { left: 0; top: 0; } #view-as-tiles .fluff2 { left: 8px; top: 0; } #view-as-tiles .fluff3 { left: 0; top: 8px; } #view-as-tiles .fluff4 { left: 8px; top: 8px; } #view-as-stream .fluff { left: 0; top: 0; height: 14px; width: 14px; } /*homepage press section*/ .news-cont {font-family: "ff-meta-web-pro",sans-serif; font-style: normal; max-width:1080px;} .container .layout .user-content .news-box h2 {font-family: "ff-meta-web-pro",sans-serif;text-transform: normal; font-style: italic;font-weight: 400;font-size:10px;letter-spacing:0px;margin:0px 0px 5px 0px;color:#6b6b6b;} .container .layout .user-content .news-box {color:#000;} .article-list .article { font-family: "ff-meta-web-pro",sans-serif; padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #cbcbcb; } .article-list .article:first-child {border-top: none; padding-top: 20px; } .article .container, #comments.container {max-width: 800px; } .article .continue-reading { letter-spacing: normal; margin-bottom: 1em; } .article .meta { font-style: italic; letter-spacing: normal; } .article .meta .time { display: block; opacity: 0.9; } .article .meta .tags .label { color: #000000; margin-right:3px;} .article .meta .tags a { opacity: 0.9; color: inherit; padding:0 1px;} .article .meta .tags a:hover { color:#0068b4; } .user-content { letter-spacing: normal; } .user-content h1, .user-content h2, .user-content h3, .user-content h4, .user-content h5, .user-content h6 { text-transform: uppercase; letter-spacing: 1px; margin: 1em 0 5px; } h2.product-desc {font-size:15px;font-family: "ff-meta-web-pro",sans-serif;} .user-content a { text-decoration: underline; } .user-content iframe { max-width: 100%; } /* Meta info */ .meta .iconmeta { background:url('meta_icons_grey_1178.png') no-repeat 0 0; padding-left:25px; margin-right:10px; white-space:nowrap; line-height:1.4em; height: 20px; display: inline-block; zoom:1; *display:inline; } .meta .iconmeta.time { background-position:0 -162px; } .meta .iconmeta.tags { background-position:0 -80px; } /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* Cart */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ #cartform .divider { padding-bottom: 40px; margin-bottom: 20px; border-bottom: 1px solid #cbcbcb; } #cartform .item-list { margin: 10px 0 40px; } #cartform .item { clear:both; list-style:none; position:relative; border-top: 1px solid #cbcbcb; padding: 23px 0px 29px 0px;} #cartform .item:first-child { border-top: none; } #cartform .item a.remove { position: absolute; top: 45px; right: 0; text-decoration: none; font-weight: bold; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #cartform .item .image { width: 100px; height: 100px; line-height: 100px; margin: 0 4% 0 5%; float: left; } #cartform .item .image img { vertical-align: middle; } #cartform .item .desc { overflow: hidden; margin: 2% 50% 0 0; } #cartform .item .desc .name { display: block; } #cartform .item .quantity { position: absolute; top: 40px; right: 30%; width: 130px; } #cartform .item .quantity input { width: 34px; padding-left: 2px; padding-right: 2px; text-align: center; -moz-box-sizing: content-box; box-sizing: content-box; } #cartform .item .line-total { margin-top: 5px; position: absolute; top: 42px; right: 10%; width: 90px; text-align: right; } #cartform .checkout-note { } #cartform .checkout-note textarea { width: 370px; max-width: 90%; margin-top: 10px; } #cartform .totals-area { text-align: center; } #cartform .totals-area .checkout-col { float: right; max-width: 360px; text-align;right;} #cartform .totals-area .subtotal { margin: 0 0 30px; } #cartform .totals-area .checkout-buttons { margin: 0 0 25px; } #cartform .termsagreement { margin-bottom: 15px; } #cartform .termsagreement label { } #additional-checkout-buttons input { background: none; border: none; height: auto; } #cartform #shipping-calculator { } #cartform #shipping-calculator .inputrow { float: left; clear: none; width: 20%; padding: 0 30px 20px 0; } #cartform #shipping-calculator .inputrow label { display: block; float: none; margin: 0 0 10px 0; } #cartform #shipping-calculator .inputrow.ziprow { width: auto; overflow: hidden; padding-right: 0; } #cartform #shipping-calculator .inputrow.ziprow input { width: auto; } #cartform #shipping-calculator .inputrow.ziprow #address_zip { width: 120px; margin-right: 20px; } #cartform #shipping-calculator #wrapper-response { padding: 20px 0; clear: both; } .template-cart #content .row-spacing p:first-child {margin-bottom:3em} /*empty cart message*/ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /** Forms **/ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ #template { /* All default Shopify form templates start with #template */ text-align: center; } #template .template_header { margin: 40px 0; } #template button, #template input { width: 362px; text-align: center; } #template textarea { width: 362px; } #template label {font-size: 85%; } #template .action_bottom { margin-top: 27px; } #template .note { display: none; } #template .errors { margin: 10px 25px; font-style: italic; } #template .errors li { list-style: none; } .jsforms #template .large_form { position: relative; margin-top: -1px; } .jsforms #template .large_form label { position: absolute; left: 0; right: 0; top: 10px; padding: 0 20px; } #template.lefty-form { text-align: left; } #template.lefty-form input[type="text"], #template.lefty-form input[type="email"], #template.lefty-form textarea { text-align: left; } #address_tables { margin-top: 40px; } #admin_header { margin: 20px 0 40px; } #admin_header .title { text-align: center; } #admin_header .action_return { margin-bottom: 20px; } #customer_sidebar { float: left; width: 33%; } #customer_detail .address p, .address_table .view_address p, #order_address .address p { margin-bottom: 0; } #customer_orders { float: right; width: 60%; } #order_address { margin-top: 10px; } #order_address #order_payment { float: left; width: 48%; margin-bottom: 20px; } #order_address #order_shipping { float: right; width: 48%; margin-bottom: 20px; } #order_details { clear: both; width: 100%; } #comments .comment { padding-top: 20px; border-top: 1px solid #cbcbcb; } #comments .comment.first { border-top: 0; } #comments .comment .gravatar { float: left; } #comments .comment .detail { margin-left: 100px; } .payment-methods li { margin-left:5px; padding-top:32px; height:0; width:53px; overflow:hidden; background:url('payment_spr_white_1178.png'); display: inline-block; zoom:1; *display:inline; } .payment-methods li.pay-paypal { background-position: -5px 0; } .payment-methods li.pay-visa { background-position: -78px 0; width: 44px; } .payment-methods li.pay-mastercard { background-position: -137px 0; width:40px; } .payment-methods li.pay-amex { background-position: -192px 0; width: 36px; } .payment-methods li.pay-discover { background-position: -239px 0; width:54px; } .payment-methods li.pay-cirrus { background-position: -305px 0; width: 42px; } .payment-methods li.pay-maestro { background-position: -363px 0; width: 42px; } .payment-methods li.pay-google-wallet { background-position: -419px 0; width: 101px; } .payment-methods li.pay-dankort { background-position: -525px 0; width: 50px; } ul.taglist { margin:0; } ul.taglist li { display:inline; white-space: nowrap; } table.noborders, table.noborders tr, table.noborders th, table.noborders td { border:0; } .simple-popup { position: absolute; width: 140px; padding: 10px 15px; border: 1px solid #cbcbcb; background: #ffffff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0 0 2px 0 #888; -moz-box-shadow: 0 0 2px 0 #888; box-shadow: 0 0 2px 0 #888; text-align:center; } .fb_iframe_widget iframe { max-width:none; } /* Overlays over slider and ad on homepage */ .slide .overlay-text { top: 0; height: 100%; text-align: center; font-family:"ff-meta-web-pro",sans-serif; font-weight:400;font-style:normal; text-transform:uppercase; } .slide .overlay-text.overlay-left { text-align: left; } .slide .overlay-text.overlay-right { text-align: right; } .slide .overlay-text .inner { display: table; width: 100%; height: 100%; } .slide .overlay-text .text { font-size: 16px; font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400; text-transform:uppercase; line-height: 1.2em; margin: 0; display: table-cell; vertical-align: middle; } .ie7 .slide .overlay-text .text { position: absolute; top: 40%; left: 0; right: 0; } .slideshow {border-bottom: solid 1px #cbcbcb;padding-bottom: 12px;} /*footer mission statement on hp*/ .template-index #pagefooter .fms {display:none;} /*hide*/ .template-index #pagefooter {margin-top:20px;} /*add space*/ .hp_mission_statement {text-align:center;margin:0 auto;color:#000; padding:35px 10px 0px 10px;margin:0px 0px 35px 0px;z-index: 999;position: relative;} h1.hp_mission_title {font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight:400;font-size:18px;letter-spacing:0px;color:#0068b4;margin-bottom:0;max-width:900px;margin:0 auto;} p.hp_mission_p {font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400;font-size:18px;line-height:28px;letter-spacing:0px;max-width:900px;text-align:center;margin:0 auto;padding-top:10px;} .slideshow .overlay-text .button { background: ; border-color: ; color: #ffffff; } .slideshow .slide .overlay-text .text span { line-height: .2em; color: #000000; font-size:23px !important; padding: 32px 10px 16px 10px; display: inline-block; zoom:1; *display:inline; margin-bottom:0px; } .slideshow .slide .overlay-text .text span p:nth-child(2) {font-size:14px;margin-bottom:0px;} /* Full width ad only */ .full-width-image { overflow: hidden; position: relative;background: #f5f5f2;line-height: 0; } .full-width-image img { width: 100%; height: auto; vertical-align: top; } .full-width-image .overlay-text, .full-width-image h1 span { color: #ffffff; } .slide.full-width-image .overlay-text .text { font-size: 23px; line-height: 1.2em; } .slide.full-width-image .overlay-text .text span { line-height: 1.2em;padding: 5px 10px; display: inline-block; zoom:1; *display:inline; } .align-center, .align-centre { text-align: center; } .align-right { text-align: right; } a .state { display: inline-block; zoom:1; *display:inline; width: 1em; text-align: center; } /* Content and content layouts */ .spaced-row { margin-bottom: 0px; } .padded-row { padding-top: 0px; padding-bottom: 30px; } .strongly-padded-row { padding-top: 80px; padding-bottom: 80px; } .content img, .content iframe, .content embed, .content object { max-width: 100%; height: auto; } .layout-column-half-left { float: left; width: 44%; } .layout-column-half-right { float: right; width: 44%; } .layout-content-with-image-left .image-cont, .layout-content-with-image-right .image-cont { display: inline-block; zoom:1; *display:inline;width: 33%; text-align: center; vertical-align: middle; } .layout-content-with-image-left .content, .layout-content-with-image-right .content { display: inline-block; zoom:1; *display:inline;width: 60%; margin-right: 5%; vertical-align: middle; } .layout-content-with-image-left .content { margin-left: 5%; margin-right: 0; } .layout { position: relative; } .layout .col-third { float: left; width: 30%; margin-left: 5%; } .layout .col-third.left { margin-left: 0; } .layout .col-third.right { float: right; margin-left: 0; } .image-cont img { max-width: 100%; height: auto; } /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* Just-added-to-cart summary */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ #cart-summary-overlay { position: fixed; z-index: 6000; top: 0; left: 0; width: 100%; padding: 20px 0; background: #fff; border-bottom: 1px solid #0068b4; font-size: 80%; font-family: "ff-meta-sc-web-pro",sans-serif; text-transform:uppercase; color:#000; } #cart-summary-overlay .cart-text {text-transform:lowercase;font-family: "ff-meta-web-pro",sans-serif;font-style: normal;} #cart-summary-overlay .item { float: left; width: 50%; padding-left: 20px; } #cart-summary-overlay .item .cols { margin-top: 10px; } #cart-summary-overlay .item .img { float: left; width: 95px; } #cart-summary-overlay .item .info, #cart-summary-overlay .item .detail { float: left; width: 190px; margin-left: 10px; } #cart-summary-overlay img { max-height: 70px; max-width: 100%; } #cart-summary-overlay .cart { float: right; width: 40%; text-align: right; padding-right: 20px; } #cart-summary-overlay .cart .cart-text { margin: 15px 0 10px; font-style: italic; } #cart-summary-overlay #shop-more {border:solid 1px #cbcbcb;padding:10px 15px 15px;} #cart-summary-overlay #shop-more, #cart-summary-overlay .button { margin-left: 10px; } .scaled-text { transition: font-size 300ms; } /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* slider */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* * jQuery FlexSlider v1.8 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flex-direction-nav {height:0;} .flex-direction-nav li {list-style:none;} /* FlexSlider Necessary Styles *********************************/ .flexslider { width: 100%; margin: 0; padding: 0; overflow: hidden; } .flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block; margin: 0 auto; width: 100%; }/* stretch image */ .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {position: relative; zoom: 1;} . flexslider .slides {overflow:hidden; zoom: 1; margin: 0;} .flexslider .slides > li {position: relative; overflow:hidden;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} /* Caption style */ /* IE rgba() hack */ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;} /* Control Nav */ .flex-control-nav { text-align:center; margin-top:10px; display:none; } .flex-control-nav li { display:inline; } .flex-control-nav li a { text-indent:-9999em; width:4px; height:4px; background:#777; border:2px solid #777; margin:3px; display:inline-block; zoom:1; *display:inline; cursor:pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-transition: background-color 250ms linear; -webkit-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; transition: background-color 250ms linear; } .flex-control-nav li a.active { background:#fff; } .flexslider .flex-control-nav { display: none; } .flex-direction-nav a { position: absolute; z-index: 10; cursor: pointer; text-indent: -9999px; } .flexslider .flex-direction-nav a { background: transparent url('flexslider-leftright_1178.png') left top no-repeat; width: 11px; height: 19px; bottom:25px; z-index: 3000; opacity: 0.9; filter: alpha(opacity=90); border: 0!important; -moz-transition: all 200ms; -webkit-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } .flexslider .flex-direction-nav a.flex-prev { left: 20px; } .flexslider .flex-direction-nav a.flex-next { right: 20px; background-position: 100% top; } .flexslider:hover .flex-direction-nav a.flex-prev:hover, .flexslider:hover .flex-direction-nav a.flex-next:hover { opacity: 1; filter: alpha(opacity=100); } .flexslider .slides > li { list-style: none; } /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* Responsive styles */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ @media only screen and (max-width: 1050px) { /*artist single page*/ .template-collection #content .container .page-header .artist_extra_info {width:100%;} .template-collection #content .container .page-header .artist_extra_info .col .text p {font-size:17px;line-height:24px;margin-top:.7em;text-align:left;} .template-collection #content .container .page-header .artist_extra_info .col {width:100%;float:none;text-align:center;margin-bottom:20px;} /*artist page columns*/ .template-collection #content .container .page-header .artist_extra_info .col .text {text-align:left;} .template-collection #content .container .page-header .artist_extra_info .col .text {text-align:center;} .template-collection #content .container .page-header {padding:20px 0px 0px 0px} .template-collection #content .artist-single .page-header a h1.majortitle{margin-bottom:25px} /*about page*/ .about_page .aboutworkshop_wrap .about_text .column {width:45%;} /*artist, store, event page*/ .template-collection #content .container .page-header {padding-bottom:25px;} /*about page - fabricants*/ .template-page #content .container .user-content .about_page .handmadeby_wrap .about_text .fabricants_wrap ul {width:17%;padding:0 22px 0 0;height:100px;} } /* * This media query is specifically for shunting logo onto its own line * before search/social icons overlap. */ @media only screen and (max-width: 959px) { /* Sit search/socials on different level to logo */ #pageheader .logo { clear: both; /* avoid social icons interfering */ } .hp_mission_statement {margin-top:0px;padding-top:22px;margin-bottom:22px;} .slideshow .slide .overlay-text .text span {font-size:17px !important;padding:20px 10px 20px 10px;font-family: "ff-meta-sc-web-pro",sans-serif;} p.hp_mission_p {font-size:13px;line-height:19px;} #pageheader .util-area { margin-left: 30px; margin-right: 30px; height: auto; } #pageheader .search-box, #pageheader .utils { position: static; float: right; margin: 2px 0; height: auto; width:188px;} #pageheader .search-box { position: relative; top: 0; left: 0; float: left; } } /* Roughly tablet size */ @media only screen and (max-width: 959px) { #vio_wrap {position: absolute;top: 30%;right: 10%;} /*violator*/ .template-page #content .container .user-content .contact_page .aboutworkshop_wrap .about_text .col2 {width:73%;} .template-collection #content .multi-tag-row .nav-row a {padding:2px 0px 6px 13px;} /*remove spacing in nav*/ #pageheader .logo {padding-bottom:20px;} .slideshow .slide .overlay-text .text span p:nth-child(2) {font-size:11px;line-height:9px;} /*adjust text under slides on HP*/ .layout .col-third { float: none; width: auto; margin-left: 0; } .layout .col-third, .layout .col-third.left, .layout .col-third.right { float: left; width: 30%; margin-bottom: 20px; margin-left: 0; margin-right:20px;} #customer_sidebar, #customer_orders, #order_address #order_payment, #order_address #order_shipping { float: none; display: block; width: auto; margin: 20px 0; } .nav-row a { padding-left: 14px; padding-right: 14px; } #cartform .item .desc { margin-right: 43%; } #cartform .item .quantity { right: 23%; } #cartform #shipping-calculator .inputrow { width: auto; } #cartform #shipping-calculator .inputrow input { margin-bottom: 20px; } #template button, #template input, #template textarea { width: 332px; max-width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (min-width: 768px) and (max-width: 959px) { #pageheader .logo-pos-above .signup-form label { display: none; } .page-header {padding:15px 0px 22px 0px} /*spacing abovebelow title*/ } @media only screen and (max-width: 890px) { .template-page #content .container .user-content .contact_page .aboutworkshop_wrap .about_text .col2 {width:67%;} .template-page #content .container .user-content .contact_page .aboutworkshop_wrap .about_text .col1 {width:27%;padding-right:25px;} } @media only screen and (max-width: 650px) { .template-page #content .container .user-content .contact_page .aboutworkshop_wrap .about_text .col2 {width:61%;} .template-page #content .container .user-content .contact_page .aboutworkshop_wrap .about_text .col1 {width:30%;} #vio_wrap {position: absolute;top: 30%;right: 5%;display:none;} /*violator*/ } @media only screen and (max-width: 600px) { .template-page #content .container .user-content .contact_page .aboutworkshop_wrap .about_text .col2 {width:100%;margin-top:13px;} .template-page #content .container .user-content .contact_page .aboutworkshop_wrap .about_text .col1 {width:100%;padding-right:0;} } @media only screen and (max-width: 500px) { #vio_wrap {position: absolute;top: 30%;right: 2%;} /*violator*/ } @media only screen and (max-width: 450px) { .utils #vio_wrap {position: absolute;top: 48%;right: 0px;width:68px;height:68px;margin-right:18px;} /*violator*/ .utils #vio_wrap #violator_content {margin-top:16%;} } /* Phone sizes typically start here */ @media only screen and (max-width: 767px) { .page-header .social-area {float:none;} .template-blog #content .container .page-header .social-area, .template-article #content .container .page-header .social-area {margin-top:8px !important;} /*about page - fabricants*/ .template-page #content .container .user-content .about_page .handmadeby_wrap .about_text .fabricants_wrap ul {width:21%;padding:0 22px 0 0;height:100px;} .page-header {padding:12px 0px 13px 0px} /*spacing abovebelow title*/ .template-index #content .container .layout {text-align:center;} /*center news section*/ .template-page #content .container .user-content .about_page .aboutworkshop_wrap h1.majortitle, .template-page #content .container .user-content .contact_page .aboutworkshop_wrap h1.majortitle {padding-top:13px !important; padding-bottom:21px;} /*about page title*/ .template-page #content .container .user-content .contact_page .aboutworkshop_wrap .about_text {margin-top:18px;} .template-page #content .container .user-content .contact_page .aboutres_wrap, .template-page #content .container .user-content .contact_page .handmadeby_wrap {margin-top:35px;} .template-page #content .container .user-content .about_page .aboutres_wrap h1.majortitle, .template-page #content .container .user-content .about_page .handmadeby_wrap h1.majortitle {padding-top:13px;padding-bottom:21px;} .template-page #content .container .user-content .about_page .aboutres_wrap p, .template-page #content .container .user-content .about_page .handmadeby_wrap p {width:100%;} /* General layout */ .template-collection #content .container .page-header {padding-top:12px;padding-bottom:0px;} .template-collection #content .container .artist-tn-coll {padding-bottom:25px;} .container { padding-left: 20px; padding-right: 20px; padding-bottom:0px;} .strongly-padded-row { padding-top: 40px; padding-bottom: 40px; } .layout-column-half-left, .layout-column-half-right { float: none; width: auto; } .layout-column-half-left { margin-bottom: 40px; } .layout-content-with-image-left .content, .layout-content-with-image-left .image-cont, .layout-content-with-image-right .content, .layout-content-with-image-right .image-cont { display: block; width: auto; margin: 20px 0; } .layout .col-third, .layout .col-third.left, .layout .col-third.right { float: none; width: auto; margin-left: 0; } #template.lefty-form { text-align: center; } .nav-row a { padding-left: 10px; padding-right: 10px; } #store-messages.messages-2 .message, #store-messages.messages-3 .message { float: none; width: auto; } #store-messages .message .fluff { display: none; } .page-header .filters { float: none; margin-bottom:13px;} .page-header .social-area { margin-top: 12px; } /* full-width images should keep a fixed height and crop to the side */ #content .slide .overlay-text .button { display: none; } .flexslider .flex-direction-nav a { display: none; } .collection-listing .product-block { height: auto; width: 47%; padding-left: 1%; padding-right: 1%; min-width: 0; } .collection-slider .collection-listing .product-block { max-width: 98%; } .collection-listing .product-block .image-cont, .collection-slider .collection-listing .product-block .image-cont { height: auto; max-height: none; } .collection-listing .product-block img, .collection-slider .collection-listing .product-block img { max-height: none; max-width: 100%; height: auto; } .product-block.page-block .block-inner { width: auto; } .collection-listing .product-detail .inner { padding: 100px 40px 50px 40px; margin-left: 10px; margin-right: 10px; } #cartform .item .image { margin-left: 0; } #cartform .item .desc { margin-right: 0; } #cartform .item .quantotal { position: relative; clear: both; padding-top: 20px; } #cartform .item .quantity { position: static; float: left; } #cartform .item .line-total { position: static; float: right; } #cartform .item a.remove { right: 10px; } #cartform .totals-area .checkout-col { float: none; max-width: none; text-align:right;} } @media only screen and (max-width: 600px) { /*about page - fabricants*/ .template-page #content .container .user-content .about_page .handmadeby_wrap .about_text .fabricants_wrap ul {width:29%;padding:0 12px 0 0;height:80px;} .about_page .aboutworkshop_wrap .about_text .column {width:92%;} /*about page - columns*/ #pagefooter .nav-row .multi-level-nav .tier-1 li a {padding:10px 18px 17px 18px} /*spacing for footer nav*/ .template-collection #content .multi-tag-row .nav-row a {padding:0px 0px 7px 8px;letter-spacing:1px;}/*change size of category list*/ .template-collection #content .multi-tag-row .tags ul {padding-top:10px;padding-bottom:8px;} /*add space to nav*/ #content .artists-tn-page .product-block .block-inner {height:auto;} /*remove gigantic spacing*/ .layout .col-third, .layout .col-third.left, .layout .col-third.right {margin-right:0px;} /*remove spacing on news blocks*/ #main-nav .multi-level-nav .tier-1 {padding-top:10px;} /*add padding above nav*/ #pageheader .util-area { text-align: center; } #pageheader .search-box, #pageheader .utils { float: none; display: block; margin-left:auto; margin-right:auto; } #pageheader .util-area .signup-reveal-area { display: block; margin-bottom: 15px; } #pageheader .util-area .signup-form-cont .signup-form:before { left: 50%; } #pageheader .util-area .signup-form-cont .signup-form:after { left: 50%; } #pageheader .utils .social-links, #pageheader .utils .cart-summary { display: block; margin: 0 0 0px; text-align: center; } #pageheader .utils .cart-summary { margin-bottom: 20px; } #pageheader .utils .cart-summary .switcher .switcher-drop, #pageheader .util-area .signup-form-cont { position: relative; -webkit-animation: none; animation: none; } #pageheader .utils .cart-summary .switcher .switcher-drop .inner { white-space: normal; } #pageheader .utils .cart-summary .switcher .switcher-drop .inner:before { top: 0; left: 50%; } #pageheader .utils .cart-summary .switcher .switcher-drop .inner:after { top: 1px; left: 50%; } #pagefooter .image-links .image-link { float: none; width: auto; } #pagefooter .image-links .image-link.block-1, #pagefooter .image-links .image-link.block-2, #pagefooter .image-links .image-link.block-3 { margin: 0 1.4%; } #pageheader .search-box { max-width: 100%; margin-left: auto; margin-right: auto; -moz-box-sizing: border-box; box-sizing: border-box; } #pageheader .search-box .search-form { border-color: #dedede; background-color: #fff; display: block; } #pageheader .search-box .search-form input[type="text"] { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } #pageheader .search-box .search-form input[type="submit"] { opacity: 1; } #pageheader .search-box i { background-image: url('social_spr_darkgrey_1178.png'); } /* HTML5 input placeholders */ #pageheader .search-box input[type="text"]::-webkit-input-placeholder { color: #666; } #pageheader .search-box input[type="text"]::-moz-placeholder { color: #666; } #pageheader .search-box input[type="text"]:-ms-input-placeholder { color: #666; } #pageheader .search-box .results-box { position: static; width: auto; } .nav-row { line-height: 1em; } .view-as { margin: 10px 0 0; } #comments .comment .gravatar { width: 40px; } #comments .comment .detail { margin-left: 55px; } #cart-summary-overlay .item * { display: inline; } #cart-summary-overlay .item, #cart-summary-overlay .item .info, #cart-summary-overlay .cart { width: auto; float: none; padding: 0 20px; } #cart-summary-overlay .item .img, #cart-summary-overlay .item .detail, #cart-summary-overlay .cart .cart-text { display: none; } #cart-summary-overlay .item .info > * { display: inline; margin-right: 10px; } #cart-summary-overlay #shop-more, #cart-summary-overlay .button { width: 49%; margin: 0; -moz-box-sizing: content-box; box-sizing: border-box; } #cart-summary-overlay #shop-more { float: left; } } @media only screen and (max-width: 480px) { /*about page - fabricants*/ .template-page #content .container .user-content .about_page .handmadeby_wrap .about_text .fabricants_wrap ul {width:43%;padding:0 10px 0 0;height:80px;} .template-collection #content .container .page-header .artist_extra_info .col .text p {font-size:16px;line-height:23px;} /*artist single page - body text*/ .template-collection #content .container .page-header .artist_extra_info .col iframe {width:100%;} /*artist single page - video resizes*/ .template-collection #content .collection-listing .product-block {height:180px;} /*change with the smaller thumbnail*/ #pageheader .utils .cart-summary { margin-bottom: 7px; } /* Show all product rows at half height */ .product-block .block-inner { height: 230px; } .product-block .block-inner .image-cont img { max-height: 138px; } /*product page*/ .template-product #content #related-products .collection-listing .product-block {height:200px;} } @media only screen and (max-width: 360px) { .signup-form label { display: none; } } /* High DPI devices get some graphical upgrades */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .social-links a { background-image:url('social_spr_darkgrey_2x_1178.png'); -moz-background-size:243px 22px; -ie-background-size:243px 22px; -o-background-size:243px 22px; -webkit-background-size:243px 22px; background-size:243px 22px; } #pageheader .search-box i { background-image:url('social_spr_darkgrey_2x_1178.png'); -moz-background-size:243px 22px; -ie-background-size:243px 22px; -o-background-size:243px 22px; -webkit-background-size:243px 22px; background-size:243px 22px; } #payment-methods li { background:url('payment_spr_white_2x_1178.png'); -moz-background-size:579px 32px; -ie-background-size:579px 32px; -o-background-size:579px 32px; -webkit-background-size:579px 32px; background-size:579px 32px; } } @media only screen and (min-device-width : 320px) and (max-device-width : 1024px) { html { -webkit-text-size-adjust: none; /* Prevent iOS font scaling */ } } /* High DPI device & slim screen */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 600px) { #pageheader .search-box i { background-image: url('social_spr_darkgrey_2x_1178.png'); -moz-background-size:243px 22px; -ie-background-size:243px 22px; -o-background-size:243px 22px; -webkit-background-size:243px 22px; background-size:243px 22px; } } /* Animations */ @-webkit-keyframes reveal { 0% { margin-left:-999px; opacity:0; } 1% { margin-left:0; opacity:0; -webkit-transform:scale(0.98) translateY(-15px); } 80% { -webkit-transform:scale(1); } 100% { -webkit-transform:translateY(0); } } @keyframes reveal { 0% { margin-left:-999px; opacity:0; } 1% { margin-left:0; opacity:0; transform:scale(0.98) translateY(-15px); } 80% { transform:scale(1); } 100% { transform:translateY(0); } } /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /* Page specific styles */ /* -------------------------------------------------------------------*/ /* -------------------------------------------------------------------*/ /*product page title*/ .template-product #content #related-products h4, #main-product-process-block h2.process-title {font-family:"ff-meta-web-pro",sans-serif;font-style:normal;font-weight: 400;font-size:18px;} /*product page process title*/ #main-product-process-block h2.process-title {padding-bottom:10px;} .template-product #content #related-products {display:block;border-top:solid 1px #cbcbcb;max-width:none;padding:20px 0px 0 0;} .cb {clear:both;} #main-product-process-block {text-align:center;max-width:none;margin-left: auto;margin-right: auto;padding:20px 40px 0px 40px;border-top:solid 1px #cbcbcb;margin-top:40px;margin-bottom:40px;} #main-product-process-block img {margin:0 9px;} /*product page quantity box*/ .template-product #content #main-product-detail .detail .product-form .form .input-row input{height:27px;text-align:center;padding:0 10px 1px} /*product page add to cart btn*/ .template-product #content #main-product-detail .detail .product-form .form .input-row input[type=submit]{padding:10px 7px 15px} .template-product #content #main-product-detail .detail .product-form .form .input-row input.addtocart{padding:10px 7px 15px;height:auto} /*product page title*/ .template-product #content #related-products h4,#main-product-process-block h2.process-title{font-family:ff-meta-sc-web-pro,sans-serif;font-style:normal;font-weight:400;font-size:18px} /*product page process title*/ #main-product-process-block h2.process-title{padding-bottom:10px} /*h1 on collection template*/ .template-collection #content .container .page-header h1.majortitle{max-width:400px;margin:0 auto;font-family:ff-meta-sc-web-pro,sans-serif; text-transform:none;} /*h1 on artist single page*/ .template-collection #content .artist-single .page-header h1.majortitle{margin-bottom:45px; font-family:ff-meta-sc-web-pro,sans-serif; text-transform:none;} .template-page #content .container .page-header .social-area{margin-top:-11px}/*for about page*/ .template-product #content .container .page-header .filters{padding-top:0}/*for product page*/ .template-product #content .container .page-header .social-area{margin-top:0} template-product #content #related-products{display:block;border-top:solid 1px #cbcbcb;max-width:none;padding:20px 0 0} /* -------------------------------------------------------------------*/ /*ARTIST PAGE*/ /* -------------------------------------------------------------------*/ .artist_extra_info {color:#000;letter-spacing:0px;font-size:12px;line-height:16px;text-align:left;width:1010px;margin:0 auto;} .artist_extra_info .col {width:48%;} .artist_extra_info .col1 {float:left;} .artist_extra_info .col2 {float:right;} .artist_extra_info .text {margin-top:10px;} .artist_extra_info .text b {font-size:14px;line-height:18px;letter-spacing:2px;margin:0;font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400;text-transform:uppercase;} .artist_extra_info .text p {margin-bottom:.7em;margin-top:1em;} .artist_extra_info .buttons {margin-top:20px;} .artist_extra_info .ext_links {border: solid 1px #cbcbcb;padding:10px 15px 15px;font-size:13px;} .artist_extra_info .ext_links:hover {background-color:#000;color:#fff;} .artist_extra_info .link1 {margin-right:12px;} /* -------------------------------------------------------------------*/ /*ABOUT PAGE TEMPLATE*/ /* -------------------------------------------------------------------*/ .template-page #content .container .user-content .about_page .aboutworkshop_wrap h1.majortitle, .template-page #content .container .user-content .contact_page .aboutworkshop_wrap h1.majortitle {padding-top:36px;} /*about page title*/.template-page #content .container .page-header h1.majortitle{margin:0} .about_page h1.majortitle, .contact_page h1.majortitle {text-align:center;padding-top:50px;padding-bottom:45px;margin:0;text-transform:uppercase;} /*About page - section 1, 2 & 3*/ .aboutres_wrap, .handmadeby_wrap {margin-top:65px;} .about_page .about_text, .contact_page .about_text {margin-top:25px;} .readme {font-size:17px;line-height:24px;} .aboutworkshop_wrap b, .aboutres_wrap b {font-size:10px;line-height:12px;letter-spacing:1px;font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 700;} .aboutworkshop_wrap p, .aboutres_wrap p {} /*About + Contact page - section 1 */ .about_page, .contact_page {color:#000;font-size:12px;line-height:16px;} .aboutworkshop_wrap {} .aboutworkshop_wrap .column {width:47.8%;float:left;} .aboutworkshop_wrap .column .row p {margin-top:8px;} /*.aboutworkshop_wrap .column .row b:first-child {margin-bottom:15px;}*/ .aboutworkshop_wrap .col1 {padding-right:45px;} .aboutworkshop_wrap .col1 .row1 {} .aboutworkshop_wrap .col1 .row1 span.hilite {color:#fd6616;} .aboutworkshop_wrap .col1 .row1 p {margin:0;} .aboutworkshop_wrap .col1 .row1 p:last-child {margin-top:8px;} .aboutworkshop_wrap .col1 .row2 {margin-top:25px;} .aboutworkshop_wrap .col1 .row2 p {} .aboutworkshop_wrap .col2 {} .aboutworkshop_wrap .col2 .row1, .aboutworkshop_wrap .col2 .row2 {margin-bottom:22px;} /*About page - section 2*/ .aboutres_wrap .about_text p {margin-bottom:1.2em;} /*About page - section 2 & 3*/ .aboutres_wrap, .handmadeby_wrap {border-top:solid 1px #cbcbcb;} .aboutres_wrap p, .handmadeby_wrap p {width:76%;} /*About page - section 3*/ .handmadeby_wrap .about_text .readme {margin-bottom:2em;} /*About page - Fabricants*/ hr{border:none;width:100%;color:transparent;border-bottom:3px double #cbcbcb;height:9px;margin:1em 0} .about_text .fabricants_wrap ul {width:14%;float:left;margin:0;padding:0 22px 0 0;height:90px;} .about_text .fabricants_wrap ul li {list-style-type:none;} .about_text .fabricants_wrap ul li:first-child {font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:1px}/*titles*/ .about_text .fabricants_wrap ul li:nth-child(2) {font-family: "ff-meta-web-pro",sans-serif;font-style: italic;font-weight: 400;} /*Contact*/ .contact_page {margin-bottom:20px;} .contact_page .aboutworkshop_wrap .col1 {width:19%} .contact_page .aboutworkshop_wrap .col2 {width:76%} .aboutworkshop_wrap .col2 span.hilite {color:#fd6616;} .aboutworkshop_wrap .col2 p {margin:0;} .aboutworkshop_wrap .col2 p:last-child {margin-top:8px;} /*Regular Page template*/ .page-reg {font-family: "ff-meta-web-pro";font-size: 17px;line-height: 24px;margin-bottom: 30px;width: 75%;margin: 0 auto;padding-bottom: 30px;color:#000;} /* -------------------------------------------------------------------*/ /*BLOG TEMPLATE*/ /* -------------------------------------------------------------------*/ .template-blog #content .container, .template-article #content .container {max-width:880px;} .template-blog #content .container .page-header, .template-article #content .container .page-header {padding-bottom:20px;} .template-blog #content .container .page-header h1.majortitle, .template-article #content .container .page-header h2.majortitle {margin:0;} .template-blog #content .container .page-header .social-area, .template-article #content .container .page-header .social-area {margin-top:-29px;} /*post*/ .template-blog #content .article-list h2, .template-article #content .article h1 {font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400;font-size:18px;line-height:22px;letter-spacing:1px;margin-bottom:.5em;} /*post title*/ .template-blog #content .article-list .time, .template-article #content .article .time {font-family: "ff-meta-web-pro",sans-serif;font-style: italic;font-weight: 400;font-size:11px;line-height:13px;letter-spacing:0px;color:#000;margin-bottom:1.4em;} .template-blog #content .article-list .time .es, .template-article #content .article .time .es {padding:0px 3px;} .template-blog #content .article-list .user-content p, .template-article #content .article .user-content p {margin-bottom:.55em;} .template-blog #content .article-list .user-content, .template-blog #content .article-list .article .continue-reading, .template-article #content .article .user-content, .template-article #content .article .continue-reading {font-size:17px;line-height:24px;color:#000;} .template-blog #content .article-list .article .continue-reading a {color:#fd6616;} .template-blog #content .article-list .article .continue-reading a:hover {color:#ccc;} .template-blog .article-list, .template-article .article {border-bottom:solid 1px #ccc;} /* Blog + articles */ #content .article .container .user-content p:first-child a {display:none;} .template-article #content .article .container .meta {margin-top:1.3em;} .template-article #content .article .container {margin-top:20px;margin-bottom:30px;} /* -------------------------------------------------------------------*/ /*CART*/ /* -------------------------------------------------------------------*/ .template-cart #content h1.majortitle {margin:0;} .template-cart #content .item-list .item .image {margin:0px 60px 0px 0px;} .template-cart #content .item-list .item .desc, .template-cart #content .item-list .item .line-total {font-family: "ff-meta-sc-web-pro",sans-serif;font-style: normal;font-weight: 400;text-transform:lowercase;font-size:14px;line-height:18px; letter-spacing:1px;} .template-cart #content .item-list .item .quantity {font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 700;font-size:12px;color:#747474;letter-spacing:0px;} .template-cart #content .container .item-list input {font-size:10px;padding:7px 0px 8px 0px;margin-left:10px;} .template-cart #content .container .item-list {color:#000;} .template-cart #content .container ul.item-list li.item:first-child {margin-top:0;} .template-cart #content .container .page-header {45px 0px 30px 0px;} .template-cart #content .container .checkout-note {font-family: "ff-meta-web-pro",sans-serif;font-style: italic;font-weight: 400;font-size:12px;letter-spacing:0px;color:#747474;} .template-cart .totals-area .checkout-col h2.subtotal {font-size:31px;letter-spacing:1px;line-height:26px;} #cartform .totals-area .checkout-col {text-align:right;letter-spacing:0px;color:#747474;font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 700;font-size:12px;} #cartform .totals-area .checkout-col a {color:#0068b4;} #cartform .totals-area .checkout-col a:hover {color:#000;} .template-cart #content .container .divider .totals-area #update-cart {margin-left:10px;} .template-cart #content .container .totals-area .extra {font-family: "ff-meta-web-pro",sans-serif;font-style: italic;font-weight: 400;} /* shipping calculator */ .template-cart #content .container #shipping-calculator h4 {margin-bottom:.6em;} .template-cart #content .container #shipping-calculator .shipnote {font-family: "ff-meta-web-pro",sans-serif;font-style: italic;font-weight: 400;font-size;12px;line-height:14px;letter-spacing:0px;color:#747474;margin-bottom:2em;} .template-cart #content .container .padded #shipping-calculator .inputrow {font-family: "ff-meta-sc-web-pro",sans-serif;font-style: normal;font-weight: 400;font-size:13px;line-height:15px;text-transform:lowercase;color:#000;} .template-cart #content .container .padded #shipping-calculator .inputrow #address_zip, .template-cart #content .container .padded #shipping-calculator .inputrow input[type="button"] {padding:7px 7px 11px 11px;} #cartform #shipping-calculator #wrapper-response {font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400;color:#000;letter-spacing:0px;padding:7px 14px 11px;} /* -------------------------------------------------------------------*/ /*CUSTOMER PAGES*/ /* -------------------------------------------------------------------*/ #content .container #template #customer {margin-bottom:40px;} #content .container #template #customer .large_form, #customer .large_form, #recover-password .large_form {width:388px;margin:-1px auto;} #content .container #template #customer input, #recover-password input {padding-left:0;padding-right:0;} .jsforms #template .large_form label {font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 700;font-size:10px;color:#747474;text-transform:uppercase;letter-spacing:0px;} #content .container #template #customer .template_header .tf-metasc, #customer h2, #recover-password h2, #content #template #guest h3.title {font-size:23px;} #content #template #guest h3.title {font-size:23px;letter-spacing: 2px;text-transform: lowercase;font-family: "ff-meta-sc-web-pro",sans-serif;font-style: normal;font-weight: 400;} #content #template #guest {margin-bottom:40px;} #recover-password h2 {font-family: "ff-meta-sc-web-pro",sans-serif;font-style: normal;font-weight: 400;text-transform:lowercase;} #content .container #template #customer .large, #customer .large, #content .container #template #customer .large, #recover-password .large {font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400;font-size:10px;color:#0068b4;} #content .container #template #customer .errors {color:#000;margin-bottom:35px;letter-spacing:0px;} #content .container #template #customer #login_password #forgot_password {margin-top:20px;font-family: "ff-meta-web-pro",sans-serif;font-style: italic;font-weight: 400;font-size:12px;color:#747474;letter-spacing:0px;} #content .container #template #customer #login_password #forgot_password a {color:#747474;} #content .container #template #customer #login_password #forgot_password a:hover {color:#000;} #recover-password {margin-bottom:40px;} #recover-password .errors ul {margin-bottom:27px;letter-spacing:0px;color:#000;margin-top:0;} /*account links in navigation*/ li.account-links a {padding:0;} .nav-row ul li {vertical-align:baseline;} #main-nav .multi-level-nav .tier-1 {padding-bottom:4px;} /* -------------------------------------------------------------------*/ /*COLLECTION TEMPLATE - stream view*/ /* -------------------------------------------------------------------*/ .template-collection #content .collection-listing-stream h1.title {font-size: 23px;font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400;text-transform: uppercase;} .template-collection #content .collection-listing-stream h2.artist-name {font-size:12px;} .template-collection #content .collection-listing-stream .product-form h2.price {padding:20px 0px 5px 0px} .template-collection #content .collection-listing-stream .product-form {margin-bottom:20px;} /*add spacing before details link*/ .template-collection #content .collection-listing-stream .product-list .product-detail .container .gallery .main-image {margin-bottom:0px;} .template-collection #content .collection-listing-stream .product-list .product-detail .container .gallery .thumbnails {margin:10px 0px;font-family: "ff-meta-web-pro",sans-serif;font-style: normal;font-weight: 400;letter-spacing:0px;color:#000;} #vio_wrap {width: 88px;height: 88px;margin-top:-25px;margin-right:20px;float:left;} #violator {border-radius: 50%;width:100%;height:100%; border:double 4px #cbcbcb;text-align:center;line-height:19px;background-color:#fff;color:#000;position: relative;} #violator:hover {color:#0068b4;} /*#violator_content {height:50px;margin-top:25%;}*/ #violator_content {width: 100%;height: 54%;overflow: hidden;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;} #violator .line {display:block;overflow:hidden;margin:0 auto;height:19px;} #violator span.line1 {font-family: "adobe-garamond-pro",serif;font-style: italic;font-weight: 400;font-size:18px;letter-spacing:0px;text-transform:lowercase;} #violator span.line2 {font-size:9px;text-transform:uppercase;} #violator span.line3 {font-size:19px;line-height:14px;}