@charset "UTF-8";
/* CSS Document */
/*
Theme Name:     Babasouk
Description:    child theme for woocommerce, parent = MyStile theme.
Author:         Mark Gason
Author URI: http://gasolicious.com/
Version: 1
Template:       mystile

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../mystile/style.css");
#for-silly-buttons {
	float: left;
	width: 40%;
}
/* -- BODY & WRAPPERS -- */

html, body {
	background: none repeat scroll 0 0 #FFFFFF !important;
	/*padding: 0 1em !important;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #737373;
	padding: 0 !important;
	margin: 0 !important;
}
#header {
	padding-top: 0 !important; /*reduced*/
	margin-top: 1em;
}
/* remove dotted lines on focus around links */
a {
	outline: 0;
}
#wrapper {
	width: 100%;
}
#top {
	margin: 0 !important;
	padding: 0 !important;
}
#content {
	width: 100%;
}
/* brings footer up */
.post, .type-page {
	margin: 0 0 2em;
}
.post-type-archive-product #content.col-full, #content.baba-full-width {
	width: 100% !important;
	/*max-width: 100% !important;*/
	margin: 0 auto !important;
}
.post-type-archive-product #main, .baba-full-width #main {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
}
/* used in actual page content backend, FAQ page */
/*div*/.column-30em-wide {
	max-width: 30em;
}
/*div*/.column-60em-wide {
	max-width: 60em;
}
/* -- GENERAL TEXT -- */
h1, h2, h3, h4, h5, h6 {
	color: #555555;
	font-family: inherit;
}
p {
	/*color: #737373;*/
	margin: 0 0 1em;
}
a {
	font-weight: normal;
}
a:hover {
	text-decoration: underline;
}
/* blog post headings */
.blog h1 {
	font-size: 1.5em;
}
.single-post h1, .blog h1 a, .blog .entry a, .single-post #main a {
	color: #f16667;
}
/* single blog post paragraphs */
.single .type-post p:first-child {
	font-size: 1em !important;
}
/* -- these styles added to backend editor by functions.php -- */
/* add a span of pink*/
.pink-text {
	color: #f16667;
}
/* inline body text pink links */
.body-pink-link {
	color: #f16667;
	text-decoration: none;
}
.body-pink-link:hover {
	color: #f16667;
	text-decoration: underline;
}
.big-pink-link {
	color: #f16667;
	text-decoration: none;
	text-decoration: underline;
	font-weight: bold;
}
.big-pink-link:hover {
	color: #f16667;
	text-decoration: underline;
}
/* to remove left padding from left aligned images whendesired */
.bump-left {
	padding-left: 0 !important;
}
/* -- INPUTS -- */
/*tetx input fields */
input[type="text"], input.input-text, textarea, input.txt, input[type="tel"], input[type="email"] {
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*when active*/
input[type="text"]:focus, input.input-text:focus, textarea:focus, input.txt:focus, input[type="tel"]:focus, input[type="email"]:focus {
	border-color: rgba(241, 102, 103, 1.0000);
	box-shadow: 0 0 0 0.327em rgba(241, 102, 103, 0.1), 0 0 0.202em rgba(241, 102, 103, 0.4);
}
/* buttons */
a.button, a.comment-reply-link, #commentform #submit, .submit, input[type="submit"], input.button, button.button {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
/* contact form button */
.wpcf7-form a.button, .wpcf7-form .submit, input[type="submit"], .wpcf7-form input.button, .wpcf7-form button.button, a.button, a.comment-reply-link, #commentform #submit, .submit, input[type="submit"], input.button, button.button {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /* IE6-9 */
	border: 1px solid #E2E2E2;
	color: #606060;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}
/* contact form button */
.wpcf7-form a.button:hover, .wpcf7-form .submit:hover, .wpcf7-form input[type="submit"]:hover, .wpcf7-form input.button:hover, .wpcf7-form button.button:hover, a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type="submit"]:hover, input.button:hover, button.button:hover {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc', GradientType=0 ); /* IE6-9 */
	text-decoration: none;
}
/* go to checkout button on cart page and other buttons that were dark grey by default in theme */
a.button.alt, a.comment-reply-link.alt, #commentform #submit.alt, .submit.alt, input[type=submit].alt, input.button.alt, button.button.alt, a.button.checkout, a.comment-reply-link.checkout, #commentform #submit.checkout, .submit.checkout, input[type=submit].checkout, input.button.checkout, button.button.checkout {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /* IE6-9 */
	border: 1px solid #E2E2E2;
	/*color: #606060;*/
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	color: #F16667;
}
a.button.alt:hover, a.comment-reply-link.alt:hover, #commentform #submit.alt:hover, .submit.alt:hover, input[type=submit].alt:hover, input.button.alt:hover, button.button.alt:hover, a.button.checkout:hover, a.comment-reply-link.checkout:hover, #commentform #submit.checkout:hover, .submit.checkout:hover, input[type=submit].checkout:hover, input.button.checkout:hover, button.button.checkout:hover {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc', GradientType=0 ); /* IE6-9 */
	text-decoration: none;
}
/* -- HEADER -- */
/* remove grey band very top and footer*/
#top, .footer-wrap {
	background: none !important;
}
#header {
	border-bottom: none;
}
.home #header {
	margin-bottom: 1em;
}
#header {
	margin-bottom: 3em;
	padding-bottom: 0 !important;
}
#header #logo, #header hgroup {
	margin-bottom: 0.7em;
}
/* free shipping over $100 message */
.order-plus {
	padding-left: 1em;
	padding-top: 1.387em;/*color:#17cf91;*/
}
/*social icons top of page */
#top .wc-nav li.social-top a {
	/*	width: 22px;
	height:auto;*/
	padding-right: 5px;
	padding-left: 0;
}
#top .wc-nav li:nth-child(3) {
	margin-right: 10px;
}
/*WPML*/
/* custom language switcher */
.my-custom-switcher {
	border: 1px solid #F16667;
	height: 1.1em;
}
.my-custom-switcher ul {
	list-style-type: none;
}
.my-custom-switcher-item {
	float: left;
	color: #F16667 !important;
	font-size: 0.7em;
}
.my-switcher {
	float: left;
	color: #F16667 !important;
}
.my-custom-switcher-item a {
	padding: 0.5em;
	text-decoration: none !important;
	color: #F16667 !important;
}
.wpml-ls-current-language {
	color: #FFFFFF;
	background-color: #F16667;
}
.wpml-ls-current-language a {
	color: #FFFFFF !important;
}
.wpml-ls-statics-shortcode_actions {
	/*width:3.32em;*/
	width: auto;
}
/* header specific switcher */
.lang-switch-header {
	width: 100%;
	clear: both;
	height: 22px;
	z-index: 1000;
}
.lang-switch-header .wpml-ls-statics-shortcode_actions {
	position: absolute;
	right: 10px;
	z-index: 1000;
}
.lang-switch-footer .wpml-ls-statics-shortcode_actions {
	position: absolute;
	left: 50%;
	margin-left: -1.7em;
}
.lang-switch-footer {
	width: auto;
	/*position:absolute;*/
	/*right:47%;*/
	margin: -0.5em auto 2em !important;
}
/* -- NAVIGATION -- */
/*------- Original main menu *----------/
/* over ride col full class so menu can move above logo */
#header #navigation {
	/*width: auto !important;*/
	position: relative;
	background-color: #ffffff;
	clear: both !important;
	margin-bottom: 0;/*width:1144px;*/
}
/* center menu */
#header #navigation, #header #navigation ul.nav {
	float: none !important;
}
#header #navigation ul.nav {
	display: table;
	margin: auto;
	text-align: center;
}
#header #navigation ul.nav > li {
	float: none;
	display: inline-block
}
/*all navigation font*/
#header #navigation ul.nav > li a {/* color: #777777 !important; */
	text-transform: uppercase;
	font-weight: 400 !important;
	/*font-size:1.15em;*/
	padding: 0.25em 0.9em !important;
	background-color: #ffffff !important;
}
/* move first menu item left to compensate for left padding on a */
/*#header #navigation ul.nav > li:first-child {
margin-left:-3em;	
}*/
/* move last menu item right to compensate for right padding on a */
/*#header #navigation ul.nav > li:last-child {
margin-right:-3em;	
}*/
#header #navigation ul.nav > li a:hover {
	color: #F16667 !important;
	text-decoration: none;
}
/*navigation active font */
#header #navigation ul.nav > li.current-menu-item > a, #header #navigation ul.nav > li.current_page_item > a {
	color: #F16667 !important;
	font-weight: 700 !important;
}
/*remove the little arrow icons from menu */
#header #navigation ul.nav > li.parent a:after {
	/*content: "" !important;*/
	display: none !important;
	margin-left: 0 !important; /*makes it fit on one line*/
}
/*remove borders, background color etc from menu */
#header #navigation ul.nav ul, #header #navigation ul.nav > li a {
	border: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;/*background-color: transparent !important;*/
}
/*sub menu items */
#navigation ul.sub-menu {
	text-align: left;
}
/* christmas top 20 gifts menu item color, class applied in WP menus screen */
/*ul#main-nav.nav.fr.parent li#menu-item-40301.green-gifts a {
	color:#17cf91 !important;
	font-weight:bold !important;
}*/
/*.shop-menu-dot {
	width: 16px;
	height: 16px;
	position: absolute;
	top: -20px;
	left: 24px;
	background-repeat: no-repeat;
	background-image: url("images/shop-dot.png");
}*/
/* top left menu */
/*remove background on hover */
#top ul.nav > li a:hover, #top ul.nav > li:hover {
	background: none !important;
}
#top ul.nav > li.order-plus a {
	color: #17cf91 !important;
	padding-top: 0;
}
/* hide the My Account item on main menu, media rules show it just at mobile size */
/* it is on top menu on regular screens, top menu hidden on mobile */
/*.baba-mobile {
display:none;
visibility:hidden;	
}*/
#top ul.nav.fl > li a {
	padding: 1.387em 1em 1.387em 0 !important;
}
#top .wc-nav li.cart {
	width: auto;
}
/* hide select box for top menu, confusing as it has only one item.
.baba-mobile class controls displaof my account item on menu at mobile size */
#mobileMenu_top-nav {
	display: none !important;
	visibility: hidden;
}
/*#responsive-menu .responsive-menu li.cart a span span{
padding:0 1em 0 0;
}*/
/*#responsive-menu .responsive-menu li.cart a::before{
  content: "£ ";
  font-family: "icomoon";
  margin-right:1em;
}*/
#responsive-menu-container {
	margin: 13px 0 0 !important;
}
#responsive-menu-title {
	height: 66px;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
	display: none;
}
#responsive-menu-container .responsive-menu-search-box::-moz-placeholder {
 font-size: 2em;
}
#responsive-menu li.cart {
	padding: 5%;
	background-color: #B54B4B;
}
#responsive-menu li.cart a {
	color: #ffffff;
}
#responsive-menu li.cart a:hover {
	text-decoration: none;
}
#responsive-menu li.cart a .woocommerce-Price-amount ::before {
	content: "CART :   ";
}
#responsive-menu li.cart a .contents {
	margin-left: 1em;
}
/* Store Notice */
.woocommerce-store-notice__dismiss-link {
	color:#ff0000;
}
p.demo_store {
	background-color:rgba(77,101,164,0.6)!important;
	padding:0.75em;
}
/* -- GENERAL CONTENT AREA -- */
/*---HOME PAGE---*/
.home-image {
	max-width: 1064px;
	margin: 0 auto;
}
.home-image img {
	padding: 0.53em 0;
}
.home-message {
	text-transform: uppercase;
	/*background-color:#F16667;*/
	color: #ffffff;
	padding: 0.3em 3em;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
}
/* 3 images below main home image */
.baba-3-col {
	width: 32%;
	float: left;
}
.baba-3-col img {
	width: 100%;
	padding: 0;
}
.home-3-image {
	padding-bottom: 30px;
}
.home-3-image-left {
	margin-right: 2%;
}
.home-3-image-right {
	margin-left: 2%;
}
h3.home-image-titles {
	text-align: center;
	text-transform: uppercase;
	margin-top: 1em;
	/*font-weight:bold;*/
	font-size: 1em;
}
.baba-3-col h3 a {
	color: #777777;
}
.baba-3-col h3 a:hover {
	color: #F16667;
	text-decoration: none !important;
}
/*one of outer divs on most pages */
/*#content {
	width: 100%;
	max-width: 100%
}*/
/* hide page titles (not posts), there is a header inside the content area on regular pages */
.page h1.page-title, .page #main header, .tax-product_cat h1.page-title {
	visibility: hidden;
	display: none;
}
.post img, .type-page img {
	border: none;
}
.post img {
	padding-left: 0;
}
/* -- CONTACT PAGE --*/
.contact-page-image {
	margin-bottom: 0 !important;
	padding: 0 !important;
}
.photo-credit {
	font-size: 0.8em;
	margin-top: -0.5em;
}
/* baba who style layouts, baba loft etc. Styles used in page editor */
.who-layout-image {
	max-width: 58%;
	float: left;
	margin-right: 2%;
}
.who-layout-text-container {
	max-width: 38%;
	float: left;
	margin-left: 2%;
}
/* -- WIDGETS -- */
.no-head-widget h3 {
	display: none;/*for hiding widget titles, applied inbackend on widgets */
}
/*the added top widget area for home page */
.top-widget {
	margin: 0 auto;
	max-width: 75.998em;
}
/* right align text used in widgets */
.text-right-align {
	text-align: right;
}
.baba-top-widget {
	float: right;
}
/* latest product widget home page*/
.latest-product-widget ul.products li.product a h3 {
	display: block !important;
	border: none;
}
.latest-product-widget ul.products li.product a img {
	max-width: 235px;
	min-width: 0;
}
.latest-product-widget {
	padding-right: 1em;
	margin-bottom: 0 !important;/*padding-left:50px;*/
}
.latest-product-widget ul.products li.product {
	min-height: 0 !important;
}
/* move regular widgets to align with polaroid images*/
.link-list {
	margin-left: 34px;
}
.top-five-graphic {
	margin-left: 68px;
	margin-top: 30px;
}
.primary .social-graphic-beige {
	margin-left: 58px;
}
.footer-wrap .social-graphic-beige {
	margin-left: 0;
}
.join-the-fun {
	/*margin-left: 37px;
	margin-top: 20px;*/
	text-align: center;
}
.primary .join-the-fun {
	margin-left: 37px;
	/*margin-top: 20px;*/
	text-align: left;
}
.contact-graphic {
	padding-top:40px;
}
/*style menus in footer */
.footer-menu-widget {
	margin-bottom: 0;
	margin-left: 1em;
}
.footer-menu-widget ul {
	margin-bottom: 0.8em;
	font-size:0.9em;
}
.footer-menu-widget ul a:hover {
	color: #F16667;
	text-decoration: none;
}
.footer-menu-widget ul a:active {
	color: #F16667;
}
/* remove arrowicond before each link */
/*.footer-menu-widget li::before {
	content:none !important;
}*/
/* move contact links up footer widget homepage below social icons */
.widget-zero-b-margin {
	margin-bottom: 0 !important;
}
.contact-links-home {
	margin-right: 4px;
}
.blog-lovin {
	margin-left: 10px;
}
/* reduce vertical space between polaroid widgets */
.widget_sp_image {
	margin-bottom: 0.5em;
}
/* add thirty pixels top and bottom for widgets, added in widget in backend */
.add-thirty {
	margin-top: 30px;
	margin-bottom: 30px;
}
/* --- 404 page this is a page in the backend used by the 404page plugin --- */
.image404 {
	margin: 0 auto;
}
.bg404 {
}
.info404 {
	width: 50%;
	background-color: rgb(239, 240, 243, 0.7);
	/*opacity:0.5;*/
	margin: 0 auto;
	text-align: center;
}
/* -- MAIN SHOP! & CATEGORY PAGES CONTENT AREA -- */
/* hide shop! page heading */
.post-type-archive-product h1 {
	display: none;
}
/* allow centering by over riding col-left in this instance,
   I think applying col-left when in full width on shop page
   may be a bug */
