/*
Theme Name:     New Olie Mobile Theme
Description:    For Olìe Biologique 2015
Author:         Snoack Studios
Author URI:     http://www.snoackstudios.com
Template:       rustik
Version:        1.0
*/

@import url("../rustik/style.css");

#navigation, #navigation ul  { z-index:100; margin:0; padding:0; list-style:none; line-height:.5em; }
#navigation a  { display:block; z-index:100; padding:0; color: #999; line-height: 38px !important; }
#navigation a:hover, #navigation .current_page_item a  { color: #333; text-decoration: none; }
#navigation li  { float:left; width: auto; margin: 0 14px 0 0; }

/* 2.2.1 Drop-down menus */
#navigation li ul  { position: absolute; left: -999em; width: 150px; border: 1px solid #F7F6F6; }
#navigation li ul li  {  background: #fff; border-width: 0 1px 1px; margin:0; }
#navigation li ul li a  { width:160px; line-height:20px; font-size:.75em !important; color: #555; padding-left:4px; line-height: 2em !important; }
#navigation li ul li a:hover  {background: #e8e8e8; }
#navigation li ul ul  { margin: -32px 0 0 170px; }
#navigation li ul ul li a  {}
#navigation li ul li ul li a  {}

#navigation li:hover,#navigation li.hover  { position: static; }

#navigation li:hover ul ul, #navigation li.sfhover ul ul,
#navigation li:hover ul ul ul, #navigation li.sfhover ul ul ul,
#navigation li:hover ul ul ul ul, #navigation li.sfhover ul ul ul ul { left:-999em; }
#navigation li:hover ul, #navigation li.sfhover ul,
#navigation li li:hover ul, #navigation li li.sfhover ul,
#navigation li li li:hover ul, #navigation li li li.sfhover ul,
#navigation li li li li:hover ul, #navigation li li li li.sfhover ul  { left:auto; margin-left: -5px;}

.mcaption
{
	margin-top: 0px;
	background-color: #fff;
	padding: 10px;
	color: #000;
border-top:1px solid;
border-top-color:rgb(166, 168, 172);
	line-height: 1.2em !important;
	display: block;
	
/* 	position: absolute; */
/* 	bottom: 0px; */
/* 	max-width: 30%; */
}

/*
.mcaption
{
	background-color: #000;
	padding: 10px;
	color: #FFF;
	line-height: 1.7em;
	position: absolute;
	left: 0px;
	top :0px;
	width: 240px;
	max-height: 200px;
}
*/

.mslide
{
/*	height: auto !important;*/
padding-bottom: 20px;
}


.mcaption h2
{
	font-size: 1.3em;
	text-transform: none;
}

body div.meteor-slides
{
/*	height: 447px !important;*/
padding-bottom: 67px;
}

.meteor-slides .meteor-clip
{
	padding-bottom: 0px !important;
	height: 100% !important;
}

.meteor-slides .meteor-clip {
overflow: visible !important;
}

body.single-product .products div.description ul li,
.entry ul li,
div.blog .right_products ul li
{
	margin: 0px 0px 5px 20px;
	list-style-type: disc;
	line-height: 1.1em;
}

div.blog ul li a
{
	text-transform:none !important;;
}

.products div.description ul,
.entry 
{
	margin: 0;
}

h3
{
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
}

h4
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
}

h1.product_title, h1.entry-title {
text-align: left;
}

.widget_ns_mailchimp input.button
{
	display: inline;
}

.alignleft
{
	float: left;
	margin-right: 15px;
}

.alignright
{
	float: right;
	margin-left: 15px;
}

body.page-argan-jargon div.entry p,
body.page-argan-jargon div.entry ul
{
/* 	float: left; */
	max-width: 525px;
	margin-left: 196px;
}

body.page-argan-jargon p#argan_content
{
/* 	float: none; */
	max-width: none;
	margin-left: 0;
}

body.page-argan-jargon img.alignleft
{
	margin-bottom: 20px;
}

body.page-retailers div.alignleft
{
	margin-right: 20px;
}

#wpadminbar div,
#wpadminbar
{
	overflow: visible;
}

div.social
{
	float: right;
	right: 10px;
	top: 40px;
}

div.social li
{
	display: inline;
}

div.heading
{
/* 	position: relative; */
}

