/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* 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;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .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 {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav a { width: 24px; height: 39px; margin: -20px 0 0; display: block; background: no-repeat 0 0; background-image: url(data:image/png;base64,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); position: absolute !important; top: 50%; cursor: pointer; text-indent: -9999px; opacity: .5; -webkit-transition: all .3s ease; border: none !important;} .flex-direction-nav a:hover { opacity: .8; } .flex-direction-nav .flex-next {background-position: 100% 0; right: -50px; } .flex-direction-nav .flex-prev {left: -50px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 3px !important; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a { border: none; width: 6px; height: 6px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } .slides img { opacity:0; } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* -------------------------------------------------------------- CSS Reset [ Resets default browser styles ] -------------------------------------------------------------- */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;} /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. h1 { font-size: 2em; margin: 0.67em 0; } */ /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: none; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* -------------------------------------------------------------- Base styles -------------------------------------------------------------- */ body { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #1f1f1f; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #ffffff; background-image: none ; background-repeat: repeat; } ::-moz-selection { background: #ff0101; color: #ffffff; } ::selection { background: #ff0101; color: #ffffff; } p, blockquote, ul, ol, dl { margin-bottom: 1.2em; line-height: 1.4em; } h1, h2, h3, h4, h5, h6 { margin-bottom: 1.2em; line-height: 1.4em; } strong, b { font-weight: bold; } em, i { font-style: italic; } a, a:link, a:visited { color: #ff0101; text-decoration: none; outline: none; cursor: pointer; } a:hover, a:active { color: #000000; } a img { display: block; text-decoration: none; border: none; } img { border: none; -ms-interpolation-mode: bicubic; } img, embed, object, video { max-width: 100%; } /* -------------------------------------------------------------- Elements / Shared -------------------------------------------------------------- */ button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .button { padding: 13px 30px; line-height: 1.4em !important; margin: 0; border: 1px solid #000000; color: #ff0000 !important; background: transparent; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .button:hover { color: #000000 !important; border-color: #000000; } .button.disabled:hover { cursor: default; } input, textarea { padding: 10px 8px; width: auto; font-family: Arial, Helvetica, sans-serif; background: #ffffff; outline: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } li:hover textarea, li:hover input { background: #ececec; } input:focus, textarea:focus { color: #ffffff; outline: none; background: #ff0101 !important; } label { display: block; float: left; width: 170px; padding-right: 30px; margin-top: 10px; text-align: right; } ul#error { max-width: 550px; margin: 20px auto 80px; text-align: center; color: #5a6061; } ul#error li { padding: 14px; margin-bottom: 1px; background: #fef1f8; } .message { max-width: 500px; margin: 110px auto 0; padding: 25px 25px; text-align: center; } .message p { font-size: 15px; margin-bottom: 0; } #search { position: relative; margin-right: 10px; } #search #search-form a { position: absolute; right: 0; color: #ff0000 !important; } #search #search-form a:hover { color: #1f1f1f !important; } #search #search-form input { visibility: hidden; margin: -15px 0 0; outline: none; opacity: 0; color: #1f1f1f; background: #ececec; border: none; transition: all .2s ease-in; border-radius: 3px; } #search #search-form input:focus { color: #ffffff; } #search:hover #search-form a { visibility: hidden; } #search:hover #search-form input { visibility: visible; opacity: 1; transition: all 0 ease-in; } span.arrow { display: inline-block; position: relative; top: -2px; margin-left: 10px; width: 0px; height: 0px; border-style: solid; border-width: 5px 5px 0 5px; border-color: #ff0000 transparent transparent transparent; } /* Big Cartel Badge ------------------------------------------------------------*/ #badge { width: 100%; margin-top: 20px; } #badge a { display: block; margin: 0 auto; width: 79px; height: 23px; border: none; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(https://assets.bigcartel.com/theme_assets/73/1.1.12/images/bc_badge.png) no-repeat; } /* -------------------------------------------------------------- Structure -------------------------------------------------------------- */ .canvas { width: 80%; max-width: 800px; min-width: 550px; margin: 0 auto 0; } #home .canvas, #products_page .canvas, #product .canvas { max-width: 1000px; } #site_content { position: relative; min-width: 550px; min-height: 60vh; margin: 110px auto 130px; padding: 0; } /* -------------------------------------------------------------- Site Header -------------------------------------------------------------- */ #site_header { position: fixed; top: 0; z-index: 10; width: 100%; padding: 25px 0; } #branding a, #cart_nav a { color: #1f1f1f; } #branding a:hover, #cart_nav a:hover { color: #ff0000; } #branding { float: left; max-width: 50%; margin-left: 30px; } #cart_nav { float: right; margin-right: 20px; } #cart_nav #menu { display: none; } #cart_nav li { float: left; } #cart_nav a { padding: 0 10px; } #cart_nav #cart_info span { padding-left: 7px; } #theme_image { margin: -20px 0 40px; text-align: center; } #nav_primary { position: relative; z-index: 11; margin: 0 0 70px; text-align: center; } #nav_primary li { display: inline-block; } #nav_primary li a { padding: 0 12px; color: #1f1f1f; } #nav_primary li a:hover, #nav_primary li.selected a { color: #ff0000; } #home #intro .keyline, #nav_primary .keyline, #site_footer .keyline { clear: both; display: block; margin: 50px auto 0; height: 1px; width: 200px; background: #000000; } /* -------------------------------------------------------------- Site Footer -------------------------------------------------------------- */ #site_footer { position: relative; overflow: hidden; opacity: 1; width: 100%; clear: both; padding: 0 0 15px; text-align: center; transition: all .2s ease-in; } #site_footer:hover { opacity: 1; } #site_footer nav { overflow: hidden; } #site_footer nav ul { margin-bottom: .5em; } #site_footer nav ul li { display: inline-block; } #site_footer nav ul li a { display: block; padding: 0 12px; color: #1f1f1f; } #site_footer nav ul li a:hover { color: #ff0000; } #site_footer nav ul li#search { display: none; } #site_footer #social_links { overflow: hidden; } #site_footer #social_links li { display: inline-block; } #site_footer #social_links li a { display: block; padding: 0 12px; color: #ff0000; } #site_footer #social_links li a:hover { color: #1f1f1f; } #site_footer nav + #social_links { margin-bottom: 12px; } /* -------------------------------------------------------------- Site Content -------------------------------------------------------------- */ #content_header { margin-top: -25px; text-align: center; } #content_header h1 { font-family: Impact, Charcoal, sans-serif; font-size: 34px; color: #1f1f1f; } /* -------------------------------------------------------------- Loading Spinner -------------------------------------------------------------- */ .spinner { opacity: .5; height: 40px; width: 40px; position: absolute; top: 110px; left: 50%; margin: 0 auto 0 -20px; -webkit-animation: rotation 1s infinite linear; -moz-animation: rotation 1s infinite linear; -o-animation: rotation 1s infinite linear; animation: rotation 1s infinite linear; border-left: 2px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000; border-top: 2px solid #ff0000; border-radius: 100%; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @-moz-keyframes rotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(359deg); } } @-o-keyframes rotation { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(359deg); } } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /*============================================================ Basic Styles - used for the simple controls ============================================================*/ #home #intro { margin: -28px auto 50px; max-width: 660px; font-family: Impact, Charcoal, sans-serif; font-size: 30px; color: #ff0101; text-align: center; } #home #intro .keyline { margin-bottom: 70px; } #home #all_products_btn { margin: 100px auto 0; display: block; width: 198px; padding-left: 0; padding-right: 0; display: block; } #home #gallery { position: relative; margin-top: -71px; margin-bottom: 150px; z-index: 100; } #home #gallery .flex-control-nav { bottom: -36px; } #home #gallery #shop_products { position: absolute; right: 0; bottom: -39px; } /* -------------------------------------------------------------- Product -------------------------------------------------------------- */ #product #site_content { margin-bottom: 0; } #product h1 { margin-bottom: 29px; line-height: 1.3em; } #product .product_images { position: relative; } #product .product_images .flex-control-nav { bottom: -36px; display: block; } #product .product_info { margin-bottom: 20px; } #product .product_info .product_price { padding: 15px 0 11px; } #product .product_info .product_price h3 { position: relative; right: 0; } #product .product_info .product_price h3.price { position: relative; width: 100%; color: #1f1f1f; } #product .product_info #product_sharing { float: right; margin-top: -30px; } #product .product_info #product_sharing a { position: relative; z-index: 100; color: #ff0000; } #product .product_info #product_sharing a:hover { color: #1f1f1f; } #product .product_info #product_sharing ul { display: none; position: fixed; z-index: 200; top: 50%; left: 50%; min-width: 400px; padding: 60px 30px 80px; background: #ff0101; opacity: .9; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #product .product_info #product_sharing ul li a { display: block; width: 80%; margin: 0 auto; padding: 18px 0 20px; text-align: center; font-size: 34px; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.3); transition: background .5s ease-in; } #product .product_info #product_sharing ul li a:hover { color: #fff; background: rgba(255, 255, 255, 0.3); transition: background 0 ease-in; } #product .product_info #product_sharing ul li:first-child { padding-bottom: 10px; } #product .product_info #product_sharing ul li:first-child a { color: rgba(255, 255, 255, 0.7); border: none; } #product .product_info #product_sharing ul li:first-child a:hover { background: transparent; color: #fff; } #product .product_info #product_sharing ul li:last-child a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } #product #page_body { width: 520px; margin: 30px auto 0; } #product .product_inventory { width: 100%; margin: 24px auto; line-height: 0; } #product .product_inventory ul { margin-bottom: 0; } #product .product_inventory ul li { position: relative; overflow: hidden; margin: 0; padding: 10px 0 0; list-style: none; } #product .product_inventory ul li h3 { margin: 0 0 4px; padding: 0; font-size: 15px; } #product .product_inventory ul li h3 span { float: right; color: #ff0000; } #product .product_inventory ul li .bar { z-index: -1; float: left; width: 100%; height: 3px; background: #ececec; } #product .product_inventory ul li .bar .fill { background: #ff0101; } #product #pagination { margin: 100px auto; } #product_options { text-align: center; } #product_options .button { display: block; margin: 0 auto; width: 200px; border-color: transparent; border-top: 1px solid #000000; color: #ff0101 !important; } #product_options .button:hover { border: 1px solid #000000; color: #000000 !important; } #product_options #option_select { width: 200px; position: relative; display: inline-block; } #product_options #option_select span { text-decoration: none; } #product_options #option_select #options_button, #product_options #option_select #button_header { padding-right: 0; padding-left: 0; color: #ff0101; } #product_options #option_select #options_button span.arrow { top: -2px; opacity: .8; border-color: #ff0101 transparent transparent transparent; } #product_options #option_select #options_button:hover span.arrow { border-color: #000000 transparent transparent transparent; } #product_options #option_select #button_header { color: #ff0000 !important; } #options_menu { display: none; position: absolute; z-index: 999; padding-top: 47px; top: 0; width: 200px; text-align: center; text-indent: 0; background: transparent; border-radius: 0; border: 1px solid #ff0101; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25); } #options_menu:after { border: none; } #options_menu li { padding: 8px; cursor: pointer; line-height: 1.2em; color: #ff0101; border-radius: 0; background: #ffffff; border-top: 1px solid #000000; border-bottom: 0; transition: background .5s ease-in; } #options_menu li span.currency_sign:before { content: "/"; color: #ff0000 !important; padding-right: 6px; } #options_menu li:last-child { border-top: 1px solid #000000; } #options_menu li:hover { color: #000000; background: #ececec !important; transition: background 0 ease-in; } /* -------------------------------------------------------------- Home/Products -------------------------------------------------------------- */ .product { position: relative; margin: 0 0 54px; } .product .flex-viewport { height: 100%; min-height: 300px; } .product_images { width: 100%; height: 100%; min-height: 300px; margin: 0 0 7px 0; text-align: center; background: transparent; } .product_images img { max-width: 100%; } .product_images ul, .product_images li { line-height: 0; } .product_images.loading li img { visibility: visible; } .product_images .flex-viewport ul li { cursor: e-resize; } .product_images .flex-viewport ul li.solo { cursor: default; } .product_images .flex-control-nav { width: 100%; position: absolute; bottom: 22px; left: -4px; } .product:hover .product_images .flex-control-nav { display: block; } .product_images .flex-control-nav li { margin: 3px !important; display: block; *display: block; float: left; } .product_images .flex-control-nav.flex-control-paging li a { width: 4px; height: 4px; display: block; border: 1px solid #ff0000; opacity: .7; box-shadow: none; background: transparent; } .product_images .flex-control-nav.flex-control-paging li a:hover { background: #ff0000; } .product_images .flex-control-nav.flex-control-paging li a.flex-active { margin-top: 1px; cursor: default; border: none; background: #ff0000; } .product_info { width: 100%; } .product_price { position: relative; margin-top: 0; text-align: center; line-height: 0; } .product_price a { display: block; padding: 15px 0; color: #1f1f1f; } .product_price a:hover { color: #ff0000; } .product_price h2, .product_price h3 { margin-bottom: 0; display: inline-block; } .product_price h2 { width: 65%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Impact, Charcoal, sans-serif; } .product_price h3 { position: absolute; right: 0; color: #ff0000; } .product_price h3 .on_sale { font-family: Arial, Helvetica, sans-serif; color: #5a6061; } .sold-out .product_price h3 { color: #5a6061; } #pagination { clear: both; margin: 100px 0 0 0; text-align: center; } #products_page #pagination { margin-top: 120px; } #pagination li { display: inline-block; } #pagination li a.button { position: relative; display: block; width: 120px; padding: 13px 0; color: #ff0000; } #pagination li a.button:hover { color: #ff0101; z-index: 10; } #pagination li:first-child a.button { position: relative; right: -1px; } #categories { position: relative; z-index: 100; margin: -71px 0 64px 0; text-align: center; } #categories a.button { display: inline-block; margin: 0 auto; width: 198px; padding: 18px 0; } #categories a.button:hover span.arrow { opacity: .8; border-color: #000000 transparent transparent transparent; } #categories #options_menu { z-index: 1000; position: absolute; left: 50%; top: 0; z-index: 999; padding-top: 57px; width: 198px; margin: 0 0 0 -100px; } #categories #options_menu li { padding: 0; } #categories #options_menu li a { display: block; padding: 8px 0; } #categories #options_menu li.selected { display: none; } #categories #options_menu li.cat_header { padding: 12px 0; color: #1f1f1f; background: #ececec !important; } #categories #options_menu li.cat_header:hover { cursor: default; background: #ececec !important; } #products_page .canvas.grid { width: 92%; max-width: 980px; } #products_page .canvas.grid #categories { margin-bottom: 74px; } #products_page .canvas.grid #pagination { margin-top: 30px; } #products_page .canvas.grid #products { overflow: hidden; width: 100%; text-align: left; } #products_page .canvas.grid #products #product_list { overflow: hidden; } #products_page .canvas.grid #products .product { float: left; width: 23.1%; margin: 0 .9% 0 .9%; } #products_page .canvas.grid #products .product a .product_images { width: 100%; min-height: 100%; margin: 0; background: transparent; background: #efefef; } #products_page .canvas.grid #products .product a .product_images img { max-width: 100%; max-height: 100%; margin: 0 auto; } #products_page .canvas.grid #products .product a .product_price { text-align: left; margin-top: 6px; margin-bottom: 15px; text-align: center; opacity: 0; transition: all 0.5s ease; } #products_page .canvas.grid #products .product a .product_price h2 { width: 100%; margin-bottom: 0; } #products_page .canvas.grid #products .product a .product_price h3 { position: relative; right: 0; top: 0; float: none; display: block; color: #ff0000; } #products_page .canvas.grid #products .product a:hover .product_price { opacity: 1; } /* -------------------------------------------------------------- Cart -------------------------------------------------------------- */ #cart #site_content { width: 92%; max-width: 710px; } #cart_items { margin-top: -15px; } #cart_items ul { margin-bottom: 0; } #cart_items ul li { overflow: hidden; padding: 10px 0; transition: background .5s ease-in; border-top: 1px solid #000000; } #cart_items ul li.with_option .item_name { margin-top: 8px; } #cart_items ul li .item_thumb { float: left; width: 10.6%; height: 56px; margin: 0 0 0 6%; text-align: center; } #cart_items ul li .item_thumb img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-height: 56px; } #cart_items ul li .item_name { float: left; width: 37%; padding: 0 3% 0 0; margin: 19px 0 0 6%; } #cart_items ul li .item_name h3, #cart_items ul li .item_name span { margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #cart_items ul li .item_name span { width: 100%; display: inline-block; color: #ff0000; } #cart_items ul li input { float: left; margin: 11px 0 0; padding: 9px 8px; width: 20px; font-size: 13px; color: #ff0000; text-align: center; border-color: transparent; border-radius: 3px; } #cart_items ul li input:focus { background: #ff0101; box-shadow: none; color: #ffffff; } #cart_items ul li .item_price { float: left; margin: 19px 0 0 3.9%; color: #1f1f1f; } #cart_items ul li a.remove_item { float: right; margin: 20px 25px 0 0; font-size: 12px; color: #ff0101; text-transform: uppercase; } #cart_items ul li a.remove_item:hover { color: #000000; } .update-btn { float: right; width: auto; margin-top: 15px; text-align: right; text-transform: uppercase; font-size: 12px; padding: 0; margin: 13px 25px 0 0; font-family: Arial, Helvetica, sans-serif; color: #ff0101; border: none; background: none; cursor: pointer; } .update-btn:hover { color: #000000; } #cart_options { margin: 0 0 25px; padding: 15px 0 0; border-top: 1px solid #000000; } #cart_options li { overflow: hidden; position: relative; } #cart_options li:first-child { margin-bottom: 15px; } #cart_options li label { width: 40.1%; padding-right: 4%; color: #ff0000; } #cart_options li label.not_set { color: #5a6061; } #cart_options li input { float: left; padding: 12px 9px; width: 150px; border: none; } #cart_options li select { float: left; width: 168px; margin-top: 10px; } #cart_options li h3 { margin: 10px 0 0 27px; float: left; } #cart_options li p { float: left; margin-top: 10px; width: 161px; } #cart_options li#cart-shipping-tax.not_set { margin-bottom: 0; } #cart_options li#cart-shipping-tax.not_set h3 { margin-left: 0; } #cart_options li#discount_option { padding-top: 2px; } #cart_options li#discount_option input { background: #ececec; margin-top: -2px; border-radius: 3px; } #cart_options li#discount_option p { margin-bottom: 0; } #cart_options li#discount_option.solo { margin-top: 10px; } #cart_total { overflow: hidden; min-height: 70px; margin-top: 0; background: #ececec; } #cart_total p { float: left; width: 40%; margin: 28px 0 0 7.5%; font-size: 12px; color: #ff0000; } #cart_total #total { float: right; width: 40%; margin: 20px 0 0 10%; } #cart_total #total h2 { float: left; margin: 0 0 0 2.1%; font-size: 22px; color: #1f1f1f; } #cart_total #total h3 { float: left; margin: 8px 0 0; width: 27%; font-size: 12px; color: #ff0000; text-align: center; } #cart_total #total .update-btn { margin-top: 10px; margin-right: 25px; text-transform: uppercase; } #checkout-btn { width: 198px; margin: 40px 0 0 61%; } #cart_empty { margin-top: 130px; } #cart_empty a { font-size: 34px; border-bottom: 2px solid #ff0101; } #cart_empty a:hover { border-color: #000000; } /* -------------------------------------------------------------- Contact -------------------------------------------------------------- */ #contact #page_body { overflow: hidden; width: 550px; max-width: 550px; min-width: 550px; margin: 0 auto; } #contact_form { text-align: center; } #contact_form li { padding: 0; overflow: hidden; list-style-type: none; border-top: 1px solid #000000; } #contact_form li label { float: left; width: 100px; margin-top: 12px; padding-bottom: 10px; color: #ff0000; } #contact_form li input { float: left; width: 404px; padding: 12px 8px 24px; border: none; transition: background .5s ease-in; } #contact_form li:hover input, #contact_form li:hover textarea { transition: background 0s ease-in; } #contact_form li textarea { height: 22px; width: 404px; padding: 12px 8px 24px; border: none; transition: height .2s ease-in, background .5s ease-in; } #contact_form li textarea:focus { height: 150px; } #contact_form li#captcha_img { overflow: hidden; } #contact_form li#captcha_img img { width: auto; float: right; height: 34px; margin-top: 10px; padding-bottom: 8px; margin-right: 0; } #contact_form li#captcha_img input { float: left; width: 319px; margin-left: 0; } #contact_form button#contact_button { margin: 30px auto; min-width: 198px; } /* -------------------------------------------------------------- Custom / Success / Typography -------------------------------------------------------------- */ #page_body { overflow: hidden; width: 520px; max-width: 520px; min-width: 520px; margin: 0 auto; } #page_body * { line-height: 1.6em; } #page_body h1 { margin-top: 1.4em; margin-bottom: .2em; font-size: 28px; } #page_body h2 { margin-top: 1.4em; margin-bottom: .2em; font-size: 24px; } #page_body h3 { margin-top: 1.6em; margin-bottom: .2em; font-size: 20px; } #page_body h4 { margin-top: 1.5em; margin-bottom: .2em; font-size: 18px; } #page_body h5 { margin-top: 1.6em; margin-bottom: 0; font-size: 16px; } #page_body h6 { margin-top: 1.6em; margin-bottom: 0; text-decoration: underline; } #page_body ul, #page_body ol { list-style-position: inside; } #page_body ul { list-style-type: disc; } #page_body ol { list-style-type: decimal; } #page_body blockquote { padding: 1.3em 1em .2em; background: #ececec; } #page_body img { width: 100%; } #page_body hr { border: 0; border-top: 1px solid #000000; display: block; height: 1px; margin: 1em 0; } #success #page_body { text-align: center; } #page_body #entries > li { list-style-type: none; margin-bottom: 4em; border-top: 1px solid #000000; } #page_body #entries li { padding-top: 4px; } #page_body #entries li:first-child { border-top: none; } #page_body #entries li h2 { margin-bottom: 0; margin-top: .5em; } #page_body #entries li .blog_date { margin-top: -10px; } #page_body #entries div img { width: 100%; } #page_body #entries div p { margin-top: 20px; } #page_body #entries .blog_date { margin-top: -1px; margin-bottom: 1em; color: #ff0000; } /*============================================================ Responsive styles ============================================================*/ @media screen and (max-width: 900px) { #products_page .canvas.grid #products .product { width: 31.4%; /* 230px*/ } #products_page .canvas.grid #products .product .product_price { opacity: 1 !important; } } @media screen and (max-width: 560px), screen and (max-device-width: 560px) and (orientation: landscape) { body { border: none; padding-bottom: 70px; font-size: 16px !important; } body::before { top: 0; } body::after { bottom: 0; } body::before, body::after { height: 0; background: transparent; } .canvas > * { width: 92% !important; min-width: 290px !important; margin: 0 auto 0; } #products_page .canvas.grid { width: 100%; } #site_content { width: 100%; overflow: hidden; margin-top: 0; margin-bottom: 0; min-height: 40vh; min-width: inherit; } .button { width: 100%; padding: 19px 0 !important; line-height: 1.4em !important; box-sizing: border-box; font-size: 16px; color: #000000 !important; border-color: #000000 !important; } ul#error { margin: 20px auto 15px; } .message { max-width: 550px; margin: 70px auto 80px; padding: 25px 0; text-align: center; border-top: 0; background: transparent; } .spinner { top: 55px; } #theme_image { margin: 50px 0 35px; width: 100% !important; } /* -------------------------------------------------------------- Site Header -------------------------------------------------------------- */ #site_header { height: 70px; z-index: 200; padding: 0; bottom: 0; top: auto; opacity: .97; background: #ececec; border-top: 1px solid #000000; } #branding { max-width: 50%; width: 50%; margin: 25px 0 0 15px; } #branding.wrap { margin-top: 15px; } #cart_nav { margin: 25px 0 40px 0; } #cart_nav span { display: none; } #cart_nav #menu { display: inherit; } #cart_nav #menu.selected { font-weight: bold; } #cart_nav a { padding: 0 15px; display: inline-block; color: #ff0101; } #nav_primary, #nav_primary .keyline, #cart_nav #search { display: none; } #content_header { margin-top: 30px; } #content_header h1 { margin-bottom: .6em; } #products { margin-top: 20px; } #categories { width: 100%; margin: 20px auto 40px !important; } #categories a.button, #categories #options_menu { width: 100%; box-sizing: border-box; left: 0; margin-left: 0; } #categories #options_menu { padding-top: 60px; max-height: 40vh; overflow: scroll; } #categories #options_menu li { padding: 6px 0; } #categories #options_menu li.cat_header { padding: 14px 0; } #categories a.button { color: #000000; border-color: #000000; } #categories a.button .arrow { border-color: #000000 transparent transparent transparent !important; } /* -------------------------------------------------------------- Site Footer -------------------------------------------------------------- */ #site_footer { opacity: 1; width: 100% !important; position: relative; padding-top: 20px; margin-top: 20px; background: #ececec; border-top: 1px solid #000000; } #site_footer .canvas { width: 100%; max-width: 100%; min-width: 100%; } #home #site_footer, #products_page #site_footer, #product #site_footer { margin-top: 0; } #site_footer nav { clear: both; } #site_footer nav ul li { display: block; width: 100%; } #site_footer nav ul li a { display: block; padding: 10px 0; border-bottom: 1px solid #000000; color: #1f1f1f; } #site_footer nav ul li#search { display: block; margin: 0 0 10px; min-height: 34px; padding: 0; text-align: center; border-bottom: 1px solid #000000; } #site_footer nav ul li#search:hover a { visibility: visible; } #site_footer nav ul li#search:hover input { background: transparent; } #site_footer nav ul li#search a { display: block; width: 100%; padding: 12px 0; border-bottom: none; background: transparent; } #site_footer nav ul li#search input { position: relative; z-index: 1000; visibility: visible; box-sizing: border-box; width: 100%; margin: 0; padding: 14px 10px; border-radius: 0; z-index: 0; } #site_footer #social_links { margin-top: 30px; } #site_footer #social_links li a { padding: 4px 20px; color: #ff0000; } #site_footer #social_links li#website { margin-top: 0; display: block; line-height: .6em; } #site_footer #social_links li + li#website { margin-top: 30px; } #site_footer #social_links + #badge { margin-top: 0; } #pagination { width: 100% !important; margin: 40px auto 0; } #pagination ul { margin-bottom: 0; border-top: 1px solid #000000; } #pagination ul li { width: 50%; } #pagination ul li a.button { width: 100%; border: 0; } #pagination ul li + li a { border-left: 1px solid #000000 !important; } /* -------------------------------------------------------------- Home -------------------------------------------------------------- */ #home #intro { margin: 25px auto 0; font-size: 24px; } #home #intro p { line-height: 1.4em; } #home #intro .keyline { display: none; } #home #gallery { margin-top: 20px; margin-bottom: 60px; min-height: 150px; } #home #gallery #shop_products { bottom: -37px; } #home #all_products_btn { box-sizing: border-box; margin: 10px auto 20px !important; color: #000000; border-color: #000000; } /* -------------------------------------------------------------- Products -------------------------------------------------------------- */ #products_page #pagination { margin-top: 10px; } #products .product { position: relative; margin: 0 0 25px; } #products .product .product_price h2 { width: 55%; } #products .product .product_price .on_sale { display: none; } .flex-viewport { height: 100%; min-height: intrinsic !important; } .product_images { min-height: 150px; margin: 0 auto; } .product_images .flex-viewport { height: 100%; min-height: intrinsic !important; } .product_images .flex-control-nav { bottom: 20px; } #products_page .canvas.grid #products .product { margin-bottom: 10px; width: 48.1%; /* 230px*/ } #products_page .canvas.grid #products .product .product_price { opacity: 1 !important; } /* -------------------------------------------------------------- Product -------------------------------------------------------------- */ #product #site_content.canvas { overflow: visible; } #product .product_images { min-height: 200px; } #product .product_images .flex-control-nav { bottom: -32px; left: -4px; } #product .product_info.sold-out + #page_body { margin-top: 10px; } #product .product_info .product_price { padding: 15px 0; } #product .product_info #product_sharing { margin-top: -34px; } #product .product_info #product_options #option_select { width: 100%; } #product .product_info #product_options .button { width: 100%; border: 1px solid #000000; } #product .product_info #product_options #options_menu { box-sizing: border-box; width: 100%; padding-top: 60px; max-height: 300px; overflow-y: scroll; } #product .product_info #product_options #options_menu li { padding: 12px 0; } #product .product_info #product_options #options_menu li:hover { background: #ffffff !important; } #product .product_info #product_options #options_menu li:active { color: #000000; background: #ececec !important; transition: background 0 ease-in; } #product #page_body { margin-top: 30px; } #product #page_body .product_inventory { margin-top: -8px; } #product #pagination { margin-top: 40px; margin-bottom: 0; } /* -------------------------------------------------------------- Contact -------------------------------------------------------------- */ #contact h1 { margin-bottom: 22px; } #contact #contact_form { border: none; } #contact #contact_form button { margin: 10px 0 0; } #contact #contact_form ul li { margin: 0 0 20px; padding: 8px 0 0; } #contact #contact_form ul li label { width: 100%; box-sizing: border-box; float: none; margin: 0; border: 0; line-height: .8em; text-align: left; color: #1f1f1f; } #contact #contact_form ul li input, #contact #contact_form ul li textarea { box-sizing: border-box; width: 100%; padding: 13px 8px; background: #ececec; border: none; border-radius: 3px; } #contact #contact_form ul li textarea { min-height: 51px; } #contact #contact_form ul li#captcha_img #captcha_phrase { float: right; } #contact #contact_form ul li#captcha_img #captcha_phrase img { height: 34px; margin-top: 8px; border: 0; } #contact #contact_form ul li#captcha_img input { float: left; width: 70%; margin-left: 0; } /* -------------------------------------------------------------- Cart -------------------------------------------------------------- */ #cart #site_content { width: 100%; min-height: 50%; margin-bottom: 0; } #cart #content_header { margin-bottom: 22px; } #cart #site_footer { margin-top: 20px; } #cart #cart-form { text-align: center; } #cart #cart_items { margin: 0 auto; text-align: left; } #cart #cart_items ul li { padding: 15px 0; border-top: 1px solid #000000; background: transparent; margin: 0; } #cart #cart_items ul li:hover { background: transparent; } #cart #cart_items ul li:last-child { border-bottom: 1px solid #000000; } #cart #cart_items ul li.with_option .item_name { margin-top: -3px; } #cart #cart_items ul li.with_option .item_name span { margin-bottom: 0; font-size: 15px; } #cart #cart_items ul li .item_thumb, #cart #cart_items ul li .remove_item { display: none; } #cart #cart_items ul li .item_name { float: left; width: 60%; padding: 0; margin: 8px 5% 0 0; } #cart #cart_items ul li input { float: left; margin: 0; color: #ff0000; background: #ececec; } #cart #cart_items ul li .item_price { float: right; width: 21%; margin: 8px 0 0; padding: 0; text-align: right; } #cart #cart_options { margin: 0; padding: 15px 0; border-top: 0; } #cart #cart_options li { overflow: hidden; } #cart #cart_options li:first-child { margin-bottom: 0; } #cart #cart_options li label { display: block; float: none; width: auto; padding-right: 0; text-align: left; line-height: .8em; padding-bottom: 12px; } #cart #cart_options li input { box-sizing: border-box; width: 76%; padding: 13px 8px; line-height: 1.5em; font-size: 13px; background: #ececec; border: none; } #cart #cart_options li select { width: 76%; margin-top: 0; } #cart #cart_options li p { float: left; margin-top: -6px; width: auto; } #cart #cart_options li h3 { float: right; margin: 0; text-align: right; } #cart #cart_options li h3.cart_pending { display: none; } #cart #cart_options li#cart-shipping-tax + #discount_option { margin-top: 14px; } #cart #cart_options li#cart-shipping-tax.not_set { margin-bottom: -20px; } #cart #cart_options li#cart-shipping-tax h3 { margin-top: 0; } #cart #cart_options li#cart-shipping-tax .update-btn { margin-top: 7px; } #cart #cart_options li#discount_option { margin-bottom: 0; } #cart #cart_options li#discount_option p { width: 76%; text-align: left; } #cart #cart_options li#discount_option p + h3 { margin-top: -6px; } #cart #cart_total { background: transparent; } #cart #cart_total p { display: none; } #cart #cart_total #total { position: relative; text-align: left; width: 100%; padding: 0 0 5px; margin: 15px 0 0; } #cart #cart_total #total h2 { float: right; margin: 0; font-size: 34px; left: -1px; } #cart #cart_total #total h3 { float: left; width: auto; margin: 18px 5% 0 0; font-size: 15px; } #cart #cart_total #total .update-btn { float: left; margin: 17px 0 0; line-height: 1.5em; font-size: 15px; } #cart #checkout-btn { width: 100%; margin: 0 auto; } #cart .message { margin-top: 50px; } #cart #cart_empty { margin-top: 80px !important; margin-bottom: 100px; } } .ltie9 #product #product_sharing ul { top: 25%; left: 25%; } .ltie9 #product #product_sharing ul li a { border-top: 1px solid #000000; } .ltie9 #product #product_sharing ul li a:hover { background: #000000; } .ltie9 .product_images .flex-viewport ul li { cursor: pointer; } .ltie9 #cart_items li .item_thumb img { top: 0; } .ltie9 .spinner { height: 3px; width: 60px; border: none; background: #000000; } .gteie9 .product_images .flex-viewport ul li { cursor: pointer; } /*------------------------------------------------------------ Theme: Nova Author: Singlenaut http://singlenaut.com ------------------------------------------------------------*/ /* */ /*============================================================ Custom Styles - add and override styles below. ============================================================*/