.post-type-archive-product #main.col-left {
	float: none !important;
}
ul.products {
	margin: 0 auto !important
}
ul.products li.product {
	min-width: 300px;
	max-width: 600px;
	min-height: 491px;
	margin-bottom: 0;
}
.up-sells {
	clear: both;
}
/* category description on category pages added by me in footer.php */
.taxonomy-description {
	clear:both;
	/*margin-top:-40px !important;*/
	/*border-top:1px solid #e8e4e3;*/
	padding:3em 1em 2em;
	text-align:center;
}
.single-product .upsells.products ul.products li.product {
	width: 22%;
	max-width: 300px !important;
	min-width: 0 !important;
	margin-top: -18px;
}
.single-product .upsells.products ul.products li.product .add_to_cart_button {
	left: 67px;
	top: 100px;
}
.single-product .upsells.products ul.products li.product .product_type_variable.add_to_cart_button {
	left: 56px;
}
/* remove the upsells only on workshops page. Need to find PHP solution */
.page-id-12210 div.upsells.products {
	display: none !important;
}
ul.products li.product img {
	border: none;
	padding: 0.53em 0; /* product image padding */
	margin-bottom: 0;
}
p.woocommerce-result-count {
	visibility: hidden;
	display: none;
}
form.woocommerce-ordering {
	visibility: hidden;
	display: none;
}
ul.products li.product, ul.products li.product.last, ul.products li.product.first {
	clear: none !important;
}
#main ul.products li.product, #main ul.products li.product.last, #main ul.products li.product.first, ul.products li.product:nth-child(2n) {
	margin-left: 14px !important;
	margin-right: 14px !important;
}
/*product titles shop page*/
ul.products li.product a h2 {
	font-size: 1.1em;
	color: #555555;
	margin-top: 1em;
}
ul.products li.product a:hover, ul.products li.product a:hover h2 {
	color: #F16667 !important;
	text-decoration: none !important;
}
/* the new product badge */
ul.products li.product .wc-new-badge {
	background: none repeat scroll 0 0 #F16667 !important;
	padding: 0.4em 1.25em !important;
	border-radius: 0 0 25px 25px !important;/*	margin-top:0;
	margin-bottom:1em;*/
}
/* remove "Product Description" heading */
#no-image-wrap .summary h2 {
	display: none;
}
/* prices shop page */
ul.products li.product .price {
	color: #555555;
	font-weight: 400;
	margin-bottom: 0.5em;
}
ul.products li.product .price:hover {
	color: #F16667;
}
ins span.amount {
	color: #f16667;
}
ul.products li {
	position: relative;
}
/* hide add to cart button */
li .add_to_cart_button, li .product_type_simple {
	visibility: hidden;
	position: absolute;
	top: 200px;
	left: 96px;
}
li .product_type_variable.add_to_cart_button {
	left: 85px;
}
/* show on hover over product */
li:hover a.add_to_cart_button /*, li:hover a.product_type_simple */ {
	visibility: visible;
}
/* -- SINGLE PRODUCT PAGES -- */
/* image container, mainandthumbs */
.single-product .images {
	width: 40% !important;
}
/* general images, does main product image too */
.images img {
	border: none;
}
.single-product .images img {
	max-width: 416px;
}
/*thumbnails includingproduct */
.images .thumbnails {
	border-style: none;
	border-width: 0;
}
/* between thumbnails */
.images .thumbnails a {
	border-right: none;
}/*special class to use h2 in singel product body text as they are
hidden to hide woocommerce tab labels etc.*/
.baba-h2 {
	display: inline !important;
	font-size: 1.2em;
}
/* this div added by me using functions.php to contain all
single product content except images
This allows setting the width of all of items, title tabs, summary
with one box and keeps them all flowing together */
#no-image-wrap {
	width: 55%;/*set size of new container*/
	float: left;
	margin: 0 1%;
}
/* summary is price, add to cart, stock, quantity */
.single-product .summary {
	width: 100% !important; /*make summary fill new container*/
	float: left;
	padding: 0;
}
/*product title on single product */
#no-image-wrap h1.product_title {
	float: left;
	width: 100%;/*make title fill new container*/
	margin-bottom: 0 !important;
}
/* hide big sale dot */
.onsale {
	display: none !important;
}
/* custom field display div */
.baba-specifications {
	padding-bottom: 0;
}
/* quantity */
.single-product div.quantity {
	/*width: 100%;*/
	padding-bottom: 0;
	padding-right: 0;
	border-right: none;
	margin-right: 0;
}
div.quantity .qty {
	margin-left: 0;
	padding: 4px 0;
}
a.reset_variations {
	margin-left: 0.5em;
}
/* plus, minus on quantity field */
div.quantity .plus, div.quantity .minus {
	color: #9F9693;
}
/* price */
.single-product .summary .price:first-child {
	margin-bottom: 1.25em;
}
/* variations */
table.variations {
	width: 60%;
	margin-bottom: 0.5em;
}
table.variations td {
	padding: 0;
}
.woocommerce-variation-price {
	width: 25%;
	float: left;
	margin: -0.4em 0 0.5em;
}
.woocommerce-variation-add-to-cart {
	clear: both;
}
.woocommerce-variation-price .price:first-child {
	margin-bottom: 0 !important;
}
.woocommerce-variation-availability {
	width: 70%;
	margin: -0.5em 0 0 0.2em;
	float: left;
	clear: both;
}
/* hide weight row from product attributes */
.shop_attributes tr:first-of-type {
	display: none;
}
/* dimension row heading from product attributes */
.shop_attributes th:first-of-type {
	font-size: 1em;
	color: #F16667;
	font-weight: 400;
}
/* stop attributes table being full-width and remove border */
.shop_attributes {
	width: auto !important;
	border: none;
}
/* remove border attributes table headings and cells */
.shop_attributes th, .shop_attributes td {
	border: none;
}
/* out of stock icon */
.summary .stock.out-of-stock::before {
	color: #F16667;/*font-size: 1.5em;*/
}
/* out of stock message category pages */
a p.stock.out-of-stock {
	color: #F16667;
}
p.stock.out-of-stock {
	margin: 0 0 0.5em;
	color: #F16667;
}
/* backorder text */
.available-on-backorder {
	font-size: 1em;
	color: #F16667;
}
.product_meta {
	border-top: none !important;
	padding: 0 0 19px 0 !important;
}
/* hide tags from meta, leave categories */
.tagged_as {
	display: none;
}
/*color custom field labels */
.wpcf-field-name {
	color: #F16667;
}
.woo-pagination .page-numbers.current {
	background: none repeat scroll 0 0 #F16667;
	color: #FFFFFF;
	padding: 0.382em 0.857em;
}
/* -- WORKSHOPS PAGE --*/
/* make sure products are below intro images and text and each product below the previous */
.workshops-intro-wrapper, .single-workshops {
	clear: both;
}
/* -- CHECKOUT PAGE -- */
/* make coupon form permanently visible */
.checkout_coupon {
display:block !important;	
}
/* change color of info boxes from blue to pink */
.woocommerce-info {
	border-color: #f16667 !important;
}
/* the cog in the info box */
.woocommerce-info::before {
	color:#f16667;
}
/* move coupon form down closer to billing details */
.checkout_coupon {
	margin-bottom: 0;
}