#search-top
{
	display: none;
}

table.shop_table tfoot th
{
	color: #555;
	background: transparent;
	text-align: right;
	padding-right: 10px;
/* 	border-bottom: 1px solid #E7E7E7; */
}

table.shop_table tfoot tr.shipping th
{
	vertical-align: top;
}

table.shop_table tr.shipping th
{
	vertical-align: top;
}

ul#shipping_method, 
ul#shipping_method li
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

table.shop_table td
{
	border-bottom: 1px solid #E7E7E7;
}

img.woo-image.thumbnail
{
	margin-top: 10px;
}

body.category-press .post
{
	width: 220px;
	height: 300px;
	text-align: center;
	float: left;

}

div.press-item
{
	text-align: center;
}

div.press-item img
{
	max-width: 100%;
	height: auto;
}

div.press-item .title
{
	font-size: 12px;
	border-bottom: 1px solid #A6A8AC;
	margin-bottom: 10px;
	font-weight: normal;
}

body.category-press .post
{
/* 	background-color: #e7e7e7; */
	margin: 20px 10px;
}

.chzn-container,
.chzn-container div,
#customer_details,
#customer_details .col-1,
#customer_details .col-2,
.col-2 .shipping_address
{
	overflow: visible;
}

h3#order_review_heading
{
	clear: both;
}

.mod_blog ul li a:link, #sidebar .widget ul li a:link,
.mod_blog ul li a:visited, #sidebar .widget ul li a:visited {
	color: #998962;
}

.mod_blog ul li a:hover, #sidebar .widget ul li a:hover,
.mod_blog ul li a:active, #sidebar .widget ul li a:active {
	color: #D6A30B;
}

.button.single_add_to_cart_button,
.woocommerce_message a.button, .variations_button button.singlepro
{
	background: #666666 !important;
	padding: 5px 8px !important;
	color: #fde400 !important;
	text-transform: uppercase;
	margin: 0 0 0 18px !important;
	display: block;
	height: auto !important;
}

.button.single_add_to_cart_button:hover, button.singlepro:hover {
background: #505050 !important;
}

form.cart div.quantity
{
	margin-right: 26px;
}

table.order_details th.product-name
{
	padding-left: 5px;
}

dl.customer_details
{
	border-top: 1px solid #e7e7e7;
	padding-top: 10px;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 10px;
}

.about .right_products h2, .page-template-default .right_products h2
{
	font-family: 'Droid Serif';
	font-size: 16px;
}

div.woocommerce_error,
div.woocommerce_message,
ul.woocommerce_error,
ul.woocommerce_message {
	background-color: #F3F3F3;
	border: 1px solid #E7E7E7;
	font-weight: bold;
	list-style-type: none !important;
	margin: 0 0 10px 0;
	padding: 10px 5px 10px 32px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.woocommerce_error li,
.woocommerce_message li {
	margin: 0 !important;
	padding: 0;
	list-style-type: none !important;
}

.woocommerce_error{
	background-image:url('../rustik/images/ico-alert.png') !important;
	color: #D8000C;
}
.woocommerce_message{
	background-image:url('../rustik/images/ico-tick.png') !important;
	color: #4F8A10;
}

.container p {
	font-size: inherit !important;
}

.description {
	font-size: inherit !important;
}


/****** MusiCares Promo *******/

#popup-div {
background: url(http://oliebiologique.com/wp-content/blogs.dir/2/files/2013/01/grammy.jpg) no-repeat top center;
width: 587px;
height: 61px;
padding: 439px 0 0 70px;
}

#popup-div input[type="text"] {
padding: 3px 5px;
border: none;
background: #fff;
border: 1px solid #8c827c;
}

#popup-div input[type="submit"] {
padding: 3px 25px;
border: none;
background: #000;
color: #fff;
font-family: 'Droid Serif', serif;
margin: 0 0 0 15px;
border: 1px solid #000;
}

#popup-div input[type="submit"]:hover {
background: #444;
}

#kutu a.close {
display: none;
}

div.product div.images{float:left;width:47%;margin-bottom:10px;}div.product div.images img{display:block;/*width:100%;*/height:auto;margin: auto;max-width:100% !important;}

#payment div.payment_box #cc-expire-month, #payment div.payment_box #cc-expire-year {
	width: 48% !important;
}

