/* * 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) */ /* FONT FACE DECLARATIONS */ @font-face { font-family: 'varelaregular'; src: url('http://www.desirerecords.com/wp-content/themes/desirerecords2013/fonts/varela-regular-webfont.eot'); src: url('http://www.desirerecords.com/wp-content/themes/desirerecords2013/fonts/varela-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.desirerecords.com/wp-content/themes/desirerecords2013/fonts/varela-regular-webfont.woff') format('woff'), url('http://www.desirerecords.com/wp-content/themes/desirerecords2013/fonts/varela-regular-webfont.ttf') format('truetype'), url('http://www.desirerecords.com/wp-content/themes/desirerecords2013/fonts/varela-regular-webfont.svg#varelaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'varela_roundregular'; src: url('http://www.desirerecords.com/wp-content/themes/desirerecords2013/fonts/varelaround-regular-webfont.eot'); src: url('http://www.desirerecords.com/wp-content/themes/desirerecords2013/fonts/varelaround-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.desirerecords.com/wp-content/themes/desirerecords2013/fonts/varelaround-regular-webfont.woff') format('woff'), url('http://www.desirerecords.com/wp-content/themes/desirerecords2013/fonts/varelaround-regular-webfont.ttf') format('truetype'), url('http://www.desirerecords.com/wp-content/themes/desirerecords2013/fonts/varelaround-regular-webfont.svg#varela_roundregular') format('svg'); font-weight: normal; font-style: normal; } /* 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;} .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;} } /* -------------------------------------------------------------- CSS Reset [ Resets default browser styles ] -------------------------------------------------------------- */ 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; vertical-align: baseline; } 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: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } table.pad td { padding: 10px; } pre,code { white-space: normal; background-color: #ededed; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; display: block; width: 100%; font: 12px/24px Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace; margin: 5px 0; padding: 5px; } p code {display: inline;} html { overflow-y: scroll; } body { font-family: 'varela_roundregular', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 150%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; background: #fff; background: url(http://www.desirerecords.com/wp-content/themes/desirerecords2013/themeimages/squairy_light.png) repeat; color: #333; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.desirerecords.com/wp-content/themes/desirerecords2013/themeimages/HIEfix.png',sizingMethod='crop'); zoom: 1; } /* MAIN STRUCTURE ========================================= */ /* Header --- */ #header { clear: both; margin: 16px 0 0px 0; padding-bottom: 10px; border-bottom: 6px #e8e8e8 solid; } #headerlogo { } #headerlogo a, #headerlogo a img { outline: none; border: none; } #mainnavwrap, #headerright { padding-top:35px; } #headerright #socialicons, #headerright #searchbar { float: left; } #headerright #socialicons { width: 95px; } #headerright #searchbar { width: 185px; } #socialicons a { display: inline; margin: 0 0 0 5px; padding: 0px } #socialicons a img { margin: 0px; padding: 0px; border: none; outline: none; } .hidden {display: none;} @media only screen and (max-width: 767px) { #mainnavwrap, #headerright { padding-top:5px; } #headerlogo { text-align: center; } #headerright #searchbar { width: 200px; } input.search-field { width: 150px; } } /* Footer Styles */ #footer { border-top: 4px solid #e8e8e8; font-size: 11px; color: #9f9f9f; } #footericon a, #footericon img { border:none; outline:none; } .footeritem { float: left; display: inline; margin: 0 30px 0 0; } /* @group Typography */ #content { margin-top: 15px; font-size: 14px; line-height: 22px; font-weight: lighter; } h1, h2, h4, h5 { letter-spacing: 0px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: lighter; text-decoration: none; } h2.entry-title a { font-weight: bold; } h1 {line-height: 140%; margin-bottom: 14px;} h2 {line-height: 130%; margin-bottom: 14px; } h3, .artisttitle {font-size: 24px; line-height: 25px; margin-bottom: 10px; letter-spacing: 1px; text-transform: uppercase;} h4 {font-size: 21px; line-height: 22px; margin-bottom: 10px; } h5, .releasetitle {font-size:14px; line-height:16px; margin-bottom: 8px; color:#666666; text-transform: uppercase;} h6 { font-size: 13px; line-height: 18px; margin-bottom: 10px; text-transform: uppercase; color: #999999; } .subheader { color: #777; } .normal {font-weight: normal;} .bolder {font-weight: bolder;} p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; color: #333; } small { font-size: 80%; } .backtomenu {font-size: 13px; text-transform: uppercase;} /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } .divider { background-color: #e8e8e8; height: 4px; margin-bottom: 20px; } .catnum {font-size:10px; text-transform: uppercase;} .contenthover .catnum {margin-top:40px;} .contenthover .catnum, .contenthover h4 {color: #FFFFFF;} .contenthover h5 {color: #e8e8e8;} .artistlisting .contenthover h4 {margin-top:70px;} .postmeta { font-size: 11px; line-height: 16px; color: #666666; text-transform: uppercase; } .div#fancybox-title { font-family: 'varela_roundregular', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 150%; -webkit-text-size-adjust: 100%; background: url(themeimages/squairy_light.png) repeat; color: #333; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themeimages/HIEfix.png',sizingMethod='crop'); zoom: 1; } .block { display:block; } /* #Links ================================================== */ a, a:visited {color: #a5a5a5; text-decoration: none; outline: 0; } a:hover, a:focus { color: #666666; text-decoration: underline;} p a, p a:visited { line-height: inherit; } a.infobtn, a.more-link, .availability a, a.backtomenu { background-color:#a5a5a5; padding: 3px 4px 3px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #FFFFFF; text-decoration: none; white-space:nowrap; } a.infobtn, a.more-link, .availability a { font-size: 10px; font-weight: normal; text-transform: uppercase; } a:hover.infobtn, a:hover.more-link, .availability a:hover, a:hover.backtomenu { background-color: #666666; } @media only screen and (max-width: 767px) { a.infobtn, a.more-link { font-size: 14px; } } /* #Images ================================================== */ .scale-with-grid { width: 100%; height: auto; } img, embed, object, video { max-width: 100%; } /* -------------------------------------------------------------- Elements / Shared -------------------------------------------------------------- */ .button { padding: 15px 0; width: 220px; cursor: pointer; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; background: transparent; border: 2px solid #000; -webkit-font-smoothing: subpixel-antialiased; -webkit-transition: all .6s ease-in; -moz-transition: all .6s ease-in; -ms-transition: all .6s ease-in; -o-transition: all .6s ease-in; transition: all .6s ease-in; } .button:hover { -webkit-transition: all 0 ease-in; -webkit-font-smoothing: subpixel-antialiased; -moz-transition: all 0 ease-in; -ms-transition: all 0 ease-in; -o-transition: all 0 ease-in; transition: all 0 ease-in; } .button.disabled, .button.disabled:hover { text-align: center; color: #b5b5b5; border-color: #b5b5b5; cursor: default; } #content input, #content textarea { padding: 10px 8px; width: 194px; border: none; border: 2px solid transparent; background: #ebebeb; outline: none; -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); } #content input:focus, #content textarea:focus { border: 2px solid #333; background: #ffffff; -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); outline: none; } #content label { display: block; float: left; width: 170px; padding-right: 30px; margin-top: 10px; text-align: right; font-size: 13px; } @-webkit-keyframes reset { from { opacity: 0; } to { opacity: 0; } } @-webkit-keyframes fade-in { from { opacity:0; } to { opacity:1; } } @-moz-keyframes reset { from { opacity: 0; } to { opacity: 0; } } @-moz-keyframes fade-in { from { opacity:0; } to { opacity:1; } } @-o-keyframes reset { from { opacity: 0; } to { opacity: 0; } } @-o-keyframes fade-in { from { opacity:0; } to { opacity:1; } } @-ms-keyframes reset { from { opacity: 0; } to { opacity: 0; } } @-ms-keyframes fade-in { from { opacity:0; } to { opacity:1; } } @keyframes reset { from { opacity: 0; } to { opacity: 0; } } @keyframes fade-in { from { opacity:0; } to { opacity:1; } } .fade_in{ -webkit-animation-name: reset, fade-in; -webkit-animation-duration: .7s; -webkit-animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; -moz-animation-name: reset, fade-in; -moz-animation-duration: .7s; -moz-animation-timing-function: ease-in; -moz-animation-iteration-count: 1; -o-animation-name: reset, fade-in; -o-animation-duration: .7s; -o-animation-timing-function: ease-in; -o-animation-iteration-count: 1; -ms-animation-name: reset, fade-in; -ms-animation-duration: .7s; -ms-animation-timing-function: ease-in; -ms-animation-iteration-count: 1; animation-name: reset, fade-in; animation-duration: .7s; animation-timing-function: ease-in; animation-iteration-count: 1; } #error { margin-top: -30px; margin-bottom: 40px; } #error li { opacity: .5; filter: alpha(opacity=50); /* IE6-IE8 */ width: 690px; margin: 0 auto; padding: 6px 0 3px; font-size: 12px; text-align: center; margin-bottom: 2px; border-radius: 4px; background: #4ff2d9; -webkit-box-shadow: 0 1px 2px rgba(0,0,0, .4); box-shadow: 0 1px 2px rgba(0,0,0, .4); font-weight: normal; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .search-field { display: inline; } .searchbutton { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; display: inline; border: none; outline: none; background: none; } /* -------------------------------------------------------------- MAIN Nav -------------------------------------------------------------- */ #navigation ul { width: 100%; position: relative; text-transform: uppercase; } #navigation ul li { background-image: none; position: relative; } #navigation ul li a { background-image: none; padding: 5px 25px 5px 0px; text-decoration: none; display: block; font-size: 13px; font-weight: lighter; letter-spacing: 1px; border-bottom: 4px solid; border-bottom-color: transparent; transition: border-color .5s linear; -moz-transition: border-color .5s linear; /* FF3.7+ */ -o-transition: border-color .5s linear; /* Opera 10.5 */ -webkit-transition: border-color .5s linear; /* Saf3.2+, Chrome */ } /* Navbar Hover Links */ #navigation ul li:hover a, #navigation ul li a:hover { color: #a5a5a5; border-bottom-color: #a5a5a5; position: relative; } #navigation ul li:hover li a { color: #595959; font-weight: normal; } /* Navbar Active Links */ #navigation ul li.active a { color: #333; border-bottom: 4px solid #333; } /* Nav Sublevel */ #navigation ul.sub-menu { background: #FFFFFF; border-style: solid; border-width: 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } #navigation ul.sub-menu li { border: none; } /* Nav Sublevel Links */ #navigation ul.sub-menu li a { background: #f0f0f0; padding: 5px 0px 5px 8px; height: 32px; line-height: 32px; border-radius: 0; min-width: 210px; border-bottom: none; position: static; behavior: none; } /* Nav Sublevel Hover */ #navigation ul.sub-menu li a:hover { background: #fff; border-bottom: none; } /* Mobile Dropdown */ .responsiveMenuSelect { text-transform: uppercase; } /* @end */ /* -------------------------------------------------------------- SUB Nav -------------------------------------------------------------- */ #sub_nav { overflow: hidden; margin: 0 auto; text-align: right; margin-bottom: 10px; width: 100%; border-bottom: 1px solid #e5e5e5; } #sub_nav ul { margin: 0; } #sub_nav li { display: inline-block; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; -webkit-font-smoothing: subpixel-antialiased; } #sub_nav li a { display: block; padding: 13px 17px 13px; border: 0; } /* Page Menus/Custom Menus */ li.page_item,li.menu-item { padding: 0; margin: 0; list-style: none; } li.page_item a,li.menu-item a { display: block; padding: 8px 0px 8px 24px; line-height: 120%; font-weight: bold; background: url(images/light/arrow_bullet.png) no-repeat 10px; } li.page_item a:hover,li.menu-item a:hover { background: url(images/dark/arrow_bullet.png) no-repeat 10px; } /* Page Menus/Custom Menus - Sublevels */ li.page_item li a,li.menu-item li a { display: inline; padding: 0; margin: 0; background: none; border: none; color: #666; line-height: 175%; font-weight: normal; } li.page_item li a:hover,li.menu-item li a:hover { background: none; } li.page_item a:hover, li.menu-item a:hover { text-decoration: none; color: #333; } /* @end */ /*============================================================ Basic Styles - used for the simple controls ============================================================*/ /* Body Font */ body, .product_header h3, .product_header h5, #product_inventory li h5, #cart_items li .item_option, #cart_summary li h3, #social_links li h4, .standalone .canvas p { font-family: "Varela Round", sans-serif; } /* Header Font */ h1, h2, h3, h4, h5, h6, .button, #error li, #site_footer ul, #site_footer #search input, #main_nav li, #cart_items li dt, #cart_items li dd, #cart_options #cart_discount p, #cart_summary li span, .standalone .canvas h1, input, #cart_items li .quantity_input input { font-family: "Varela Round", sans-serif; } /* Text */ body, p, blockquote, ul, ol, dl, #error li, #cart_items li .quantity_input input, #main_nav li a:hover, #main_nav li.selected a { color: #333333; } /* Text - Secondary */ #site_footer footer p, .alert-noproducts, #cart_page #cart_empty p, #success_page #content .canvas p, .standalone .canvas p, #product_description h3, #product_inventory h3, #cart_items li .item_quantity, #cart_items li .item_option, #social_links li h4, #main_nav li a { color: #999999 } /* Text - Tertiary */ .page_header.product_header h5, .custom #page_body p:first-child, #contact_page #page_body p:first-child, #site_footer #search input { color: #666666 } /* Header text */ #site_header header h1 a, #site_header header h1 a:hover, .product_header.page_header h1, .product_header.page_header h3, .standalone .canvas h1, #site_header header #store_name a, #site_footer footer h3 { color: #333333; } .page_header.product_header .dash { background: #333333; } /* Products background */ .product a:hover { background-color: #000000; } /* Button Border/Color */ .button { border-color: #000000; color: #000000; } .button:hover { border-color: #777777; color: #777777; } /* Inventory Bars */ #product_inventory .bar { background: #e5e5e5; } #product_inventory .bar span { background: #dedede } /* -------------------------------------------------------------- Home Page / Products Page / Products List -------------------------------------------------------------- */ #home_page #content, #products_page #content { margin-top: 0; padding: 0; background: transparent; } #products_page #content { } #products_page #products { margin-bottom: 30px; } #products { float: left; clear: both; margin: 0 0 0 -30px; line-height: 0; } #products.single_product, #products.double_product { float: none; margin: 0 auto; overflow: hidden; } #products.single_product { width: 280px; } #products.single_product .product { margin-left: 0; } #products.double_product { left: -15px; position: relative; width: 620px; } #products.single_product { float: none; margin: 0 auto; width: 280px; } #products.single_product .product { margin-left: 0; } .product, .product_header { -webkit-transition: all .45s ease-out; -moz-transition: all .45s ease-out; -ms-transition: all .45s ease-out; -o-transition: all .45s ease-out; transition: all .45s ease-out; } .no_transition .product, .no_transition .product_header { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .product { position: relative; float: left; width: 280px; height: 280px; margin: 0 0 30px 30px; background: transparent; } .product a { position: static; display: block; overflow: hidden; width: 100%; height: 100%; font-size: 12px; color: #fff !important; border-radius: 4px; background: transparent; border: none; } .product a:hover { color: #fff !important; } .product .product_header { position: absolute; z-index: 1; opacity: 0; filter: alpha(opacity=0); /* IE6-IE8 */ width: 100%; margin: 40px auto 0; } .product_header h1, .product_header h2, .product_header h3 { margin: 0; font-size: 16px; line-height: 1.3em; font-weight: normal; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.7); } .product_header h1, .product_header h2 { width: 95%; margin: 0 auto; font-size: 20px; letter-spacing: 3px; text-transform: uppercase; } .product_header h3 { margin-left: -1px; } .product_header h3 span { position: relative; top: -3px; font-size: .7em; } .product_header .dash { display: block; width: 24px; height: 1px; margin: 6px auto 10px; background: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.7); } .product_header h5 { position: absolute; top: -13px; left: 0; width: 100%; font-size: 11px; font-style: italic; color: #ddd; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.7); } .product_thumb { margin: 0; } .product_thumb img { width: 280px; border-radius: 4px; } .product:hover { background: transparent; } .product a:hover { overflow: hidden; -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.4); box-shadow: 0 1px 8px rgba(0,0,0,.4); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .product a:hover .product_header { opacity: .9; filter: alpha(opacity=90); /* IE6-IE8 */ margin-top: 40px; } .product a:hover .product_thumb { opacity: .4; filter: alpha(opacity=40); /* IE6-IE8 */ } .product a:hover .product_thumb img { border-radius: 0; } #pagination { float: left; width: 100%; margin: 2px 0 56px; text-align: center; font-size: 13px; } #pagination span, #pagination a { padding: 8px 4px; border: none; } #pagination .disabled, #pagination .next, #pagination .previous { display: inline; } #pagination .current { text-decoration: underline; } .category_nav { clear: both; padding: 28px 0 10px; float: left; width: 100%; text-align: center; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .category_nav:first-child { position: relative; z-index: 4; margin-top: 0; margin-bottom: 60px; } .category_nav nav { text-align: center; width: 100%; margin: 0; } .category_nav.double nav.categories, .category_nav.double nav.artists { width: 44%; display: inline-block; } .category_nav.double nav.categories { text-align: right; margin-right: 40px; } .category_nav.double nav.artists { text-align: left; margin-left: 40px; } .category_nav h3 { display: inline-block; padding: 0 8px 0 0; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; } .category_nav ul { display: inline-block; } .category_nav li { display: inline-block; font-size: 13px; } .category_nav li:before { content:"/"; padding: 0 4px 0 0; } .category_nav li a { border: none; } .category_nav li.selected a { text-decoration: underline; } .category_nav li:first-child:before { content: "\00a0"; } .alert-noproducts { text-align: center; font-size: 20px; font-style: italic; color: #999; } /* -------------------------------------------------------------- Product Page -------------------------------------------------------------- */ .page_header.product_header.fixed { position: fixed !important; } .page_header.product_header h1, .page_header.product_header h3 { text-shadow: none; } .page_header.product_header h1 { font-size: 24px; text-transform: uppercase; } .page_header.product_header h3 { font-size: 20px; margin-left: -4px; } .page_header.product_header h3 span { position: relative; top: -5px; font-size: .6em; } .page_header.product_header .dash { height: 2px; -webkit-box-shadow: none; box-shadow: none; } .page_header.product_header h5 { top: -19px; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .page_header { margin-bottom: 30px; } #product_page #content .product_header { position: relative; float: left; width: 220px; margin-top: 10px; margin-bottom: 0; } #product_info { float: left; clear: left; width: 220px; margin-top: 22px; } #product_description h2, #product_description h3{ margin: 0 0 .5em 0; font-size: 14px; } #product_description h3 { font-size: 12px; } #product_description ul, #product_description ol { list-style-type: circle; list-style-position: outside; width: 100%; } #product_images { float: right; position: relative; max-width: 550px; margin-top: 2px; } #product_images li { margin-bottom: 15px; line-height: 0; } #product_images li:last-child { margin: 0; } #product_images li img { border-radius: 4px; -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.4); box-shadow: 0 1px 8px rgba(0,0,0,.4); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* adjust flex-slider paging according to foreground color */ .flex-control-paging li a { background: #333333; opacity:0.5; filter:alpha(opacity=50); } .flex-control-paging li a:hover { background: #333333; opacity:0.7; filter:alpha(opacity=70); } .flex-control-paging li a.flex-active { background: #333333; opacity:0.3; filter:alpha(opacity=30); } #product_inventory { margin: 35px 0 0px 0; padding: 18px 10px 8px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #product_inventory h3 { margin-bottom: 13px; text-transform: uppercase; font-size: 11px; letter-spacing: .3em; text-align: center; } #product_inventory li { width: 200px; } #product_inventory li h5 { margin-top: 7px; font-size: 12px; } #product_inventory .bar { width: 100%; height: 2px; } #product_inventory .bar span { display: block; height: 2px; } #product_inventory .bar span em { display: none; } #product_form { margin-top: 40px; } #product_form select { width: 220px; margin-bottom: 15px; } #product_info .button.disabled { margin-top: 40px; } #social_links { width: 100%; margin-top: 40px; border: 1px solid #ccc; } #social_links li { padding: 0; height: 40px; text-align: center; border-top: 1px solid #ccc; } #social_links li:first-child { border: none; } #social_links li h4 { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; line-height: 40px; } #social_links .social_action { display: none; position: relative; top: 10px; } #social_links li .social_action a { border: none !important; } #social_links li:hover h4 { display: none; } #social_links li:hover .social_action { display: block; } #social_links #social_facebook:hover, #social_links #social_pinterest:hover, #social_links #social_tweet:hover { padding-bottom: 0; } #social_links #social_facebook iframe { margin: 0 auto 0 30px; } #social_links #social_tweet iframe { width: 50% !important; margin-left: 30px !important; } #social_links #social_pinterest iframe { width: 50% !important; margin-left: 60px !important; } #more_products { position: relative; overflow: hidden; clear: both; margin-top: 50px; padding-top:15px; padding-bottom: 31px; border-top: 1px solid #e5e5e5; } #more_products h3:first-child { font-size: 22px; text-transform: uppercase; letter-spacing: 3px; } #more_products ul#products { margin-top: 39px; } #more_products nav { position: absolute; top: 0; right: 0; } #more_products nav li { margin-top: 3px; display: inline-block; font-size: 13px; } #more_products nav li:first-child { min-width: 103px; } #more_products ul#products li:nth-child(4) { display: none; } #more_products.no_products { margin-top: 0; padding: 20px 0; } #more_products.no_products nav { position: relative; text-align: center; } #more_products.no_products nav ul { margin-bottom: 0; } #more_products nav li:before { content:"/"; padding: 0 4px 0 0; } #more_products nav li:first-child:before { content:""; } #more_products nav li a { padding: 5px 3px 3px; border: none; text-decoration: underline; } /* -------------------------------------------------------------- About / Custom Page -------------------------------------------------------------- */ .custom #page_body p:first-child, #contact_page #page_body p:first-child { font-size: 20px; line-height: 28px; font-style: italic; } #about_page #page_body img { margin-bottom: 1.5em; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4); box-shadow: 0 2px 8px rgba(0,0,0,.4); } .custom #page_body h1, .custom #page_body h2 { font-size: 16px; font-weight: normal; margin: 1.5em 0 .7em; line-height: 1.2em; } .custom #page_body h1 { font-size: 20px; } .custom #page_body h3, .custom #page_body h4 { font-size: 14px; line-height: 1.1em; margin: 1.8em 0 .7em; } .custom #page_body h4 { font-size: 12px; } .custom #page_body ul { list-style-type: circle; list-style-position: inside; width: 100%; } .custom #page_body ol { list-style-type: decimal; list-style-position: inside; width: 100%; } /* -------------------------------------------------------------- Contact -------------------------------------------------------------- */ #contact_page #page_body p:first-child { padding-bottom: 40px; border-bottom: 1px solid #e5e5e5; } #contact_page #page_body p#thank_you { padding-bottom: 0 !important; border: none !important; text-align: center; } #contact_links { padding-bottom: 15px; margin-top: -10px; text-align: center; border-bottom: 1px solid #e5e5e5; } #contact_links.no_intro { margin-top: 40px; padding-top: 14px; border-top: 1px solid #e5e5e5; } #contact_links li { display: inline-block; font-size: 13px; } #contact_links li:after { content:"/"; padding: 0 0 0 4px; } #contact_links li:last-child:after { content:""; } #contact_links li a { border: none; } #contact_form { width: 100%; } #contact_form ul { margin-bottom: 40px; } #contact_form li { padding: 4px 0; } #contact_form label { width: 100%; float: none; margin-bottom: 5px; text-align: left; } #contact_form input, #contact_form textarea { width: 510px; margin: 0; } #contact_form textarea { height: 180px; } #captcha_img { overflow: hidden; } #captcha_img #captcha_phrase { float: right; } #captcha_img input { float: left; width: 365px; padding: 17px 8px; margin-right: 20px; } #captcha_img img { -webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #contact_page #contact_button { clear: both; } /* -------------------------------------------------------------- Cart -------------------------------------------------------------- */ #cart_page #site_footer footer { margin-top: 0; } #cart-form { padding: 0 15px; } #cart-form.no_options { overflow: hidden; margin-bottom: 80px; } #cart_description { float: left; width: 580px; } #cart_items { float: left; width: 580px; margin: 0; border-bottom: 1px solid #e5e5e5; } #cart_items ul { margin-bottom: 0; } #cart_items li { position: relative; overflow: hidden; padding: 0 0 0 0; margin: 0; line-height: 0; border-top: 1px solid #e5e5e5; } #cart_items .item_image { float: left; margin: 20px 40px 20px 100px; text-align: center; width: 90px; height: 60px; /* vertically center image within */ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; display:-moz-box; -moz-box-pack:center; -moz-box-align:center; display:box; box-pack:center; box-align:center; } #cart_items .item_image img { max-height: 60px; max-width: 90px; -webkit-box-flex:1; -moz-box-flex:1; box-flex:1; margin: 0 auto; } #cart_items li dl { margin: 0; line-height: 0; margin: 31px 0 0; } #cart_items li.with_option dl { margin-top: 21px; } #cart_items li dt, #cart_items li dd { line-height: 1.3em; font-size: 16px; } #cart_items li dt a { border: none; } #cart_items li dt { margin: 0 0 3px 0; } #cart_items li .item_price { font-size: 14px; } #cart_items li .item_option { margin-top: 3px; font-size: 13px; font-style: italic; } #cart_items li .item_quantity { position: relative; top: -1px; left: 2px; font-size: 13px; } #cart_items li .remove_item { opacity: .5; filter: alpha(opacity=50); /* IE6-IE8 */ position: absolute; z-index: 5; left: 40px; top: 50%; margin-top: -12px; width: 26px; height: 26px; text-indent: -9999px; border: none; -webkit-transition: opacity .6s ease-in; -moz-transition: opacity .6s ease-in; -ms-transition: opacity .6s ease-in; -o-transition: opacity .6s ease-in; transition: opacity .6s ease-in; background: url(//cache0.bigcartel.com/theme_assets/6/1.0.6/images/remove_item_2x.png) no-repeat; background-size: 26px; } #cart_items li .remove_item:hover { opacity: 1; -webkit-transition: opacity 0 ease-in; -moz-transition: opacity 0 ease-in; -ms-transition: opacity 0 ease-in; -o-transition: opacity 0 ease-in; transition: opacity 0 ease-in; } #cart_options { float: left; width: 580px; padding-bottom: 10px; margin: 20px 0 0 0; border-bottom: 1px solid #e5e5e5; } #cart_options li { margin-bottom: 10px; } #cart_options h3 { } #cart_options label { margin-left: 27px; } #cart_options select { margin-top: 11px; width: 215px; } #cart_options .no_shipping { display: block; margin-left: 227px; font-size: 13px; margin-top: 5px; color: red; } #cart_options #cart_discount p { font-size: 12px; padding: 13px 0; } .cart-update { margin-left: 227px; margin-bottom: 20px; } .cart-update .button { font-size: 12px; padding: 12px 0; width: 213px; } #cart_summary { float: right; width: 250px; padding-top: 10px; background: #f0f0f0; } #cart_summary ul { padding: 0 13px; } #cart_summary li { overflow: hidden; padding: 12px 0 4px; border-bottom: 1px solid #dddddd; } #cart_summary li h3 { float: left; font-size: 13px; } #cart_summary li span { float: right; font-size: 13px; line-height: 20px; } #cart_summary li span span { float: none; } #cart_summary li#cart-shipping-tax.not_set span { font-size: 11px; } #cart_summary #cart_total { padding-top: 20px; border: none; } #cart_summary #cart_total h3 { font-style: italic; line-height: 26px; } #cart_summary #cart_total h2 { float: right; font-size: 20px; } #cart_summary #cart_total span { float: none; position: relative; top: -6px; font-size: 11px; } #cart_summary button { width: 230px; margin: 0 0 10px 10px; } #cart_page #cart_empty { padding-bottom: 60px; border-bottom: 1px solid #E5E5E5; } #cart_page #cart_empty p { margin-top: 15px; font-size: 20px; font-style: italic; text-align: center; } /*============================================================ Success Page ============================================================*/ #success_page #content .canvas { text-align: center; } #success_page #content .canvas h1 { font-size: 22px; line-height: 1.3em; } #success_page #content .canvas p { width: 400px; margin: 15px auto 1.5em; font-style: italic; } #success_page #content .canvas a { font-size: 15px; } /*============================================================ Standalone Pages (Maintenance / Checkout) ============================================================*/ .standalone .canvas { width: 45%; max-width: 450px; padding: 33px 30px 15px; margin: 20% auto 0; text-align: center; border: 3px solid #333333; } #checkout_page .canvas { padding: 25px 30px 20px; } .standalone .canvas h1 { font-size: 18px; font-weight: normal; line-height: 1.3em; } .standalone .canvas p { margin-top: 10px; font-style: italic; } /*============================================================ IE Hacks ============================================================*/ .ie #social_links li h4 { display: none; } .ie #social_links .social_action { display: block; } .ie #cart_items li .quantity_input input { line-height: 1em; height: auto; padding: 12px 8px 8px; } /*============================================================ Responsive styles ============================================================*/ @media screen and (max-width: 768px), screen and (max-device-width: 768px) { p, blockquote, ul, ol, dl { font-size: 17px; line-height: 1.4em; } .button { display: block; width: 100%; padding: 17px 0 !important; } #error { width: 90%; margin: 0 auto; margin-top: -10px; margin-bottom: 30px; } #error li { width: 100%; padding: 6px 0 3px; } /* Structure ------------------------------------------------------------*/ .strip { overflow: hidden; background: transparent; } .canvas { position: relative; width: 100%; margin: 0 auto 20px; clear: both; } .standalone .canvas { width: 65%; } #content { margin-top: 0; padding: 40px 0; } #page_body { width: 90%; margin: 0 auto; } /* Main Nav ------------------------------------------------------------*/ #main_nav { display: none; } #mobile_nav { display: block; margin-bottom: 30px; } #mobile_nav { text-align: center; } #mobile_nav li { display: inline-block; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; -webkit-font-smoothing: subpixel-antialiased; text-decoration: underline; } #mobile_nav li a { display: block; padding: 20px 15px 13px; border: 0; } #site_header header #store_name { margin: 30px auto 0; font-size: 36px; letter-spacing: 3px; padding-right: 3px; } #site_header #branding { width: 90%; margin: 0 auto; text-align: center; padding: 30px 0 5px; } /* Site Footer ------------------------------------------------------------*/ #site_footer footer { min-width: 0; margin-top: 30px; } #site_footer footer h3 { display: block; margin-bottom: 15px; font-size: 14px; text-transform: uppercase; letter-spacing: 3px; } #site_footer ul { width: 90%; margin: 0 auto; border-top: 1px solid #e5e5e5; } #site_footer li { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; text-align: center; border-bottom: 1px solid #e5e5e5; font-family: "Varela Round", sans-serif; } #site_footer li a { display: block; padding: 8px 0; border: none; } #site_footer footer p { margin-top: 30px; } #site_footer #search input { width: 95%; padding: 10px 5px; background: #fff; border: none; } /* Products List ------------------------------------------------------------*/ #products { width: 100%; margin: 0 !important; } #products.single_product, #products.double_product { float: none; margin: 0; width: 100%; left: 0; } .product { float: none; overflow: hidden; width: 100%; margin: 0 0 10px 0; border-radius: 0 !important; background: #000; } .product a:hover, .product:hover { border-radius: 0; } .product a { border-radius: 0; } .product:first-child { -webkit-box-shadow: none; box-shadow: none; } .product .product_header { opacity: 1; filter: alpha(opacity=10); /* IE6-IE8 */ margin-top: 47px; } .product a:hover .product_header { opacity: 1; filter: alpha(opacity=1); /* IE6-IE8 */ margin-top: 47px; } .product_thumb { position: relative; width: 100%; height: 100%; margin: 0; opacity: .4; filter: alpha(opacity=40); /* IE6-IE8 */ border-radius: 0; } .product .product_thumb img { width: 100%; width: 100%; height: auto; } /* Products Page ------------------------------------------------------------*/ .category_nav:first-child { margin-top: 10px; margin-bottom: 0; } .category_nav.double nav.categories, .category_nav.double nav.artists { width: 100%; display: inline-block; } .category_nav.double nav.categories, .category_nav.double nav.artists { text-align: center; } .category_nav h3 { margin-bottom: 6px; } .category_nav li a { padding: 10px 4px; } #pagination { margin-top: 30px; margin-bottom: 28px; } #pagination span, #pagination a { padding: 8px 10px; border: none; } /* Product Page ------------------------------------------------------------*/ #product_page #content .product_header { float: none; width: 100%; margin-top: 0; margin-bottom: 25px; } #product_images { float: none; width: 90%; margin: 0 auto; } #product_images li img { min-width: 100%; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } #product_images li { margin-bottom: 5px; } #product_images li { margin-bottom: 5px; } .flex-control-nav { bottom: -25px; } #product_info { float: none; clear: none; width: 90%; margin: 40px auto 0; } #product_inventory { margin: 35px 0 0 0; padding: 15px 15px 2px; } #product_inventory h3 { margin-bottom: 10px; font-size: 11px; text-align: left; } #product_inventory li { width: 100%; } #product_inventory li h5 { font-size: 13px; } #product_form { margin-top: 38px; } #product_form select { width: 100%; } #social_links { margin-bottom: 0; } #social_links li { height: 50px; } #social_links li h4 { display: none; } #social_links .social_action { display: block; top: 16px; } #social_links #social_facebook iframe, #social_links #social_tweet iframe, #social_links #social_pinterest iframe { margin-left: 32% !important; } #more_products { margin-top: 0; padding-bottom: 0; } #more_products h3:first-child { padding-top: 35px; text-align: center; } #more_products ul#products { overflow: hidden; margin-top: 30px !important; } #more_products nav { clear: both; position: relative; top: 0; right: 0; text-align: center; margin: 0 auto; border-top: 1px solid #E5E5E5; padding: 18px 0 5px; } #more_products nav li a { padding: 10px 4px; } /* Contact Page ------------------------------------------------------------*/ #contact_links li a { padding: 10px 4px; } #contact_form { float: left; } #contact_form ul { margin-bottom: 25px; } #contact_form li { padding: 0; } #contact_form input, #contact_form textarea { width: 95%; margin: 0 auto; } #captcha_img input { float: left; width: 53%; padding: 17px 8px; margin-right: 0; } #contact_page #contact_button { width: 100%; clear: both; } /* Cart Page ------------------------------------------------------------*/ #cart_page #site_footer footer { margin-top: 30px; } #cart_page #content { padding-bottom: 0px; } #cart-form { padding: 0; } #cart-form.no_options { margin-bottom: 0; } #cart_description { width: auto; float: none; } #cart_items { float: left; width: 100%; margin: 0; border-bottom: 1px solid #e5e5e5; } #cart_items li { float: none; } #cart_items li dl { margin-top: 21px; } #cart_items .item_image { float: left; margin: 20px 20px 20px 8px; } #cart_items li .item_quantity { display: inline; } #cart_items li .remove_item { opacity: 1; left: 89%; } #cart_options { float: none; clear: both; width: 90%; padding: 15px 0 2px; margin: 0 auto; border-bottom: none; } #cart_options li { margin-bottom: 10px; } #cart_options label { float: none; margin: 0; text-align: left; } #cart_options select { margin-top: 3px; width: 100%; } #cart_options input { width: 94%; } #cart_options .no_shipping { margin-top: 0; margin-left: 0; } #cart_options #cart_discount p { padding: 3px 0 0; } .cart-update { margin-left: 0; } .cart-update .button { width: 100%; } #cart_summary { float: none; clear: both; width: 100%; margin: 0 auto; padding-bottom: 20px; padding-top: 10px; border-top: none; } #cart_summary ul { padding: 0; width: 90%; margin-left: auto; margin-right: auto; } #cart_summary button { float: none; width: 90%; margin: 0 auto 2px; } } @media screen and (min-width: 560px) and (max-width: 768px) { .button { display: block; width: 100%; padding: 17px 0 !important; } #error { width: 90%; margin: 0 auto; margin-top: -5px; margin-bottom: 30px; } /* Structure ------------------------------------------------------------*/ .strip { overflow: hidden; background: transparent; } .canvas { position: relative; width: 640px !important; margin: 0 auto; clear: both; } .standalone .canvas { width: 95%; } #content { margin-top: 0; padding: 40px 0; } #page_body { width: 640px; margin: 0 auto; } .custom #page_body, #contact_page #page_body { width: 550px; } #site_header { margin: 0 auto; } #site_footer footer { min-width: 0; float: none; } /* Main Nav ------------------------------------------------------------*/ #main_nav { overflow: hidden; width: 100%; margin: 0 auto; text-align: center; } /* Home Page ------------------------------------------------------------*/ #home_page #site_footer footer { margin-top: 0; } /* Products Page ------------------------------------------------------------*/ #products { float: none; overflow: hidden; clear: both; width: 640px; margin: 0 auto 30px ; margin-left: -5px; } #products li { /* margin:; */ } .category_nav:first-child { margin-top: 10px; } .category_nav.double nav.categories, .category_nav.double nav.artists { width: 100%; display: inline-block; } .category_nav.double nav.categories, .category_nav.double nav.artists { text-align: center; margin: 0; } .category_nav li a { padding: 10px 4px; } #products_page #pagination { margin-top: 0; margin-bottom: 50px; } #pagination span, #pagination a { padding: 8px 10px; border: none; } /* Product Page ------------------------------------------------------------*/ #product_page #content .product_header { float: none; width: 100%; margin-top: 0; margin-bottom: 25px; } #product_images { float: none; width: 92%; margin: 0 auto; } #product_images li img { min-width: 100%; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } #product_images li { margin-bottom: 5px; } .flex-control-nav { bottom: -25px !important; } #product_info { float: none; clear: none; width: 70%; margin: 40px auto; } #product_inventory { margin: 35px 0 0 0; padding: 15px 15px 2px; } #product_inventory h3 { margin-bottom: 10px; font-size: 11px; text-align: left; } #product_inventory li { width: 100%; } #product_inventory li h5 { font-size: 13px; } #product_form { margin-top: 30px; } #product_form select { width: 100%; } .button { padding: 17px 0 !important; width: 100%; } #social_links { margin-top: 30px; } #social_links li { height: 50px; } #social_links li h4 { display: none; } #social_links .social_action { display: block; top: 16px; } #social_links #social_facebook iframe, #social_links #social_pinterest iframe, #social_links #social_tweet iframe { margin-left: 32% !important; } #more_products { margin-top:15px padding-top:15px; padding-bottom: 0; } #more_products.no_products { margin-top: 0; } #more_products.no_products nav { padding-top: 20px; } #more_products h3:first-child { text-align: center; } #more_products ul#products { overflow: hidden; margin-top: 30px; } #more_products ul#products li:nth-child(3) { display: none; } #more_products nav { clear: both; position: relative; top: 0; right: 0; text-align: center; margin: 0 auto; border-top: 1px solid #E5E5E5; padding: 15px 0 5px; } #more_products nav li a { padding: 10px 4px; } /* Cart Page ------------------------------------------------------------*/ #cart_page #site_footer { border-top: 1px solid #e5e5e5; } #cart_page #site_footer footer { margin-top: 30px; } #cart-form { padding: 0; } #cart_description { width: auto; float: none; } #cart_items { float: none; width: 70%; margin: 0 auto; } #cart_items li { float: none; } #cart_items .item_image { float: left; margin: 20px 10px 20px 20px; } #cart_items li .item_quantity { display: inline; } #cart_items li .remove_item { opacity: 1; filter: alpha(opacity=1); /* IE6-IE8 */ left: 92%; } #cart_options { float: none; clear: both; width: 70%; margin: 0 auto 0; padding: 30px 0 10px; border: none; } #cart_options label { float: none; margin: 0; text-align: left; } #cart_options select { margin-top: 3px; width: 100%; } #cart_options input { width: 96%; } #cart_options .no_shipping { margin-top: 0; margin-left: 0; } #cart_options #cart_discount p { padding: 3px 0 0; } .cart-update { margin-left: 0; } .cart-update .button { width: 100%; } #cart_summary { float: none;; width: 70%; margin: 0 auto; padding-top: 0; padding-bottom: 10px; background: #fff; border: none; } #cart_summary ul { padding: 15px; border-top: 0; } #cart_summary button { width: 100%; margin: 0 auto 10px; } }