#my_gift_wrap_checkbox {
	margin-right: 1em;
	margin-top: 4px;
}
.my_gift_wrap_checkout_field p.form-row {
	width: 100%;
}
/*how did you hear about us label */
#my_who_did_you_hear_field_field label {
color:#ff0000;	
}
#my_who_did_you_hear_field_field {
	width:auto;
}#my_who_did_you_hear_field_field option {
	padding:0.5em 1em;
}
/* ---- woocommerce tabs -------*/
.woocommerce_tabs ul.tabs li.active a, .woocommerce-tabs ul.tabs li.active a, .ui-tabs ul.tabs li.active a, .woocommerce_tabs .ui-tabs-nav li.active a, .woocommerce-tabs .ui-tabs-nav li.active a, .ui-tabs .ui-tabs-nav li.active a, .woocommerce_tabs ul.tabs li.ui-state-active a, .woocommerce-tabs ul.tabs li.ui-state-active a, .ui-tabs ul.tabs li.ui-state-active a, .woocommerce_tabs .ui-tabs-nav li.ui-state-active a, .woocommerce-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs .ui-tabs-nav li.ui-state-active a {
	color: #F16667 !important;
	border-top-color: #F16667 !important;
}
.woocommerce_tabs ul.tabs li.active::before, .woocommerce-tabs ul.tabs li.active::before, .ui-tabs ul.tabs li.active::before, .woocommerce_tabs .ui-tabs-nav li.active::before, .woocommerce-tabs .ui-tabs-nav li.active::before, .ui-tabs .ui-tabs-nav li.active::before, .woocommerce_tabs ul.tabs li.ui-state-active::before, .woocommerce-tabs ul.tabs li.ui-state-active::before, .ui-tabs ul.tabs li.ui-state-active::before, .woocommerce_tabs .ui-tabs-nav li.ui-state-active::before, .woocommerce-tabs .ui-tabs-nav li.ui-state-active::before, .ui-tabs .ui-tabs-nav li.ui-state-active::before {
	background: #F16667 none repeat scroll 0 0 padding-box !important;
	border-top: 1px solid #F16667 !important;
	top: -0.136em !important; /*this effects the "top border" thickness on active tab which is really a element background. */
}
/* -- BLOG PAGES -- */
/*hide author avatar image*/
.type-post .meta img {
	display: none !important;
}
/*change color of date tag*/
.type-post .meta .month {
	background: none repeat scroll 0 0 #FFCC99 !important;
	/*	border-top: 0.202em solid #d2a87e !important;
	border-left: 1px solid #d2a87e !important;
	border-right: 1px solid #d2a87e !important;*/
	border: none !important;
}
/*remove date tag border */
.type-post .meta .day, .type-post .meta .year {
	border: none !important;
}
/* hide categories and tags below heading */
.post-meta {
	display: none !important;
}
/* nrelate plugin */
.nr_related_placeholder {
	margin-left: 0px;
}
.nr_title {
	font-size: 1em;
}
/* COMMENTS */
/*add graphic*/
.comment-graphic {
	vertical-align: middle;
	margin-right: 15px;
	padding: 0 !important;
	display: inline !important;
}
.baba-comment {
	margin-top: 15px;
}
/* position pinit button */
.pibfi_pinterest .xc_pin {
	height: 62px !important;
	right: 15px !important;
	top: 30px !important;
	width: 62px !important;
}
/* -- FOOTER -- */
/* just small on home page */
.home #footer{
	padding: 1em 0;
}
#footer{
	padding: 2em 0 1em;
}
#footer-widgets {
	padding: 2em 0 2em;
	/*border-top: 1px solid #e8e4e3;*/
}
/* fix missing border above copyright on blog pages  */
.footer-wrap #footer:first-child {
	border-top: 1px solid #e8e4e3;
}
#copyright {
	text-align: center;
	float: none !important;
}
/* links in copyright text */
#copyright a {
 color: #F16667;
}
#copyright a:hover {
 text-decoration:none;
}
#copyright a:active {
 text-decoration:underline;
}
/* footer 15% image float right removed in media queries for smaller screens */
.yes-image img {
	float:right;
	/*padding-right:10px;*/
}
/*remove all widget headings*/
.widget h3 {
	display: none;
}
/* For removing bottom margin from widgets when desired.
applied in widgets class box backend*/
.remove-widget-b-margin {
	margin-bottom: 1em;	/* the default is 36 */
}
.remove-widget-b-margin-none {
	margin-bottom: 0;	/* the default is 36 */
}
/* add a little padding as images in wodgets seem cropped by tiny amount */
.widget {
	padding-bottom: 3px;
}
/* style footer links */
.widget-text a {
	color: #777777 !important;
	font-size: 0.85em;
}
.widget-text a:hover {
	color: #F16667 !important;
	text-decoration: none;
}
/* style currency chooser link*/
.int-ship-text a {
	text-decoration: underline;
	color: #F16667 !important;
	font-size: 1em;
}
/* move int shipping link up by removing explanation text bottom margin completely*/
.int-ship-explanation-widget {
	margin-bottom: 0 !important;
}
/* added contact tab
  added via functions.php tp footer */
