/*
Theme Name: Wootique
Theme URI: http://www.woothemes.com/
Version: 1.5
Description: A free Woo Theme designed for use with WooCommerce.
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! :)
*/
/* Default styles */
@import "css/reset.css";
/*-------------------------------------------------------------------------------------------
INDEX:
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.2 Top Navigation (optional)
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.4.1 Product Gallery
-2.5 Sidebar
-2.6 Footer
-2.7 Homepage specific
-2.7.1 Animation
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Post Author
-3.5 Connect / Subscribe
4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooTabs
-4.4 Shopping Cart
-4.5 Product lists
-4.6 Search
5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form
6. MISC
-6.1 Buttons
- 6.1.1 Comment Reply Link
-6.2 Info Boxes
-6.3 Conatct Form
-6.4 Gravity forms
-6.5 Timeline Template
-6.6 Tables
7. WOOCOMMERCE SPECIFICS
-7.1 Demo store notice
-7.2 Star Ratings
-7.3 Single Product Page
- 7.3.1 Reviews
-7.4 Quantity Incrementer
-7.5 User Account Section
- 7.5.1 Order Tracking
-7.6 Cart
8. UNIFORM JS
9. IE FIXES
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
html { font-size: 62.5%; background: url(images/seamless.jpg) repeat top left; background-attachment: fixed; }
body { font-size:1.4em; line-height: 1.7142em; color: #777; }
#wrapper { padding-top: 0px; }
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
input, textarea { padding: 5px 10px; border:1px solid #ddd; background: #fafafa; -webkit-transition: all ease-in-out .2s; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-size:1em; font-family: 'Open Sans', serif;
}
input:focus, textarea:focus { background: #fff; }
input#coupon_code {
width: auto;
font-size: 14px;
line-height: 21px;
margin: 2px 8px 0 0;
}
/* 1.2 Hyperlinks */
a { color: #6e95b6; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#wrapper { box-shadow: none; }
#container { background:#FFF; padding: 14px 0px 0px 0px; border: #C9F5EE 4px solid; border-radius: 10px; }
.home #container {padding: 0px;}
#menucover { }
/* #main{width:410px; padding-right:0px; padding-left: 150px;min-height: 820px; } */
.layout-full #main, #main.fullwidth { margin-left: 0px; width:720px; box-shadow: none; }
#lefter .layout-full #main, .lefter #main.fullwidth {margin-left: 0px; }
#spaced { }
#sidebar{width:320px; padding-top: 20px; background: url(images/sidebar-tape.png) repeat-y top left; }
#sidebartop { width: 320px; background: url(images/sidebar-top.png) no-repeat top left; height: 27px; display: block; }
#sidebarbottom { width: 320px; background: url(images/sidebar-bottom.png) no-repeat; height: 27px; display: block; float: right; }
#sidebar img:hover { opacity: 0.9; }
.post-3142 .entry {width: 600px;}
.post-3142 .col-right {width: 250px; }
.post-3142 .col-right img {float: left; width: 100%; height: auto;}
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 980px; margin: 0 auto; }
.layout-right-content #main.col-left { float: right; }
.layout-right-content #sidebar.col-right { float: left; border-left:0; }
.col2-set:after { content:""; display: block; clear: both; }
.col2-set .col-1, .col2-set .col-2 , .form-row { width:48%; float: left; }
.col2-set .col-2, .form-row-last { float: right; }
.form-row-first { clear: left; }
.form-row label { display: block; }
.form-row input, .form-row textarea, .form-row select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; }
.form-row input.button, .form-row input.button { width: auto; }
.form-row-wide { width:100%; float: left; clear:both; }
/* 2.2 Navigation */
#navigation{z-index:9999; width:950px; background: none; clear: both; padding: 12px 0px 0px 0px}
#navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 5px;padding:6px 15px 3px 0;margin-right:10px;}
#navigation ul.rss li{display:inline;padding:0 10px 0 0;}
#navigation ul.rss li a{color:#c63f00;text-decoration:none;}
#navigation ul.rss li a:hover{text-decoration:underline;}
.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; font-family: 'Open Sans', serif; font-size: 18px; font-weight: bold; text-transform: uppercase; margin-top: -57px; }
#header .nav { font-size: 15px; float: right; }
#header #navigation { float: right; text-align: right; margin-top: -66px; position: relative; }
#header .nav li { -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; -moz-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0; }
#header .nav a { border: none; padding: 6px 15px; }
.nav a { position:relative; color:#fff !important; display:block; z-index:100; padding:10px 28px; text-decoration:none; border: 2px dashed #fff; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
.nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-item a { color:#fff !important; text-decoration: underline !important; }
.nav li { float:left; width: auto; margin-right:1px; margin-left: 10px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
.nav li, #logo, .fb { }
.nav li:hover, .nav a:hover, #logo:hover, .fb:hover { }
.nav li.pink { background: url(images/nav-pink.jpg) repeat; border: 1px dashed #fff; border: 1px solid #d8638b; padding: 4px;}
.nav li.darkpink { background: url(images/nav-darkpink.jpg) repeat; border: 1px dashed #fff; border: 1px solid #d03e78; padding: 4px;}
.nav li.green { background: url(images/nav-green.jpg) repeat; border: 1px dashed #fff; border: 1px solid #239a5d; padding: 4px;}
.nav li.yellow { background: url(images/nav-yellow.jpg) repeat; border: 1px solid #d8b921; padding: 4px; }
.nav li.orange { background: url(images/nav-orange.jpg) repeat; border: 1px dashed #fff; border: 1px solid #e15410; padding: 4px;}
.nav li.blue { background: #00BEBB /* url(images/nav-blue.jpg) repeat */; border: 1px dashed #fff; border: 1px solid #018cb6; padding: 4px; margin-right: 24px; margin-left: 18px;}
.nav li:hover { -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; -moz-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0; color:#fff; }
.nav li.pink:hover { background: #ea5d8f; }
.nav li.darkpink:hover { background: #d91862; }
.nav li.green:hover { background: #378b2e; }
.nav li.yellow:hover { background: #e4bf00; }
.nav li.orange:hover { background:#e3411a; }
.nav li.blue:hover { background: #018bad; }
.nav li:hover a { text-shadow:none; }
.nav li a.sf-with-ul { padding-right:25px; }
#btn-cart {margin: 76px 20px -17px 0px; flaot: right; }
#btn-cart a { padding:10px 20px 10px 40px; display: block; color:#f06eaa; background-image:url(images/ico-cart.png); background-position: 16px 16px; background-repeat: no-repeat; text-shadow:0 1px 0 rgba(0,0,0,0.25); border: 2px dashed #f06eaa; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
#btn-cart a:hover {
background-color: #fff; color:#222; text-decoration: none !important; background-image:url(images/ico-cart.png); text-shadow: none;
}
/* 2.2.1 Drop-down menus */
.nav li ul { background: #fff; position: absolute; left: -999em; width: 200px; border-top:0; z-index:9999; margin-left:0; list-style: none; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.nav li ul li { float: none; margin-right:0; }
.nav li ul li a { display:block; color:inherit !important; border:none; padding:8px 20px; float: none; text-shadow:none; }
.nav li ul li a.sf-with-ul { padding:5px 10px; }
.nav li ul li a:hover { background:#f6f6f6; color:#222 !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6); /* FF3.6 */
background-image: -ms-linear-gradient(top, #ffffff, #f6f6f6); /* IE10 */
background-image: -o-linear-gradient(top, #ffffff, #f6f6f6); /* Opera 11.10+ */
background-image: linear-gradient(top, #ffffff, #f6f6f6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f6f6f6'); /* IE6–IE9 */
}
.nav li ul li:last-child { -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.nav li ul ul { margin: -30px 0 0 180px; }
.nav li ul ul li a { }
.nav li ul li ul li a { }
.nav li.current_page_parent ul li a{ color:#555; background: none; }
.nav li.current_page_item ul li a{ color:#555; background: none; }
.nav li ul li.current_page_parent a{ color:#222; background: #e9e9e9; }
.nav li ul li.current_page_item a{ color:#222; background: #e9e9e9; }
.nav li:hover,.nav li.hover { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; }
.nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.6em;top:1.5em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;}
#navigation #nav-home a { padding:15px 20px 13px; height: 18px; width: 17px; display: block; opacity:0.7;}
#navigation #nav-home a:hover { opacity:1; }
#account-nav li a{border:none;font-weight: normal;}
#account-nav li a:hover{ }
#account-nav li.account:hover, #account-nav li.checkout:hover {opacity:1}
#account-nav li.checkout a { padding-left:40px; background-image: url(images/ico-checkout-light.png); background-position: 16px 16px; background-repeat: no-repeat; }
#account-nav li.checkout a:hover { background-image: url(images/ico-checkout.png); }
/* 2.2.2 Top Navigation (optional) */
#top { background: #000; }
#top .nav { border:0; }
#top .nav a { color:#ddd !important; padding:8px 10px 0px 10px; line-height:18px; text-decoration:none; text-shadow:none; border:0; text-shadow:none; }
#top .nav li { }
#top .nav li a.sf-with-ul { padding-right:20px; }
#top .nav li a:hover,
#top .nav li.current_page_item a,
#top .nav li.current_page_parent a,
#top .nav li.current-menu-ancestor a,
#top .nav li.current-cat a,
#top .nav li.current-menu-item a,
#top .nav li.sfHover,
#top .nav li:hover { background-color: #222 !important; text-shadow:none; }
#top .nav li ul { background-color: #222 !important; margin:0; padding:0px; width: 180px; border: none; z-index:999;
/* Box Shadow */
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
box-shadow: 0 2px 2px rgba(0,0,0,.1);
}
#top .nav li ul, #top .nav li ul li:last-child a {
/* Border Radius */
border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
}
#top .nav li ul li { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background: #222; border:0; }
#top .nav li ul li a { padding:8px 10px; width:160px; color:#ddd; background: none; background: #222; }
#top .nav li.current_page_item ul li a,
#top .nav li.current_page_parent ul li a,
#top .nav li.current-menu-ancestor ul li a,
#top .nav li.current-cat ul li a,
#top .nav li.current-menu-item ul li a,
#top .nav li.sfHover,
#top .nav li ul li a:hover { background-color: #000 !important; filter: none; }
#top .nav li ul li a.sf-with-ul { padding-right:10px; }
#top .nav li ul ul { margin: -34px 0 0 180px; }
#top .nav li:hover, #top .nav li.hover { position:static; }
#top .nav li:hover ul ul, #top .nav li.sfhover ul ul,
#top .nav li:hover ul ul ul, #top .nav li.sfhover ul ul ul,
#top .nav li:hover ul ul ul ul, #top .nav li.sfhover ul ul ul ul { left:-999em; }
#top .nav li:hover ul, #top .nav li.sfhover ul,
#top .nav li li:hover ul, #top .nav li li.sfhover ul,
#top .nav li li li:hover ul, #top .nav li li li.sfhover ul,
#top .nav li li li li:hover ul, #top .nav li li li li.sfhover ul { left:auto; }
/* 2.3 Header */
#header { width:100%; margin:0 auto; zoom:1; background: #fff url(images/nav-bg.jpg) repeat-x bottom left; display: block; height: 220px; margin: 0px 0 100px 0px; padding: 0; }
#logo { float:left; width:300px; }
#logo img { width:300px; margin-top: 15px;}
#logo .site-title, #logo .site-description { display:none;}
#logo .site-title a { color:#fff; text-transform:none; text-decoration:none; -webkit-mask-image: -webkit-gradient(linear, left top,
left bottom, from(#fff), to(rgba(255,255,255,0.6))); text-shadow: 0 1px 1px rgba(0,0,0,0.3);}
#logo .site-title a:hover { text-decoration:none !important; }
#logo .site-description { color:#fff; margin-top:-2em; margin-bottom:1.6em;}
#topad {float:right;}
#search-top {float:right;position:relative; }
#search-top label { display: none; }
#search-top .searchform {position: relative; margin-top:3.5em; margin-right:49px;}
#search-top input.field { background: #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#777; padding:9px 25px 9px 12px; width:180px; margin-right:1px;
-webkit-box-shadow:
0 0 0 2px rgba(255,255,255,0.3),
0 0 0 1px rgba(0,0,0,0.4),
inset 0 0 3px rgba(0,0,0,0.1);
}
#search-top input.btn {border:none; position: absolute; width: 16px; height: 16px; right:2px; top:4px; background: #fff; }
/* 2.4 Content */
#content{ width: 880px; padding:50px 50px 50px 50px; }
#content .specialise { width: 400px; padding:50px 0px 50px 50px; background: #000; }
#content .page col-full { }
#content h1:first-child { padding-top:0; }
.page-template-template-fullwidth-php #content, .layout-full #content { background: none !important; }
.page-template-template-fullwidth-php #main { padding:0 !important; }
.layout-right-content #content { background: url(images/sidebar-left.png) -10px 0 repeat-y; }
.layout-right-content.layout-full #content { background: none; }
.layout-right-content #main { padding-right:0; padding-left:40px; }
#main .post:first-child h2 { padding-top:0; }
/* 2.4.1 Product Gallery */
.product-gallery {position: relative;margin:0 0 30px;}
.product-gallery ul.products { border-top:0; }
ul.products { margin-left:0; padding-left:2px; padding-right:2px; padding-top:2px; zoom:1; }
ul.products:before, ul.products:after { content:""; display:table; }
ul.products:after { clear: both; }
ul.products li { width:30.75%; float: left; list-style: none; position: relative; margin-right:3.8%; text-align: center; margin-bottom:2.618em; }
ul.products li.first { clear: left; }
ul.products li.last { margin-right:0; }
ul.products a img { width:100%; height: auto; padding:0; border:0; background: #fff; border-radius:3px; -webkit-box-shadow:0 0 3px rgba(0,0,0,0.25); -moz-box-shadow:0 0 3px rgba(0,0,0,0.25); box-shadow:0 0 3px rgba(0,0,0,0.25); -webkit-transition: all ease-in-out .2s; }
ul.products a:hover img {opacity:0.8; }
ul.products li a h3 { font-size:1em; display: block; padding-top:0; }
ul.products li a:hover h3 { color:#111; }
ul.products li a:hover { text-decoration: none !important; }
ul.products li.product .price {
display: block;
color: #9f9693;
margin-bottom: 1em;
}
ul.products li a.button { margin:0; }
.onsale {
background-color: #96c42e;
position: absolute;
top:10px;
left:-6px;
padding: 2px 8px;
font-size: 0.8751em;
text-align: center;
color:#fff;
z-index: 999;
text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}
.onsale:before {
content: "";
border:14px solid #96c42e;
border-color:transparent transparent transparent #96c42e;
position: absolute;
top:0;
right:-28px;
}
.onsale:after {
content: "";
border:6px solid #67861f;
border-color: #67861f transparent transparent transparent;
border-right-width:0;
position: absolute;
left:0;
bottom:-12px;
}
ul.products li del { color:#ccc; }
ul.products li ins { text-decoration:none; }
/* 2.5 Sidebar */
#sidebar{}
/* 2.6 Footer */
#footer{padding: 0px; width:880px; background: none; }
#footer p {font-size:12px; color:#000; text-shadow:0 1px 0 #fff;}
#footer p a { color:#000; font-weight: bold; }
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
/*Footer widgets */
#footer-widgets { padding:40px 30px 10px 70px; width:890px; background: url(images/footer1.jpg) repeat-x top left; zoom:1; margin-bottom: -20px; }
#footer-widgets .block h3 { border:none; margin: 0 0 20px 0; padding:0 0 0px; font-family: 'Open Sans', serif; color: #fff; text-transform: uppercase; font-size: 22px; }
/* 4 columns */
#footer-widgets.col-4 .block { width:22.2%; float: left; margin-right:3.7%; }
#footer-widgets.col-4 .footer-widget-4 { margin-right:0; }
/* 3 columns */
#footer-widgets.col-3 .block { width:25.75%; float: left; margin-right:3.8%; }
#footer-widgets.col-3 .footer-widget-3 { margin-right:0; width: 35%; }
/* 2 columns */
#footer-widgets.col-2 .block { width:48%; float: left; margin-right:3.8%; }
#footer-widgets.col-2 .footer-widget-2 { margin-right:0; }
/* 1 column */
#footer-widgets.col-1 .block { width:100%; }
#footer-widgets .widget ul li a { color: #fff; border-bottom: 2px dashed #fff; line-height: 2; font-size: 20px; }
#footer-widgets .widget a { color: #fff; border-bottom: 2px dashed #fff; line-height: 1.5; }
#footer-widgets .widget { color: #fff; font-size: 16px; }
#footer-widgets .widget ul li a:hover, #footer-widgets .widget a:hover { color: #e7e700; border-bottom: 2px dashed #e7e700; }
#footer-widgets .widget .small { font-size: 14px; }
#footer-widgets .widget img a { border: none; width: 48px; }
/* 2.7 Homepage specific */
#introduction, #featured-products { padding:0px 0px 0px 50px; }
#introduction {
}
#introduction h1:first-child { padding-top:0; }
#introduction p:last-child { margin-bottom:0; }
#introduction .post.type-post { border-bottom:0; }
#introduction .post.type-post img.thumbnail { float: right; }
#featured-products h2 { margin-left:-50px; margin-top:-51px; padding-left:50px; margin-bottom:0.437em; padding-right:50px; background: #fff; float: left; padding-top:0.437em; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -webkit-border-bottom-right-radius:3px; -moz-border-radius:0 0 3px 0; border-radius:0 0 3px 0; }
#featured-products { background: none;padding:50px 0 0 50px; display: none; }
#featured-products ul.featured-products { margin:0; clear: left; overflow: hidden; zoom:1; padding-top:10px !important; padding-left:2px; }
#featured-products ul.featured-products li { width:193px; margin-right:36px; float:left; list-style: none; position: relative; -webkit-perspective: 700; height:202px;
-webkit-animation-name:popin;
-webkit-animation-duration:.5s;
-webkit-animation-iteration-count:1;
}
#featured-products ul.featured-products li { margin-bottom: 40px; }
#featured-products ul.featured-products li h3 { font-size:1em; }
#featured-products ul.featured-products li:last-child { margin-right:0; }
#featured-products ul.featured-products li img { width:100%; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#featured-products.fp-slider {
position: relative;
}
#featured-products.fp-slider .onsale {
left:-5px;
}
#featured-products.fp-slider .jcarousel-container {
width: 880px;
padding: 0 50px 0;
margin: 0 -50px 0;
overflow: hidden;
}
#featured-products.fp-slider .jcarousel-clip {
width: 880px;
overflow: visible;
position: relative;
}
#featured-products ul.featured-products { overflow: visible !important; }
#featured-products.fp-slider .jcarousel-next, #featured-products.fp-slider .jcarousel-prev { display: block; height:25px; width:25px; cursor: pointer; float: left; position: absolute; top:25px; right:50px; }
#featured-products.fp-slider .jcarousel-next { background: url(images/btn-feat-right.png) left bottom no-repeat; }
#featured-products.fp-slider .jcarousel-prev { background: url(images/btn-feat-left.png) left bottom no-repeat; right:75px; }
#featured-products.fp-slider .jcarousel-next:hover, #featured-products.fp-slider .jcarousel-prev:hover { background-position: left centre; }
#featured-products.fp-slider .jcarousel-next-disabled, #featured-products.fp-slider .jcarousel-prev-disabled { background-position: left top; }
/* The flipper */
#featured-products ul.featured-products li.flipper .front {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
-webkit-transform-style: preserve- 3 d;
-webkit-backface-visibility: hidden;
-webkit-transition: all ease-in-out 0.4s;
-moz-transition: all ease-in-out 0.4s;
-o-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;
height: 170px;
margin:2px;
padding:10px;
z-index: 900;
background: #fff;
text-align: centre;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
#featured-products ul.featured-products li.flipper .front a {
overflow: hidden;
display: block;
max-height: 170px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#featured-products ul.featured-products li.flipper .back {
position: absolute;
top: 0;
left: 0;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;
z-index: 800;
text-align: center;
width: 100%;
height: 160px;
width:148px;
margin:2px;
padding:10px 20px 20px 20px;
-webkit-transform: rotatey(-180deg);
-webkit-transform-style: preserve- 3 d;
-webkit-backface-visibility: hidden;
-webkit-transition: all ease-in-out 0.4s;
-moz-transition: all ease-in-out 0.4s;
-o-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
background: #fafafa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#featured-products ul.featured-products li.flipper .back a:hover {
text-decoration: none !important;
}
#featured-products ul.featured-products li.flipper:hover .front {
z-index: 900;
-webkit-transform: rotatey(180deg);
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
#featured-products ul.featured-products li.flipper:hover .back {
z-index: 1000;
-webkit-transform: rotatey(0deg);
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
/* 2.7.1 Animation */
@-webkit-keyframes popin {
from { -webkit-transform:scale(0); }
90% { -webkit-transform:scale(1.1); }
to { -webkit-transform:scale(1); }
}
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
.breadcrumb{ margin:0 auto; font-size:0.8751em; color:#999;
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6); /* FF3.6 */
background-image: -ms-linear-gradient(top, #ffffff, #f6f6f6); /* IE10 */
background-image: -o-linear-gradient(top, #ffffff, #f6f6f6); /* Opera 11.10+ */
background-image: linear-gradient(top, #ffffff, #f6f6f6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f6f6f6'); /* IE6–IE9 */
}
.breadcrumb-trail { padding:8px 50px; border-bottom:1px dotted #e0e2e4; text-shadow:0 1px 0 rgba(255,255,255,.9); }
.archive_header { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-weight: bold; border-bottom:#e6e6e6 5px solid; }
.archive_header .catrss a { text-decoration: none; line-height: 28px; }
.post { margin: 0 0 20px; clear: left; }
.page .post { border:none; }
.post.type-post { border-bottom:1px solid #e6e6e6; }
.page .post .title { margin: 0 0 10px 0; }
a + h2.title {
padding-top:0;
}
.post-meta{margin: 0px 0 15px 0; }
.post-meta .comments a { padding: 0 0 0 20px; }
.post-more { clear:both; border:1px solid #e6e6e6; border-width:1px 0 0px; padding: 0 0 15px 0; text-align: right; border-top: none; }
.post-more a, .post-meta a { text-decoration:none; }
.post-more a:hover, .post-meta a:hover { text-decoration:underline; }
.post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;}
mark { background: none; font-weight: bold; }
/* 3.1 Typographic Elements */
body { font-family: 'Open Sans', serif; }
h1, h2, h3, h4, h5, h6, .site-title { font-family: 'Open Sans', serif; font-weight: 300; margin:0; line-height:1.7142em; color:#333; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
h1, .site-title { font-size:2em; padding:1.143em 0 0.437em; }
h2 { font-size:1.849em; padding:0em;margin:0; }
h3 { font-size:1.2em; padding:1.143em 0 0.4376em; }
h4 { font-size:1em; padding:1.143em 0 0.706em; }
p, ul, ol, dl, blockquote, hr, pre, table, fieldset, article, article footer, nav {
margin: 0 0 1.7142em 0;
line-height: 1.7142em;
}
ul {
margin: 0 0 1.7142em 1.7142em;
list-style: disc outside;
}
ol {
margin: 0 0 1.7142em 1.7142em;
list-style: decimal outside;
}
small {font-size:0.9em; line-height: 2}
.important {
font-size:1.30769em;
}
/* Some ol's / ul's shouldn't have a left margin: */
#footer-widgets ul, #sidebar ul { margin-left:0; }
/* 3.2 Images */
img { -ms-interpolation-mode : bicubic; }
.entry img, img.thumbnail { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; }
.entry .woo-image { float: right; margin:0 0 20px 20px; }
img.wp-smiley { padding: 0; border: none; }
.entry img a:hover, img.thumbnail a:hover { opacity: 0.9; }
.entry { font-size: 1.2em; }
.alignleft { float: left; height: auto; margin: 5px 15px 5px 0; }
.alignright { float: right; height: auto; margin: 5px 0 5px 15px; }
.aligncenter { text-align: center; margin-bottom:15px;}
img.aligncenter { margin-left:auto; margin-right:auto; display:block; }
.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; text-align:center; }
/* 3.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi {}
.nav-entries a { display: block; color:#777; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }
.woo-pagination { margin: 0 !important; text-align: center !important; }
.woo-pagination a:link,
.woo-pagination a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.woo-pagination .current,
.woo-pagination .on,
.woo-pagination a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.woo-pagination span.extend, .pagination span.pages { background:none !important; border:none !important; color:#666 !important;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.woocommerce .woo-pagination, .nav-entries { padding-top:.5em; border-top:1px dotted #ddd; }
.woocommerce .woo-pagination, .nav-entries { width:50%; float: left; text-align: left !important; }
.woocommerce .woocommerce_result_count { width:50%; float:left; }
.woocommerce .woocommerce_ordering { width:50%; float: right; text-align: right; }
.woocommerce .woocommerce_ordering div.selector span { text-align: left; }
.woocommerce_result_count + ul.products, .woocommerce_ordering + ul.products { clear:both; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 30.05%!important;}
#post-entries { overflow: hidden; zoom:1; margin:10px 0; border:1px solid #ddd;
background-color: #fafafa;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #fafafa, #eeeeee); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #fafafa, #eeeeee); /* FF3.6 */
background-image: -ms-linear-gradient(top, #fafafa, #eeeeee); /* IE10 */
background-image: -o-linear-gradient(top, #fafafa, #eeeeee); /* Opera 11.10+ */
background-image: linear-gradient(top, #fafafa, #eeeeee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#eeeeee'); /* IE6–IE9 */
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#post-entries a { display:block; padding:5px 10px; text-shadow:0 1px 0 #fff; }
#post-entries a:hover { background: rgba(255,255,255,0.5); }
#post-entries .nav-prev a { border-right:1px solid #ddd; -webkit-box-shadow:1px 0 0 #fff; -moz-box-shadow:1px 0 0 #fff; box-shadow:1px 0 0 #fff; }
#post-entries .nav-next a { border-left:1px solid #fff; -webkit-box-shadow:-1px 0 0 #ddd; -moz-box-shadow:-1px 0 0 #ddd; box-shadow:-1px 0 0 #ddd; }
/* 3.4 Post Author */
#post-author { background: #f7f7f7; padding:20px; overflow: hidden; zoom:1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#post-author .profile-image { width:13.45%; float: left; }
#post-author .profile-image img { width:90%; height: auto; background: #fff; padding:5%; border:1px solid #ddd; }
#post-author .profile-content { width:82.7%; float: right; }
#post-author .profile-content h3 { padding-top:0; }
/* 3.5 Connect / Subscribe */
#connect { padding:0px 0; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
#sidebar .widget:first-child h3 { padding-top:0; }
.widget { margin: 0 0 30px 0; }
.widget a:hover {text-decoration:none; }
.widget p { margin-bottom:15px; }
#sidebar .widget h3 { display: none; }
.widget ul { clear:both; list-style-position:inside; list-style-type:disc;}
.widget ul li { list-style:none; }
.widget ul li a { padding: 0; line-height: 22px; text-decoration: none; }
.widget ul li a:hover { text-decoration:underline; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; }
.widget_recent_comments li, #twitter li { padding: 1px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */
#widget1 { background: url(images/widget-1.png) no-repeat top left; padding: 30px 40px; margin-top: -10px; height: 348px; }
.widget3 { background: url(images/widget-3.png) no-repeat top left; padding: 30px; }
.widget3 img a { max-width: 320px; }
/* 4.2 Specific Widgets */
/* WIDGET FORMS */
.widget .screen-reader-text { display: none; }
.widget input.submit { float:right; }
.search-widget .searchform {position: relative;}
.search-widget input.field { background: #fff; border:1px solid #ccc; color:#777; font-weight: bold; padding:9px 25px 9px 12px; width:180px;}
.search-widget input.btn {border:none; position: absolute; width: 16px; height: 16px; right:5px; top:0px; }
/* ADSPACE */
.adspace-widget img { max-width: 100%; height: auto; }
/* FLICKR */
.widget_woo_flickr h3 {}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; }
.widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: block; border: #CECFC6 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img { border:#A8AA99 1px solid; }
/* LIFESTREAM */
.widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta { color: inherit; }
/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
/* TWITTER */
.widget_woo_twitter ul { padding-left:0; margin-bottom:10px; }
.widget_woo_twitter ul li { padding-left:0; background: none; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #e6e6e6; }
.widget_woo_twitter ul li .content { display: block; }
/* Blog Author Widget */
.widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);}
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }
/* WooCommerce layered nav */
.widget_layered_nav ul li { overflow: hidden; zoom:1; }
.widget_layered_nav ul li a { float: left; }
.widget_layered_nav ul li .count { float: right; background: #ccc; color:#fff; padding:3px 10px; margin-top:1px; -webkit-border-radius:10px; line-height: 1em; -webkit-box-shadow:0 1px 0 0 #fff; -moz-box-shadow:0 1px 0 0 #fff; box-shadow:0 1px 0 0 #fff; }
.widget_layered_nav ul li.chosen a { padding-right:18px; background: url(images/ico-cross-small.png) right no-repeat; }
/* WooCommerce price filter */
.widget_price_filter .ui-state-default, .widget_price_filter .ui-widget-content .ui-state-default, .widget_price_filter .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; colour: #555555; }
.widget_price_filter .ui-state-hover, .widget_price_filter .ui-widget-content .ui-state-hover, .widget_price_filter .ui-widget-header .ui-state-hover, .widget_price_filter .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; colour: #212121; }
.widget_price_filter .ui-state-active, .widget_price_filter .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; colour: #212121; }
.widget_price_filter .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.widget_price_filter .ui-slider { position: relative; text-align: left; }
.widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.widget_price_filter .price_slider_wrapper .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; }
.widget_price_filter .price_slider_wrapper .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold; }
.widget_price_filter .ui-slider-horizontal { height: .8em; }
.widget_price_filter .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: 0; }
.widget_price_filter .price_slider_wrapper .price_slider { margin:0 10px 10px 10px; background: #f6f6f6 !important; border:1px solid #e6e6e6 !important; -webkit-box-shadow:0 1px 0 1px rgba(255,255,255,0.9); -moz-box-shadow:0 1px 0 1px rgba(255,255,255,0.9); box-shadow:0 1px 0 1px rgba(255,255,255,0.9); }
.widget_price_filter .price_slider_wrapper .ui-widget-header { border:1px solid #e6e6e6; background: #e6e6e6; }
.widget_price_filter .price_slider_wrapper .ui-slider-handle {
border: 1px solid #aaa;
border-bottom-color: #999;
color: white !important;
text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
cursor: pointer;
/*Border radius*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*Background*/
background: #fefefe; /*Fallback*/
background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e5e5e5)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #fefefe, #e5e5e5); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #fefefe, #e5e5e5); /* FF3.6 */
background-image: -ms-linear-gradient(top, #fefefe, #e5e5e5); /* IE10 */
background-image: -o-linear-gradient(top, #fefefe, #e5e5e5); /* Opera 11.10+ */
background-image: linear-gradient(top, #fefefe, #e5e5e5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#e5e5e5'); /* IE6–IE9 */
/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
inset 0 0 0 1px rgba(255,255,255,0.8),
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
inset 0 0 0 1px rgba(255,255,255,0.8),
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
inset 0 0 0 1px rgba(255,255,255,0.8),
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}
.widget_price_filter .price_slider_wrapper .ui-slider-handle:hover {
text-decoration: none !important;
/*Background*/
background: #ffffff; /*Fallback*/
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ffffff, #e5e5e5); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #ffffff, #e5e5e5); /* FF3.6 */
background-image: -ms-linear-gradient(top, #ffffff, #e5e5e5); /* IE10 */
background-image: -o-linear-gradient(top, #ffffff, #e5e5e5); /* Opera 11.10+ */
background-image: linear-gradient(top, #ffffff, #e5e5e5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#e5e5e5'); /* IE6–IE9 */
}
.widget_price_filter .price_slider_wrapper .button { margin-left:0; }
/* 4.3 WooTabs */
#tabs, .woocommerce_tabs { height:auto; display: block; padding:1px; clear: both; }
#tabs ul.wooTabs, #tabs ul.tabs, .woocommerce_tabs ul.tabs { padding:0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAG0lEQVQIHWNkYGCQBGII+P//P4ghCaUhDBAHAJvGDEHlDzesAAAAAElFTkSuQmCC) bottom repeat-x; /* 1px transparent png */ overflow: hidden; zoom:1; margin:0; }
#tabs ul.wooTabs li, #tabs ul.tabs li, .woocommerce_tabs ul.tabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; padding-left:0; background-image: none; margin-right:2px;}
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover, #tabs ul.tabs li.active a, #tabs ul.tabs li a:hover, .woocommerce_tabs ul.tabs li a:hover, .woocommerce_tabs ul.tabs li.active a { background:#fff; text-decoration:none !important; margin-bottom:0; padding-bottom:9px; }
#tabs ul.tabs li a, .woocommerce_tabs ul.tabs li a { background:#f6f6f6; color:#777; display: block;float: left; padding: 6px 12px; border:1px solid rgba(0,0,0,0.1); border-bottom:0; margin-bottom:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
#tabs ul.wooTabs li a { padding:3px 6px; display: block; float: left; margin-right:1px; color:#777; border:1px solid rgba(0,0,0,0.1); border-bottom:0; background: #eee; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { padding-bottom:6px; background: #fff; }
#tabs ul.wooTabs li a:hover { color:#555; }
#tabs .inside { padding:1em; border:1px solid rgba(0,0,0,0.1); border-top:0; background: #fff; }
#tabs .inside li { padding-bottom:1em; margin-bottom:1em; border-bottom:1px dotted rgba(0,0,0,0.1); }
#tabs .inside li:last-child { padding-bottom:0; margin-bottom:0; border:0; }
.woocommerce_tabs .panel { background:none; clear: left; padding: 20px 0px; border: 1px solid #ccc; border-top: 0; padding: 20px; }
.woocommerce_tabs .panel { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAG0lEQVQIHWNkYGCQBGII+P//P4ghCaUhDBAHAJvGDEHlDzesAAAAAElFTkSuQmCC) top repeat-x bottom repeat-x #fff; /* diagonal texture */ overflow: hidden; }
#tabs .panel h2, .woocommerce_tabs .panel h2 { padding-top:10px; }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; padding-left:0; }
#tabs .inside li a { }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; }
.type-product .panel ul, .type-product .panel ol { margin-left:20px; list-style: disc; }
.type-product .panel ol.commentlist { margin-left:0; }
/* 4.4 Woo Shopping Cart */
.widget_shopping_cart { margin:0 0 30px 0; }
.widget_shopping_cart li.empty { margin:0 -1em -1em -1em !important; padding:0 1em 1em 1em !important; border-bottom:1px solid rgba(0,0,0,0.1) !important; }
.widget_shopping_cart ul.cart_list { padding:1em; background: #fafafa; margin-left:0 !important; margin-bottom:0; border:1px solid rgba(0,0,0,0.1); border-bottom:0; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.widget_shopping_cart ul.cart_list li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.widget_shopping_cart p.total { margin-bottom:0; text-shadow:0 1px 0 rgba(255,255,255,0.7); }
.widget_shopping_cart p.total, .widget_shopping_cart p.buttons { padding:0 20px; text-align: center; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAG0lEQVQIHWNkYGCQBGII+P//P4ghCaUhDBAHAJvGDEHlDzesAAAAAElFTkSuQmCC) top repeat-x; /* diagonal texture */ padding-top:1em; padding-bottom:1em; border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); }
.widget_shopping_cart p.buttons { border-bottom:1px solid rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.1); box-shadow:inset 0 0 3px rgba(0,0,0,0.1); -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.widget_shopping_cart p.total { background-color:#eee; border-bottom:1px solid #fafafa; }
.widget_shopping_cart p.buttons .button { margin-left:0; }
/* 4.5 Product lists within widgets */
.widget .product_list_widget {
padding-left:0;
}
.widget .product_list_widget li {
background: none;
padding-left:0;
overflow: hidden;
zoom:1;
margin-bottom:1em;
padding-bottom:1em;
border-bottom:1px dotted #ddd;
}
.widget .product_list_widget li a {
display: block;
}
.widget .product_list_widget li img {
float: right;
margin:0 0 5px 1em;
border:3px solid #fff;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
box-shadow:0 1px 2px rgba(0,0,0,0.2);
width:32px;
height: auto;
}
.widget .product_list_widget li dl.variation {
overflow: hidden;
zoom:1;
margin-bottom:0 !important;
}
.widget .product_list_widget li dl.variation dt {
float: left;
margin-right:6px;
clear: left;
}
.widget .product_list_widget li dl.variation dd {
font-style: italic;
}
.widget .product_list_widget li del {
color: #ccc;
}
.widget .product_list_widget li ins {
text-decoration: none;
}
/* 4.6 Search */
#sidebar .searchform, #sidebar #searchform, #footer-widgets .searchform, #footer-widgets #searchform { padding:10px; background: #fff; border:1px solid #e5e5e5; -webkit-borde-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(255,255,255,0.7); -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(255,255,255,0.7); box-shadow:inset 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(255,255,255,0.7); margin:0 1px; }
#sidebar .searchform input, #sidebar #searchform input, #footer-widgets .searchform input, #footer-widgets #searchform input { background: 0; padding:0; border:0; }
#sidebar .searchform .search-submit, #sidebar #searchform #searchsubmit, #footer-widgets .searchform .search-submit, #footer-widgets #searchform #searchsubmit { float: right; margin-top:4px; margin-right:6px; }
#sidebar #searchform #searchsubmit, #footer-widgets #searchform #searchsubmit { text-align: left; text-indent: -999em; cursor: pointer; display: block; height:18px; width:18px; background: url(images/ico-search.png) no-repeat; }
#sidebar .searchform .s, #sidebar #searchform #s, #footer-widgets .searchform .s, #footer-widgets #searchform #s { width:80%; }
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {position:relative;padding:20px 0 0 0; display:none; }
#comments ol.commentlist { margin-left:0; }
#comments h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container { position:relative; padding: 20px 0; }
#comments .comment-head { margin: 0 0 15px 0; }
#comments .avatar { float:left; margin: 0 15px 10px 0; }
#comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name { margin: 0; font-weight: bold; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { }
#comments .comment-entry { margin-left:63px; padding:20px; background: #f7f7f7; font-size:0.8751em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position: relative; }
#comments .comment-entry:before { content: ""; border:12px solid #f7f7f7; border-color:transparent transparent #f7f7f7 transparent; position: absolute;
top:-24px; left:6px; }
#comments .comment-entry p { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a:hover { }
#comments ul.children{margin:10px 10px 0 60px;padding:0; }
#comments .cancel-comment-reply{margin:10px 0;}
#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}
#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }
/* 5.2 Comments Form */
#respond { margin: 40px 0 0; }
#respond h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { color:#777; }
#commentform { margin: 15px 0 0 0; }
#commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform input.txt { color:#666; width: 170px; margin: 0 5px 10px 0; }
#commentform textarea { color:#666; width: 94% !important; }
#respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; }
span.comments, span.post-more-sep { display: none; }
/* 5.3 Pingbacks / Trackbacks */
h3#pings { margin: 25px 0 10px 0; }
.pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author { font-weight: bold; }
.pinglist li .pingcontent { display: block; margin: 10px 0; }
/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Buttons */
a.button, .button.alt, .button, input.button, button.button, a.comment-reply-link, #commentform #submit, #featured-products ul.products .button {
display: inline-block;
margin: 5px 5px 5px 0;
padding: 6px 15px 6px 15px;
color: #fff;
text-align: center;
text-decoration: none;
cursor: pointer;
font-size:15px !important;
font-family: inherit;
border:0px;
/*Border radius*/
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
/*Background*/
background: #ED7913;
/* Animation */
-webkit-transition: all ease-in-out .2s;
-moz-transition: all ease-in-out .2s;
}
.tribe-events-tickets .button { background: #00c4c0; color: #fff; float: left; text-align: left; margin-left: 5px; }
a.button.loading, input.button.loading, button.button.loading {
filter:~"alpha(opacity=50)";
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
a.button.loading:before, input.button.loading:before, button.button.loading:before, a.button.added:before, input.button.added:before, button.button.added:before {
content:"";
position: absolute;
height:16px;
width:16px;
top:4px;
right:-26px;
text-indent: 0;
}
a.button.loading:before, input.button.loading:before, button.button.loading:before {
background: url(images/ajax-loader.gif) no-repeat;
}
a.button.added:before, input.button.added:before, button.button.added:before {
background: url(images/ico-tick.png) no-repeat;
}
a.button.large { padding:6px 16px;}
a.button.small, a.comment-reply-link { padding:0px 10px;}
a.button:hover,
.button.alt:hover,
.button:hover,
input.button:hover,
button.button:hover,
a.button.hover,
a.button.active,
#featured-products ul.products .button:hover {
text-decoration: none !important;
color:#fff;
background:#3dab33;
);
}
/* 6.1.1 Comment Reply Link */
a.comment-reply-link {
border: 1px solid #d5d5d5;
border-bottom-color: #e6e2e2;
color: #888 !important;
text-shadow: 0 1px 0 white;
/*Background*/
background: #e8e8e8; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #f3f3f3),
color-stop(1, #e6e6e6)
);
background: -moz-linear-gradient(
center top,
#f3f3f3 20%,
#e6e6e6 100%
);
/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
}
a.comment-reply-link:hover,
a.comment-reply-link.hover,
a.comment-reply-link.active { color:#666; }
/* 6.2 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick, .woocommerce_message, .woocommerce_error { margin:10px 0 20px 0; padding:9px 10px 9px 50px; overflow: hidden; zoom:1; clear: left; }
p.alert, .woocommerce_error { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; }
ul.woocommerce_error { list-style: none; }
p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; }
p.tick, .woocommerce_message { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 13px; }
p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/ico-info.png) no-repeat 20px 13px; }
p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; }
.woocommerce_message .button { float: right; margin:0; margin-top:-3px; margin-bottom:-3px; }
.woocommerce h3 {
font-size: 18px;
margin: 0;
}
/* 6.3 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{width:214px;}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:400px;}
#contact-page ol.forms li .error{display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;font-size: 0.8em;}
/* 6.4 Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }
.gform_wrapper input.button { padding: 5px 10px 6px !important; }
.gform_wrapper input { padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
img.ui-datepicker-trigger { border: 0px; padding: 0px; }
/* 6.5 Timeline Page Template */
#archives { padding: 10px 0 0; }
#archives a { font-style: italic; }
#archives .archives_list { border-left:4px solid #ccc; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;}
#archives .archives_list li { clear:left; padding-left:24px; font-style: normal; list-style: none; margin-bottom: 10px; }
#archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; }
#archives .archives_list .linked { width: 270px; display: inline-block; }
#archives .archives_list .comments { width: 100px; display: inline-block; }
#archives .archives_list .comments a { color: #808080; font-style: italic; text-decoration: underline; padding-left: 13px; }
#archives .archives_list .comments a:hover { text-decoration: none; }
/* 6.6 Tables */
table { border:1px solid #e6e6e6; border-right:0; border-bottom:0; width:100%; border-collapse: separate; margin-bottom:1em; }
table td, table th { border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:4px 8px; vertical-align: top; }
table th { background: #f6f6f6; -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4); text-align: left; font-weight: normal; color:#333; }
/*-------------------------------------------------------------------------------------------*/
/* 7. WOOCOMMERCE SPECIFICS */
/*-------------------------------------------------------------------------------------------*/
/* 7.1 Demo store notice */
p.demo_store {
position: fixed;
top:0;
left: 0;
right:0;
background: #ffd9c8;
text-align: center;
padding:8px 0;
z-index: 999999;
border-bottom:2px solid #f0baa2;
}
/* 7.2 Star Ratings */
.star-rating {
float: right;
width: 80px;
height: 16px;
background: url(images/star.png) repeat-x left 0;
}
.star-rating span {
background: url(images/star.png) repeat-x left -32px;
height: 0;
padding-top: 16px;
overflow: hidden;
float: left;
}
p.stars {
overflow: hidden;
zoom: 1;
}
p.stars span {
width: 80px;
height: 16px;
position: relative;
float: left;
background: url(images/star.png) repeat-x left 0;
}
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: url(images/star.png) repeat-x left -16px;
}
p.stars a.active {
background: url(images/star.png) repeat-x left -32px;
}
p.stars span a.star-1 { width: 16px; z-index: 10; }
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; }
/* Sidebar / footer stars */
#sidebar .star-rating, #footer-widgets .star-rating {
width: 60px;
height: 12px;
background: url(images/star-small.png) repeat-x left 0;
margin-top:2px;
float:none;
}
#sidebar .star-rating span, #footer-widgets .star-rating span {
background: url(images/star-small.png) repeat-x left -24px;
padding-top: 12px;
}
#sidebar p.stars span, #footer-widgets p.stars span {
width: 60px;
height: 12px;
background: url(images/star-small.png) repeat-x left 0;
}
#sidebar p.stars span a, #footer-widgets p.stars span a {
width: 12px;
padding-top: 12px;
}
/*#sidebar p.stars span a:hover, #sidebar p.stars span a:focus {
background: url(images/star-small.png) repeat-x left -12px;
}
#sidebar p.stars a.active {
background: url(images/star-small.png) repeat-x left -24px;
}
#sidebar p.stars span a.star-1 { width: 12px; z-index: 10; }
#sidebar p.stars span a.star-2 { width: 24px; z-index: 9; }
#sidebar p.stars span a.star-3 { width: 36px; z-index: 8; }
#sidebar p.stars span a.star-4 { width: 48px; z-index: 7; }
#sidebar p.stars span a.star-5 { width: 60px; z-index: 6; }*/
/* 7.3 Single Product Page */
.woocommerce_message { max-width: 660px; }
.single-product .type-product { max-width: 720px; }
.single-product .type-product { clear: left; position: relative; max-width: 720px; }
.single-product .product del { color:#ccc; }
.single-product .product ins { text-decoration: none; }
.single-product .product .images, .single-product .product .summary { margin-bottom:20px; }
.single-product .product .images { width:300px; float: right; }
.single-product .product .images img { width:300px; height: auto; padding: 9px; border:1px solid #e6e6e6; margin-bottom:12px; }
.single-product .product .images .thumbnails { overflow: hidden; zoom:1; }
.single-product .product .images .thumbnails img { padding:0; border:0; width:30.75%; float: left; margin-right:3.8%; margin-bottom:8px; }
.single-product .product .images .thumbnails .first { clear: left; }
.single-product .product .images .thumbnails .last img { margin-right:0; }
.single-product .product .summary { float:right; }
.single-product .product .summary p { margin-bottom:10px; }
.single-product .product .summary .price { color:#ED7913;font-weight: bold; padding:10px 0; font-size: 30px; }
.single-product .product .summary .stock { padding-left:25px; margin:5px 0 15px; background: url(images/ico-tick.png) no-repeat left 2px; }
.single-product .product .summary .stock.out-of-stock { background: url(images/ico-alert.png) no-repeat left 2px; }
.single-product .product .summary form.cart { margin-bottom:.618em; overflow: hidden; zoom:1; padding-top:.618em; border-top:1px solid #e6e6e6; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGUlEQVQIHWP4//8/AwgDgSScARVgkITJAgBsFBI6bme1aQAAAABJRU5ErkJggg==) top repeat-x; /* diagonal texture */ }
.single-product .product .summary form.cart .quantity { float: left; }
.single-product .product .summary form.cart .button { float: right; margin:0; }
.single-product .product .summary form.cart table.variations { border:0;}
.single-product .product .summary form.cart table.variations td { vertical-align: middle; border:0; padding-left:0; }
.single-product .product .summary .single_variation .stock { border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px; }
.single-product .product .summary .single_variation .price { display: block; padding:0 0 .618em; font-size:1.30769em; }
.single-product .product .product_meta { font-size:0.8751em; }
.single-product .product .summary .group_table { border:0; margin-bottom:10px; }
.single-product .product .summary .group_table td, .single-product .product .summary .group_table th { padding:0 8px 8px 0; border: 0; }
.single-product .product .summary .group_table .quantity { min-width: 74px; }
.single-product .product .summary .group_table td.price { padding:0 8px 8px 0; min-width: 80px; }
.single-product .product .summary .group_table td.price .stock { display: none; margin-bottom:0; }
.single-product .product .summary .group_table td.price .stock.out-of-stock { display: block; background: url(images/ico-cross-small.png) left no-repeat; padding-left:16px; margin-top:0 !important; }
.single-product .product .shop_attributes th { width:175px; }
.single-product .product .shop_attributes p { margin:0 !important; }
.single-product .product #tabs { clear: both; }
.upsells ul { margin-left:0; }
/* 1 column single product */
.single-product.layout-full .images { width:700px; }
.single-product.layout-full .images img { width:700px; }
.single-product.layout-full .summary { width:700px; }
.single-product.layout-full .related, .single-product.layout-full .upsells { width:48%; }
.single-product.layout-full .related { float: left; }
.single-product.layout-full .upsells { float: right; }
/*.single-product.layout-full #comments .commentlist li.comment .comment-text { width:822px; }*/
/* 7.3.1 Reviews */
.single-product #comments { margin-top:0; padding:0; border-top:0; }
.single-product .hreview-aggregate .star-rating { margin-top:1.618em; background: url(images/star.png) repeat-x left 0; }
.single-product #comments .commentlist li.comment { overflow: hidden; zoom:1; background: none !important; border:0 !important; clear: left; margin-bottom:1em; }
.single-product #comments .commentlist li.comment p { margin-bottom:1em; }
.single-product #comments .commentlist li.comment p.meta { border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; padding:6px 0; }
.single-product #comments .commentlist li.comment img { width:11.45%; padding:1%; background: #fff; margin:1px 0 0 2px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2); box-shadow:0 1px 2px rgba(0,0,0,0.2); height: auto; float: left; }
.single-product #comments .commentlist li.comment .comment-text { width:82.7%; float: right; }
.single-product #comments .commentlist li.comment .comment-text .star-rating { margin-top:7px; }
#fancybox-content #review_form { padding:30px; background:#eef2f5; }
#fancybox-content #respond { margin-top:0; }
#fancybox-content #respond label { display: block; font-weight: bold; }
#fancybox-wrap table { background: none; }
/* 7.4 Quantity Incrementer */
.quantity .plus, .quantity .minus, .quantity input { margin:0; border:0; padding:3px 6px; }
.quantity .plus, .quantity .minus { background:#DFDFDF; border:1px solid #ccc; -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); cursor: pointer; }
.quantity .plus:hover, .quantity .minus:hover { background-position: top; }
.quantity .minus { -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-radius:3px 0 0 3px; }
.quantity .plus { -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-radius:0 3px 3px 0; }
.quantity .qty { border-top:1px solid #ccc; border-bottom:1px solid #ccc; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; width:16px; text-align: center; min-width: 30px; }
/* Disable input[type=number] buttons until the world is ready */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
display:none;
}
/* 7.5 User Account Section */
header.title { overflow: hidden; zoom:1; }
header.title h3 { float: left; padding:0; }
header.title a { float: right; }
.addresses address { clear: both; }
.required { color: red; }
.woocommerce-account table { font-size:0.8751em; }
.woocommerce-account h2 { margin-bottom:0; }
.woocommerce-account .shop_table .button { margin:0; }
/* 7.5.1 Order tracking */
ol.commentlist.notes { padding-left:0; }
ol.commentlist.notes li.note { list-style: none; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eee; }
ol.commentlist.notes li.note:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }
ol.commentlist.notes li.note p.meta { font-weight: bold; }
/* 7.6 Cart */
table.cart, .shop_table { margin-bottom:40px; }
table.cart img { padding:0; width:120px; height:auto; }
table.cart td.actions { text-align: right; }
table.cart td.actions .coupon { float: left; }
table.cart td.actions .coupon label { display: none; }
table.cart dl.variation { overflow: hidden; zoom:1; }
.shop_table dl.variation dt, .shop_table dl.variation dd { float: left; margin-right:2px; }
.shop_table dl.variation dt { }
.shop_table dl.variation dd { margin-right:18px; font-style: italic; }
.cart-collaterals .cross-sells, .cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator { width:48%; }
.cart-collaterals .cross-sells { float: left; }
.cart-collaterals .cart_totals { float: right; }
.cart-collaterals .shipping_calculator { float:right; clear: right; }
.cart-collaterals .shipping_calculator .col2-set { clear: left; overflow: visible; }
.cart-collaterals .shipping_calculator .col2-set .form-row:first-child { width:48%; }
.cart-collaterals .cart_totals table small { display: block; }
.cart-collaterals .cross-sells ul.products { margin:0; padding:0; }
.cart-collaterals .cross-sells ul.products li { width:48%; list-style: none; }
.cart_totals select { width:100%; }
/* 7.7 Checkout */
.woocommerce-checkout form.login { overflow:hidden; zoom:1; margin-bottom:20px; border-bottom:1px solid #e6e6e6; }
.woocommerce-checkout form.login button { margin-left:0; }
#shiptobilling { float: right; margin-top:2.3em; margin-bottom:0; }
#shiptobilling input { float: left; width: auto; }
.form-row.notes { width:100%; }
.checkout .create-account { clear: left; }
.checkout .form-row.vat-number { width:100%; }
ul.payment_methods { margin-left:0; padding:0; list-style: none; }
ul.payment_methods li { list-style: none; margin-bottom:10px; }
ul.payment_methods li img { padding:0; border: 0; vertical-align: bottom; margin-left:6px; }
ul.payment_methods .payment_box { padding: 12px; border:1px solid #e6e6e6; background: #f6f6f6; margin-bottom:20px; margin-top:10px; }
ul.payment_methods .payment_box p { margin:0; }
.payment_box fieldset { margin-bottom:0; }
.payment_box .form-row .woocommerce-select { width:30.75%; float: left; margin-right:3.8%; }
ul.payment_methods + .form-row { width:95.5%; }
ul.payment_methods + .form-row label { display: inline; }
ul.payment_methods + .form-row input { width:auto; float: left; }
#place_order { float: right; }
/*-------------------------------------------------------------------------------------------*/
/* 8. UNIFORM JS */
/*-------------------------------------------------------------------------------------------*/
/* Global Declaration */
div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
background-image: url(images/sprite.png);
background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
}
.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button *{
margin: 0;
padding: 0;
}
/* SPRITES */
/* Select */
div.selector {
background-position: -483px -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;
}
div.selector:active,
div.selector.active {
background-position: -483px -156px;
}
div.selector:active span,
div.selector.active span {
background-position: right -26px;
}
div.selector.focus, div.selector.hover, div.selector:hover {
background-position: -483px -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: -483px -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: -483px -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;
}
div.button {
background-position: 0px -523px;
}
div.button span {
background-position: right -643px;
}
div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
background-position: 0px -553px;
}
div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
background-position: right -673px;
}
div.button.active,
div.button:active {
background-position: 0px -583px;
}
div.button.active span,
div.button:active span {
background-position: right -703px;
color: #555;
}
div.button.disabled,
div.button:disabled {
background-position: 0px -613px;
}
div.button.disabled span,
div.button:disabled span {
background-position: right -733px;
color: #bbb;
cursor: default;
}
/* PRESENTATION */
/* Button */
div.button {
height: 30px;
}
div.button span {
margin-left: 13px;
height: 22px;
padding-top: 8px;
font-weight: bold;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 2px;
padding-right: 15px;
}
/* Select */
div.selector {
width: 190px;
font-size: 12px;
}
div.selector select {
min-width: 190px;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 12px;
border: solid 1px #fff;
}
div.selector span {
padding: 0px 25px 0px 2px;
cursor: pointer;
}
div.selector span {
color: #666;
width: 158px;
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: centre;
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,
.button,
.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;
}
/* Button */
div.button a,
div.button button,
div.button input {
position: absolute;
}
div.button {
cursor: pointer;
position: relative;
}
div.button span {
display: -moz-inline-box;
display: inline-block;
line-height: 1;
text-align: centre;
}
/* Select */
div.selector {
position: relative;
padding-left: 10px;
overflow: hidden;
}
div.selector span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.selector select {
position: absolute;
opacity: 0;
filter: alpha(opacity:0);
height: 25px;
border: none;
background: none;
}
/* Checker */
div.checker {
position: relative;
float: left;
}
div.checker span {
display: -moz-inline-box;
display: inline-block;
text-align: centre;
}
div.checker input {
opacity: 0;
filter: alpha(opacity:0);
display: inline-block;
background: none;
}
/* Radio */
div.radio {
position: relative;
}
div.radio span {
display: -moz-inline-box;
display: inline-block;
text-align: centre;
}
div.radio input {
opacity: 0;
filter: alpha(opacity:0);
text-align: centre;
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:0);
position: absolute;
top: 0;
right: 0;
bottom: 0;
float: right;
height: 25px;
border: none;
cursor: default;
}
/*-------------------------------------------------------------------------------------------*/
/* 9. IE Fixes */
/*-------------------------------------------------------------------------------------------*/
/* IE6 */
.ie6 .nav .sf-sub-indicator { display:none; }
.ie6 .nav li a:hover { text-decoration:none; }
.ie6 .nav li a.sf-with-ul { padding-right:10px; }
.ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; } .reply a { color:#555 !important; }
.ie6 .slide-content { background: #000; }
/* IE7 */
.ie7 { overflow-x: hidden; }
.ie7 * { overflow-x:visible; }
.ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */
.ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; }
.ie7 .slide-content { background: #000; }
.ie7 #featured-products ul.featured-products li.flipper .back { display: none; }
.ie7 a.button, .ie7 .button.alt, ie7 .button, .ie7 input.button, .ie7 button.button, .ie7 a.comment-reply-link, .ie7 #commentform #submit, .ie7 #featured-products ul.products .button { padding:4px 10px; }
.ie7 .page-template-onecolumn-page-php #main, .ie7 .layout-full #main { padding-left:0; }
.ie7 .form-row input.input-text, .ie7 .form-row textarea { width:auto; min-width:70%; max-width: 94%; }
.ie7 div.selector { width:180px; padding-right:10px; }
/* IE8 */
.ie8 .button:visited { padding:10px 15px; margin:0; }
.ie8 .slide-content { background: #000; }
.ie8 .cart-collaterals .cross-sells h3 { margin-top:0; }
.ie8 #featured-products ul.featured-products li.flipper .back { display: none; }
/* All */
.ie8 #navigation, .ie7 #navigation, .ie6 #navigation, .ie8 #footer, .ie7 #footer, .ie7 #footer {
background: none;
}
/*-------------------------------------------------------------------------------------------*/
/* 10. Custom by Sean */
/*-------------------------------------------------------------------------------------------*/
.fb { margin: 68px 0px -30px 0px; padding: 0px; float: right; }
.fb img { margin-top: 0px; }
.clear { clear: both; }
.sidebuttons { margin-left: 60px; }
.sidebuttons img { display: none; }
.sidebuttons { font-size:1.2em; font-family: 'Open Sans', serif; color: #333; font-weight: bold; }
.sidebuttons a:hover { text-decoration: underline; color: #d1017c; }
.handstitch { background: height: 199px; width: 288px; margin:0px; background: url(images/videoborder.png) no-repeat top left; padding: 28px 0px 19px 26px; }
#sidebar .widget img, .handstitch {
}
#sidebar .sidebuttons img { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.flower1 { position: relative; margin-top: -280px; float: left; margin-left: -1045px; height: 243px; width: 210px; z-index: 99999; }
.flower2 { position: relative; bottom: 0px; float: right; margin-right: -150px; margin-top: -119px; margin-bottom: 100px;width: 160px; z-index: 99999; overflow: hidden; }
.flower1 img a { display: block; width: 210px; height: 243px; }
#header { -webkit-box-shadow: 0px 0px 10px 5px #999999; box-shadow: 0px 0px 10px 5px #999999; }
.entry.noborder img { border: none; padding: 0; background: none; }
#footer-widgets .noshow p { display: none; }
#subside { width: 175px; margin-left: 60px; font-size: 1em; font-family: 'Open Sans', serif; color: #333; font-weight: bold; }
#subside .button { width: 173px; float: left; text-align: center; color: #fff; text-shadow: none; font-size: 1.8em; }
#subside input { width: 150px; float: left; color: #f06eaa; }
.tribe-events-event-list-meta td { background: none; }
.pinkbtn { margin-left: 7px; margin-bottom: -40px; }
.pinkbtn1 { margin-bottom: 0px; margin-right: 20px; text-align: center; }
.spacer { clear: both; display: block; height: 260px; }
/*-------------------------------------------------------------------------------------------*/
/* 10. Custom by BA Creative */
/*-------------------------------------------------------------------------------------------*/
/**
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* contenteditable attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.cf:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
*zoom: 1;
}
body {
font-family: 'Source Sans Pro', serif;
font-weight: 300;
font-size:16px;
}
p {
font-size:16px;
}
#main-nav {
margin-top: 44px;
}
#navigation {
padding: 12px 0px 0px 0px;
}
#navigation .nav {
margin-top: -78px;
}
.rev_slider_wrapper {
height: 430px;
width: 980px;
margin: -64px -50px 30px;
}
a.button:hover, .button.alt:hover, .button:hover, input.button:hover, button.button:hover, a.button.hover, a.button.active, #featured-products ul.products .button:hover {
background:#00BEBB;
}
h1, h2 {
font-family: 'Gochi Hand' !important;
color:#00BEBB;
}
h1, .tribe-events-before-html h1 {
font-size:50px !important;
color:#00BEBB;
}
h3 {
color: #888;
font-size: 20px;
line-height: 30px;
margin: 10px 0px 25px;
padding:0px;
}
html {
background-size: 970px;
}
.nav li:hover {
-webkit-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
.nav li.blue:hover {
background: #00989F;
}
a {
color: #ED7913;
}
#tribe-bar-form .tribe-bar-submit input[type=submit] {
border-radius: 6px !important;
background: #ED7913 !important;
}
.post-type-archive-tribe_events .tribe-events-calendar thead th {
color: #fff!important;
font-weight: bold;
padding: 1em 0;
white-space: nowrap;
background: #DE7DAA;
border-left: 1px solid #DE7DAA;
border-right: 1px solid #DE7DAA;
}
#tribe-events-content .tribe-events-tooltip h4, #tribe_events_filters_wrapper .tribe_events_slider_val {
color: #ED7913!important;
}
a.button:hover, .button.alt:hover, .button:hover, input.button:hover, button.button:hover, a.button.hover, a.button.active, #featured-products ul.products .button:hover {
text-decoration: none !important;
color: #fff!important;
background: #ED7913!important;
}
.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"]>a, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, #tribe-events .tribe-events-button, .tribe-events-button.tribe-inactive, #tribe-events .tribe-events-button:hover, .tribe-events-button:hover, .tribe-events-button.tribe-active:hover {
background-color:#ED7913 !important;
}
.single-product .type-product {
max-width:none;
}
.single-product .product .images {
float: left;
}
.single-product .product .summary {
float: left;
min-height:450px;
}
.related .products .product {
width: 22%;
float: left;
display: inline;
clear: none;
}
small {
font-size: 50%;
color: #999;
}
.rev_slider .tp-caption, .rev_slider .caption {
transform: none!important;
}
body.page #displetpop .tit {
font-family: 'Gochi Hand' !important;
color:#00BEBB !important;
font-size: 35px;
padding: 38px 40px 30px;
background:none;
border-bottom: 3px dashed #cfcfcf;
}
body.page #displetpop .subtit {
margin-bottom: 10px;
padding: 0px 40px;
font-size: 18px;
line-height: 22px;
font-family: 'Source Sans Pro', sans-serif;
color:#ED7913;
text-align: center;
}
body.page #displetpop {
font-family: 'Source Sans Pro', sans-serif !important;
}
#mc_embed_signup .mail-button {
clear: both;
background-color: #aaa;
border: 0 none;
border-radius: 4px;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: bold;
height: 32px;
line-height: 32px;
margin: 0 5px 10px 0;
padding: 0 22px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: auto;
}
#footer-widgets {
width: 100%;
padding:50px 0px;
margin-top: 42px;
}
#footer-widgets .footer-widget {
width:30%;
margin-right:2%;
float:left;
}
#footer-widgets .block h3 {
font-family: 'Gochi Hand', serif;
text-transform: uppercase;
font-size: 30px;}
.product h3 {
margin: 5px 0px 5px;
}
.entry img, img.thumbnail {
padding: 0px;
border: 0px solid #e6e6e6;
background: transparent;
}
.fb_iframe_widget span{
width: 59px!important;
height: 23px!important;
background: #4c69ba;
background: -webkit-gradient(linear, center top, center bottom, from(#4c69ba), to(#3b55a0));
background: -webkit-linear-gradient(#4c69ba, #3b55a0);
padding: 3px;
}
.fb_iframe_widget iframe {
border: 1px dashed #fff!important;
]
span.mr_social_sharing div {
width: 30px!important;
height: 27px!important;
padding: 2px 0px;
}
span.mr_social_sharing div iframe {
width: 37px!important;
}
.FP {
border: 1px dashed #dd4b39!important;
}