#navigation, #navigation ul {
	z-index: 10000;
}



/*** Home email form ***/

.bottom #footer, .bottom {
/*height: 150px !important;*/
margin-bottom: 10px;
}

#footer.footer {
padding-top: 0 !important;
}

.labordaycircle {
position: absolute;
width: 113px;
height: 151px;
top: 0;
left: 263px;
}

/*** New Styles ***/

.wp-post-image {
-moz-box-shadow:    none !important;
  -webkit-box-shadow:  none !important;
  box-shadow:          none !important;
}

span.amount {
color: #a6a8ac !important;
}

.variations_wrap button.single_add_to_cart_button, .variations_wrap button.button {
margin-left: 20px !important;
	height: 30px !important;
-moz-border-radius: 0px !important; -webkit-border-radius: 0px !important;
}

#main .woocommerce-message {
background: none !important;
border: none !important;
-moz-box-shadow:    none !important;
  -webkit-box-shadow:  none !important;
  box-shadow:          none !important;
  padding: 0 !important;

}

#main .woocommerce-message a {
background: none;
}

.woocommerce-message:before {
display: none !important;
background: none !important;
}

body.page-id-5 .woocommerce .woocommerce-info, /*body.page-id-6 .woocommerce .woocommerce-info, body.page-id-6 ul.woocommerce-error*/ {
display: none;
}

body.page-id-5 .cart_totals table {
/*width: 600px;*/
}

body.page-id-5 .cart_totals  {
/*width: 600px !important;*/

padding: 0 !important;
}

.woocommerce-shipping-calculator {
/*width: 550px;*/
}

p a.shipping-calculator-button {
padding: 0;
background: #000;
color: #fff !important;
padding: 5px 12px;
-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

body.page-id-5 .cart_totals table {
/*width: 550px !important;*/
}

body.page-id-5 .cart_totals table ul#shipping_method li {
padding: 0 !important;
}

.shipping_calculator h2 a.shipping-calculator-button, .shipping_calculator h2 a.shipping-calculator-button:after, .shipping_calculator h2 a.shipping-calculator-button:before {
padding: 0 !important;
text-indent: 0 !important;
content: none !important;
}

ul#menu-shop-sidebar.menu {
margin-left: 0;
padding-left: 0;

}

ul#menu-shop-sidebar.menu li {
list-style: none !important;
background: none;
padding-left: 0;

}

ul#menu-shop-sidebar.menu li a {
text-transform: uppercase;
}

.product_meta span.posted_in {
display: none;
}

body.post-type-archive-product h1.page-title {
display: none;
}

.single-product #main .entry-summary p {
padding: 0 0 16px 0;
}

.single-product #main .entry-summary li {
list-style: disc !important;
padding: 0px 0 2px 0 !important;
margin: 0 0 0 20px !important;
}

ul.products li.product {
width: 260px !important;
}

/*** New home styles ****/

.homebox {
width: 223px;
height: 258px;
float: left;
display: block;
margin: 0 20px 20px 0;
font-size: 1.2em;
border: 1px solid #b8b8b8;
color: #fff !important;
text-align: center;
}

.homebox h3 {
font-size: 1em !important;
text-transform: uppercase;
margin: 0 !important;
padding: 0 0 0px 0 !important;
color: #fff !important;
}

.homebox p {
padding: 0 0 2px 0;
margin: 0;
font-size: 0.9em !important;
}

.home-topbox {
width: 223px;
height: 150px;
}

.home-bottombox {
background: #6c6c6c;
padding: 10px 16px 0 16px;
color: #fff !important;
height: 98px;
}

.home-topbox img {
width: 223px;
height: 150px;
}

#homebox1 {
margin-left: 10px;
}

#homebox1 a, #homebox2 a, #homebox3 a {
color: #ffde00 !important;
font-weight: bold;
text-transform: uppercase;
font-size: 0.85em !important;
}

#homebox1 a:hover, #homebox2 a:hover, #homebox3 a:hover {
color: #fff !important;
}

#homebox4 {
background: url(img/sign-up.jpg) no-repeat top center;
margin: 0;
font-size: 1.6em;
line-height: 1.2em;
text-align: center;
padding: 70px 12px 60px 12px;
width: 199px;
height: 128px;
color: #fff !important;
text-shadow: 1px 1px 1px #545454;
}