.contact-tab {
	background-color: transparent;
	bottom: 155px;
	position: fixed;
	right: 0;
}
.contact-tab img {
	width:60px;
	float:right;
}
/* ---CART PAGE ---*/
/* keep shipping calculator open so customers use it properly */
.shipping-calculator-form {
	display: block !important;
}
/* --- PLUGINS --- */
/* hellobar */
#nc60814d957f15f9c4ca308722c7b93661c8e05a2-container #hellobar-bar {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
/* ngfb social and rich pinterest pins plugin */
.ngfb-content-buttons {
	text-align: left !important;
}
/* --- SPECIFIC FOOTER WIDGETS -- */
/* image home page below signup form */
.only-one-email {
	margin-top: -30px;
}
/* GRAVITY FORMS MAILCHIMP */
.primary .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
	width: 100% !important;
	margin-left: 0;
}
.primary #field_1_2 .gfield_label {
	display: none;
}
.primary .ginput_container, .primary #field_1_2 {
	margin-bottom: 0;
}
.primary .gform_footer {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
/* MAILCHIMP */
.mc4wp-form ::-webkit-input-placeholder { /* WebKit browsers */
color: #f16667;
}
 .mc4wp-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f16667;
opacity: 1;
}
 .mc4wp-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f16667;
opacity: 1;
}
 .mc4wp-form :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #f16667;
}
#mc4wp_form_widget-6 {
	margin-bottom: 0;
}
/* add inner shadow to signup text entry box */
.mc4wp-form-fields input[type="email"] { /*#mc_mv_EMAIL*/
	width: 85%;
	-moz-box-shadow: 2px 2px 2px #BFBFBF inset;/* Firefox */
	-webkit-box-shadow: 2px 2px 2px #BFBFBF inset;/* Safari, Chrome */
	box-shadow: 2px 2px 2px #BFBFBF inset;/* CSS3 */
	margin-left: 0 !important;
}
/* on full width pages email entry field is smaller */
.page-template-template-fullwidth .mc4wp-form-fields input[type="email"] {
	width: 18em;
}
/* submit button */
.mc4wp-form-fields input[type="submit"] {
	background: -moz-linear-gradient(center top, #FFFFFF, #EDEDED) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #E2E2E2;
	color: #606060;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	width: auto !important;
	/*float: left;*/
	margin: 0 !important;
	font-weight: normal;
	clear: both;
}
/* new mailchimp for wordpress widget */
/* the baba-who & baba loft pages right aligned signup */
.widget_mc4wp_form_widget input[type="email"], .widget_mc4wp_form_widget input[type="submit"] {
	margin-right: 0;
	margin-left: 0;
	color: #777777;
}
/* submit button */
.mc4wp-form-fields input[type="submit"]:hover {
	background: -moz-linear-gradient(center top, #FFFFFF, #DCDCDC) repeat scroll 0 0 rgba(0, 0, 0, 0);
	text-decoration: none;
}
p.mc4wp-checkbox-woocommerce input[type="checkbox"] {
	margin-right: 1em;
	border: 1px solid rgba(256, 0, 0, 1);
}
p.mc4wp-checkbox {
	margin-top: -1em;
	color: #f16667 !important;
}
.mc4wp-checkbox-woocommerce input[type="checkbox"] {
	margin-top: 0.33em;
}
/* pink subscribe heading home page in text widget */
.mailchimp-pink {
	margin-top: 0px;
	/*	margin-left: 14px;*/
	color: #f16667;
}
/*.widget_mc4wp_form_widget {
	color: #777777;
}*/
.mc_var_label {
	font-size: 0.814em;
}
/*why page mailchimp comment text */
.whysignup {
	font-size: 1.125em;
}
/* BOXZILLA */
.boxzilla-center {
	padding-top: 15px !important;
	padding-bottom: 10px !important;
}
/*signup forms in boxzilla popup on argan oil page */
.boxzilla-content .mc4wp-form-fields p {
	text-align: center;
}
.boxzilla-content .mc4wp-form-fields p:first-child {
	text-align: left;
}
.boxzilla-content .mc4wp-form-fields p:first-child label {
	margin-left: 0.2em;
}
.boxzilla-content .mc4wp-form-fields input[type="email"] {
	width: 100%;
}
/* Home page boxzilla */
/*.home .boxzilla-center #mc4wp-form-1 {
	width:50%;
	margin:-80% auto 0;
	color: #F16667;
}*/
.home .boxzilla-center #mc4wp-form-1 {
/*background-color:red;*/
	/*padding:20px;*/
}
#home-news-popup-form {
	width: 50%;
	margin: -80% auto 0;
	color: #FFFFFF;
	padding: 20px;
	background-color: red;
}
#home-news-popup-form .mc4wp-form-fields input[type="submit"]{
	color: #F16667;
}
.boxzilla-center-container, .boxzilla-79407-overlay, #boxzilla-79407 {
	z-index: 10000002 !important;
}
.boxzilla-79407 {
	padding: 0 !important;
	height: 874px;
}
.boxzilla-79407 {
	height: 874px;
}
.mailchimp-sidebar {
	margin-left: 15px;
}
/* success message text color */
.mc_success_msg {
	color: #777777 !important;/*was green set in plugin PHP */
	font-weight: normal;/*was bold*/
}
/* hide currency switcher heading */
#wp-currency-converter-2 h3 {
	display: none;
}
/* set over all width so currency slectors are not so wide */
.wpcc_tool {
	width: 75%;
}
/* move currency converter input box left */
#wpcc_currency_amount {
	margin-left: 0;
	margin-top: 5px;
	float: left; /*allows button to be next to input */
}
/* -- PRODUCT LIGHTBOX -- */
/* heading above and inside image box on product lightbox */
div.ppt, .pp_description {
	display: none !important;
}
/*bottom lightbox nav with numbers < 1/3 > */
div.pp_woocommerce .pp_nav {
	width: 100%;
}
/*bottom lightbox nav with numbers right arrow < 1/3 > */
.pp_arrow_next {
	float: right !important;
}
/*thumbnails inside lightbox */
.pp_gallery {
	display: none !important;
}
/* text < 2/3 > */
.pp_nav p.currentTextHolder {
	position: absolute;
	left: 20px;
	right: 20px;
	text-align: center;
}
/* remove bottom padding, cut top from 20 to 10 */
div.pp_woocommerce .pp_content_container {
	padding: 10px 0 0 !important;
}
/* lightbox pinterest button
box-shadow removed in custom css on foobox settings page
only way this would work */
/* -- DOT CUSTOM POST TYPE LAYOUT -- */

