/* Theme Name: Function Theme URI: http://www.woothemes.com/ Version: 1.0 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Tags: woothemes Copyright: (c) 2009-2011 WooThemes. License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) LAYOUT Layout styles for desktop orientations is included in a media query at the bottom of this file. */ /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks -1.3 Typography -1.4 Tables 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.2.2 Top Navigation (optional) -2.3 Header -2.4 Content -2.4.1 Slider -2.5 Sidebar -2.6 Footer -2.7 Breadcrumbs 3. POSTS -3.1 Images -3.2 Pagination / WP-Pagenavi / Woo-Pagination -3.3 Single Post Author -3.4 Post Entry Nav -3.5 Subscribe & Connect 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets 5. COMMENTS -5.1 Comments -5.2 Comments Form -5.3 Pingbacks / Trackbacks 6. PAGE TEMPLATES -6.1 Timeline Page Template -6.2 Contact Form -6.3 Image Gallery 7. FEATURED SLIDER -7.1 Core Styles -7.2 Theme Styles -7.3 Content Styles 8. MISC -8.1 Forms -8.2 Gravity forms -8.3 IE specific styling -8.4 Uniform 8. FEATURED SLIDER 10. HOMEPAGE -10.1 General "Home Sections" styling -10.2 Intro Message -10.3 Promotion -10.4 Home Shop -10.5 Features Widget 11. PORTFOLIO -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* RESET - http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */ /*-------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Hand cursor on clickable input elements */ label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } /* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ textarea { overflow: auto; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; background: #ffffff; border: 1px solid #eaeaea; padding: 10px; margin-bottom: 20px; } /* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } /* Set sub, sup without affecting line-height: gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Floating & Alignment */ .fl { float: left; } .fr { float: right; } .ac { text-align: center; } .ar { text-align: right; } /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */ .fix:before, .fix:after, .col-full:before, .col-full:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .fix:after, .col-full:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .fix, .col-full { zoom: 1; } /*-------------------------------------------------------------------------------------------*/ /* IMPORTS */ /*-------------------------------------------------------------------------------------------*/ @-webkit-keyframes spin-360 { from { -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; } 50% { -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; } to { -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; } } /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ html { font-size: 62.5%; } body { font-size: 1.4em; line-height: 1.618; color: #4c4c4c; background: #21221b; font-family: "Istok Web", sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } img { vertical-align: bottom; max-width: 100%; } hr { background-color: #eaeaea; border: 0; height: 1px; margin-bottom: 1.618em; } /* 1.2 Hyperlinks */ a { color: #d23a17; text-decoration: none; } a:hover { color: #b01800; text-decoration: underline; } a img:hover { opacity: 0.75; } /* 1.3 Typography */ /* All typography (and layout) based on a modular scale using 12 & 14 px values scaled in accordance the golden ratio (1.618) http://modularscale.com/scale/?px1=14&px2=12&ra1=1.618&ra2=0 Remember to keep margins consistent and try to avoid margin-top. If everything has an appropriate margin-bottom we don't need one and vertical rhythm will be kept consistent */ h1, h2, h3, h4, h5, h6 { color: #191919; margin: 0 0 .618em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; } h1 { font-size: 2.244em; line-height: 1.387em; } h2 { font-size: 1.618em; line-height: 1.387em; } h3 { font-size: 1.387em; } h4 { font-size: 1em; } h5 { font-size: 0.618em; } h6 { font-size: 0.618em; } p { -webkit-hyphens: auto; -webkit-hyphenate-character: "\2010"; -webkit-hyphenate-limit-after: 1; -webkit-hyphenate-limit-before: 3; -moz-hyphens: auto; orphans: 3; widows: 3; } ul, ol, dl, p, table, form, pre, hr { margin: 0 0 1.618em 0; } li > ul, li > ol { margin: 0 0 0 1.618em; } dl dt { font-weight: bold; } dl dd { margin-bottom: 1.618em; } /* @font-face icons - Used for the subscribe & connect social icons. If you would like to add more icons to the font, you can do so by rebuilding the font at http://keyamoon.com/icomoon/app/ and replace the existing font files in the theme with the new ones. */ @font-face { font-family: 'Social'; font-weight: normal; font-style: normal; src: url('../includes/fonts//social.eot'); src: url('../includes/fonts//social.eot?#iefix') format('embedded-opentype'), url('includes/fonts/social.woff') format('woff'), url('includes/fonts/social.ttf') format('truetype'), url('includes/fonts/social.svg#WebSymbolsRegular') format('svg'); } @font-face { font-family: 'FontAwesome'; src: url('../includes/fonts//fontawesome-webfont.eot'); src: url('../includes/fonts//fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../includes/fonts//fontawesome-webfont.woff') format('woff'), url('../includes/fonts//fontawesome-webfont.ttf') format('truetype'), url('../includes/fonts//fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } /* 1.4 Tables */ table { border-spacing: 0; width: 100%; border: 1px solid #eaeaea; background: #ffffff; box-shadow: 0 1px 2px 0 #ffffff; -webkit-box-shadow: 0 1px 2px 0 #ffffff; box-shadow: 0 1px 2px 0 #ffffff; -webkit-box-shadow: 0 1px 2px 0 #ffffff; box-shadow: 0 1px 2px 0 #ffffff; -webkit-box-shadow: 0 1px 2px 0 #ffffff; box-shadow: 0 1px 2px 0 #ffffff; -webkit-box-shadow: 0 1px 2px 0 #ffffff; box-shadow: 0 1px 2px 0 #ffffff; -webkit-box-shadow: 0 1px 2px 0 #ffffff; border-collapse: separate; } table td, table th { padding: .857em 1.387em; text-align: left; border-right: 1px dotted #eaeaea; vertical-align: top; } table td p:last-child, table th p:last-child { margin-bottom: 0; } table thead th { background: #fff; border-right: 1px dotted #eeeeee; border-bottom: 1px solid #eaeaea; text-transform: uppercase; padding: 1.387em; vertical-align: middle; } table thead th:first-child { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } table thead th:last-child { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } table tr th:last-child, table tr td:last-child { border-right: 0; } table tbody th { background: #fff; border-bottom: 1px solid #eaeaea; } table tbody tr:nth-child(2n) td { background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #ffffff); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #ffffff); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #ffffff); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #ffffff); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #ffffff); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #ffffff); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #ffffff); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #ffffff); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #ffffff); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #ffffff); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #ffffff); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #ffffff); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #ffffff); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #ffffff); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #ffffff); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #ffffff); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #ffffff); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #ffffff); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #ffffff); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #ffffff); border-right: 1px dotted #eeeeee; } table tbody tr:nth-child(2n) td:last-child { border-right: 0; } table tbody td { background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfbfb)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #fbfbfb); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #fbfbfb); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #fbfbfb); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #fbfbfb); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfbfb)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #fbfbfb); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #fbfbfb); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #fbfbfb); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #fbfbfb); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfbfb)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #fbfbfb); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #fbfbfb); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #fbfbfb); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #fbfbfb); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfbfb)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #fbfbfb); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #fbfbfb); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #fbfbfb); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #fbfbfb); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfbfb)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #fbfbfb); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #fbfbfb); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #fbfbfb); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #fbfbfb); border-bottom: 1px solid #eaeaea; -webkit-box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 #ffffff; box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 #ffffff; } table tbody h2 { font-size: 1em; letter-spacing: normal; font-weight: normal; } table tbody h2 a { font-weight: normal; } table tbody tr:last-child td:first-child { -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } table tbody tr:last-child td:last-child { -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } table tbody tr:last-child td { border-bottom: 0; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { background: #ffffff; } /* 2.2 Navigation */ ul.nav li a { padding: .5em 1em; display: block; } ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.li.current-menu-item a { background: #ffffff; } #navigation { clear: both; margin-bottom: 2.618em; display: none; } #navigation ul { list-style: none; } /* Mobile Styling */ #navigation { padding: .53em; border: 1px solid #dddddd; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #f5f5f5); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #f5f5f5); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #f5f5f5); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #f5f5f5); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #f5f5f5); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03); } #navigation ul#main-nav { margin: 0; } /* 2.2.2 Top Navigation (optional) */ #top select { margin: 1.618em 0 0; width: 100%; } #top #top-nav { display: none; } /* 2.3 Header */ #header { padding: 2em 0 .382em; clear: both; position: relative; } #header #logo { float: none; margin-bottom: 2.244em; margin-top: .53em; } #header #logo img { margin: 0 auto; display: block; } #header #logo:active { padding-top: .236em; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } #header .site-title, #header .site-description { color: #000; display: none; } #header .site-title a, #header .site-description a { color: #191919; text-transform: none; font-weight: normal; text-decoration: none; } #header .site-title a:hover, #header .site-description a:hover { text-decoration: underline; } #header hgroup { position: relative; top: -0.618em; } #header hgroup:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #header hgroup:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #header hgroup:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #header hgroup:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #header hgroup:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #header hgroup h1, #header hgroup h2, #header hgroup h3 { margin: 0; float: left; clear: left; } #header .nav-toggle { float: right; width: 100%; padding: .202em 0; margin: 2em 0 1em; position: relative; cursor: pointer; font-family: sans-serif; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); border: 1px solid #2f2f2f; } #header .nav-toggle a { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); } #header .nav-toggle a:hover { text-decoration: none; } #header .nav-toggle span { padding: 0 0 0 .202em; } #header .site-description { color: #666666; font-family: "Droid Serif", sans-serif; font-style: italic; } #header #topad { float: right; } #header .widget_product_search, #header .search_main { margin: 0 0 1em; padding: 0; border: 0; float: left; width: 56%; } /* 2.4 Content */ #content { padding-bottom: 1em; } /* 2.5 Sidebar */ #sidebar { overflow: hidden; } #sidebar .secondary { float: left; margin-right: 20px; } #sidebar .secondary.last { margin: 0; } /* 2.6 Footer */ #footer-wrapper { padding: 0 2em; background: #0c0c0c; color: #999999; } #footer { padding: 1.618em 0 .53em; border-top: 1px solid #151515; color: #454545; } #footer ul.nav { list-style: none; } #footer ul.nav li a { padding: .53em 0; color: #d9d9d9; font-size: .9em; } #footer ul.nav li.current_page_item a, #footer ul.nav li.current_page_parent a, #footer ul.nav li.current-menu-ancestor a, #footer ul.nav li.current-cat a, #footer ul.nav li.li.current-menu-item a { background: none; color: #d9d9d9; } #footer #credit img { vertical-align: middle; } #footer #credit span { display: none; } #footer p { font-size: .9em; } #footer-widgets { padding: 2.618em 0 0; /* WOOTABS */ } #footer-widgets a { color: #d9d9d9; } #footer-widgets .widget { font-size: .9em; border-color: #151515; } #footer-widgets .widget h1, #footer-widgets .widget h2, #footer-widgets .widget h3, #footer-widgets .widget h4, #footer-widgets .widget h5 { color: #ffffff; } #footer-widgets .widget h3, #footer-widgets .widget h2 { font-size: 1.387em; font-weight: normal; margin: 0 0 .618em; } #footer-widgets .widget #connect { background: none; } #footer-widgets .widget #connect .newsletter-form .email { width: 100%; padding: .5em .6em; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #222222; color: #999999; border: 1px solid #3b3b3b; border-width: 0 0 1px 0; margin: 0 0 1.387em; } #footer-widgets .widget #connect .newsletter-form .submit { -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: .4em 1.4em .2em; background-color: #8d8d8d; background-image: -webkit-gradient(linear, left top, left bottom, from(#8d8d8d), to(#717171)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #8d8d8d, #717171); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #8d8d8d, #717171); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #8d8d8d, #717171); /* IE10 */ background-image: -o-linear-gradient(top, #8d8d8d, #717171); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #8d8d8d, #717171); background-color: #8d8d8d; background-image: -webkit-gradient(linear, left top, left bottom, from(#8d8d8d), to(#717171)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #8d8d8d, #717171); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #8d8d8d, #717171); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #8d8d8d, #717171); /* IE10 */ background-image: -o-linear-gradient(top, #8d8d8d, #717171); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #8d8d8d, #717171); background-color: #8d8d8d; background-image: -webkit-gradient(linear, left top, left bottom, from(#8d8d8d), to(#717171)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #8d8d8d, #717171); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #8d8d8d, #717171); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #8d8d8d, #717171); /* IE10 */ background-image: -o-linear-gradient(top, #8d8d8d, #717171); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #8d8d8d, #717171); background-color: #8d8d8d; background-image: -webkit-gradient(linear, left top, left bottom, from(#8d8d8d), to(#717171)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #8d8d8d, #717171); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #8d8d8d, #717171); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #8d8d8d, #717171); /* IE10 */ background-image: -o-linear-gradient(top, #8d8d8d, #717171); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #8d8d8d, #717171); background-color: #8d8d8d; background-image: -webkit-gradient(linear, left top, left bottom, from(#8d8d8d), to(#717171)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #8d8d8d, #717171); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #8d8d8d, #717171); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #8d8d8d, #717171); /* IE10 */ background-image: -o-linear-gradient(top, #8d8d8d, #717171); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #8d8d8d, #717171); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); box-shadow: inset 0 0px 0px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0px 0px 1px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0px 0px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0px 0px 1px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0px 0px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0px 0px 1px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0px 0px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0px 0px 1px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0px 0px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0px 0px 1px rgba(0, 0, 0, 0.4); } #footer-widgets .widget #connect .social a { color: #444; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #footer-widgets .widget_woodojo_tweets ul li { border-color: #151515; } #footer-widgets .widget_woo_flickr a img { border: 1px solid #151515; } #footer-widgets .widget_woo_flickr a:hover img { border-color: #222222; } #footer-widgets .widget_woodojo_twitterprofile img { border: 1px solid #151515; } #footer-widgets .widget_woodojo_instagram img { border: 1px solid #151515; } #footer-widgets .widget_woo_portfolio ul li img { border-color: #fff; } #footer-widgets .widget_woothemes_testimonials .quote img { border: 1px solid #151515; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs:after, #footer-widgets .woocommerce_tabs ul.nav-tabs:after, #footer-widgets .widget_woodojo_tabs ul.tabs:after, #footer-widgets .woocommerce_tabs ul.tabs:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs:after, #footer-widgets .woocommerce_tabs ul.nav-tabs:after, #footer-widgets .widget_woodojo_tabs ul.tabs:after, #footer-widgets .woocommerce_tabs ul.tabs:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs:after, #footer-widgets .woocommerce_tabs ul.nav-tabs:after, #footer-widgets .widget_woodojo_tabs ul.tabs:after, #footer-widgets .woocommerce_tabs ul.tabs:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs:after, #footer-widgets .woocommerce_tabs ul.nav-tabs:after, #footer-widgets .widget_woodojo_tabs ul.tabs:after, #footer-widgets .woocommerce_tabs ul.tabs:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs:after, #footer-widgets .woocommerce_tabs ul.nav-tabs:after, #footer-widgets .widget_woodojo_tabs ul.tabs:after, #footer-widgets .woocommerce_tabs ul.tabs:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs li a, #footer-widgets .woocommerce_tabs ul.nav-tabs li a, #footer-widgets .widget_woodojo_tabs ul.tabs li a, #footer-widgets .woocommerce_tabs ul.tabs li a { background: rgba(21, 21, 21, 0.6); border: 1px solid #151515; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs li a:hover, #footer-widgets .woocommerce_tabs ul.nav-tabs li a:hover, #footer-widgets .widget_woodojo_tabs ul.tabs li a:hover, #footer-widgets .woocommerce_tabs ul.tabs li a:hover { color: #d9d9d9; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs li.active, #footer-widgets .woocommerce_tabs ul.nav-tabs li.active, #footer-widgets .widget_woodojo_tabs ul.tabs li.active, #footer-widgets .woocommerce_tabs ul.tabs li.active { position: relative; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs li.active a, #footer-widgets .woocommerce_tabs ul.nav-tabs li.active a, #footer-widgets .widget_woodojo_tabs ul.tabs li.active a, #footer-widgets .woocommerce_tabs ul.tabs li.active a { position: relative; color: #fff; background: #d23a17; border: 1px solid #a42d12; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs li.active a:hover, #footer-widgets .woocommerce_tabs ul.nav-tabs li.active a:hover, #footer-widgets .widget_woodojo_tabs ul.tabs li.active a:hover, #footer-widgets .woocommerce_tabs ul.tabs li.active a:hover { background: #a42d12; } #footer-widgets .widget_woodojo_tabs ul.nav-tabs li.active a:after, #footer-widgets .woocommerce_tabs ul.nav-tabs li.active a:after, #footer-widgets .widget_woodojo_tabs ul.tabs li.active a:after, #footer-widgets .woocommerce_tabs ul.tabs li.active a:after { content: normal; } #footer-widgets .widget_woodojo_tabs .tabbable .tab-pane li, #footer-widgets .woocommerce_tabs .tabbable .tab-pane li { border-bottom: 1px solid #151515; } #footer-widgets .widget_woodojo_tabs .tabbable .tab-pane li img, #footer-widgets .woocommerce_tabs .tabbable .tab-pane li img { border: 1px solid #151515; } /* 2.7 Breadcrumbs */ #breadcrumbs { border-bottom: #d6d6d6 1px dotted; padding-bottom: 1.387em; margin-bottom: 1.618em; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb, .post .video { margin-bottom: 1.618em; } .archive-header { display: block; float: left; width: 100%; margin: 0 0 1.618em; padding: 0 0 1em; font-weight: bold; border-bottom: #d6d6d6 1px dotted; } .archive-header h1 { margin: 0; font-size: 1em; } .archive-header h1 span { font-weight: normal; } .archive-description { clear: both; margin-bottom: 1.618em; } .post, .type-page { margin: 0 0 2.244em; /* 3.1 Images */ } .post header h1, .type-page header h1 { font-weight: normal; } .post header h1 a:link, .type-page header h1 a:link, .post header h1 a:visited, .type-page header h1 a:visited { color: #191919; } .post .post-meta, .type-page .post-meta { margin: 0 0 1.618em 0; } .post .post-meta li, .type-page .post-meta li { display: inline; } .post .post-more, .type-page .post-more { clear: both; } .post .entry a, .type-page .entry a { text-decoration: underline; } .post p.tags, .type-page p.tags { background: url(images/ico-tag.png) no-repeat top left; padding-left: 1.618em; width: 100%; clear: both; } .post img, .type-page img, .post img.thumbnail, .type-page img.thumbnail { padding: .53em; border: 1px solid #eaeaea; background: #fff; max-width: 100%; height: auto; } .post img:hover, .type-page img:hover, .post img.thumbnail:hover, .type-page img.thumbnail:hover { border-color: #d1d1d1; } .post img.woo-image, .type-page img.woo-image { margin: 0 0 1.618em; } .post img.wp-smiley, .type-page img.wp-smiley { padding: 0; border: 0; } .post .alignleft, .type-page .alignleft { float: left; margin: 0 1.618em 1em 0; } .post .alignright, .type-page .alignright { float: right; margin: 0 0 1em 1.618em; } .post .aligncenter, .type-page .aligncenter { display: block; text-align: center; margin: 0 auto 1.618em; } .post .wp-caption, .type-page .wp-caption { padding: .077em; text-align: center; background: #ffffff; border: 1px solid #eaeaea; max-width: 100%; } .post .wp-caption img, .type-page .wp-caption img { margin: 0; padding: .327em 0; background: none; border: 0; } .post .wp-caption-text, .type-page .wp-caption-text { margin: 0; padding: 0; text-align: center; } .post ol, .type-page ol, .post ul, .type-page ul { list-style-position: inside; } .archive .post, .page-template-template-blog-php .post { padding: 0 0 2.244em; border-bottom: #d6d6d6 1px dotted; } /* 3.2 Pagination / WP-Pagenavi / Woo-Pagination */ .nav-entries, .wp-pagenavi, .woo-pagination { padding: 1em 0; } .nav-entries a { display: block; color: #4c4c4c; text-decoration: none; } .nav-entries a:hover { text-decoration: underline; } .woo-pagination { margin: 0 0.146em; border-top: 1px dotted #d6d6d6; } .woo-pagination .page-numbers { display: inline; text-decoration: none; color: #d23a17; padding: 1.618em 0 .618em; font-weight: bold; } .woo-pagination .page-numbers:hover { border-color: #dddddd; } .woo-pagination .page-numbers.current { color: #4c4c4c; } /* 3.3 Single Post Author */ #post-author { background: #ffffff; padding: 1.618em 0; border-top: 1px dotted #eaeaea; clear: both; } #post-author .profile-image { float: left; margin: 0 1.618em .382em 0; padding: .382em; border: 1px dotted #eaeaea; background: rgba(255, 255, 255, 0.7); } /* 3.4 Post Entry Nav */ #post-entries { border-top: 1px dotted #eaeaea; border-bottom: 1px dotted #eaeaea; padding: 1.618em 0; margin: 0 0 2.244em; } /* 3.5 Connect */ #connect { background: #ffffff; padding: 1.618em; border-top: 1px solid #eaeaea; clear: both; } #connect .newsletter-form .email { width: 140px; margin: 0 .382em 0 0; } #connect .social a { opacity: 0.8; filter: alpha(opacity=@opacity * 100); opacity: 0.8; filter: alpha(opacity=@opacity * 100); opacity: 0.8; filter: alpha(opacity=@opacity * 100); opacity: 0.8; filter: alpha(opacity=@opacity * 100); opacity: 0.8; filter: alpha(opacity=@opacity * 100); -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } #connect .social a:hover { opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); } #connect .related-posts { border-left: 1px solid #eaeaea; padding-left: 1em; } #connect .related-posts ul { list-style: none; } #connect .social a:hover { text-decoration: none; } #connect .social a:before { font-family: Social; font-size: 1.9em; line-height: 1; margin-right: 0.2em; } #connect .social a.subscribe:before { content: '\e002'; } #connect .social a.twitter:before { content: '\e004'; } #connect .social a.facebook:before { content: '\e005'; } #connect .social a.youtube:before { content: '\e008'; } #connect .social a.flickr:before { content: '\e006'; } #connect .social a.linkedin:before { content: '\e000'; } #connect .social a.delicious:before { content: '\e001'; } #connect .social a.googleplus:before { content: '\e003'; } .widget #connect { padding: 0; border: 0; } .widget #connect .fl, .widget #connect .fr { float: none; } #main #connect .col-left, #main #connect .col-right { width: 48%; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Generic Widgets */ .widget { margin: 0 0 1.618em; padding: 0 0 1.618em; border: 1px dotted #d6d6d6; border-width: 0 0 1px 0; } .widget h3 { color: #323232; font-size: 1.2em; margin: 0 0 .857em; } .widget ul { clear: both; list-style: none; margin: 0; } .widget ul li { margin-bottom: .327em; } .widget ul li a { text-decoration: none; } .widget ul li a:hover { text-decoration: underline; } /* 4.2 Specific Widgets */ /* SEARCH FORM */ #searchform { width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ position: relative; border-color: #d6d6d6 #eaeaea #eaeaea #d6d6d6; border-width: 1px; border-style: solid; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #searchform .s, #searchform #s { padding: .857em 2.618em .857em .857em; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin: 0; border: 0; background: none; color: #4c4c4c; } #searchform .search-submit, #searchform #searchsubmit { position: absolute; top: 33%; right: .857em; border: none; overflow: hidden; margin: 0; padding: 20px 0 0; width: 20px; height: 0; background: url(images/ico-search.png) no-repeat left top; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #searchform .search-submit:active, #searchform #searchsubmit:active { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #searchform .search-submit:hover, #searchform #searchsubmit:hover { background: url(images/ico-search.png) no-repeat left top; } #searchform label { display: none; } #searchform { background: #fff; margin: .302em 0 0; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 100em; border-radius: 100em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #eaeaea; } #searchform input::-webkit-input-placeholder { color: #c4c4c4; } #searchform input:-moz-placeholder { color: #c4c4c4; } #searchform input:-ms-input-placeholder { color: #c4c4c4; } #searchform #s { color: #c4c4c4; font-size: 1em; padding: .4em 1em .2em 2.8em; min-width: 19.2em; } #searchform #searchsubmit { top: 24%; left: .857em; right: auto; opacity: 0.3; filter: alpha(opacity=@opacity * 100); opacity: 0.3; filter: alpha(opacity=@opacity * 100); opacity: 0.3; filter: alpha(opacity=@opacity * 100); opacity: 0.3; filter: alpha(opacity=@opacity * 100); opacity: 0.3; filter: alpha(opacity=@opacity * 100); } /* FLICKR */ .widget_woo_flickr h3 span { color: #0051d8; } .widget_woo_flickr h3 span span { color: #ff1183; } .widget_woo_flickr .flickr_badge_image { float: left; margin: 0 1em 1em 0; } .widget_woo_flickr .wrap { position: relative; padding: 0; } .widget_woo_flickr a img { float: left; display: block; border: 1px solid #eaeaea; padding: .236em; } .widget_woo_flickr a:hover img { border-color: #d1d1d1; } /* CALENDAR */ #wp-calendar { width: 95%; margin-bottom: 1.618em; clear: both; padding: 0; } #wp-calendar caption { padding: 1em; } #wp-calendar th, #wp-calendar td { text-align: center; background: #e6e6e6; padding: .236em 0; } #wp-calendar td { background: transparent; color: #666666; } /* BLOG AUTHOR */ .widget_woo_blogauthorinfo .avatar { padding: .382em; border: 1px solid #eaeaea; } .widget_woo_blogauthorinfo .left { float: left; margin: 0 1em .618em 0; } .widget_woo_blogauthorinfo .right { float: right; margin: 0 .618em 1em; } /* TWITTER */ .widget_woo_twitter .back { padding: 1em; background: #ffffff; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget_woo_twitter h3 { border-bottom: 0; margin: 0; } .widget_woo_twitter ul { background: #fff; padding-left: 0; border: 1px solid #eaeaea; } .widget_woo_twitter ul li { border-bottom: 1px solid #eaeaea; padding: 1em; list-style: none; } .widget_woo_twitter ul li:last-child { border: none; } .widget_woo_twitter ul li a { padding: 0; } .widget_woo_twitter ul li .time { color: #666666; } .widget_woo_twitter p { font-weight: bold; color: #666666; } .widget_woo_twitter p a { color: #191919; } /* WOOTABS */ .widget_woodojo_tabs, .woocommerce_tabs { clear: both; border: 0; } .widget_woodojo_tabs ul.nav-tabs, .woocommerce_tabs ul.nav-tabs, .widget_woodojo_tabs ul.tabs, .woocommerce_tabs ul.tabs { margin-bottom: .53em; list-style: none; border-bottom: 0; } .widget_woodojo_tabs ul.nav-tabs:after, .woocommerce_tabs ul.nav-tabs:after, .widget_woodojo_tabs ul.tabs:after, .woocommerce_tabs ul.tabs:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget_woodojo_tabs ul.nav-tabs:after, .woocommerce_tabs ul.nav-tabs:after, .widget_woodojo_tabs ul.tabs:after, .woocommerce_tabs ul.tabs:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget_woodojo_tabs ul.nav-tabs:after, .woocommerce_tabs ul.nav-tabs:after, .widget_woodojo_tabs ul.tabs:after, .woocommerce_tabs ul.tabs:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget_woodojo_tabs ul.nav-tabs:after, .woocommerce_tabs ul.nav-tabs:after, .widget_woodojo_tabs ul.tabs:after, .woocommerce_tabs ul.tabs:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget_woodojo_tabs ul.nav-tabs:after, .woocommerce_tabs ul.nav-tabs:after, .widget_woodojo_tabs ul.tabs:after, .woocommerce_tabs ul.tabs:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget_woodojo_tabs ul.nav-tabs li, .woocommerce_tabs ul.nav-tabs li, .widget_woodojo_tabs ul.tabs li, .woocommerce_tabs ul.tabs li { float: left; margin-bottom: 0; display: block; } .widget_woodojo_tabs ul.nav-tabs li a, .woocommerce_tabs ul.nav-tabs li a, .widget_woodojo_tabs ul.tabs li a, .woocommerce_tabs ul.tabs li a { background: rgba(234, 234, 234, 0.6); border: 1px solid #eaeaea; display: block; color: #4c4c4c; margin: .382em .618em .382em 0 !important; -webkit-border-radius: .382em !important; -moz-border-radius: .382em !important; border-radius: .382em !important; padding: .382em .53em !important; } .widget_woodojo_tabs ul.nav-tabs li a:hover, .woocommerce_tabs ul.nav-tabs li a:hover, .widget_woodojo_tabs ul.tabs li a:hover, .woocommerce_tabs ul.tabs li a:hover { color: #d23a17; text-decoration: none; } .widget_woodojo_tabs ul.nav-tabs li:last-child a, .woocommerce_tabs ul.nav-tabs li:last-child a, .widget_woodojo_tabs ul.tabs li:last-child a, .woocommerce_tabs ul.tabs li:last-child a { border-right-width: 1px; } .widget_woodojo_tabs ul.nav-tabs li.active, .woocommerce_tabs ul.nav-tabs li.active, .widget_woodojo_tabs ul.tabs li.active, .woocommerce_tabs ul.tabs li.active { position: relative; } .widget_woodojo_tabs ul.nav-tabs li.active a, .woocommerce_tabs ul.nav-tabs li.active a, .widget_woodojo_tabs ul.tabs li.active a, .woocommerce_tabs ul.tabs li.active a { position: relative; background: #d23a17; border: 1px solid #a42d12; color: #fff; } .widget_woodojo_tabs ul.nav-tabs li.active a:hover, .woocommerce_tabs ul.nav-tabs li.active a:hover, .widget_woodojo_tabs ul.tabs li.active a:hover, .woocommerce_tabs ul.tabs li.active a:hover { background: #a42d12; border: 1px solid #8d270f; color: #fff; text-decoration: none; } .widget_woodojo_tabs ul.nav-tabs li.active a:after, .woocommerce_tabs ul.nav-tabs li.active a:after, .widget_woodojo_tabs ul.tabs li.active a:after, .woocommerce_tabs ul.tabs li.active a:after { content: ""; display: block; position: absolute; bottom: -4px; left: 0; right: 0; height: 4px; background: #fff; } .widget_woodojo_tabs .tabbable .tab-pane li, .woocommerce_tabs .tabbable .tab-pane li { border-bottom: 1px solid #eaeaea; padding: .53em 0 1em; } .widget_woodojo_tabs .tabbable .tab-pane li .meta, .woocommerce_tabs .tabbable .tab-pane li .meta { font-size: .857em; } .widget_woodojo_tabs .tabbable .tab-pane li img, .woocommerce_tabs .tabbable .tab-pane li img { border: 1px solid #eaeaea; padding: .302em; margin-right: 1.25em; margin-bottom: 1em; } .woocommerce_tabs { border-bottom: 1px dotted #d6d6d6; padding: 0 0 .618em !important; margin: 0 0 2.244em !important; } .woocommerce_tabs ul.tabs { border-bottom: 1px solid #eaeaea; margin: 0 0 1.618em !important; } .woocommerce_tabs ul.tabs li a { border-bottom: 0; margin-bottom: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !importnat; overflow: hidden; } .woocommerce_tabs ul.tabs li.active a { border-bottom: 0; } .woocommerce_tabs ul.tabs li.active a:hover { border-bottom: 0; } .widget_woodojo_tweets { border: 0; } .widget_woodojo_tweets ul li { padding: .618em 0 1em; } .widget_woodojo_tweets ul li:last-child { border: 0; } .widget_woodojo_tweets .follow-link a { background: #d23a17; color: #fff; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: .382em .857em; } .widget_woodojo_tweets .time-ago { display: block; } .widget_woodojo_twitterprofile { margin: 0 0 1.618em; } .widget_woodojo_twitterprofile img { border: 1px solid #eaeaea; padding: .302em; margin-right: 1.25em !important; } .widget_woodojo_twitterprofile .tweeting-since { margin: 0 0 1.618em; } .widget_woodojo_twitterprofile .follow-link a { background: #d23a17; color: #fff; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: .382em .857em; } .widget_woodojo_instagram img { border: 1px solid #eaeaea; padding: .302em; margin-right: 1.25em !important; } .widget_woo_portfolio ul li { margin: 0 0 1.387em; } .widget_woo_portfolio ul li img { border: 0.618em solid #eaeaea; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .widget_woo_portfolio ul li:last-child { margin: 0; } .widget_woothemes_testimonials .testimonials { position: relative; } .widget_woothemes_testimonials .quote { background: url(images/quote-testimonials.png) no-repeat top left; background-position: 0 3%; margin: 0 0 1.618em; } .widget_woothemes_testimonials .quote .testimonials-text { margin: 0 0 1.2em 2.618em; font-size: 1.1em; font-family: "Georgia"; font-style: italic; } .widget_woothemes_testimonials .quote img { width: 2.244em; height: 2.244em; margin: 0 1.2em 1.2em 2.618em; float: left; border: 1px solid #eaeaea; padding: .302em; } .widget_woothemes_testimonials .quote .author { word-wrap: break-word; float: left; display: block; font-style: normal; font-weight: bold; width: 50%; } .widget_woothemes_testimonials .quote .author .excerpt { display: block; font-style: italic; font-weight: normal; } .widget_woothemes_testimonials .quote .author .url { font-weight: normal; } #sidebar .widget_woothemes_testimonials, #footer-widgets .widget_woothemes_testimonials { /* FlexSlider Necessary Styles */ /* Hide the slides before the JS is loaded. Avoids image jumping */ /* Clearfix for the .slides element */ } #sidebar .widget_woothemes_testimonials .quote, #footer-widgets .widget_woothemes_testimonials .quote { margin: 0 0 1.618em; } #sidebar .widget_woothemes_testimonials .flex-direction-nav, #footer-widgets .widget_woothemes_testimonials .flex-direction-nav { position: absolute; top: 1.75em; right: 1.8em; } #sidebar .widget_woothemes_testimonials .flex-direction-nav a, #footer-widgets .widget_woothemes_testimonials .flex-direction-nav a { opacity: 1; width: 7px; height: 12px; background-image: url(images/bg_directional_nav_testimonials.png); } #sidebar .widget_woothemes_testimonials .flex-direction-nav .flex-prev, #footer-widgets .widget_woothemes_testimonials .flex-direction-nav .flex-prev { left: 0; } #sidebar .widget_woothemes_testimonials .flex-direction-nav .flex-next, #footer-widgets .widget_woothemes_testimonials .flex-direction-nav .flex-next { right: -20px; } #sidebar .widget_woothemes_testimonials .testimonials, #footer-widgets .widget_woothemes_testimonials .testimonials { margin: 0; padding: 0; } #sidebar .widget_woothemes_testimonials .testimonials .testimonials-list > .quote, #footer-widgets .widget_woothemes_testimonials .testimonials .testimonials-list > .quote { display: none; -webkit-backface-visibility: hidden; } #sidebar .widget_woothemes_testimonials .testimonials .testimonials-list img, #footer-widgets .widget_woothemes_testimonials .testimonials .testimonials-list img { max-width: 100%; display: block; } #sidebar .widget_woothemes_testimonials .testimonials .testimonials-list:after, #footer-widgets .widget_woothemes_testimonials .testimonials .testimonials-list:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #sidebar .widget_woothemes_testimonials html[xmlns] .testimonials .testimonials-list, #footer-widgets .widget_woothemes_testimonials html[xmlns] .testimonials .testimonials-list { display: block; } #sidebar .widget_woothemes_testimonials * html .testimonials .testimonials-list, #footer-widgets .widget_woothemes_testimonials * html .testimonials .testimonials-list { height: 1%; } .widget_woothemes_features { margin: 0 0 2.244em; } .widget_woothemes_features:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget_woothemes_features:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget_woothemes_features:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget_woothemes_features:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget_woothemes_features:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget_woothemes_features h2 { margin: 0 0 1em; } .widget_woothemes_features h3 { color: #4c4c4c; font-weight: normal; font-size: 1.2em; margin: 0 0 .382em; } .widget_woothemes_features h3 a { color: #4c4c4c; } .widget_woothemes_features .feature { margin: 0 0 1.618em; } .widget_woothemes_features .feature-content { color: #8c8c8c; } .widget_woothemes_features img { margin: 0 0 1em; height: auto; padding: .53em; border: 1px solid #d6d6d6; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments { position: relative; } #comments h3 { padding: 0; margin: 1.387em 0; } #comments .commentlist { border-top: 1px dotted #eaeaea; } #comments .comment { position: relative; width: 100%; list-style: none; } #comments .comment #respond { padding: 0; } #comments .comment #respond h3 { margin: 0 0 .53em; padding: 0; } #comments .comment #respond h3 small { font-size: .6em; } #comments .comment .comment-container { position: relative; padding: 2.244em 0 1em; border-bottom: 1px dotted #eaeaea; } #comments .comment .comment-head { margin: 0 0 1em 0; color: #999999; } #comments .comment .comment-head .name { color: #4c4c4c; margin: 0; font-weight: bold; } #comments .comment .comment-head .name a { color: #4c4c4c; } #comments .comment .avatar { float: left; margin: 0 1em 1em 0; } #comments .comment .avatar img { margin: 0; vertical-align: middle; border: 1px solid #eaeaea; padding: .327em; background: #fff; } #comments .comment .comment-entry { font-size: .9em; margin-left: 6.5em; } #comments .comment .reply { position: absolute; right: .857em; top: 2.5em; } #comments .comment .reply a { background: none; border: 0; color: #d23a17 !important; text-shadow: none; margin: 0; padding: 0; font-weight: bold; } #comments .comment .reply a:hover { text-decoration: underline; } #comments .comment .reply a:active { box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; border: 0; } #comments ul.children { margin: 0 0 0 1.618em; padding: 0; } #comments .navigation a { display: block; text-decoration: none; } #comments .pingbacks li.pingback { margin: 0 0 1.618em; } #comments .pingbacks li.pingback .reply { display: none; } #comments .nocomments { font-size: .857em; font-weight: bold; border: 1px solid #eaeaea; -webkit-border-radius: 0.232em; border-radius: 0.232em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.232em; border-radius: 0.232em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.232em; border-radius: 0.232em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.232em; border-radius: 0.232em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.232em; border-radius: 0.232em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: .618em 1.387em; margin: 0 0 2.244em; } /* 5.2 Comments Form */ #respond label { color: #666666; } #respond #reply-title small a { display: block; margin: 0 0 1.618em; } #respond #commentform .comment-form-url { margin-right: 0; } #respond #commentform label { display: block; margin: 0 0 .53em; color: #8c8c8c; } #respond #commentform input.txt, #respond #commentform textarea { width: 100%; } #respond #commentform #submit { width: 100%; background: #d23a17; -webkit-border-radius: 0.146em; border-radius: 0.146em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.146em; border-radius: 0.146em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.146em; border-radius: 0.146em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.146em; border-radius: 0.146em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.146em; border-radius: 0.146em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; text-shadow: 0 0 0 #ffffff; text-shadow: 0 0 0 #ffffff; text-shadow: 0 0 0 #ffffff; text-shadow: 0 0 0 #ffffff; text-shadow: 0 0 0 #ffffff; padding: .53em 0 .327em 0; } #respond #commentform #submit:hover { background: #a42d12; } #respond #commentform #submit:active { background: #76210d; } /* 5.3 Pingbacks / Trackbacks */ .pinglist li { margin: 0 0 0 1.618em; list-style-type: decimal; } .pinglist li .author { font-weight: bold; } .pinglist li .pingcontent { display: block; margin: 0 0 1.618em; } /*-------------------------------------------------------------------------------------------*/ /* 6. PAGE TEMPLATES */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Timeline Page Template */ #archives .archives_list { border-left: 1px solid #eaeaea; list-style: none; margin: 0 0 1em 1em; } #archives .archives_list li { clear: left; padding-left: 2.327em; font-style: normal; list-style: none; } #archives .archives_list .date { color: #666666; width: 22.5%; display: inline-block; } #archives .archives_list .linked { width: 48%; display: inline-block; } #archives .archives_list .comments { width: 22.5%; display: inline-block; } #archives .archives_list .comments a { color: #727272; padding-left: 1.236em; } #archives .archives_list .comments a:hover { text-decoration: underline; } h3.archive_year { font-weight: bold; color: #4c4c4c; margin-top: 0; } /* 6.2 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms { float: left; list-style: none; width: 100%; } #contact-page ol.forms li { clear: both; float: left; margin-bottom: 1.618em; position: relative; width: 48%; } #contact-page ol.forms li:first-child { margin-right: 3.8%; } #contact-page ol.forms li:nth-child(2n) { clear: none; } #contact-page ol.forms li.textarea, #contact-page ol.forms li.screenReader, #contact-page ol.forms li.inline, #contact-page ol.forms li.buttons { width: 100%; } #contact-page ol.forms li input.txt, #contact-page ol.forms li textarea { width: 100%; } #contact-page ol.forms li .error { display: block; color: red; } #contact-page ol.forms li.textarea .error { display: block; } #contact-page ol.forms li.screenReader { margin-bottom: 0; } #contact-page ol.forms li.inline input { width: auto; } #contact-page ol.forms li.inline label { display: inline; float: none; width: auto; } #contact-page ol.forms label { cursor: pointer; display: block; font-weight: 700; margin: 0 0 1em; } #contact-page ol.forms input#sendCopy { border: none; margin-right: 1em; } .entry #contact-page ol.forms li { list-style: none; } .page-template-template-contact-php #single_map_canvas img { max-width: inherit; } .page-template-template-contact-php .location-twitter { margin: 0 0 1em; padding: 0 0 1.618em; border-bottom: 1px solid #eaeaea; } .page-template-template-contact-php .location-twitter .col-left { float: none; } .page-template-template-contact-php .location-twitter ul { margin: 0; padding: 0; } .page-template-template-contact-php .location-twitter ul li { list-style: none; padding: 0; } .page-template-template-contact-php .location-twitter #office-location { margin: 0 0 1.618em; } .page-template-template-contact-php .location-twitter #office-location a { text-decoration: underline; } .page-template-template-contact-php .location-twitter #office-location ul li { margin: 0 0 1em; } .page-template-template-contact-php .location-twitter .contact-social { float: none; } .page-template-template-contact-php .location-twitter .contact-social #twitter { margin: 0 0 1.618em; background: url(images/ico-twitter-contact.png) no-repeat left center; } .page-template-template-contact-php .location-twitter .contact-social #twitter ul li { background: url(images/ico-twitter-contact-bg.png) repeat-x bottom left; } .page-template-template-contact-php .location-twitter .contact-social #twitter ul li a.time { color: #727272; } .page-template-template-contact-php .location-twitter .contact-social #connect { background: none; border: none; border-top: 1px solid #eaeaea; } .page-template-template-contact-php .location-twitter .contact-social #connect h3 { display: none; } .page-template-template-contact-php .location-twitter .contact-social #connect .social { float: none; } /* 6.3 Image Gallery */ .image-gallery-item .entry img { max-width: 100%; padding: .236em; margin: 0 1.618em 1.618em 0; border: 1px solid #e6e6e6; background: #ffffff; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .image-gallery-item .entry img:hover { border: 1px solid #cccccc; box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0.327em 0px rgba(0, 0, 0, 0.2); } /* 6.4 Archives Page */ .page-template-template-archives-php .post ol, .page-template-template-timeline-php .post ol, .page-template-template-sitemap-php .post ol, .page-template-template-archives-php .type-page ol, .page-template-template-timeline-php .type-page ol, .page-template-template-sitemap-php .type-page ol, .page-template-template-archives-php .post ul, .page-template-template-timeline-php .post ul, .page-template-template-sitemap-php .post ul, .page-template-template-archives-php .type-page ul, .page-template-template-timeline-php .type-page ul, .page-template-template-sitemap-php .type-page ul { list-style: none; } .page-template-template-archives-php .post .entry a, .page-template-template-timeline-php .post .entry a, .page-template-template-sitemap-php .post .entry a, .page-template-template-archives-php .type-page .entry a, .page-template-template-timeline-php .type-page .entry a, .page-template-template-sitemap-php .type-page .entry a { text-decoration: none; } .page-template-template-archives-php .post .entry a:hover, .page-template-template-timeline-php .post .entry a:hover, .page-template-template-sitemap-php .post .entry a:hover, .page-template-template-archives-php .type-page .entry a:hover, .page-template-template-timeline-php .type-page .entry a:hover, .page-template-template-sitemap-php .type-page .entry a:hover { text-decoration: underline; } .page-template-template-sitemap-php .post ol, .page-template-template-sitemap-php .type-page ol, .page-template-template-sitemap-php .post ul, .page-template-template-sitemap-php .type-page ul { list-style: circle inside; } /*-------------------------------------------------------------------------------------------*/ /* 7. FEATURED SLIDER */ /*-------------------------------------------------------------------------------------------*/ /* 7.1 Core Styles */ /* 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 { max-width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .flexslider .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .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 .flexslider .slides > li:first-child { display: block; } /* 7.2 Theme Styles */ .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; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 4px rgba(0, 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 { *height: 0; } .flex-direction-nav a { width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; } .flex-direction-nav .flex-next { background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev { left: -36px; } .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 .flex-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 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; 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 .flex-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; } } /* 7.3 Content Styles */ .flexslider .slide-content { float: left; } .flexslider .slide-media { float: right; } .flexslider.full-width-slide .has-video .slide-media { float: none; width: 100%; height: auto; } /*-------------------------------------------------------------------------------------------*/ /* 8. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 8.1 Forms */ input[type=text], input.input-text, textarea, input.txt, input[type=tel], input[type=email] { padding: .327em .5em; border: 1px solid #eaeaea; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 1em; /* Make inputs the same size as normal text */ line-height: 1.618em; font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */ outline: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } a.button, a.comment-reply-link, .submit, input[type=submit], input.button, button.button { display: inline-block; padding: .327em .618em; border: 0; background: #d23a17; color: white; text-align: center; text-decoration: none; font-size: 1em; /* Make inputs the same size as normal text */ font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */ cursor: pointer; /* Inputs need pointers! */ overflow: visible; /* IE fix */ width: auto; /* IE fix */ line-height: 1.618em; -webkit-border-radius: 0.146em; border-radius: 0.146em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.146em; border-radius: 0.146em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.146em; border-radius: 0.146em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.146em; border-radius: 0.146em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.146em; border-radius: 0.146em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } a.button:hover, a.comment-reply-link:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover { background: #a42d12; } a.button:active, a.comment-reply-link:active, .submit:active, input[type=submit]:active, input.button:active, button.button:active { background: #76210d; } a.button.large, a.comment-reply-link.large, .submit.large, input[type=submit].large, input.button.large, button.button.large { font-size: 1.387em; } a.button.small, a.comment-reply-link.small, .submit.small, input[type=submit].small, input.button.small, button.button.small { font-size: .857em; } /* 8.2 Gravity forms */ ul.gform_fields li { list-style: none; } .gfield { margin-bottom: 1.618em; } .gfield_label { width: 100%; font-weight: bold; margin-bottom: .618em; display: block; } .gfield_required { color: red; } .ginput_container { margin-bottom: 1.618em; } .ginput_container:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .ginput_container:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .ginput_container:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .ginput_container:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .ginput_container:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .ginput_container label { display: block; } .ginput_container input, .ginput_container textarea { width: 100%; } .ginput_container .ginput_left, .ginput_container .ginput_right, .ginput_container .ginput_full { margin-bottom: 1em; display: block; } .ginput_container .ginput_left label, .ginput_container .ginput_right label, .ginput_container .ginput_full label { font-size: .875em; } .ginput_container .ginput_left, .ginput_container .ginput_right { width: 48%; float: left; clear: left; } .ginput_container .ginput_right { float: right; clear: none; } .ginput_container .gfield_checkbox, .ginput_container .gfield_radio { margin-left: 0; } .ginput_container .gfield_checkbox label, .ginput_container .gfield_radio label { display: inline-block; margin-left: .618em; } .ginput_container .gfield_checkbox input, .ginput_container .gfield_radio input { width: auto; } img.ui-datepicker-trigger { border: 0; padding: 0; } /* 8.3 IE specific styling */ .ie8 img { width: auto !important; } .ie8 .widget_woo_blogauthorinfo .avatar { width: auto; } /* 8.4 Uniform */ div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action { background-image: url(images/sprite.png); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } .selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader * { margin: 0; padding: 0; } /* Select */ div.selector { background-position: -485px -130px; line-height: 26px; height: 26px; } div.selector span { background-position: right 0px; height: 26px; line-height: 26px; } div.selector select { /* change these to adjust positioning of select element */ top: 0px; left: 0px; cursor: pointer; } div.selector:active, div.selector.active { background-position: -485px -156px; } div.selector:active span, div.selector.active span { background-position: right -26px; } div.selector.focus, div.selector.hover, div.selector:hover { background-position: -485px -182px; } div.selector.focus span, div.selector.hover span, div.selector:hover span { background-position: right -52px; } div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover { background-position: -485px -208px; } div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span { background-position: right -78px; } div.selector.disabled { background-position: -485px -234px; } div.selector.disabled span { background-position: right -104px; } /* Checkbox */ div.checker { width: 19px; height: 19px; } div.checker input { width: 19px; height: 19px; } div.checker span { background-position: 0px -260px; height: 19px; width: 19px; } div.checker:active span, div.checker.active span { background-position: -19px -260px; } div.checker.focus span, div.checker:hover span { background-position: -38px -260px; } div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span { background-position: -57px -260px; } div.checker span.checked { background-position: -76px -260px; } div.checker:active span.checked, div.checker.active span.checked { background-position: -95px -260px; } div.checker.focus span.checked, div.checker:hover span.checked { background-position: -114px -260px; } div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked { background-position: -133px -260px; } div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span { background-position: -152px -260px; } div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; } /* Radio */ div.radio { width: 18px; height: 18px; } div.radio input { width: 18px; height: 18px; } div.radio span { height: 18px; width: 18px; background-position: 0px -279px; } div.radio:active span, div.radio.active span { background-position: -18px -279px; } div.radio.focus span, div.radio:hover span { background-position: -36px -279px; } div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span { background-position: -54px -279px; } div.radio span.checked { background-position: -72px -279px; } div.radio:active span.checked, div.radio.active span.checked { background-position: -90px -279px; } div.radio.focus span.checked, div.radio:hover span.checked { background-position: -108px -279px; } div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked { background-position: -126px -279px; } div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span { background-position: -144px -279px; } div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px; } /* Uploader */ div.uploader { background-position: 0px -297px; height: 28px; } div.uploader span.action { background-position: right -409px; height: 24px; line-height: 24px; } div.uploader span.filename { height: 24px; /* change this line to adjust positioning of filename area */ margin: 2px 0px 2px 2px; line-height: 24px; } div.uploader.focus, div.uploader.hover, div.uploader:hover { background-position: 0px -353px; } div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action { background-position: right -437px; } div.uploader.active span.action, div.uploader:active span.action { background-position: right -465px; } div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action { background-position: right -493px; } div.uploader.disabled { background-position: 0px -325px; } div.uploader.disabled span.action { background-position: right -381px; } /* PRESENTATION */ /* Select */ div.selector { width: 185px; font-size: 12px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); } div.selector select { min-width: 190px; font-weight: 700; border: solid 1px #fff; } div.selector span { padding: 0px 25px 0px 2px; cursor: pointer; text-align: left; } div.selector span { color: #666; width: 158px; text-align: left; text-shadow: 0 1px 0 #fff; } div.selector.disabled span { color: #bbb; } /* Checker */ div.checker { margin-right: 5px; } /* Radio */ div.radio { margin-right: 3px; } /* Uploader */ div.uploader { width: 190px; cursor: pointer; } div.uploader span.action { width: 85px; text-align: center; text-shadow: #fff 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold; } div.uploader span.filename { color: #777; width: 82px; border-right: solid 1px #bbb; font-size: 11px; } div.uploader input { width: 190px; } div.uploader.disabled span.action { color: #aaa; } div.uploader.disabled span.filename { border-color: #ddd; color: #aaa; } /* CORE FUNCTIONALITY Not advised to edit stuff below this line ----------------------------------------------------- */ .selector, .checker, .radio, .uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus { outline: 0; } /* Select */ div.selector { position: relative; padding-left: 8px; overflow: hidden; font-family: sans-serif; } div.selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; } div.selector select { position: absolute; opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); height: 25px; border: none; background: none; } /* Checker */ div.checker { position: relative; } div.checker span { display: -moz-inline-box; display: inline-block; text-align: center; } div.checker input { opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); display: inline-block; background: none; } /* Radio */ div.radio { position: relative; } div.radio span { display: -moz-inline-box; display: inline-block; text-align: center; } div.radio input { opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); text-align: center; display: inline-block; background: none; } /* Uploader */ div.uploader { position: relative; overflow: hidden; cursor: default; } div.uploader span.action { float: left; display: inline; padding: 2px 0px; overflow: hidden; cursor: pointer; } div.uploader span.filename { padding: 0px 10px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; } div.uploader input { opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 25px; border: none; cursor: default; } /*-------------------------------------------------------------------------------------------*/ /* 9. MAIN SLIDER */ /*-------------------------------------------------------------------------------------------*/ #featured-slider { background: none; margin: 0 0 2.618em; padding: 0; border: 0; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; } #featured-slider .slide { padding: .327em; border: 1px solid #eaeaea; background: #fff; -webkit-border-radius: 0.202em; border-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.202em; border-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.202em; border-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.202em; border-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.202em; border-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #featured-slider .slide.no-image .slide-content { position: static; } #featured-slider .slide-media { float: none; } #featured-slider .slide-content { float: none; } #featured-slider .slide-content header, #featured-slider .slide-content footer { background: #000; padding: .618em .857em 0; } #featured-slider .slide-content header h1, #featured-slider .slide-content footer h1 { font-size: 1em; margin: 0; } #featured-slider .slide-content header h1 a, #featured-slider .slide-content footer h1 a { color: #fff; } #featured-slider .slide-content footer { padding-top: .302em; padding-bottom: .618em; } #featured-slider .slide-content footer p { margin: 0; font-size: .857em; } #featured-slider .flex-direction-nav { position: absolute; padding: .327em; top: 1em; right: -3em; margin: 0 3.618em; } #featured-slider .flex-direction-nav a { position: static; opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); width: 31px; height: 31px; margin: 0 2px 0 0; } #featured-slider .flex-direction-nav li { display: inline-block; } #slider-pagination { overflow: hidden; background: none; margin: 0 0 2.244em; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: .327em; border: 1px solid #eaeaea; } #slider-pagination ol li { margin: 0 .327em 0 0; } #slider-pagination ol li a { cursor: pointer; } #slider-pagination ol li a img { height: auto; opacity: 0.5; filter: alpha(opacity=@opacity * 100); opacity: 0.5; filter: alpha(opacity=@opacity * 100); opacity: 0.5; filter: alpha(opacity=@opacity * 100); opacity: 0.5; filter: alpha(opacity=@opacity * 100); opacity: 0.5; filter: alpha(opacity=@opacity * 100); margin: 0 0 0.01em; } #slider-pagination ol li.flex-active-slide img { opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); } #slider-pagination .flex-direction-nav { width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 0; opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); opacity: 0; filter: alpha(opacity=@opacity * 100); } #slider-pagination .flex-direction-nav a { z-index: 2; top: 41%; left: .5em; position: absolute; opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); width: 26px; height: 26px; margin: 0; background: url(images/bg_direction_nav_slider.png) no-repeat 0 0; cursor: pointer; } #slider-pagination .flex-direction-nav .flex-next { right: .5em; left: auto; background-position: 100% 0; margin: 0; } #slider-pagination .flex-direction-nav li { display: inline-block; } #slider-pagination .flex-direction-nav .flex-disabled { opacity: .6!important; filter: alpha(opacity=60) !important; } #slider-pagination:hover .flex-direction-nav { opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); } #slider-pagination .flex-viewport { z-index: 1; } .has-horizontal-slider-pagination #featured-slider { margin: 0 0 1.387em; } .has-vertical-slider-pagination #featured-slider { float: left; width: 74%; } .has-vertical-slider-pagination #slider-pagination { overflow: hidden; padding: .327em; float: right; width: 25%; clear: right; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .has-vertical-slider-pagination #slider-pagination ol li { margin: 0 0 .327em; } .has-vertical-slider-pagination #slider-pagination ol li img { margin: 0; height: auto; } .has-vertical-slider-pagination #slider-pagination .flex-direction-nav { padding: .53em 0.327em .236em 0.53em; } .has-vertical-slider-pagination #slider-pagination .flex-direction-nav a { width: 19px; height: 8px; margin: 0 0 .327em; background: url(images/bg_direction_nav_home_vertical.png) no-repeat 0 0; } .has-vertical-slider-pagination #slider-pagination .flex-direction-nav .flex-next { background-position: 0 100%; } .has-vertical-slider-pagination #slider-pagination .flex-direction-nav li { display: block; } /*-------------------------------------------------------------------------------------------*/ /* 10. HOMEPAGE */ /*-------------------------------------------------------------------------------------------*/ /* 10.1 General "Home Sections" styling */ .home-section { margin: 0 0 2.244em; border: 1px dotted #d6d6d6; border-width: 0 0 1px 0; } .home-section header { margin: 0 0 1.618em; } .home-section header h1 { font-size: 1.618em; margin: 0; } .home-section ul .item h2, .home-section ul .item h3 { color: #4c4c4c; font-weight: normal; font-size: 1.2em; margin: 0 0 .382em; } .home-section ul .item h2 a, .home-section ul .item h3 a { color: #4c4c4c; } .home-section ul .item img { margin: 0 0 1em; padding: .53em; border: 1px solid #d6d6d6; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: auto; } .home-section ul .item p { color: #8c8c8c; margin: 0 0 1em; } .home-section ul .item p:last-child { margin: 0; } .home-section ul li .item { position: relative; float: left; width: 46%; margin: 0 7% 2.244em 0; } .home-section ul li .item.last { margin-right: 0; } .home-section ul li:nth-child(2n+2) .item { margin-right: 0; } .home-section .btn, .home-section .button { display: inline-block; padding: .202em 1em; border: 1px solid #d23a17; border-bottom-color: #c12906; color: white; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); text-decoration: none; font-weight: bold; font-size: .9em; font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */ cursor: pointer; /* Inputs need pointers! */ overflow: visible; /* IE fix */ width: auto; /* IE fix */ line-height: 1.618em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#c12906)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #c12906); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #c12906); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #c12906); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #c12906); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #c12906); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#c12906)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #c12906); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #c12906); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #c12906); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #c12906); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #c12906); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#c12906)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #c12906); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #c12906); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #c12906); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #c12906); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #c12906); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#c12906)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #c12906); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #c12906); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #c12906); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #c12906); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #c12906); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#c12906)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #c12906); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #c12906); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #c12906); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #c12906); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #c12906); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); } .home-section .btn:hover, .home-section .button:hover { text-decoration: none; background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#b01800)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #b01800); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #b01800); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #b01800); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #b01800); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #b01800); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#b01800)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #b01800); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #b01800); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #b01800); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #b01800); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #b01800); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#b01800)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #b01800); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #b01800); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #b01800); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #b01800); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #b01800); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#b01800)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #b01800); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #b01800); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #b01800); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #b01800); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #b01800); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#b01800)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #b01800); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #b01800); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #b01800); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #b01800); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #b01800); } .home-section .btn:active, .home-section .button:active { border-color: #c12906; -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff; -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff; box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff; } .home-section .flex-direction-nav { position: absolute; right: 0; top: .327em; } .home-section .flex-direction-nav a { position: static; opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); opacity: 1; filter: alpha(opacity=@opacity * 100); width: 9px; height: 19px; margin: 0 .618em 0 0; background: url(images/bg_direction_nav_home.png) no-repeat 0 0; } .home-section .flex-direction-nav .flex-next { background-position: 100% 0; margin: 0; } .home-section .flex-direction-nav li { display: inline-block; } /* 10.2 Intro Message */ #intro-message { margin: 0 0 2.244em; padding: 0 0 2.244em; border-bottom: 1px dotted #dbdbdb; } #intro-message header { margin: 0; } #intro-message h1 { margin: 0; font-weight: normal; color: #595959; text-align: center; } #intro-message h1 a { text-decoration: underline; } #intro-message h1 a:hover { color: #c12906; } /* 10.3 Promotion */ #promotion { background: #f7f7f7; border: 1px solid #eaeaea; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 1.618em 2.244em; margin: 0 0 2.244em; color: #8c8c8c; } #promotion:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #promotion:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #promotion:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #promotion:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #promotion:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #promotion h2 { font-weight: normal; margin: 0; color: #595959; } #promotion p { margin: 0; } #promotion .btn { margin: .53em 0 0; font-size: 1.387em; padding: .146em 1.387em; display: block; } /* 10.4 Home Shop */ #home-shop h3 { float: left; } #home-shop ul.products { margin: 0; } #home-shop .onsale { position: absolute; top: 1em; right: 2em; background: #d23a17; } #home-shop .btn, #home-shop .button { padding: .202em .66em; float: left; margin-right: .7em; } #home-shop .btn-details { margin: 0; border: 1px solid #6C6C6C; background-color: #939393; background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#747474)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #939393, #747474); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #939393, #747474); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #939393, #747474); /* IE10 */ background-image: -o-linear-gradient(top, #939393, #747474); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #939393, #747474); background-color: #939393; background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#747474)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #939393, #747474); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #939393, #747474); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #939393, #747474); /* IE10 */ background-image: -o-linear-gradient(top, #939393, #747474); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #939393, #747474); background-color: #939393; background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#747474)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #939393, #747474); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #939393, #747474); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #939393, #747474); /* IE10 */ background-image: -o-linear-gradient(top, #939393, #747474); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #939393, #747474); background-color: #939393; background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#747474)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #939393, #747474); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #939393, #747474); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #939393, #747474); /* IE10 */ background-image: -o-linear-gradient(top, #939393, #747474); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #939393, #747474); background-color: #939393; background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#747474)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #939393, #747474); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #939393, #747474); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #939393, #747474); /* IE10 */ background-image: -o-linear-gradient(top, #939393, #747474); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #939393, #747474); float: left; } #home-shop .from { display: none; } #home-shop .price { float: right; } /* 10.5 Features Widget */ .home .widget_woothemes_features { padding: 0; } #main .widget_woothemes_features .feature { width: 100%; float: left; margin: 0 0 2.244em 0; } #main .widget_woothemes_features .feature.last { margin-right: 0 !important; } /*-------------------------------------------------------------------------------------------*/ /* 11. PORTFOLIO */ /*-------------------------------------------------------------------------------------------*/ #portfolio-gallery header { border: 1px dotted #eaeaea; border-width: 0 0 1px 0; padding: 0 0 1em; margin-bottom: 2.244em; } #portfolio-gallery header h1 { margin: 0 0 .327em; } #portfolio-gallery #port-tags a { position: relative; float: left; font-size: 1em; padding: .125em .53em; margin: 0 .53em 0 0; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-weight: normal; text-decoration: none; background: #eaeaea; color: #6a6a6a; } #portfolio-gallery #port-tags a:hover { background: #e5e5e5; } #portfolio-gallery #port-tags a.current { background: #d23a17; color: #fff; } .page-template-template-portfolio-php .type-page { margin: 0; padding: 0; border: 0; } #portfolio article { margin: 0 auto 2.244em; max-width: 308px; } #portfolio article img { margin: 0; zoom: 1; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 0; padding: 0; } #portfolio article a { display: block; } #portfolio article .content-wrapper { position: relative; background: #000; } #portfolio article .mask { display: none; cursor: pointer; background: #000; background: rgba(0, 0, 0, 0.6); } #portfolio article .mask span { color: #fff; } #portfolio article .mask span.title { display: block; font-size: 1.387em; line-height: 1em; } #portfolio article .mask span.tags { font-size: .857em; text-transform: lowercase; } #portfolio article .mask .project-details { margin: .53em 0 0; } #portfolio article .mask .project-details a { text-transform: lowercase; display: inline-block; } #portfolio article .mask .content { position: absolute; bottom: 0; margin: 1.387em; display: block; } #portfolio article:hover a img { opacity: 0.5; filter: alpha(opacity=@opacity * 100); opacity: 0.5; filter: alpha(opacity=@opacity * 100); opacity: 0.5; filter: alpha(opacity=@opacity * 100); opacity: 0.5; filter: alpha(opacity=@opacity * 100); opacity: 0.5; filter: alpha(opacity=@opacity * 100); } #portfolio article:hover .mask { display: block; } #portfolio article .hide { display: none; } .single-portfolio .portfolio-meta ul li { list-style: none; font-size: .857em; margin: 0 0 .857em; } .single-portfolio .portfolio-meta ul li.portfolio-date { font-weight: bold; } .single-portfolio .portfolio-meta ul li.portfolio-comments a { -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .single-portfolio #content .portfolio-item { margin: 1em 0 1.618em; } /* LAYOUT RELATED STYLES */ /* The styles in this stylesheet only apply to resolutions 768px and up CALCULATING DIMENSIONS: ---------------------- The layout is fluid. The sote wrapper (.col-full) has a fixed pixel max-width. All subsequent dimensions are calculated based on that fixed pixel width, using the formula: target / context = result Credit - http://www.alistapart.com/articles/fluidgrids/ ----- INDEX ----- 1. Global dropdown styles 2. Top Navigation 3. Main navigation dropdown menus -3.1 General dropdown menus 4. Containers & Columns 5. Footer widgets 6. IE Fixes /*----------------------*/ @-webkit-keyframes spin-360 { from { -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; } 50% { -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; } to { -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; } } /*----------------------*/ #wrapper { padding: 0 2em; } /* LAYOUT RELATED STYLES */ @media only screen and (min-width: 768px) { body { background-repeat: repeat-x; } #wrapper { padding: 0; } /* 1. GLOBAL DROPDOWN STYLES (these are purely for the dropdown layout and you should only edit the width of the dropdowns) */ ul.nav { position: relative; margin-bottom: 0; /* LEVEL 2 */ /* LEVEL 3 */ } ul.nav li { position: relative; float: left; zoom: 1; list-style: none; } ul.nav li a { display: block; padding: .53em 1em; } ul.nav ul { width: 11.089em; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 9999; margin: 0; } ul.nav ul li { float: none; } ul.nav ul li a { width: 100%; display: inline-block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } ul.nav ul ul { left: 100%; top: 0; } ul.nav li:hover > ul { visibility: visible; } /* 2. TOP NAVIGATION (Add top navigation presentational styles here) */ #top { background: #000; padding: 0 1.618em; } #top #top-nav { display: block; } #top ul.nav { font-size: .9em; /* LEVEL 2 */ /* LEVEL 3 */ } #top ul.nav > li a { color: #999; } #top ul.nav > li a:hover { background: none; } #top ul.nav > li.current_page_item a, #top ul.nav > li.current_page_parent a, #top ul.nav > li.current-menu-ancestor a, #top ul.nav > li.current-cat a, #top ul.nav > li.li.current-menu-item a { color: #d23a17; background: none; } #top ul.nav > li:hover { background: none; } #top ul.nav ul { background: #000; } /* 3. MAIN NAVIGATION DROPDOWN MENUS (Add main navigation presentational styles here) */ #navigation { display: block !important; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); border: 1px solid #2f2f2f; border-width: 1px 1px 0; margin-bottom: 1.618em; padding: 0; } #navigation ul.nav { font-size: 1.2em; margin-bottom: -1px; /* LEVEL 2 */ /* LEVEL 3 */ } #navigation ul.nav > li { border-right: 0; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #navigation ul.nav > li a { font-weight: bold; padding: 12px; color: #fff; text-shadow: 0 -1px 0 #2f2f2f; text-shadow: 0 -1px 0 #2f2f2f; text-shadow: 0 -1px 0 #2f2f2f; text-shadow: 0 -1px 0 #2f2f2f; text-shadow: 0 -1px 0 #2f2f2f; border: 1px solid #2f2f2f; border-width: 0 0 0 1px; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 2px 0 0 0 #646464; -webkit-box-shadow: 2px 0 0 0 #646464; box-shadow: 2px 0 0 0 #646464; -webkit-box-shadow: 2px 0 0 0 #646464; box-shadow: 2px 0 0 0 #646464; -webkit-box-shadow: 2px 0 0 0 #646464; box-shadow: 2px 0 0 0 #646464; -webkit-box-shadow: 2px 0 0 0 #646464; box-shadow: 2px 0 0 0 #646464; -webkit-box-shadow: 2px 0 0 0 #646464; } #navigation ul.nav > li a:hover { box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); text-decoration: none; } #navigation ul.nav > li:hover { text-decoration: none; background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); } #navigation ul.nav > li.current_page_item a, #navigation ul.nav > li.current_page_parent a, #navigation ul.nav > li.current-menu-ancestor a, #navigation ul.nav > li.current-cat a, #navigation ul.nav > li.li.current-menu-item a { margin-top: -1px; background-color: #d23a17; background-image: -webkit-gradient(linear, left top, left bottom, from(#d23a17), to(#9f0700)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #d23a17, #9f0700); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #d23a17, #9f0700); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #d23a17, #9f0700); /* IE10 */ background-image: -o-linear-gradient(top, #d23a17, #9f0700); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #d23a17, #9f0700); background-color: #d23a17; background-image: -webkit-gradient(linear, left top, left bottom, from(#d23a17), to(#9f0700)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #d23a17, #9f0700); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #d23a17, #9f0700); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #d23a17, #9f0700); /* IE10 */ background-image: -o-linear-gradient(top, #d23a17, #9f0700); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #d23a17, #9f0700); background-color: #d23a17; background-image: -webkit-gradient(linear, left top, left bottom, from(#d23a17), to(#9f0700)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #d23a17, #9f0700); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #d23a17, #9f0700); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #d23a17, #9f0700); /* IE10 */ background-image: -o-linear-gradient(top, #d23a17, #9f0700); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #d23a17, #9f0700); background-color: #d23a17; background-image: -webkit-gradient(linear, left top, left bottom, from(#d23a17), to(#9f0700)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #d23a17, #9f0700); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #d23a17, #9f0700); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #d23a17, #9f0700); /* IE10 */ background-image: -o-linear-gradient(top, #d23a17, #9f0700); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #d23a17, #9f0700); background-color: #d23a17; background-image: -webkit-gradient(linear, left top, left bottom, from(#d23a17), to(#9f0700)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #d23a17, #9f0700); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #d23a17, #9f0700); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #d23a17, #9f0700); /* IE10 */ background-image: -o-linear-gradient(top, #d23a17, #9f0700); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #d23a17, #9f0700); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); padding-top: .7em; } #navigation ul.nav > li.current_page_item ul li a, #navigation ul.nav > li.current_page_parent ul li a, #navigation ul.nav > li.current-menu-ancestor ul li a, #navigation ul.nav > li.current-cat ul li a, #navigation ul.nav > li.li.current-menu-item ul li a { background: #282828; } #navigation ul.nav > li.current_page_item ul li a:hover, #navigation ul.nav > li.current_page_parent ul li a:hover, #navigation ul.nav > li.current-menu-ancestor ul li a:hover, #navigation ul.nav > li.current-cat ul li a:hover, #navigation ul.nav > li.li.current-menu-item ul li a:hover { background: #393939; } #navigation ul.nav > li:first-child a { -webkit-border-top-left-radius: 0.202em; -webkit-border-bottom-left-radius: 0.202em; border-top-left-radius: 0.202em; border-bottom-left-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0.202em; -webkit-border-bottom-left-radius: 0.202em; border-top-left-radius: 0.202em; border-bottom-left-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0.202em; -webkit-border-bottom-left-radius: 0.202em; border-top-left-radius: 0.202em; border-bottom-left-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0.202em; -webkit-border-bottom-left-radius: 0.202em; border-top-left-radius: 0.202em; border-bottom-left-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0.202em; -webkit-border-bottom-left-radius: 0.202em; border-top-left-radius: 0.202em; border-bottom-left-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-width: 0; margin-left: -1px; } #navigation ul.nav > li:last-child a { border-width: 0 1px 0 1px; box-shadow: 1px 0 0 0 #646464; -webkit-box-shadow: 1px 0 0 0 #646464; box-shadow: 1px 0 0 0 #646464; -webkit-box-shadow: 1px 0 0 0 #646464; box-shadow: 1px 0 0 0 #646464; -webkit-box-shadow: 1px 0 0 0 #646464; box-shadow: 1px 0 0 0 #646464; -webkit-box-shadow: 1px 0 0 0 #646464; box-shadow: 1px 0 0 0 #646464; -webkit-box-shadow: 1px 0 0 0 #646464; } #navigation ul.nav ul { background: #282828; left: 0; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #navigation ul.nav ul > li a { border: 0; box-shadow: 0 0 0 0 #5b5b5b !important; -webkit-box-shadow: 0 0 0 0 #5b5b5b !important; box-shadow: 0 0 0 0 #5b5b5b !important; -webkit-box-shadow: 0 0 0 0 #5b5b5b !important; box-shadow: 0 0 0 0 #5b5b5b !important; -webkit-box-shadow: 0 0 0 0 #5b5b5b !important; box-shadow: 0 0 0 0 #5b5b5b !important; -webkit-box-shadow: 0 0 0 0 #5b5b5b !important; box-shadow: 0 0 0 0 #5b5b5b !important; -webkit-box-shadow: 0 0 0 0 #5b5b5b !important; } #navigation ul.nav ul > li a:hover { background: #393939; } #navigation ul.nav ul > li:last-child a { -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #navigation ul.nav ul ul { top: -1px; left: 100%; } .nav-toggle { display: none; } #footer ul.nav li a { padding: 0 1em; color: #d9d9d9; font-size: .9em; } #footer ul.nav li.current_page_item a, #footer ul.nav li.current_page_parent a, #footer ul.nav li.current-menu-ancestor a, #footer ul.nav li.current-cat a, #footer ul.nav li.li.current-menu-item a { background: none; color: #d9d9d9; } /* 4. CONTAINERS & COLUMNS */ #header { padding: 3em 0 .382em; } #header #logo { float: left; } #header #logo img { margin: 0; display: inline; } #header hgroup { float: left; } #header hgroup h1, #header hgroup h2, #header hgroup h3 { float: none; } #header ul.rss { margin-right: 0; padding-right: 0; } #header ul.rss li { border-right: 0; } #header ul.cart li { border-left: 1px solid #eaeaea; } #header .widget_product_search, #header .search_main { margin: 0 0 2.244em; float: right; clear: none; width: auto; } #wrapper, #footer-wrapper { max-width: 980px; margin: 0 auto; padding: 0 3.631em; } #main.fullwidth, .layout-full #main, .col-full { max-width: 75.998em; margin: 0 auto; width: 100%; } #main { width: 73%; } #sidebar { margin-top: 0; width: 23%; } .entry img { max-width: 100%; } .layout-full .entry img { max-width: 100%; } .layout-right-content #main { float: right; } .layout-right-content #sidebar { float: left; } .layout-full #main { width: 100%; } .col-left { float: left; } .col-right { float: right; } .page-template-template-contact-php .location-twitter .col-left { float: left; } .page-template-template-contact-php .location-twitter #office-location { width: 48%; margin: 0; } .page-template-template-contact-php .location-twitter .contact-social { float: right; } .page-template-template-contact-php .location-twitter .contact-social #twitter { margin: 0; } .page-template-template-contact-php .location-twitter .contact-social.col-right { width: 48%; } .post header:after, .type-page header:after, .search .type-page header:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header:after, .type-page header:after, .search .type-page header:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header:after, .type-page header:after, .search .type-page header:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header:after, .type-page header:after, .search .type-page header:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header:after, .type-page header:after, .search .type-page header:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header h1, .type-page header h1, .search .type-page header h1 { float: right; width: 76%; } .post header h1:after, .type-page header h1:after, .search .type-page header h1:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header h1:after, .type-page header h1:after, .search .type-page header h1:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header h1:after, .type-page header h1:after, .search .type-page header h1:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header h1:after, .type-page header h1:after, .search .type-page header h1:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header h1:after, .type-page header h1:after, .search .type-page header h1:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post .post-meta, .type-page .post-meta, .search .type-page .post-meta { width: 16%; padding: 0 2.244em 1em 0; border-right: 1px solid #eaeaea; float: left; font-size: .857em; } .post .post-meta span.small, .type-page .post-meta span.small, .search .type-page .post-meta span.small { display: none; } .post .post-meta li, .type-page .post-meta li, .search .type-page .post-meta li { text-align: right; display: block; margin: .382em 0; } .post .post-meta li a, .type-page .post-meta li a, .search .type-page .post-meta li a { color: #4c4c4c; } .post .post-meta li.post-date, .type-page .post-meta li.post-date, .search .type-page .post-meta li.post-date { color: #999999; } .post .article-inner, .type-page .article-inner, .search .type-page .article-inner { width: 76%; float: right; } .post:after, .type-page:after, .search .type-page:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post:after, .type-page:after, .search .type-page:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post:after, .type-page:after, .search .type-page:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post:after, .type-page:after, .search .type-page:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post:after, .type-page:after, .search .type-page:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .type-page header h1 { width: auto; float: left; } .page #respond { padding: 0; } #post-author { padding: 1.618em 1.618em 1.618em 12em; } #post-entries { padding: 1.618em 1.618em 1.618em 12em; } #comments h3 { padding: 0 0 0 9em; } #comments .comment .comment-container { position: relative; padding: 2.244em 2.244em 1em 2.244em; } #comments .comment.depth-1 .comment-container { padding-left: 7em; } #comments .comment.depth-2 .comment-container { padding-left: 13em; } #comments .comment.depth-3 .comment-container { padding-left: 19em; } #comments .comment.depth-4 .comment-container { padding-left: 25em; } #comments ul.children { margin: 0; } #respond { padding-left: 12.8em; } /* Homepage */.home-section ul li .item { width: 22.7%; margin: 0 3% 2.244em 0; } .home-section ul li:nth-child(2n+2) .item { margin-right: 3%; } .home-section ul li:nth-child(4n+4) .item { margin-right: 0; } #main .widget_woothemes_features .feature { width: 22.7%; margin: 0 3% 2.244em 0; } #featured-slider .slide-content { position: absolute; bottom: 6.1em; margin: 0 3.618em; float: left; } #featured-slider .slide-content header, #featured-slider .slide-content footer { background: #0C0906; background: rgba(0, 0, 0, 0.8); padding: .618em .857em; } #featured-slider .slide-content header h1, #featured-slider .slide-content footer h1 { font-size: 2.618em; margin: 0; font-weight: normal; } #featured-slider .slide-content header { margin: 0 0 .1em; } #featured-slider .slide-content footer { display: inline-block; padding: .202em .618em; color: #B1B1B1; } #featured-slider .slide-content footer a { color: #B1B1B1; } #featured-slider .slide-content footer p { font-size: 1em; } #featured-slider .flex-direction-nav { position: absolute; padding: .327em; bottom: 2.4em; top: auto; right: auto; } #promotion .left-section { width: 70%; float: left; } #promotion .right-section { float: right; } #promotion .btn { display: inline; } /* PORTFOLIO TEMPLATE */ #portfolio-gallery header h1 { margin: 0; } #portfolio-gallery #port-tags { float: right; padding: .618em 0 0 0; } #portfolio { margin-left: -2em; } #portfolio article { float: left; margin: 0 0 2em 2em; } #portfolio article.featured { margin: 0 0 2em 2em; float: none; display: block; max-width: 100%; } #portfolio article.featured img { max-width: 100%; } #portfolio article.featured .mask .content { margin: 1.618em 2.244em; } #portfolio article.featured .mask span.title { font-size: 1.618em; } .single-portfolio .portfolio { float: left; width: 26%; } .single-portfolio .single-portfolio-gallery { float: right; width: 70%; margin: 0 0 2.244em; } /* 5. FOOTER WIDGETS */ #footer-widgets .block { margin-right: 3.8%; float: left; } #footer-widgets.col-1 .block { width: 100%; float: none; } #footer-widgets.col-1 .footer-widget-1 { margin-right: 0; } #footer-widgets.col-2 .block { width: 48%; } #footer-widgets.col-2 .footer-widget-2 { margin-right: 0; } #footer-widgets.col-3 .block { width: 30.75%; } #footer-widgets.col-3 .footer-widget-3 { margin-right: 0; } #footer-widgets.col-4 .block { width: 22.05%; } #footer-widgets.col-4 .footer-widget-4 { margin-right: 0; } /* 6. IE FIXES */ .ie7 #top-nav { position: relative; z-index: 9999999; } .ie7 #header { position: relative; z-index: 9999999; } } @-webkit-keyframes spin-360 { from { -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; } 50% { -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; } to { -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; } } #header ul.cart { margin: 0 0 1em; list-style: none; } #header ul.cart li { position: relative; border-left: 1px dotted #eaeaea; padding-left: 3.8em; } #header a.cart-contents { font-size: 1.2em; padding-right: 0; } #header a.cart-contents .amount { display: none; color: #4c4c4c; margin-right: 1.327em; } #header a.cart-contents .items { border-bottom: 1px solid #eaeaea; } #header a.cart-contents:before { content: ""; background: url(../images/header-cart.png) no-repeat top left; width: 26px; height: 25px; position: absolute; left: 1.5em; top: .45em; } #header a.cart-contents:hover { text-decoration: none; } .star-rating { width: 80px; height: 1em; background: #eaeaea; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; clear: both; } .star-rating span { background: #d23a17; height: 100%; overflow: hidden; float: left; text-indent: -999em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .star-rating span span { display: none; } p.stars { overflow: hidden; zoom: 1; } p.stars span { width: 80px; height: 16px; position: relative; float: left; background: #eaeaea; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } p.stars span a { float: left; position: absolute; left: 0; top: 0; width: 16px; height: 0; padding-top: 16px; overflow: hidden; } p.stars span a:hover, p.stars span a:focus { background: #d23a17; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } p.stars span a.active { background: #d23a17; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3.631em; border-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } p.stars span a.star-1 { width: 16px; z-index: 10; -webkit-border-top-left-radius: 3.631em; -webkit-border-bottom-left-radius: 3.631em; border-top-left-radius: 3.631em; border-bottom-left-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 3.631em; -webkit-border-bottom-left-radius: 3.631em; border-top-left-radius: 3.631em; border-bottom-left-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 3.631em; -webkit-border-bottom-left-radius: 3.631em; border-top-left-radius: 3.631em; border-bottom-left-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 3.631em; -webkit-border-bottom-left-radius: 3.631em; border-top-left-radius: 3.631em; border-bottom-left-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 3.631em; -webkit-border-bottom-left-radius: 3.631em; border-top-left-radius: 3.631em; border-bottom-left-radius: 3.631em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } p.stars span a.star-2 { width: 32px; z-index: 9; } p.stars span a.star-3 { width: 48px; z-index: 8; } p.stars span a.star-4 { width: 64px; z-index: 7; } p.stars span a.star-5 { width: 80px; z-index: 6; } .widget .product_list_widget { list-style: none; } .widget .product_list_widget li { margin-bottom: 1em; } .widget .product_list_widget li:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget .product_list_widget li:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget .product_list_widget li:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget .product_list_widget li:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget .product_list_widget li:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .widget .product_list_widget li:last-child { margin-bottom: .327em; } .widget .product_list_widget li img { width: 2.618em; height: auto; float: right; } .widget .product_list_widget li a { display: block; } .widget .star-rating { width: 60px; height: .618em; clear: none; } .widget_layered_nav ul { list-style: none; } .widget_layered_nav ul li .count { float: right; } .widget_layered_nav ul li.chosen a { background: #d23a17; color: #fff; font-weight: bold; padding: .382em .618em; } .widget_layered_nav ul li.chosen a:before { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; content: "\f00d"; font-size: .875em; } .widget_product_categories ul { list-style: none; } .widget_product_categories ul li .count { float: right; } .widget_price_filter .price_slider { margin-bottom: 1em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4em; } .widget_price_filter .price_slider_amount .button { display: inline-block; border-bottom-color: #c12906; color: white; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); text-decoration: none; font-weight: normal; font-size: .9em; font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */ cursor: pointer; /* Inputs need pointers! */ overflow: visible; /* IE fix */ width: auto; /* IE fix */ line-height: 1.618em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); float: left; padding: .202em 1.2em; border: 1px solid #6C6C6C; background-color: #939393; background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#747474)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #939393, #747474); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #939393, #747474); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #939393, #747474); /* IE10 */ background-image: -o-linear-gradient(top, #939393, #747474); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #939393, #747474); background-color: #939393; background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#747474)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #939393, #747474); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #939393, #747474); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #939393, #747474); /* IE10 */ background-image: -o-linear-gradient(top, #939393, #747474); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #939393, #747474); background-color: #939393; background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#747474)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #939393, #747474); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #939393, #747474); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #939393, #747474); /* IE10 */ background-image: -o-linear-gradient(top, #939393, #747474); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #939393, #747474); background-color: #939393; background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#747474)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #939393, #747474); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #939393, #747474); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #939393, #747474); /* IE10 */ background-image: -o-linear-gradient(top, #939393, #747474); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #939393, #747474); background-color: #939393; background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#747474)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #939393, #747474); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #939393, #747474); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #939393, #747474); /* IE10 */ background-image: -o-linear-gradient(top, #939393, #747474); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #939393, #747474); } .widget_price_filter .price_slider_amount .price_label { color: rgba(76, 76, 76, 0.28); font-size: .9em; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; top: .08em; z-index: 2; width: 1.1em; height: 1.1em; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; cursor: pointer; outline: none; background-color: #fbfbfb; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#cccccc)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #fbfbfb, #cccccc); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #fbfbfb, #cccccc); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #fbfbfb, #cccccc); /* IE10 */ background-image: -o-linear-gradient(top, #fbfbfb, #cccccc); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #fbfbfb, #cccccc); background-color: #fbfbfb; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#cccccc)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #fbfbfb, #cccccc); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #fbfbfb, #cccccc); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #fbfbfb, #cccccc); /* IE10 */ background-image: -o-linear-gradient(top, #fbfbfb, #cccccc); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #fbfbfb, #cccccc); background-color: #fbfbfb; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#cccccc)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #fbfbfb, #cccccc); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #fbfbfb, #cccccc); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #fbfbfb, #cccccc); /* IE10 */ background-image: -o-linear-gradient(top, #fbfbfb, #cccccc); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #fbfbfb, #cccccc); background-color: #fbfbfb; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#cccccc)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #fbfbfb, #cccccc); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #fbfbfb, #cccccc); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #fbfbfb, #cccccc); /* IE10 */ background-image: -o-linear-gradient(top, #fbfbfb, #cccccc); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #fbfbfb, #cccccc); background-color: #fbfbfb; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#cccccc)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #fbfbfb, #cccccc); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #fbfbfb, #cccccc); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #fbfbfb, #cccccc); /* IE10 */ background-image: -o-linear-gradient(top, #fbfbfb, #cccccc); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #fbfbfb, #cccccc); border: 1px solid #d23a17; margin-left: .1em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1.15em; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; border: 1px solid #7f230e; background-color: #ad3013; background-color: transparent 50%; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent 50%), to(#d23a17 50%)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, transparent 50%, #d23a17 50%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, transparent 50%, #d23a17 50%); /* FF3.6+ */ background-image: -ms-linear-gradient(top, transparent 50%, #d23a17 50%); /* IE10 */ background-image: -o-linear-gradient(top, transparent 50%, #d23a17 50%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, transparent 50%, #d23a17 50%); background-color: transparent 50%; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent 50%), to(#d23a17 50%)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, transparent 50%, #d23a17 50%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, transparent 50%, #d23a17 50%); /* FF3.6+ */ background-image: -ms-linear-gradient(top, transparent 50%, #d23a17 50%); /* IE10 */ background-image: -o-linear-gradient(top, transparent 50%, #d23a17 50%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, transparent 50%, #d23a17 50%); background-color: transparent 50%; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent 50%), to(#d23a17 50%)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, transparent 50%, #d23a17 50%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, transparent 50%, #d23a17 50%); /* FF3.6+ */ background-image: -ms-linear-gradient(top, transparent 50%, #d23a17 50%); /* IE10 */ background-image: -o-linear-gradient(top, transparent 50%, #d23a17 50%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, transparent 50%, #d23a17 50%); background-color: transparent 50%; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent 50%), to(#d23a17 50%)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, transparent 50%, #d23a17 50%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, transparent 50%, #d23a17 50%); /* FF3.6+ */ background-image: -ms-linear-gradient(top, transparent 50%, #d23a17 50%); /* IE10 */ background-image: -o-linear-gradient(top, transparent 50%, #d23a17 50%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, transparent 50%, #d23a17 50%); background-color: transparent 50%; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent 50%), to(#d23a17 50%)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, transparent 50%, #d23a17 50%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, transparent 50%, #d23a17 50%); /* FF3.6+ */ background-image: -ms-linear-gradient(top, transparent 50%, #d23a17 50%); /* IE10 */ background-image: -o-linear-gradient(top, transparent 50%, #d23a17 50%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, transparent 50%, #d23a17 50%); background-size: 16px 16px; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-sizing: border-box; } .widget_price_filter .price_slider_wrapper .ui-widget-content { -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #eaeaea; height: 1.25em; } .widget_price_filter .ui-slider-horizontal { height: 1em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } .woocommerce_message, .woocommerce_info, .woocommerce_error { padding: 1em 1em 1em 2.618em; border: 1px solid #eaeaea; position: relative; margin-bottom: 1.618em; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .woocommerce_message:before, .woocommerce_info:before, .woocommerce_error:before { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; position: absolute; top: 1em; left: 1em; } .woocommerce_message .button, .woocommerce_info .button, .woocommerce_error .button { float: right; font-size: .857em; margin-left: 1em; } .woocommerce_message:before { content: "\f05d"; color: #89b93f; } .woocommerce_info:before { content: "\f05a"; color: #3c8bae; } .woocommerce_error:before { content: "\f05c"; color: #c84e45; } .stock.out-of-stock:before, .stock.in-stock:before { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; } .stock.out-of-stock:before { content: "\f05c"; color: #c84e45; } .stock.in-stock:before { content: "\f05d"; color: #89b93f; } .onsale { display: block; width: 3.631em; padding: .202em; text-align: center; background: #d23a17; color: #fff; font-weight: bold; font-size: .857em; -webkit-border-radius: 0.202em; border-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.202em; border-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.202em; border-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.202em; border-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.202em; border-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .quantity { width: 3.9em; position: relative; } .quantity .qty { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width: 2.618em; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .quantity .plus, .quantity .minus { width: 1.618em; padding: .16em 0; text-align: center; background: #d23a17; position: absolute; right: 0; border: 0; color: #fff; } .quantity .plus { top: 0; -webkit-border-top-right-radius: 0.327em; -webkit-border-bottom-right-radius: 0.327em; border-top-right-radius: 0.327em; border-bottom-right-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0.327em; -webkit-border-bottom-right-radius: 0.327em; border-top-right-radius: 0.327em; border-bottom-right-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0.327em; -webkit-border-bottom-right-radius: 0.327em; border-top-right-radius: 0.327em; border-bottom-right-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0.327em; -webkit-border-bottom-right-radius: 0.327em; border-top-right-radius: 0.327em; border-bottom-right-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0.327em; -webkit-border-bottom-right-radius: 0.327em; border-top-right-radius: 0.327em; border-bottom-right-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .quantity .minus { bottom: 0; -webkit-border-top-right-radius: 0.327em; -webkit-border-bottom-right-radius: 0.327em; border-top-right-radius: 0.327em; border-bottom-right-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0.327em; -webkit-border-bottom-right-radius: 0.327em; border-top-right-radius: 0.327em; border-bottom-right-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0.327em; -webkit-border-bottom-right-radius: 0.327em; border-top-right-radius: 0.327em; border-bottom-right-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0.327em; -webkit-border-bottom-right-radius: 0.327em; border-top-right-radius: 0.327em; border-bottom-right-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-right-radius: 0.327em; -webkit-border-bottom-right-radius: 0.327em; border-top-right-radius: 0.327em; border-bottom-right-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } ul.products { list-style: none; position: relative; } ul.products:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } ul.products:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } ul.products:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } ul.products:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } ul.products:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } ul.products li.product { width: 48%; float: left; clear: left; margin-bottom: 1.618em; position: relative; } ul.products li.product h3 { float: left; width: 55%; color: #4c4c4c; font-weight: normal; font-size: 1.2em; margin: 0 0 .382em; } ul.products li.product h3:hover { text-decoration: underline; } ul.products li.product:nth-child(2n) { float: right; clear: none; } ul.products li.product img { display: block; height: auto; margin: 0 0 1em; padding: .53em; border: 1px solid #d6d6d6; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } ul.products li.product .onsale { position: absolute; top: 1em; right: 2em; } ul.products li.product .from { display: none; } ul.products li.product .price { float: right; clear: right; color: #4c4c4c; margin: .14em 0 0; } ul.products li.product .btn, ul.products li.product .button { clear: both; float: left; display: inline-block; padding: .202em .9em; margin-top: .53em; margin-right: .7em; border: 1px solid #d23a17; border-bottom-color: #c12906; color: white; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); text-decoration: none; font-weight: bold; font-size: .9em; font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */ cursor: pointer; /* Inputs need pointers! */ overflow: visible; /* IE fix */ width: auto; /* IE fix */ line-height: 1.618em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 1em; border-radius: 1em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#c12906)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #c12906); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #c12906); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #c12906); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #c12906); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #c12906); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#c12906)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #c12906); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #c12906); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #c12906); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #c12906); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #c12906); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#c12906)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #c12906); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #c12906); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #c12906); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #c12906); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #c12906); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#c12906)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #c12906); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #c12906); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #c12906); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #c12906); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #c12906); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#c12906)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #c12906); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #c12906); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #c12906); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #c12906); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #c12906); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0px 0px 1px rgba(255, 255, 255, 0.2); } ul.products li.product .btn:hover, ul.products li.product .button:hover { text-decoration: none; background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#b01800)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #b01800); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #b01800); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #b01800); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #b01800); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #b01800); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#b01800)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #b01800); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #b01800); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #b01800); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #b01800); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #b01800); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#b01800)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #b01800); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #b01800); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #b01800); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #b01800); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #b01800); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#b01800)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #b01800); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #b01800); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #b01800); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #b01800); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #b01800); background-color: #e34b28; background-image: -webkit-gradient(linear, left top, left bottom, from(#e34b28), to(#b01800)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e34b28, #b01800); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e34b28, #b01800); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #e34b28, #b01800); /* IE10 */ background-image: -o-linear-gradient(top, #e34b28, #b01800); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e34b28, #b01800); } ul.products li.product .btn:active, ul.products li.product .button:active { border-color: #c12906; -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff; -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff; box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3), 0 1px 0 #ffffff; } ul.products li.product .button.loading:after { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; content: "\f021"; -webkit-animation-name: spin-360; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; } ul.products li.product .button.added:after { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; content: "\f00c"; } .pagination-wrap { padding: 1.618em 0 .618em; border-top: 1px dotted #d6d6d6; } .pagination-wrap:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .pagination-wrap:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .pagination-wrap:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .pagination-wrap:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .pagination-wrap:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .pagination-wrap .woo-pagination { width: 65.4%; float: left; text-align: left; border: 0; padding: 0; } .pagination-wrap .woocommerce_ordering { width: 30.75%; float: right; text-align: right; } .pagination-wrap .woocommerce_ordering select { width: 100%; } .single-product h1.product_title { border: 1px dotted #d6d6d6; border-width: 0 0 1px 0; margin: 0 0 1em; padding: 0 0 .53em; font-weight: normal; } .single-product .product { position: relative; } .single-product .product .onsale { position: absolute; top: 1em; left: 1em; } .single-product .images img { width: 100%; height: auto; margin-bottom: 1em; padding: .53em; border: 1px solid #d6d6d6; } .single-product .thumbnails a { display: block; width: 30.75%; margin-right: 3.8%; float: left; } .single-product .thumbnails a img { border: 1px solid #d6d6d6; padding: .53em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .single-product .thumbnails a.last { margin-right: 0; } .single-product .summary .price { color: #d23a17; font-size: 2.244em; font-weight: bold; margin: 0 0 .53em 0; } .single-product .summary .price ins { text-decoration: none; } .single-product .summary .price .from { display: block; font-size: .327em; color: #4c4c4c; text-transform: uppercase; line-height: 1em; } .single-product .summary .onsale { position: absolute; top: 0; right: 0; left: auto; } .single-product .summary .quantity { margin: .53em 0 1.387em; } .single-product .summary .single_add_to_cart_button { padding: .327em 1.387em; } a.reset_variations { display: block; } a.reset_variations:before { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; content: "\f021"; } .order_details { list-style: none; border: 1px solid #eaeaea; position: relative; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .order_details:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .order_details:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .order_details:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .order_details:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .order_details:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .order_details li { float: left; padding: 1em 1.618em; border-right: 1px solid #eaeaea; font-size: .8em; text-transform: uppercase; color: #a1a1a1; } .order_details li strong { display: block; font-size: 1.387em; text-transform: none; color: #4c4c4c; } ul.digital-downloads li { list-style: none; margin-bottom: .618em; padding-bottom: .618em; border-bottom: 1px solid #eaeaea; } ul.digital-downloads li .count { float: right; } ul.digital-downloads li a:before { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; content: "\f01a"; } ul.digital-downloads li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .backorder_notification { font-size: .857em; } .backorder_notification:before { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; content: "\f071"; } dl.variation { font-size: .857em; } dl.variation:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } dl.variation:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } dl.variation:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } dl.variation:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } dl.variation:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } dl.variation dt { float: left; clear: left; margin-right: .236em; } dl.variation dd { margin-bottom: 0; } table.cart .product-remove, table.cart .product-thumbnail, table.cart .product-price { display: none; } table.cart .actions { text-align: right; } table.cart .actions .coupon { margin-bottom: 1em; } table.cart .actions .coupon:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } table.cart .actions .coupon:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } table.cart .actions .coupon:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } table.cart .actions .coupon:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } table.cart .actions .coupon:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } table.cart .actions .coupon label { display: none; } table.cart .actions .coupon .input-text { width: 48%; float: left; } table.cart .actions .coupon .button { width: 48%; float: right; } table.cart .actions .button { width: 48%; float: left; } table.cart .actions .checkout-button { float: right; background: #89b93f; } ul#shipping_method { list-style: none; } #payment { border: 1px solid #eaeaea; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.327em; border-radius: 0.327em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #payment:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #payment:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #payment:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #payment:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #payment:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #payment .payment_methods { margin: 0 !important; border-bottom: 1px solid #eaeaea; padding: 0 !important; } #payment .payment_methods li { list-style: none !important; padding: 1em !important; border-bottom: 1px solid #eaeaea; margin-left: 0; } #payment .payment_methods li img { float: right; border: 0; padding: 0; } #payment .payment_methods li:last-child { padding-bottom: 0; border-bottom: 0; } #payment .payment_methods li label { width: 92%; padding-top: 0 !important; margin-left: .618em; font-weight: bold; } #payment .payment_methods li p { margin-bottom: 0; } #payment .payment_methods li .payment_box { padding: 1em; margin: 1em -1em -1em -1em; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfbfb)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #fbfbfb); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #fbfbfb); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #fbfbfb); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #fbfbfb); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfbfb)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #fbfbfb); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #fbfbfb); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #fbfbfb); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #fbfbfb); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfbfb)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #fbfbfb); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #fbfbfb); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #fbfbfb); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #fbfbfb); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfbfb)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #fbfbfb); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #fbfbfb); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #fbfbfb); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #fbfbfb); background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfbfb)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #fbfbfb); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #ffffff, #fbfbfb); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #fbfbfb); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ffffff, #fbfbfb); border-top: 1px solid #eaeaea; } #payment .payment_methods li .payment_box fieldset { border: 0; margin: 0; padding: 1em 0 0 0; font-size: .857em; } #payment .payment_methods li .payment_box fieldset label { width: auto; margin-left: 0; } #payment .payment_methods li .payment_box fieldset .form-row { margin-bottom: 1em; } #payment .payment_methods li .payment_box fieldset .form-row-first select { width: 48%; } #payment .payment_methods li .payment_box fieldset .form-row-first select:nth-child(2n) { float: right; } #payment .payment_methods li .payment_box fieldset #cvv { width: 22% !important; } #payment .payment_methods li .payment_box fieldset .help { width: 75%; float: right; } #payment .terms label { display: inline; } #payment .place-order { padding: 1em; margin-bottom: 0; float: none; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #payment .place-order .button { font-size: 1.387em; width: 100%; } .archive h1.page-title { border: 1px dotted #d6d6d6; border-width: 0 0 1px 0; margin: 0 0 1em; padding: 0 0 .53em; font-weight: normal; } @media only screen and (min-width: 768px) { #header .widget_product_search { margin: 0 0 2.244em; float: right; clear: none; width: auto; } #header ul.cart { margin: 0 0 2.244em; } #header ul.cart li { margin-left: 2.244em; } #header ul.cart a.cart-contents .amount { display: inline; } .col2-set { clear: both; } .col2-set:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .col2-set:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .col2-set:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .col2-set:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .col2-set:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .col2-set .col-1 { width: 48%; float: left; } .col2-set .col-2 { width: 48%; float: right; } .form-row { width: 48%; float: left; margin-bottom: 2.053em; } .form-row label { display: block; padding: .236em 0; } .form-row label.checkbox { display: inline; } .form-row .input-text, .form-row select { width: 100%; *width: 90%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .form-row.notes { width: 100%; float: none; } .form-row.notes textarea { width: 100%; *width: 90%; } .form-row.notes + h3 { clear: both; } .form-row-first { clear: left; } .form-row-last { float: right; } .form-row-wide { float: left; width: 100%; clear: both; } header.title { overflow: hidden; zoom: 1; } header.title h1, header.title h2, header.title h3, header.title h4, header.title h5 { float: left; } header.title a.edit { float: right; font-weight: bold; line-height: 2.4em; } header.title a.edit:before { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-right: .618em; font-weight: normal; content: "\f044"; } ul.products li.product { margin-right: 3.8%; clear: none; } ul.products li.product:nth-child(2n) { float: left; } ul.products li.product.first { clear: both; } ul.products li.product.last { margin-right: 0; } .woocommerce-columns-2 ul.products li.product { width: 48%; } .woocommerce-columns-3 ul.products li.product { width: 30.75%; } .woocommerce-columns-4 ul.products li.product { width: 22.05%; } .woocommerce-columns-5 ul.products li.product { width: 16.96%; } .upsells ul.products li.product, .related ul.products li.product { width: 30.75%; } .single-product .images, .single-product .summary { width: 47%; margin-bottom: 1.618em; position: relative; } .single-product .images { float: left; } .single-product .summary { float: right; } .single-product table.variations { margin: 0 0 1em; border: 0; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; } .single-product table.variations tbody td { box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; background: transparent; border: 0; margin: 0 0 .236em; padding: 0; float: left; } .single-product table.variations tbody td.label label { color: #383838; font-weight: bold; font-size: 1.327em; } .single-product table.variations tbody td.value { clear: both; } .single-product table.variations tbody td.value #uniform-pa_size { margin: 0 0 2.244em; } table.cart .product-remove, table.cart .product-thumbnail, table.cart .product-price { display: table-cell; } table.cart img { border: 0; padding: 0; } table.cart .actions .button { width: auto; float: none; } table.cart .actions .coupon { width: 48%; float: left; text-align: left; margin-bottom: 0; } table.cart .actions .coupon .input-text, table.cart .actions .coupon .button { width: auto; float: none; } .cart-collaterals:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .cart-collaterals:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .cart-collaterals:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .cart-collaterals:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .cart-collaterals:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .cart-collaterals .cross-sells, .cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator { width: 48%; } .cart-collaterals .cross-sells { float: left; } .cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator { float: right; clear: right; } .cart-collaterals .shipping_calculator .shipping-calculator-form:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .cart-collaterals .shipping_calculator .shipping-calculator-form:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .cart-collaterals .shipping_calculator .shipping-calculator-form:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .cart-collaterals .shipping_calculator .shipping-calculator-form:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .cart-collaterals .shipping_calculator .shipping-calculator-form:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .cart-collaterals .shipping_calculator .clear { clear: both; } #customer_details .col-1, #customer_details .col-2 { float: none; width: 100%; } #customer_details .col-1:after, #customer_details .col-2:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #customer_details .col-1:after, #customer_details .col-2:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #customer_details .col-1:after, #customer_details .col-2:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #customer_details .col-1:after, #customer_details .col-2:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #customer_details .col-1:after, #customer_details .col-2:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #customer_details #shiptobilling { float: none; width: 100%; } #customer_details .notes { clear: both; } } /* The styles in this stylesheet only apply to resolutions 768px and up CALCULATING DIMENSIONS: ---------------------- The layout is fluid. The sote wrapper (.col-full) has a fixed pixel max-width. All subsequent dimensions are calculated based on that fixed pixel width, using the formula: target / context = result Credit - http://www.alistapart.com/articles/fluidgrids/ ----- INDEX ----- 1. Global dropdown styles 2. Top Navigation 3. Main navigation dropdown menus -3.1 General dropdown menus 4. Containers & Columns 5. Footer widgets 6. IE Fixes /*----------------------*/ @-webkit-keyframes spin-360 { from { -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; } 50% { -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; } to { -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; } } /*----------------------*/ #wrapper { padding: 0 2em; } /* LAYOUT RELATED STYLES */ @media only screen and (min-width: 768px) { body { background-repeat: repeat-x; } #wrapper { padding: 0; } /* 1. GLOBAL DROPDOWN STYLES (these are purely for the dropdown layout and you should only edit the width of the dropdowns) */ ul.nav { position: relative; margin-bottom: 0; /* LEVEL 2 */ /* LEVEL 3 */ } ul.nav li { position: relative; float: left; zoom: 1; list-style: none; } ul.nav li a { display: block; padding: .53em 1em; } ul.nav ul { width: 11.089em; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 9999; margin: 0; } ul.nav ul li { float: none; } ul.nav ul li a { width: 100%; display: inline-block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } ul.nav ul ul { left: 100%; top: 0; } ul.nav li:hover > ul { visibility: visible; } /* 2. TOP NAVIGATION (Add top navigation presentational styles here) */ #top { background: #000; padding: 0 1.618em; } #top #top-nav { display: block; } #top ul.nav { font-size: .9em; /* LEVEL 2 */ /* LEVEL 3 */ } #top ul.nav > li a { color: #999; } #top ul.nav > li a:hover { background: none; } #top ul.nav > li.current_page_item a, #top ul.nav > li.current_page_parent a, #top ul.nav > li.current-menu-ancestor a, #top ul.nav > li.current-cat a, #top ul.nav > li.li.current-menu-item a { color: #d23a17; background: none; } #top ul.nav > li:hover { background: none; } #top ul.nav ul { background: #000; } /* 3. MAIN NAVIGATION DROPDOWN MENUS (Add main navigation presentational styles here) */ #navigation { display: block !important; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.236em; border-radius: 0.236em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); background-color: #4a4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#363636)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #4a4a4a, #363636); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #4a4a4a, #363636); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #4a4a4a, #363636); /* IE10 */ background-image: -o-linear-gradient(top, #4a4a4a, #363636); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #4a4a4a, #363636); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); border: 1px solid #2f2f2f; border-width: 1px 1px 0; margin-bottom: 1.618em; padding: 0; } #navigation ul.nav { font-size: 1.2em; margin-bottom: -1px; /* LEVEL 2 */ /* LEVEL 3 */ } #navigation ul.nav > li { border-right: 0; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #navigation ul.nav > li a { font-weight: bold; padding: 12px; color: #fff; text-shadow: 0 -1px 0 #2f2f2f; text-shadow: 0 -1px 0 #2f2f2f; text-shadow: 0 -1px 0 #2f2f2f; text-shadow: 0 -1px 0 #2f2f2f; text-shadow: 0 -1px 0 #2f2f2f; border: 1px solid #2f2f2f; border-width: 0 0 0 1px; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 2px 0 0 0 #646464; -webkit-box-shadow: 2px 0 0 0 #646464; box-shadow: 2px 0 0 0 #646464; -webkit-box-shadow: 2px 0 0 0 #646464; box-shadow: 2px 0 0 0 #646464; -webkit-box-shadow: 2px 0 0 0 #646464; box-shadow: 2px 0 0 0 #646464; -webkit-box-shadow: 2px 0 0 0 #646464; box-shadow: 2px 0 0 0 #646464; -webkit-box-shadow: 2px 0 0 0 #646464; } #navigation ul.nav > li a:hover { box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; box-shadow: 0 0 0 0 #888888; -webkit-box-shadow: 0 0 0 0 #888888; background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); text-decoration: none; } #navigation ul.nav > li:hover { text-decoration: none; background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); background-color: #393939; background-image: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#282828)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #393939, #282828); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #393939, #282828); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #393939, #282828); /* IE10 */ background-image: -o-linear-gradient(top, #393939, #282828); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #393939, #282828); } #navigation ul.nav > li.current_page_item a, #navigation ul.nav > li.current_page_parent a, #navigation ul.nav > li.current-menu-ancestor a, #navigation ul.nav > li.current-cat a, #navigation ul.nav > li.li.current-menu-item a { margin-top: -1px; background-color: #d23a17; background-image: -webkit-gradient(linear, left top, left bottom, from(#d23a17), to(#9f0700)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #d23a17, #9f0700); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #d23a17, #9f0700); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #d23a17, #9f0700); /* IE10 */ background-image: -o-linear-gradient(top, #d23a17, #9f0700); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #d23a17, #9f0700); background-color: #d23a17; background-image: -webkit-gradient(linear, left top, left bottom, from(#d23a17), to(#9f0700)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #d23a17, #9f0700); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #d23a17, #9f0700); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #d23a17, #9f0700); /* IE10 */ background-image: -o-linear-gradient(top, #d23a17, #9f0700); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #d23a17, #9f0700); background-color: #d23a17; background-image: -webkit-gradient(linear, left top, left bottom, from(#d23a17), to(#9f0700)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #d23a17, #9f0700); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #d23a17, #9f0700); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #d23a17, #9f0700); /* IE10 */ background-image: -o-linear-gradient(top, #d23a17, #9f0700); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #d23a17, #9f0700); background-color: #d23a17; background-image: -webkit-gradient(linear, left top, left bottom, from(#d23a17), to(#9f0700)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #d23a17, #9f0700); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #d23a17, #9f0700); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #d23a17, #9f0700); /* IE10 */ background-image: -o-linear-gradient(top, #d23a17, #9f0700); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #d23a17, #9f0700); background-color: #d23a17; background-image: -webkit-gradient(linear, left top, left bottom, from(#d23a17), to(#9f0700)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #d23a17, #9f0700); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #d23a17, #9f0700); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #d23a17, #9f0700); /* IE10 */ background-image: -o-linear-gradient(top, #d23a17, #9f0700); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #d23a17, #9f0700); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); padding-top: .7em; } #navigation ul.nav > li.current_page_item ul li a, #navigation ul.nav > li.current_page_parent ul li a, #navigation ul.nav > li.current-menu-ancestor ul li a, #navigation ul.nav > li.current-cat ul li a, #navigation ul.nav > li.li.current-menu-item ul li a { background: #282828; } #navigation ul.nav > li.current_page_item ul li a:hover, #navigation ul.nav > li.current_page_parent ul li a:hover, #navigation ul.nav > li.current-menu-ancestor ul li a:hover, #navigation ul.nav > li.current-cat ul li a:hover, #navigation ul.nav > li.li.current-menu-item ul li a:hover { background: #393939; } #navigation ul.nav > li:first-child a { -webkit-border-top-left-radius: 0.202em; -webkit-border-bottom-left-radius: 0.202em; border-top-left-radius: 0.202em; border-bottom-left-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0.202em; -webkit-border-bottom-left-radius: 0.202em; border-top-left-radius: 0.202em; border-bottom-left-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0.202em; -webkit-border-bottom-left-radius: 0.202em; border-top-left-radius: 0.202em; border-bottom-left-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0.202em; -webkit-border-bottom-left-radius: 0.202em; border-top-left-radius: 0.202em; border-bottom-left-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 0.202em; -webkit-border-bottom-left-radius: 0.202em; border-top-left-radius: 0.202em; border-bottom-left-radius: 0.202em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-width: 0; margin-left: -1px; } #navigation ul.nav > li:last-child a { border-width: 0 1px 0 1px; box-shadow: 1px 0 0 0 #646464; -webkit-box-shadow: 1px 0 0 0 #646464; box-shadow: 1px 0 0 0 #646464; -webkit-box-shadow: 1px 0 0 0 #646464; box-shadow: 1px 0 0 0 #646464; -webkit-box-shadow: 1px 0 0 0 #646464; box-shadow: 1px 0 0 0 #646464; -webkit-box-shadow: 1px 0 0 0 #646464; box-shadow: 1px 0 0 0 #646464; -webkit-box-shadow: 1px 0 0 0 #646464; } #navigation ul.nav ul { background: #282828; left: 0; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #navigation ul.nav ul > li a { border: 0; box-shadow: 0 0 0 0 #5b5b5b !important; -webkit-box-shadow: 0 0 0 0 #5b5b5b !important; box-shadow: 0 0 0 0 #5b5b5b !important; -webkit-box-shadow: 0 0 0 0 #5b5b5b !important; box-shadow: 0 0 0 0 #5b5b5b !important; -webkit-box-shadow: 0 0 0 0 #5b5b5b !important; box-shadow: 0 0 0 0 #5b5b5b !important; -webkit-box-shadow: 0 0 0 0 #5b5b5b !important; box-shadow: 0 0 0 0 #5b5b5b !important; -webkit-box-shadow: 0 0 0 0 #5b5b5b !important; } #navigation ul.nav ul > li a:hover { background: #393939; } #navigation ul.nav ul > li:last-child a { -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.53em; -webkit-border-bottom-right-radius: 0.53em; border-bottom-left-radius: 0.53em; border-bottom-right-radius: 0.53em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #navigation ul.nav ul ul { top: -1px; left: 100%; } .nav-toggle { display: none; } #footer ul.nav li a { padding: 0 1em; color: #d9d9d9; font-size: .9em; } #footer ul.nav li.current_page_item a, #footer ul.nav li.current_page_parent a, #footer ul.nav li.current-menu-ancestor a, #footer ul.nav li.current-cat a, #footer ul.nav li.li.current-menu-item a { background: none; color: #d9d9d9; } /* 4. CONTAINERS & COLUMNS */ #header { padding: 3em 0 .382em; } #header #logo { float: left; } #header #logo img { margin: 0; display: inline; } #header hgroup { float: left; } #header hgroup h1, #header hgroup h2, #header hgroup h3 { float: none; } #header ul.rss { margin-right: 0; padding-right: 0; } #header ul.rss li { border-right: 0; } #header ul.cart li { border-left: 1px solid #eaeaea; } #header .widget_product_search, #header .search_main { margin: 0 0 2.244em; float: right; clear: none; width: auto; } #wrapper, #footer-wrapper { max-width: 980px; margin: 0 auto; padding: 0 3.631em; } #main.fullwidth, .layout-full #main, .col-full { max-width: 75.998em; margin: 0 auto; width: 100%; } #main { width: 73%; } #sidebar { margin-top: 0; width: 23%; } .entry img { max-width: 100%; } .layout-full .entry img { max-width: 100%; } .layout-right-content #main { float: right; } .layout-right-content #sidebar { float: left; } .layout-full #main { width: 100%; } .col-left { float: left; } .col-right { float: right; } .page-template-template-contact-php .location-twitter .col-left { float: left; } .page-template-template-contact-php .location-twitter #office-location { width: 48%; margin: 0; } .page-template-template-contact-php .location-twitter .contact-social { float: right; } .page-template-template-contact-php .location-twitter .contact-social #twitter { margin: 0; } .page-template-template-contact-php .location-twitter .contact-social.col-right { width: 48%; } .post header:after, .type-page header:after, .search .type-page header:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header:after, .type-page header:after, .search .type-page header:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header:after, .type-page header:after, .search .type-page header:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header:after, .type-page header:after, .search .type-page header:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header:after, .type-page header:after, .search .type-page header:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header h1, .type-page header h1, .search .type-page header h1 { float: right; width: 76%; } .post header h1:after, .type-page header h1:after, .search .type-page header h1:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header h1:after, .type-page header h1:after, .search .type-page header h1:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header h1:after, .type-page header h1:after, .search .type-page header h1:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header h1:after, .type-page header h1:after, .search .type-page header h1:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post header h1:after, .type-page header h1:after, .search .type-page header h1:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post .post-meta, .type-page .post-meta, .search .type-page .post-meta { width: 16%; padding: 0 2.244em 1em 0; border-right: 1px solid #eaeaea; float: left; font-size: .857em; } .post .post-meta span.small, .type-page .post-meta span.small, .search .type-page .post-meta span.small { display: none; } .post .post-meta li, .type-page .post-meta li, .search .type-page .post-meta li { text-align: right; display: block; margin: .382em 0; } .post .post-meta li a, .type-page .post-meta li a, .search .type-page .post-meta li a { color: #4c4c4c; } .post .post-meta li.post-date, .type-page .post-meta li.post-date, .search .type-page .post-meta li.post-date { color: #999999; } .post .article-inner, .type-page .article-inner, .search .type-page .article-inner { width: 76%; float: right; } .post:after, .type-page:after, .search .type-page:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post:after, .type-page:after, .search .type-page:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post:after, .type-page:after, .search .type-page:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post:after, .type-page:after, .search .type-page:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .post:after, .type-page:after, .search .type-page:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .type-page header h1 { width: auto; float: left; } .page #respond { padding: 0; } #post-author { padding: 1.618em 1.618em 1.618em 12em; } #post-entries { padding: 1.618em 1.618em 1.618em 12em; } #comments h3 { padding: 0 0 0 9em; } #comments .comment .comment-container { position: relative; padding: 2.244em 2.244em 1em 2.244em; } #comments .comment.depth-1 .comment-container { padding-left: 7em; } #comments .comment.depth-2 .comment-container { padding-left: 13em; } #comments .comment.depth-3 .comment-container { padding-left: 19em; } #comments .comment.depth-4 .comment-container { padding-left: 25em; } #comments ul.children { margin: 0; } #respond { padding-left: 12.8em; } /* Homepage */.home-section ul li .item { width: 22.7%; margin: 0 3% 2.244em 0; } .home-section ul li:nth-child(2n+2) .item { margin-right: 3%; } .home-section ul li:nth-child(4n+4) .item { margin-right: 0; } #main .widget_woothemes_features .feature { width: 22.7%; margin: 0 3% 2.244em 0; } #featured-slider .slide-content { position: absolute; bottom: 6.1em; margin: 0 3.618em; float: left; } #featured-slider .slide-content header, #featured-slider .slide-content footer { background: #0C0906; background: rgba(0, 0, 0, 0.8); padding: .618em .857em; } #featured-slider .slide-content header h1, #featured-slider .slide-content footer h1 { font-size: 2.618em; margin: 0; font-weight: normal; } #featured-slider .slide-content header { margin: 0 0 .1em; } #featured-slider .slide-content footer { display: inline-block; padding: .202em .618em; color: #B1B1B1; } #featured-slider .slide-content footer a { color: #B1B1B1; } #featured-slider .slide-content footer p { font-size: 1em; } #featured-slider .flex-direction-nav { position: absolute; padding: .327em; bottom: 2.4em; top: auto; right: auto; } #promotion .left-section { width: 70%; float: left; } #promotion .right-section { float: right; } #promotion .btn { display: inline; } /* PORTFOLIO TEMPLATE */ #portfolio-gallery header h1 { margin: 0; } #portfolio-gallery #port-tags { float: right; padding: .618em 0 0 0; } #portfolio { margin-left: -2em; } #portfolio article { float: left; margin: 0 0 2em 2em; } #portfolio article.featured { margin: 0 0 2em 2em; float: none; display: block; max-width: 100%; } #portfolio article.featured img { max-width: 100%; } #portfolio article.featured .mask .content { margin: 1.618em 2.244em; } #portfolio article.featured .mask span.title { font-size: 1.618em; } .single-portfolio .portfolio { float: left; width: 26%; } .single-portfolio .single-portfolio-gallery { float: right; width: 70%; margin: 0 0 2.244em; } /* 5. FOOTER WIDGETS */ #footer-widgets .block { margin-right: 3.8%; float: left; } #footer-widgets.col-1 .block { width: 100%; float: none; } #footer-widgets.col-1 .footer-widget-1 { margin-right: 0; } #footer-widgets.col-2 .block { width: 48%; } #footer-widgets.col-2 .footer-widget-2 { margin-right: 0; } #footer-widgets.col-3 .block { width: 30.75%; } #footer-widgets.col-3 .footer-widget-3 { margin-right: 0; } #footer-widgets.col-4 .block { width: 22.05%; } #footer-widgets.col-4 .footer-widget-4 { margin-right: 0; } /* 6. IE FIXES */ .ie7 #top-nav { position: relative; z-index: 9999999; } .ie7 #header { position: relative; z-index: 9999999; } } @-webkit-keyframes spin-360 { from { -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; } 50% { -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; } to { -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; } }