#homebox4 input[type="email"] {
background: #fff !important;
padding: 7px 8px !important;
width: 82% !important;
margin: 10px 0 10px 0;
}

#homebox4 input#homesubmit[type="submit"] {
background: #333 !important;
text-transform: uppercase;
color: #f5d800 !important;
font-weight: bold;
text-align: center;
font-size: 13px;
width: 80px;
height: 30px !important;
padding: 0 3px !important;
display: block;
font-family: Arial;
text-indent: 0;
border: none;
cursor: pointer;
}

#homebox4 input#homesubmit[type="submit"]:hover {
background: #565656 !important;
}

.product .sku_wrapper { display: none !important; }

ul.products li.product h3 {
font-size: 1.2em !important;
}

ul.products li.product a span {
text-decoration: none !important;
}

a ins span.amount {
text-decoration: none !important;
}

/**** Silent Sleep *****/

#silent-sleep {
width: 400px;
margin: 0 auto;
margin-bottom: 20px;
clear: both;
display: block;
float: none;
}

#silent-sleep input[type="email"] {
width: 250px !important;
border: 1px solid #ccc;
background: #fff;
padding: 8px;
float: left;
display: block;
}

#silent-sleep input[type="submit"] {
display: block;
float: right;
background: #000;
padding: 9px 14px;
text-align: center;
color: #fff;
border: none;
text-transform: uppercase;
width: 135px;
}

#silent-sleep input[type="submit"]:hover {
background: #444;
}

/**** New promo category ****/

.term-146 ul.products li.product {
width: 840px !important;
float: none;
display: block;
text-align: left;
}

.term-146 ul.products li.product .wp-product-text-left {
width: 260px;
float: left;
display: block;
}

.term-146 ul.products li.product .wp-product-text-right {
width: 400px;
float: right;
display: block;
background: #eee;
}

/**** New WooCommerce styles ****/

.woocommerce-cart #main.right_products {
width: 100%;
}

.woocommerce-cart .checkout-button {
padding: 2px 10px !important;
}

.woocommerce-cart .checkout-button:hover {
background: #444 !important;
}

.cart-collaterals, .cart_totals, .cart_totals table td li {
text-align: left !important;
overflow: visible !important;
}

.cart_totals  {
display: block;
width: 60% !important;
float: right;
}

.cart_totals table {
float: none !important;
width: 100%;
}

.wc-proceed-to-checkout {
text-align: left !important;
}

tr.shipping td ul#shipping_method {
overflow: visible !important;
padding: 0 0 0 30px !important;
}

ul#shipping_method {
padding: 0 30px !important;
}

ul#shipping_method label {
line-height: 2em;
}

ul#shipping_method li {
padding: 0 30px !important;
overflow: visible !important;
}

.cart_totals table th {
width: 15% !important;
}

ul#shipping_method .radio {
display: none;
}

ul#shipping_method li input[type="radio"] {
overflow: visible !important;
display: inline !important;
}

/*** Press page ***/

.pagination {
display: block;
float: none !important;
clear: both !important;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 20px;
text-align: center;
}

#coupon_code {
padding: 3px 5px !important;
width: 140px !important;
}

#footer.footer {
padding-top: 10px !important;
}

.bootom_nav {
font-size: 1.3em;

}

.bootom_nav li li {
display: none;
}

/***** New Styles for mobile theme *****/

@media (max-width: 1024px) {
 
#wrapper {
width: 93%;
}

#header {
width: 100%;
}

.heading {
width: 63%;
float: right;
}

.heading_top {
width: 100%;
}

.gocart {
width: 275px;
}

body div.meteor-slides
{
padding-bottom: 85px;
}

#homeboxes {
width: 473px;
margin: 0 auto;
display: block;
}

#homebox2 {
margin-right: 0px;
}

#homebox1, #homebox3 {
margin-left: 0px;
}

#footer {
text-align: center;
margin: 0 auto;

}

.bootom_nav {
max-width: 330px;
width: auto;
margin: 0 auto;
margin-top: 7px;
padding-bottom: 5px;
float: none;
display: block;
}

.bootom_nav ul li {
padding: 0 8px;
}

.bootom_nav ul li:last-child {
background: none;
padding-right: 0px;
}