/*math works out at 840 with percentages which have been rounded, keeps images the same size as upload at max 260x260*
/* div */.three-dot-box {
	position: relative;
	/*margin-left: 24px;*//*plus 36 page margin = desired 60 */
	margin: 0 auto;
	max-width: 840px;
	width: 100%;
	height: auto;
}
/* div */.dot-a-box, .dot-b-box {
	float: left;
	margin: 0 3% 4% 0;
	width: 31%;
	height: auto;
}
/* div */.dot-c-box {
	float: left;
	margin: 0 0 4% 0;
	width: 31%;
	height: auto;
}
/* image */.dot-a-box img, .dot-b-box img, .dot-c-box img {
	width: 100%;
	height: auto;
	padding: 0;
}
.dot-text, .dot-text p {
	font-size: 1.0em; /*set both in case WP applies ap tag */
	text-shadow: none;
	margin-bottom: 0;/*sometimes inexplicably WP adds a p tag to one of these textblocks.
	Completely inconsistent, 1 in 10, so remove margin and it is like plain text in others */
}/* = font-size:14px */
/* this is the CSS that allows positioning text in dots */
/* div */.image-with-label {
	position: relative;
	display: inline-block;
	line-height: 1.3;
}
.image-with-label > div {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
.image-with-label > div table, .image-with-label > div table th, .image-with-label > div table td {
	padding: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	border-bottom: none;
}
.image-with-label > div table tr td {
	padding: 0;
}
.image-with-label > div table div {
	display: inline-block;
	padding: 10px;/* background-color: rgba(255, 255, 255, 0.8); */
}
/*Image swap top widget classes */
/*.atelier {
    display: inline-block;
    background-image: url('images/pop-up-babasouk.png');
	background-size: 100% auto;
    width: 245px;
    height: 151px;	
}*/
.atelier:hover {
	background-position: 0 -151px;
}
.workshops-images {
	position: relative;
}
.workshops-top {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}

/* -- MEDIA RULES -- */

/* FOR SHOP PAGE AND PRODUCT CATEGORIES */
/* no rows of 5
above 1342 product images can scale up as min-width:300 and max-width:600
on images allows them to scale up to max 600px (native-size) above this size screen */

@media only screen and (min-width: 2049px) {
/* #main.fullwidth, .layout-full #main, .col-full, .no-sidebar #main */ .post-type-archive-product #main, .baba-full-width #main, .tax-product_cat #main {
	width: 2018px !important;
}
}

/* at this size and above images scale */
@media only screen and (min-width: 1640px) and (max-width: 2048px) {
/* #main.fullwidth, .layout-full #main, .col-full, .no-sidebar #main */ .post-type-archive-product #main, .baba-full-width #main, .tax-product_cat #main {
	width: 1610px !important;
}
}

/* screens wide enough for rows of 4 at 300px */
@media only screen and (min-width:1342px) and (max-width: 1639px) {
/* #main.fullwidth, .layout-full #main, .col-full, .no-sidebar #main */ .post-type-archive-product #main, .baba-full-width #main, .tax-product_cat #main {
	width: 1312px !important;
}
}

/* screens wide enough for rows of 3 */
@media only screen and (min-width:1014px) and (max-width:1341px) {
/* #main.fullwidth, .layout-full #main, .col-full, .no-sidebar #main */ .post-type-archive-product #main, .baba-full-width #main, .tax-product_cat #main {
	width: 984px !important;
}
}

/* screens wide enough for rows of 2 */
@media only screen and (min-width: 768px) and (max-width:1013px) {
/* #main.fullwidth, .layout-full #main, .col-full, .no-sidebar #main */ .post-type-archive-product #main, .baba-full-width #main, .tax-product_cat #main {
	width: 738px !important;
}
}