.copyright {
float: none;
display: block;
margin: 0 auto;
clear: both;
margin-top: 35px;
}

#sidebar.product_types {
width: 130px;
float: left;
}

.category #sidebar {
width: 130px;
float: right;
}

.page-template-template-blog #sidebar, .single-post #sidebar {
width: 15%;
float: right;
}

#main.right_products {
width: 79%;
float: right !important;
display: block !important;
}

.page-id-6 #main.right_products {
width: 100%;
float: none !important;
display: block !important;
}

.category .right_products {
width: 555px;
display: block !important;
}

.page-template-template-blog .right_products, .single-post .right_products {
width: 72%;
float: left !important;
display: block !important;
}

.page-template-template-blog .right_products .right, .single-post .right_products .right {
width: 90%;
}

.page-template-template-blog .right_products .left, .single-post .right_products .left {
width: 10%;
}

.category .right_products .post {
margin: 20px 25px;
}

.archive #main.right_products li.product {
width: 260px;
float: left;
display: block;
margin-bottom: 0 !important;
height: 330px;
}

ul.products li.first {
clear: none !important;
}

#content .page img, #content .right_products img {
max-width: 100%;
height: auto;
}

#content .page input, #content .page textarea {
max-width: 100% !important;
width: auto !important;
}

#content .page textarea#commentsText {

}



table.cart td.product-quantity .quantity {
width:52px !important;
}

}

@media (max-width: 768px) { 

#logo {
float: none;
display: block;
margin: 0 auto;
width: 100%;
}

#logo h1.site-title, #logo .site-description {
display: none;
}

.heading {
float: none;
width: 100%;
margin-top: 40px;
text-align: center;
}

.heading_top {
margin-bottom: 20px;
}

.social {
width: 100%;
float: none;
display: block;
margin-bottom: 8px;
}

.gocart a:hover {
color: #998962 !important;
}

.gocart {
float: none;
display: block;
margin: 0 auto;
width: 210px;
}

.logged-in .gocart {
width: 275px;
}

#navigation {
display: none;
}

body div.meteor-slides
{
padding-bottom: 95px;
}

#main.right_products {
width: 70%;
}

.category .right_products {
width: 60% !important;
display: block !important;
}

.category .right_products .post {
float: none;
margin: 0 auto;
}

#main.right_products li.product {
float: none;
margin: 0 auto !important;
}

.page-template-template-blog .right_products .left, .single-post .right_products .left {
width: 15%;
}

.page-template-template-blog .right_products .right, .single-post .right_products .right {
width: 75%;
}

.cart_totals  {
display: block;
width: 100% !important;
float: none !important;
}

.actions .coupon {
width: 265px;
}

.actions input.button[type="submit"] {
float: right !important;
margin: -26px 0 0 0;
}

.actions .coupon input.button[type="submit"] {
margin: 0;
float: left !important;
}



}

@media (max-width: 520px) { 

#homeboxes {
width: 223px;
margin: 0 auto;
display: block;
margin-bottom: 20px;
}

.homebox {
margin-right: 0px;
margin-left: 0px;
float: none;
margin: 0 auto;
clear: both;
display: block;
margin-bottom: 15px;
}

#content {
position: relative;
}

#sidebar.product_types {
width: 130px;
margin: 0 auto;
float: none;
margin-top: 20px;
margin-bottom: 10px;

}

#sidebar.product_types li {
width: 130px;
text-align: center;
}

.archive #main.right_products {
width: 260px;
float: none !important;
margin: 0 auto;
}

.single-product #main.right_products {
width: 90% !important;
margin: 0 auto;
float: none !important;
}

.category .right_products, .page-template-template-blog .right_products, .single-post .right_products {
width: 100% !important;
float: none;
}

.page-template-template-blog .right_products .left, .single-post .right_products .left {
width: 20%;
}

.page-template-template-blog .right_products .right, .single-post .right_products .right {
width: 70%;
}

.category #sidebar ul, .page-template-template-blog #sidebar, .single-post #sidebar {
float: none;
width: 100% !important;
text-align: center;
}

.category #sidebar li, .page-template-template-blog #sidebar li, .single-post #sidebar li {
width: 100%;
list-style: none !important;
}

.actions .coupon {
width: 100%;
}

.actions input.button[type="submit"] {
float: none !important;
margin: 0 0 0 0;
}



}