/* any screen over 768px */
@media only screen and (min-width: 768px) {
/* fix to make sub menu wider as some items do not fit */
ul.nav ul {
	width: 16.379em !important;
}
	#top ul.nav {
	font-size: .957em !important;
}
	#footer-widgets {
	/*border-top: 1px solid #e8e4e3 !important;*/
}
/* move middle 2 footer columns left by reducing percentage with of number 2*/
div.block.footer-widget-2{
width:18.5% !important;
}
/* add to last column width to compensate for above change*/
div.block.footer-widget-4{
width:26% !important;
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
/*smaller to fit */
.latest-product-widget ul.products li.product a img {
	max-width: 161px;
}
.latest-product-widget ul.products li.product {
	min-height: 0;
	min-width: 161px;
}
}

@media only screen and (max-width: 1024px) {
#wrapper {
	margin: 0 2.5%;
	width: 95%;
}
/*#header {
	margin-top:1em;
}*/
.footer-wrap {
	margin: 0 !important;
	padding: 0 !important;
}	
#copyright {
	max-width: 85%;
	margin:0 auto;
}
/* baba who style layouts, baba loft etc. main Styles used in page editor */
/* remove main styles format and move text below image full size */
.who-layout-image {
	max-width: 600px;
	float: none;
	margin: 0 auto;
	clear: both;
}
.who-layout-image img.size-full {
	margin: 0;
	padding: 0.53em 0;
}
.who-layout-text-container {
	max-width: 600px;
	float: none;
	margin: 0 auto;
}

/* screens wide enough for rows of 1 */
@media only screen and (max-width: 767px) {
.footer-widget-1{
		display:none;
	}
.post-type-archive-product #main, .baba-full-width #main, .tax-product_cat #main {
	width: 328px !important;
	margin: 0 auto;
}
#top {
	min-height: 70px;
}
/* adjust woo cart menu top of page so mobile menu icon fits on left */
#top .wc-nav {
	margin-top: 5px;
	margin-right: -1em;
	margin-left: 80px;
	text-align: right;
}
.order-plus {
	text-align: right;
	padding-top: 0;
}
#top .wc-nav li.cart {
	float: none;
	text-align: right;
}
#top .wc-nav li.cart a {
	padding-left: 1em;
}
/*#header {
padding-top:0 !important;	
}*/
.top-widget {
	width: 190px;
	float: right;/*margin-top: -13px;*/
}
/*hide search at small sizes */
#top .wc-nav li.search input {
	display: none;
}
.footer-wrap {
/*max-width:90%;	*/
}
.yes-image img {
	width: 40%;
	float:none !important;
	/*padding-right:0;*/
}
.footer-widget-4 {
	clear: both;
}
}
.single-product .images, #no-image-wrap {
	width: 100% !important;
}
#logo img {
	width: 75%;
}
#header #logo {
/*  margin-bottom: 2.5em;*/
  /*margin-top: -10px;*/
}
/* stop top widget being pushed below */
#header hgroup::after {
	clear: none;
}
/*make top widget image a bit smaller */
.baba-top-widget img {
	width: 75%;
	float: right;/*margin-top: -23px;*/
}
#header hgroup {
	max-width: 111px;
}
h3.home-image-titles {
	font-size: 0.5em;
}
.join-the-fun {
	margin-top: 25px;
}
/*.baba-3-col {
  float: none;
  width: 80%;
  margin:0 auto;
}*/
.mailchimp-pink {
	text-align: center;
}
.join-the-fun {
	text-align: center;
	margin-bottom: 0;
}
#mc_mv_EMAIL {
	width: 100%;
}
.only-one-email {
	text-align: center;
}
/* show the my account menu item once mobile menu display kicks in */
/*.baba-mobile {
display:list-item;
visibility:visible;	
}*/
.contact-tab img {
	width: 35%;
	height: auto;
	float: right;
}
	.contact-tab {
bottom:195px;
}
.yes-image {
	text-align: center;
}
.latest-product-widget {
	padding: 0;
}
/*gets bigger agin on phone screens as it is on 1 row */
.latest-product-widget ul.products li.product {
	width: auto;
	float: none;
	margin-right: 0;
	min-height: 0;
	min-width: 300px;
}
.contact-links-home {
	margin-right: 0;
}
#copyright {
	/*text-align:center;*/
	max-width: 100%;
}
	.block footer-widget-3 {
		margin-left:10%;
	}
/*Image swap top widget classes */
.atelier {
	/*background-image: url('images/workshops-ateliers-babasouk-2.png');*/
	width: 163px;
	height: 100px;
}
.atelier:hover {
/*background-position: 0 -100px;*/	
}
/* variations in single prooduct page */
table.variations {
	width: 100%;
}
table.variations td {
	padding: 0;
}
.woocommerce-variation-price {
	width: 50%;
	float: left;
}
.woocommerce-variation-availability {
	width: 50%;
	margin: 0.5em 0 0;
	float: left;
}
/* on full width pages email entry field is smaller then adjust for small screens here*/
.page-template-template-fullwidth .mc4wp-form-fields input[type="email"] {
	width: 85%;
}
.single-product .upsells.products ul.products {
	width: 300px;
}
.single-product .upsells.products ul.products li.product {
	width: 90%;
	max-width: 300px !important;
	min-width: 0 !important;
	/*margin-top:-18px;*/
	min-height: 0;
	margin: 0 auto;
}
.single-product .upsells.products ul.products li.product .add_to_cart_button {
	left: 85px;
}
.single-product .upsells.products ul.products li.product .product_type_variable.add_to_cart_button {
	left: 74px;
}
}

@media all and (max-width:450px) {
}

/* FOR DOTS CONTROL TEXT SIZE */
/* this first one is to over-ride table font size change just for dots
as they are inside a table. Change in main CSS messes
with my scaling. Table is 0.857em below screen size 768 
set in Style css, 1em above that in layout CSS media querys
This only changes font size for tables inside dot divs */
@media all and (max-width:768px) {
.image-with-label table {
	font-size: 1em;
}
/*hide woothemes mobile menu */
.nav-toggle {
	display: none;
}
}

/* adjust dot text size as screen gets smaller
so it still fits inside dots
these are really set by eye considering
the max quantity of text used and how
it fits*/
@media all and (max-width:910px) {
.dot-text { /*set both in case WP applies a p tag */
/* font-size:0.7em; */	
}
}

@media all and (max-width:810px) {
.dot-text {
	font-size: 0.9em;
	margin: 0 10px;
}
}

@media all and (min-width:769px) {
/*.single-product .upsells.products ul.products, .single-product .upsells.products h2 {
margin-top: -144px !important;	
}*/
	.form-row.notes {
	width: 100%;
	float: left !important;
}
}

@media all and (max-width:720px) { /*below ipad portrait size */
.dot-text { /*set both in case WP applies a p tag */
	font-size: 0.8em;
}
}

@media all and (max-width: 640px) {
.dot-text { /*set both in case WP applies a p tag */
	font-size: 0.75em;
}
}

@media all and (max-width:575px) {
.dot-text { /*set both in case WP applies a p tag */
	font-size: 1em;
}
/* center on small screens vertical columns of dots */
	/* image */.dot-a-box, .dot-b-box, .dot-c-box {
	float: none;
	clear: both;
	margin: 1.5% auto;
	width: 260px;
	height: auto;
}
.image-with-label {
	display: block;
}
	.contact-tab{
		display:none;
	}
}

@media all and (max-width:450px) {
.dot-text { /*set both in case WP applies a p tag */
	font-size: 0.834em;
}
}

@media all and (max-width:350px) {
.dot-text { /*set both in case WP applies a p tag */
	font-size: 0.75em;
}
}